руслан белый

Я вебмастер с ИП. Опыт работы — 10 лет.

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

В свободное время ищу ошибки на сайтах и учу делать контентники

Рассылка
Популярное

Как решить любую техническую проблему

Сколько денег надо
вложить в сайт

Как самому сделать сайт

Как выбрать нишу сайта

Бесплатный аудит сайта

Мероприятия

Пока мероприятий нет.

Установка и настройка шаблона Вордпресс

WordPress темы (themes, или шаблоны templates) — это один из моих самых любимых вопросов, наверно потому, что сам я в прошлом очень плотно занимался версткой и, в частности, версткой под WordPress (занимаюсь и сейчас время от времени).

Сама по себе эта тематика огромна и достойна отдельной книги, поэтому сильно развозить мы ее тут не будем, а только лишь пройдемся по самым базовым основам.

Сразу давайте договоримся, что в дальнейшем тексте вместо слов тема, темы, темой (themes) мы будем использовать слово шаблон (templates), чтобы не плодить путаницу.

Оба эти слова синонимы и обозначают одно и то же.

Что такое шаблоны WordPress и для чего они нужны

Шаблоны — это упорядоченная совокупность html, css, javascript и php файлов, со строгим именованием и иерархической структурой. Эта структура определяет какие файлы шаблона и в какой последовательности будут применяться для отображения того или иного контента

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

В отличие от плагинов, работа с шаблонами чаще всего ведется через FTP, то есть напрямую в коде, начиная от установки и удаления, и заканчивая какими-то доработками внешнего вида сайта.

Формально, для того, чтобы WordPress понял, что в него загрузили шаблон, а загружаются он, как мы помним в wp-content/themes, папка шаблона должна содержать минимум 3 файла index.php, style.css и functions.php. При чем в style.css должен быть размещен специальный опознавательный код.

  1. index.php — это главный файл в шаблоне через который осуществляется вывод всех типов контента в случае, если для этого не предусмотрены другие файлы темы
  2. style.css — это главный файл стилей
  3. functions.php — это главный файл настроек шаблона, а также место где можно создавать свои функции и использовать их глобально в любом файле темы

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

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

Тем не менее, вот минимальный список того, на что надо обратить внимание при выборе и перед установкой шаблона:

  1. Заголовки статей на главной обернуты в тег h2
  2. Заголовки статей на внутряках обернуты в тег h1
  3. Название или описание сайта на главной должно быть обернуто в тег h1
  4. Название или описание сайта на внутряках должно быть обернуто в тег div
  5. Заголовки других элементов блога, например виджетов, должны быть обернуты в div
  6. Не должно быть внешних ссылок, ведущих на другие сайты
  7. В коде шаблона не должно быть встроенных стилей и скриптов
  8. В шаблоне должна быть настроена 404 страница
  9. Желательно, чтобы в шаблоне была встроена микроразметка schema.org

Обзор вкладки «внешний вид»

Перейдем к рассмотрению вкладки «внешний вид», которая отвечает за управление шаблонами из админки. В самом простом виде она имеет вот такие подразделы:

управление внешним видом wordpress

Дадим краткую характеристику по каждому разделу:

  • «Темы» содержит список установленных на сайте шаблонов
  • «Настроить» позволяет сделать базовые настройки, наподобие заголовка и описания сайта (эти же настройки можно сделать через пункт меню «настройки» — «общие»), а также задать статическую главную страницу. Это бывает нужно, когда вы не хотите, чтобы на блоге у вас на главной странице не выводились посты, а была просто, какая-нибудь информация. Содержание этого раздела может сильно меняться от шаблона к шаблону, но суть везде остается той же — базовая настройка темы.
  • «Виджеты» позволяет устанавливать и настраивать доступные виджеты для вашего сайта. Вообще, что такое виджет? Это маленькая визуальная функциональная единица сайта, которая выполняет определенную функцию, например форма подписки на обновления блога, поиск, вывод топ комментаторов и др. Многие плагины представляют свои собственные виджеты, чтобы отобразить на сайте свой функционал.
  • «Меню» позволяет создавать различные меню и выводить их на сайте в специальных местах, в том числе и с помощью виджетов (произвольное меню)
  • «Редактор» аналогично с редактором у плагинов, позволяет напрямую из админки блога редактировать файлы темы. Я не рекомендую пользоваться этим редактором, так как можно положить блог раз и навсегда и поможет только восстановление из бэкапа.

А теперь о некоторых пунктах чуточку подробнее.

Установка и удаление WordPress шаблона

Через раздел «Темы», помимо просмотра списка установленных шаблонов можно устанавливать и удалять их напрямую из админки.

Чтобы установить новый шаблон, надо действовать по аналогии с плагинами — нажимаем «добавить новую», затем вводим название в поиск и нажимаем enter, после чего перед нами появится список шаблонов, удовлетворяющий введенному слову, или, пользуясь «фильтром характеристик», позволяющим указать различные параметры шаблона по которым будет осуществлен поиск:

поиск шаблона wordpress

жмем «применить фильтры» и перед нами появится такой же список шаблонов, как и в первом случае, только уже удовлетворяющий заданным критериям фильтра:

установка шаблона wordpress

Нажимаем «установить». Все, шаблон установлен.

Скажу честно, я таким способом шаблоны никогда не устанавливаю ) Мне обычно удобнее установить по FTP, скопировав файлы темы в папку wp-content/themes, а затем активировав их через админку.

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

Чтобы удалить WordPress шаблон, необходимо перейти к списку установленных тем, навести курсор и кликнуть по миниатюре шаблона, после чего откроется информационная панель, где в правом нижнем углу будет ссылка «удалить».

Кстати, я таким способом тоже никогда не удаляю, так как мне проще грохнуть файлы через FTP или SSH.

О меню в WordPress

Работая с блогами других людей я очень часто встречаюсь с тем, что многие совершенно не используют имеющийся в их распоряжении функционал меню. По-умолчанию, в меню WordPress выводит все страницы верхнего уровня.

Зачастую страниц бывает больше, чем необходимо и тогда в ход идет какой-нибудь плагин, который позволяет исключать некоторые страницы из навигации. Возникает вопрос: «Зачем?»

В разделе «меню» вы можете создать список нужных вам страниц:

меню в wordpress

и затем вывести его в нужно области темы (есть даже специальный виджет «произвольное меню») при условии, что создан специальный регион.

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

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

Где брать хорошие WordPress темы

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

Но если выхода нет, то я бы стал брать бесплатные шаблоны только в репозитории WordPress, а, если говорить о платных, то только на themeforest.net или других аналогичных иностранных сайтах.

Вот еще несколько ссылок, на которых я лично делал покупки:

  1. elegantthemes.com
  2. woothemes.com
  3. studiopress.com

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

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

На этом по шаблонам у меня все. Жду вопросы, пожелания и рекомендации.

Спасибо, что остаетесь на связи!

как самому сделать сайт