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

Настройка темы
Автор блога
Андрей WPM

Андрей WPM

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

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

Обратите внимание!
Данная статья, ждет своей очереди на доработку. Слетели все картинки, поэтому сориентироваться будет сложно. Ждите перезапуска статьи. А чтобы время не прошло впустую, советую ознакомиться со статьёй скрытые функции 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, отвечает за включение и выключение боковых маркеров справа макета. Маркеры это такие кружочки нажав на которые страница будет листаться вниз или вверх.

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

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

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


Андрей WPM
Опубликовал - Андрей WPM

Друзья, блогу нужна ваша поддержка. Если вам понравилась статья или она вам помогла решить задачу, поделитесь ею в одной из соцсетей. Этим вы поможете дальнейшему развитию. Всем активистам - спасибо!


CTRL+D

Бонус для читателей WPMaster.kz. Предлагаю познакомиться с новым разделом на блоге - Промокоды. Только самые лучшие и нужные промокоды для покупок плагинов, тем, обучения, сервисов и т.д.



2
Вопросы не по теме статьи, задавайте в разделе "Флудилка".

avatar
1000
  Подписаться  
новее старее
Уведомление о
Kirill Zotov
1 комм.
Kirill Zotov

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