2 урок Установка темы и настройка меню

Автор: | 02.01.2016

Вы установили WordPress, но стандартная тема Twenty Eleven вам кажется слишком простой и скучной. Вы хотите придать своему сайту оригинальный внешний вид. Итак, как же установить новую тему оформления?

Смотрите также:

Для начала, разберемся, что такое «тема» в контексте WordPress.

Тема WordPress — это оболочка сайта, его внешний вид. С технической точки зрения, — это набор файлов .php и стилей разметки .css, которые определяют структуру, размещение и цветовое оформление элементов на сайте.

Вы можете посмотреть подробный видео урок в следующем ролике:

Важно отметить, что при смене темы сам контент и информационное наполнение сайта никак не меняется. Изменяется только подача этого материала. Вот пример. Так выглядит тестовый сайт на стандартной теме Twenty Eleven:

А так выглядит тот же самый сайт с замечательной журнальной темой PRESSure:

становка темы

Перед тем, как установить новую тему на сайт, нужно ее скачать. На просторах Интернета вы легко сможете найти сотни тысяч разных тем оформления WordPress как платных, так и бесплатных. Чтобы в этом убедиться, достаточно набрать поисковый запрос wordpress themes, и вы сами увидите количество результатов выдачи.

Если вас интересуют готовые темы на русском языке с качественным переводом и локализацией, с неплохой подборкой вы сможете ознакомиться на блоге Hostenko. Темы можно скачать как по-отдельности, так и сразу создать готовый сайт на базе выбранной темы.

Есть 2 способа установки темы WordPress на сайт: через Консоль управления сайтом или через FTP-клиент. Давайте вкратце рассмотрим оба варианта.

Установка через Консоль

Чтобы загрузить тему на сайт через Консоль, она должна быть скачана и сохранена в формате .zip. Только такой формат принимает встроенный в WordPress загрузчик тем.

Зайдите в Консоль и перейдите к меню Внешний вид → Темы. В этом меню отображены все установленные на сайт темы в текущий момент. Нажмите Установить темы.

Нажмите Загрузить:

Теперь указываем путь к сохраненной ранее теме в формате .zip и жмем Установить.

Тема установится, и по возвращению в меню Темы, вы увидите ее в списке Доступных тем. Просто нажмите Активировать.

Вот и все, новая тема активирована. Вы сразу же увидите уведомление о настройке виджетов.

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

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

Где брать хорошие бесплатные WordPress темы

Навороченные шаблоны на английском языке:

http://www.mafiashare.net/

Русские адаптивные шаблоны:

http://wp-templates.ru/

Меню

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

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

Customized main navigation menu in the Twenty Thirteen theme

Вы можете настроить меню следующим образом:

  • Изменить порядок страниц в меню или удалить некоторые из них
  • Создать вложенные, или выпадающие, меню
  • Создать ссылки на страницы рубрик
  • Добавить ссылки на другие сайты, например, ваш профиль в Twitter или Instagram

Создание меню

В консоли перейдите на страницу  Внешний вид → Меню. Щелкните ссылку создайте новое меню

ru_menus-edit-menu-screen

… затем введите Заголовок меню и нажмите кнопку Создать меню.

ru_create-menu

После создания меню появятся две настройки:

  • Auto add pages – Автоматическое добавление в меню новых страниц.
  • Theme locations – Позволяет выбрать расположение меню применительно к вашей теме. По умолчанию выбирается главная навигационная область. Если тема поддерживает несколько меню, можно выбрать другое расположение.

menus-menu-settings

↑ Содержание ↑

Добавление страниц

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

ru_menus-pages-module

↑ Содержание ↑

Упорядочение меню и создание вложенных меню

Упорядочить меню можно в любой момент простым перетаскиванием элементов меню. Чтобы создать вложенное, или “выпадающее”, меню…

ru_menus-submenu

… перетащите элемент вправо под родительский элемент.

ru_menus-drag

Для отмены действия перетащите элемент влево.

После окончания редактирования нажмите кнопку Сохранить меню.