Приветствую, Вас, уважаемые читатели, ИнетСоветы.ру!
Неотъемлемой частью привлекательности любого сайта является его оформление. В этой статье мы разберем как поменять стандартный WordPress шаблон на тот, который нам нравится. Сейчас в интернете можно найти найти тысячи бесплатных шаблонов для блога на WordPress. Достаточно ввести в поисковую фразу поисковика Яндекс или Google одну из следующих фраз: «шаблоны WordPress», «темы для WordPress». И от разнообразия тем у Вас глаза будут разбегаться
Почитайте, какие скрытые угрозы скрываются в бесплатных шаблонах по ссылке https://inetsovety.ru/skrytye-ugrozy-v-besplatnyh-shablonah/
Чтобы определиться какой дизайн Вам нравится и наиболее подходит для выбранной тематики, уделите немного времени изучению дизайна на сайтах конкурентов. Посмотрите какие части дизайна Вам нравятся, а какие совсем не в тему. Представьте или нарисуйте на листе бумаги, какая структура блоков должна быть на Вашем сайте. Со своего опыта скажу, что выбрать подходящую тему не так уж просто. На поиски шаблона, который понравится в первую очередь Вам, может уйти несколько дней, а то и недель.
Большинство бесплатных шаблонов генерируются программами. Можно встретить один и тот же шаблон, но в различных цветах. У большинства из них структура WordPress шаблона сложная. Поэтому, если Вы планируете в будущем самостоятельно редактировать дизайн сайта (менять размер блоков, редактировать отдельные элементы), то обращайте внимание на структуру шаблона, чтобы она была хоть немного понятна Вам. При выборе шаблона на сайтах, пользуйтесь функцией предпросмотра. Она дает возможность посмотреть как будет смотреться сайт и отдельные его страницы. Другие советы по выбору дизайна сайта, читайте тут.
Как сменить шаблон на WordPress
Итак, шаблон Вы подобрали и теперь рассмотрим как его установить.
- Заходите в админку и переходите в раздел Внешний вид — Темы:
- Далее следует перейти на вкладку Установить темы. После чего нажмите на ссылку Загрузить. На открывшейся странице кликните на кнопку Обзор и укажите путь к загружаемому шаблону. Обратите внимание на то, что шаблон должен иметь формат .zip. Если архив с шаблоном имеет формат .rar, то нужно распаковать тему и заархивировать заново именно в формате .zip.
- Последним шагом в установке шаблона является — его активация. Для этого нажмите на кнопку активировать:
На этом установка выбранного Вами шаблона закончена. Рекомендую Вам проверить плагином TAC наличие зашифрованных внешних ссылок в теме. Практическая каждая бесплатная тема содержит спрятанную в шаблоне ссылку, а порой и не одну. Если Вы нашли зашифрованные или скрытые ссылки, почитайте в этой статье как удалить ссылки в шаблоне.
Обзор php файлов, из которых состоит структура шаблона на WordPress
Если Вы создаете свой блог, то рано или поздно Вам придется редактировать некоторые файлы шаблона, добавляя в него новые функциональны возможности. Сейчас все больше шаблонов создаются с помощью специальных программ, и в зависимости от функциональности, шаблон может состоять из большого количества файлов. Но, ядро шаблона у всех одинаковое.
На картинке ниже показана структура структура шаблона на WordPress блоге, состоящая из базового набора php файлов:
Каждый шаблон состоит из следующих обязательных блоков: шапка, контент (содержание), сайдбар и футер. Некоторые шаблоны содержат 2 сайдбара и являются двух колоночными.
Давайте рассмотрим какой файл шаблона WordPress за что отвечает:
header.php — с помощью данного файла задается вывод шапки. В шапке задается вывод логотипа, названия и описания блога, горизонтального меню. В некоторых шаблонах в шапке выводится рекламный баннер и строка поиска.
index.php — файл, в котором прописан код главной страницы сайта.
archive.php — данный файл задается отображение записей на страницах архива. В этом файле можно установить удобную постраничную навигацию.
page.php — в данном файле находится код вывода статичных страниц блога.
single.php — данный файл содержит код, который отображает страницы со статьями. В него можно добавить дополнительные элементы, такие как: кнопки социальных сетей (вконтакте, твиттер, фейсбук, гугл +1), вывод похожих записей, форму подписки по RSS.
search.php — отвечает за отображение результатов поиска на блоге.
footer.php — футер или подвал. Самая нижняя часть блога. Здесь прописывается копирайт, ссылка с анкором на главную страницу, также можно добавить коды счетчиков.
sidebar.php — сайдбар или боковая колонка. В зависимости от шаблона, может быть 1-2 сайдбара. В сайдбаре выводятся различные виджеты.
404.php — страница ошибка, которая показывается посетителям в случае перехода на несуществующую страницу. Как создать страницу ошибки 404 читайте тут.
style.css— именно в этом файле прописываются все коды, отвечающие за оформления блога. Если нужно поменять цвет фона, размер шрифта текста, оформление какого-нибудь блока, то обращаемся к этому файлу.
functions.php — файл функций темы. Тут подключается вывод сайдбара, функция вывода миниатюр к записям, и прочие.
Теперь Вы знаете какой файл за вывод какого участка шаблона отвечает и сможете самостоятельно редактировать их. Не забывайте перед редактированием какого-либо из этих файлов сохранять резервную копию шаблона.