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

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

Настройка темы 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, отвечает за включение и выключение боковых маркеров справа макета. Маркеры это такие кружочки нажав на которые страница будет листаться вниз или вверх.

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

Слайдер на русском языкеО насНаши преимуществаНаши достиженияПризыв к действиюКонтактыБлогСтраницы сайтаКонтакты

 

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

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


Подпишитесь, чтобы быть в курсе о новых статьях. Никакого спама, только по делу!


Последние 7 записей на блоге:
13.04.2018

Как заработать в интернете, в Казахстане и не только Каждый человек в возрасте от 12 до 60 лет, хоть раз, но задавался вопросом — как заработать в интернете? И это не удивительно, ведь на каждом…

12.04.2018

FTP доступ к сайту через Notepad++ Всем доброго времени суток! В данном посте хочу рассказать о замечательной функции моего любимого текстового редактора — FTP доступ в Notepad++. Каждый веб-мастер по разному относится к редактированию файлов на…

04.04.2018

Полезные хуки WordPress Всем привет! В этой статье я хочу поделиться с вами своей сборкой хуков для WordPress, которые облегчат вам жизнь. Здесь я не буду объяснять что такое хук, данного материала хоть завались в…

31.03.2018

Необходимые плагины для WordPress Здравствуй, дорогой читатель! В этой статье я вкратце рассмотрю необходимые плагины для WordPress, которые я рекомендую устанавливать на каждом сайте. Данный базовый набор плагинов я использую лично и в первоочередном порядке…

24.03.2018

SEO оптимизация WordPress Всем привет! В этой статье мы разберем что такое оптимизация WordPress и выполним базовую её настройку. Данные манипуляции советую производить на любом сайте сделанном на ВордПрессе, так как это является ключевым моментом…

23.03.2018

Как создать свой плагин для WordPress Здравствуйте, дорогие читатели! Перед тем как мы приступим к базовой оптимизации кода, я решил затронуть тему «Как создать свой плагин для WordPress»?! Многие сейчас решат, что я совсем сбрендил…

22.03.2018

Как сделать форму подписки без логотипа Приветствую всех! В этой статье я покажу как сделать форму подписки на вашем сайте без логотипа от сервиса Sendpulse. Многих вебмастеров не особо напрягает подобные логотипы от сторонних плагинов….


Понравилась статья? Поделись ею:

1 Комментарий
  1. Igor Novikov 13.05.2018 @ 23:12

    ___123___Настройка темы — Инструкция — Блог WPMaster.KZ___123___

    Ответить

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

Ваш e-mail не будет опубликован.


*