Настройка темы

Настройка темы
18 Мар

Настройка темы WordPress для новичка

Здравствуйте, дорогие читатели моего блога! Сегодня мы затронем одну из важных частей настройки сайта на WP, такую как – Настройка темы WordPress. Зачастую, новички в этом деле испытывают некоторые трудности, в силу того, что просто не знают ещё порядок действий или же просто не понимают, что за что отвечает. В этой статье я постараюсь наглядно показать, как настраиваются большинство более-менее нормальных шаблонов и главное где?!

Если вы следуете моим инструкциям с самого начала, то вы уже выбрали и установили тему для опытов вместе со мной в предыдущей статье. Для тренировки советую выбрать её, а позже уже решите, оставаться на ней или же выбрать более подходящий шаблон. Настройки шаблонов очень схожи, поэтому научившись настраивать один, сможете настраивать большинство других.

Прежде чем приступить к настройке темы, давайте удалим другие не нужные темы скаченные при установки. Как можете заметить из админ-панели это сделать не возможно, можно только добавить новую, но избавиться от старых тем не получиться. Для этого мы перейдем в папку сайта и удалим ненужные нам темы в ручную.

 

Удаление ненужных тем (шаблонов)

В нашем случае, сайт находится на локальном сервере OSPanel. Если вы работаете на Денвере, суть особо не меняется, пути к папкам будут схожи, кроме папки “www”, которой в Опене нет. Нажимаем зеленый флаг в трее компьютера и выбираем пункт: “Папка с сайтами”. Откроется окно со всеми нашими сайтами. Открываем папку с нужным нам сайтом и видим структуру папок и файлов.

Далее переходим по следующему пути: “wp-content > themes”, здесь располагаются все темы, скачанные и установленные на нашем сайте. Внимательно посмотрите на названия папок и удалите все папки кроме нашей темы. А наша тема называется “Freddo”. После удаления лишних папок зайдите в админке во вкладку “Внешний вид” и убедитесь, что всё сделали правильно. В этой вкладке должна присутствовать только наша тема и всё. Если попросит обновление, смело обновляйте до последней версии.

Далее нам нужно включить главную страницу для нашего сайта, по умолчанию это страница блога, но мы сделаем её так, как показано в демо от производителя. Для начала создадим новую страницу с названием “Главная” с нужными параметрами. Переходим в меню “Страницы > Добавить новую” и создаем её. На рисунке ниже я показал красной рамкой настройки которые должны быть выбраны при создании главной страницы.

В пункте шаблон выбираем именно One Page Website и ничто другое, иначе главная страница будет обычной страницей без всяких прибамбасов представленных этой темой. Далее переходим в меню “Настройки > Чтение” и выбираем в качестве Статической страницы нашу главную, созданную в предыдущем шаге, а в качестве блога, страницу блога. Если её нет, нужно будет создать.

 

Настройка темы ВордПресс Freddo

Итак, приступаем непосредственно к настройке этой темы. Заходим во “Внешний вид” и прокрутив страницу до конца вы увидите ряд кнопок относящихся к этой теме. Количество кнопок и наличие русского языка будет отличаться в других темах, поэтому не пугайтесь, если увидите что-нибудь другое в другом шаблоне. Нажимаем кнопку “Настроить” и попадаем в визуальный редактор WordPress’а.

Где слева – область в которой настраивается тема, а справа – будет показываться результат настройки сразу без перезагрузки страницы. Так как визуальный редактор потребляет не мало ресурсов, не пугайтесь если у вас процесс редактирования будет медленным. Это нормальное состояние для локального сервера. На хостинге будет быстрее.

Я не просто так выбрал именно эту тему для примера. В ней пункты меню практически переведены на русский язык, поэтому разобраться будет гораздо легче в первый раз. Остальные же, хорошие темы, скорее всего будут полностью на английском языке. Но зная, хоть примерно, что к чему относиться, настроить будет уже не проблема.

Приступим к настройке. Будем открывать каждый из данных пунктов и пошагово настраивать. Первый пункт “Freddo PRO Theme” мы пропускаем, этот пункт предназначен для активации платных возможностей и переходим ко второму пункту.

