Введение
Создание собственного сайта — кропотливая работа, которая требует много времени и сил. Использование CMS значительно облегчает этот процесс, делая его доступным и для рядового пользователя. Однако даже в этом случае вам нужно определиться — что и как именно будет представлено на вашем сайте.
Если вы еще не определились с тем, какие плагины следует установить, рекомендуем прочитать статью «23 самых популярных плагина Wordpress».
Если же вы уже выбрали техническую составляющую вашего ресурса, самое время перейти к следующему этапу — выбору графического оформления вашего сайта.
Что такое шаблон
Шаблон (или тема) — это определенный набор файлов, которые определяют внешний вид вашего сайта. Именно их данные используются для оформления и правильного вывода информации пользователям.
Как правило, шаблон состоит из нескольких файлов: одни отвечают за визуальное представление различных элементов, другие определяют правильные места для вывода информации (что в каком блоке будет показано посетителям ресурса), третьи являются графическими файлами, необходимыми для правильного отображения темы.
Особое внимание следует обратить на тот факт, что системные и шаблонные файлы в WordPress работают независимо друг от друга, то есть вы можете менять тему и, к примеру, обновлять версию WordPress в разное время.
Как выбрать шаблон
Все шаблоны WordPress можно разделить на две группы, а именно платные и бесплатные.
Как можно догадаться, бесплатные шаблоны распространяются абсолютно свободно, в то время как за использование платного шаблона необходимо заплатить.
Со списком бесплатных тем вы можете ознакомиться в панели администрирования WordPress. Для этого вам нужно выбрать соответствующий пункт в меню:
Далее вам нужно нажать «Добавить новую тему», и вы увидите темы, разбитые по категориям: «Избранные», «Популярные», «Свежие» и «Любимые». Так как количество всех шаблонов составляет несколько тысяч, для своего удобства вы можете воспользоваться фильтром характеристик в конце списка категорий: здесь вы можете отметить, какой у шаблонов должен быть цвет, как должны располагаться блоки и какие функции шаблон должен поддерживать. Также отдельно вы можете указать определенную тему шаблона: праздник, фотоблог или времена года.
Примечание.
Скачивайте бесплатные шаблоны только из официального каталога WordPress, так как перед попаданием в этот список все темы тестируются на соответствие стандартам в области безопасности, кросс-браузерности, соответствии лицензии GPL и т.д. Если вы воспользуетесь непроверенным источником, то вместе с темой можете загрузить на свой сайт вредоносный код, который может навредить вашему ресурсу, вам и вашим пользователям.
Что касается платных шаблонов (или их еще называют премиум-шаблоны), то их можно купить на отдельных сайтах — биржах или ресурсах определенных компаний-разработчиков. С их списком вы можете ознакомиться на сайте WordPress: https://wordpress.org/themes/commercial/
У платных тем есть два преимущества: во-первых, благодаря им дизайн вашего сайта может стать действительно уникальным и не пересекаться с дизайном большинства других ресурсов на WordPress; во-вторых, как правило, платные шаблоны имеют более качественный код, а значит, с ними возникает меньше проблем; также они обычно поддерживаются разработчиками и авторами проекта — в случае возникновения каких-то вопросов у вас всегда будет, к кому обратиться.
В конечном счете только вам решать, какой шаблон использовать, — отталкивайтесь от своих желаний и целей. Как правило, для блогов и личных страниц можно подыскать подходящий бесплатный шаблон, а вот коммерческие сайты и большие веб-ресурсы лучше создавать с использованием платных тем, так как тогда они будут выделяться на фоне других сайтов на WordPress, а также будут отличаться стабильностью работы.
Советы по выбору шаблона
При выборе подходящего шаблона следует учитывать не только то, насколько сильно вам нравится (или не нравится) его дизайн, но и некоторые другие параметры.
К примеру, если вы планируете монетизировать свой ресурс, необходимо предусмотреть место для будущих рекламных баннеров и объявлений. В этом случае лучше выбрать шаблон с тремя и более колонками.
Если вы собираетесь использовать на сайте свой логотип, при выборе темы представьте, как она будет сочетаться с вашим фирменным знаком, и где его будет лучше расположить. В некоторых шаблонах для логотипа уже заготовлено специальное место.
Если вы планируете активно продвигать свой сайт в поисковых системах, убедитесь, что выбранная тема имеет подходящий для SEO код. Обязательно читайте описания шаблонов, где часто перечислены их основные характеристики.
Крайне важно, чтобы выбранная вами тема была адаптивной — тогда ваш сайт будет удобно просматривать как с экрана монитора, так и планшета или мобильного телефона.
Также обратите внимание на скорость загрузки темы — если ваш ресурс будет загружаться дольше 3-5 секунд, велик шанс, что вы будете терять большую часть своей аудитории.
Перед установкой обязательно внимательно протестируйте шаблон: как работают кнопки, какое впечатление производит оформление, шрифты, нравится ли вам дизайн и функционал шаблона в целом.
Как установить и настроить шаблон
Установка шаблона — простая и быстрая операция, которая обычно не вызывает никаких вопросов. Однако чтобы полностью осветить тему, касающуюся шаблонов WordPress, далее мы пошагово расскажем, как правильно установить, активировать и настроить шаблон.
- Зайдите в панель правления своего сайта на CMS WordPress.
- Перейдите во вкладку «Внешний вид», а затем выберите пункт «Темы».
- Перейдите к добавлению новой темы и найдите шаблон, который вы выбрали, следуя инструкции выше (не забывайте про поиск по названию — он поможет вам в случае, если вы не можете найти понравившуюся тему в списке).
- Затем вы можете сразу активировать шаблон (это можно сделать сразу после установки либо во вкладке «Темы», где отображаются все установленные у вас на сайте темы) либо посмотреть, как установленная тема будет смотреться на вашем сайте, нажав кнопку «Просмотреть» в нижней части шаблона. При просмотре вы можете также сразу настроить данную тему.
- После активации нажмите кнопку «Настроить» под активной темой и перейдите к редактированию внешнего вида вашего сайта (к настройке можно также перейти, выбрав пункт «Настроить» во вкладке «Внешний вид»).
- Вы можете отрегулировать множество разных параметров, при этом все изменения будут сразу отображаться на макете вашего сайта. А для того, чтобы они вступили в силу, нажмите кнопку «Сохранить и опубликовать».
- Если вы хотите удалить шаблон, вам нужно найти его в списке всех установленных тем и нажать на кнопку «Информация о теме» — в появившемся окне нажмите на кнопку «Удалить» в нижнем правом углу и подтвердите свой выбор. Удаление возможно только в случае, если данный шаблон не является активированным.
Примечание.
Если у вас есть архив с загруженной на ваш компьютер темой, то вы можете загрузить ее в этой же вкладке «Добавить темы», нажав на кнопку «Загрузить тему» справа от надписи наверху.
Как редактировать шаблон WordPress самостоятельно
При наличии достаточных навыков вы можете вносить любые правки в шаблон WordPress самостоятельно. Для этого вам нужно редактировать файлы, относящиеся к установленной теме. Получить доступ к этим файлам можно двумя путями.
Первый способ
Вы можете найти эти файлы в панели управления сайтом во вкладке «Внешний вид», пункт «Редактор».
Второй способ
Эти же файлы вы можете найти в файловом менеджере по следующему пути:
Примечание.
Внимательно относитесь к любым вносимым в файлы правкам, так как они могут повлиять на работоспособность вашего ресурса.
Каждый из файлов отвечает за определенную часть вашего сайта. В целом план главной страницы WordPress выглядит следующим образом:
То есть за внешний вид верхней части страницы отвечает файл header.php, за основную часть, содержание страницы — index.php, за нижнюю часть (так называемый подвал) — footer.php, за боковую часть (меню) — slidebar.php, а за комментарии — comments.php.
Однако этими блоками содержание вашего сайта не исчерпывается, поэтому есть множество других файлов, к примеру, файл single.php отвечает за внешний вид записей, а archive.php определяет внешний вид страницы для архивов. Результаты поиска можно увидеть в таком виде благодаря файлу search.php; существует даже отдельный файл для ошибки 404 — 404.php.
За сам дизайн сайта отвечает файл style.css, а файл functions.php можно отметить как один из наиболее важных, так как он отвечает за то, чтобы все файлы темы работали согласованно.
При этом количество файлов может быть и не таким большим: для того, чтобы написать свою самостоятельную тему для WordPress, достаточно всего двух файлов — style.css и index.php. Также необходимо знание разметки HTML, CSS и языка программирования PHP.
Заключение
Теперь, когда вы знаете, как устанавливать и настраивать плагины, вы можете сделать дизайн своего сайта особенным и узнаваемым. Экспериментируйте и ищите именно те сочетания элементов, которые будут радовать вас и посетителей вашего ресурса.
Комментарии