В пункте “Свойство сайта” находится настройка логотипа, который будет отображаться в шапке, включение или отключение описания и фавиконка (маленькая картинка рядом с названием сайта в поисковых системах).

Здесь можно выбрать между показом логотипа или показом только описание. В некоторых темах можно выбрать параллельный показ и того и другого. Здесь всё предельно понятно, загрузите картинки и приступайте к следующему шагу нажав кнопку назад в верху настроек.

 

Генеральные настройки темы

Следующий пункт “Freddo Theme Options” Отвечает за глобальную настройку как главной страницы так и страниц блога и их анонсов. Настройки здесь на английском языке, но чтобы понять, что к чему привязано, придется потыкать на каждую и посмотреть изменения. К этому пункту советую вернуться после того, как настройка по другим пунктам будет осуществлена. Сейчас опишу вкратце, что делает каждый пункт.

В первом пункте General Settings, представлены главные настройки темы такие как:

 

  • Вкл. и откл. Прелеодера на страницах.
  • Включение или отключение поисковой строки в шапке сайта.
  • Настройка плавного скролинга страниц.
  • Показ кнопки “ВВерх” в мобильной версии сайта.
  • Показ альтернативного меню в мобильной версии.
  • Настройка оконцовки анонса статей, по умолчанию “…”.
  • И количество слов в анонсах по умолчанию “30”.

 

Во втором пункте Post and pages settings, настройки постов и страниц:

 

  • Показать или скрыть кнопку “Прокрутить вниз”.
  • Сам текст этой кнопки, нужно заменить на “Прокрутить вниз”.
  • Выбрать, показать анонс статьи или полностью статью на странице блога.
  • Выбрать эффект изображений.

 

Третий пункт Theme Colors, отвечает за цвета на сайте в:

 

  • шапке сайта.
  • центральной части сайта, контент.
  • боковой колонке, сайтбар.
  • подвале сайта, футер.

 

Четвертый пункт Footer Social Buttons, отвечает за социальные кнопки на сайте. Думаю здесь и так всё понятно, подробно объяснять не нужно. Вставляете ссылку на соцсеть, появляется на сайте кнопка, не вставляете, не появляется.

Следующий пункт и есть настройка красивой и функциональной главной страницы. В этом разделе, как раз и добавляются различные блоки и функции.

 

Настройка темы главной страницы

Первый пункт Onepage general settings, отвечает за включение и выключение боковых маркеров справа макета. Маркеры это такие кружочки нажав на которые страница будет листаться вниз или вверх.

Каждый из оставшихся пунктов добавляют блоки в главную страницу. Каждый блок интуитивно понятный и разобраться в них не составит труда. Описывать каждый из них не буду, смысла не вижу.

С остальными настройками, думаю разберетесь уже. Пункт “Меню” отвечает за выбор версии меню из нескольких вариантов. “Виджеты” отвечает за настройку виджетов в сайтбарах на страницах и записях. Вкладка “Настройки главной страницы” отвечает за выбор Статической страницы, которую мы выбирали в админке. И наконец пункт “Дополнительные стили” отвечает за сторонние стили, добавленные вами в ручную.

Ну вот и всё! С настройкой главной страницы мы закончили. Если остались какие-то вопросы, смело задавайте их в комментариях. Не забывайте подписываться на мою новостную рассылку, чтобы не пропустить новую статью. Успехов вам!


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Как вам статья? На пятерочку тянет?)
Загрузка...

Андрей WPM

Являюсь создателем и автором этого блога. Хотите стать соавтором и зарабатывать на написании статей? Тогда переходите на страницу "Стать автором". Не забывайте подписываться на рассылку, а так же участвовать в конкурсах блога.

2
Оставить комментарий

avatar
1000
1 Цепочка комментария
1 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
2 Авторы комментариев
WPMasterKirill Zotov Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Kirill Zotov
Гость
Kirill Zotov

А разве так можно? В 2018м живемс…