Установка темы (шаблона) сайта на WordPress


Установка темы (шаблона) сайта на WordPress

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

Начнем с конца: включим одну из тем оформления, уже установленных в WordPress по умолчанию. Для этого в админке переходим в меню «Внешний вид» / «Темы». А на странице выбираем вкладку «Управление темами» или «Установить темы», в зависимости от нашей цели.

«Внешний вид» / «Темы»

На вкладке «Управление темами» WordPress показана активная сейчас тема («Текущая тема») и неактивные, но установленные на нашем сайте («Доступные темы»).

Под каждой темой есть ссылки: Активировать, Просмотреть, Детали, Удалить. Если нажать на ссылку «Активировать», то эта тема переместится на место текущей, а наш сайт станет выглядеть… по-другому.

«Активировать»

Например, в теме oleksite.com и в стандартной «ворпрессовской» теме Twenty Thirteen, которая появилась в версии 3.6:

Twenty Thirteen

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

УСТАНОВКА ТЕМ WORDPRESS ЧЕРЕЗ АДМИНКУ

Есть несколько способов установки тем WordPress на сайт, но рассмотрим самые простые – через админку. Для этого в меню «Темы» перейдем на вкладку «Установить темы».

Вверху есть меню с пунктами: Поиск, Загрузить, Избранные и так далее. Ниже - Фильтр характеристик (цвета, колонки, ширина и другое). Для поиска нужно указывать ключевые слова на английском языке, например, school или beautiful. Если нажать пустой поиск, то WordPress покажет все свои темы:

УСТАНОВКА ТЕМ WORDPRESS ЧЕРЕЗ АДМИНКУ

В каждой теме можно выбрать установку, просмотр на своем сайте или «детали» – информацию о теме.

В каждой теме можно выбрать установку, просмотр на своем сайте или «детали»

Нажимаем «Установить» под выбранной темой: тема устанавливается и предлагает себя активировать.

УСТАНОВКА СКАЧАННЫХ ТЕМ WORDPRESS

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

Итак, увидели и скачали тему WordPress. Убедитесь, что она в архиве формата ZIP. Мы не будем ее разархивировать, чтобы не заморачиваться, поэтому формат RAR в данном уроке не подойдет и рассматриваться не будет – как-нибудь в другой раз, может быть.

УСТАНОВКА СКАЧАННЫХ ТЕМ WORDPRESS

Теперь идем в админу на вкладку «Установить темы» и выбираем в ее меню «Загрузить». Выбираем скачанный на компьютер ZIP-архив и нажимаем кнопку «Установить».

«Установить»

После установки темы ее можно «просмотреть» или «активировать».

После установки темы ее можно «просмотреть» или «активировать»

Нажмем на «Просмотреть»: справа будут кнопки «Отмена» и «Сохранить и активировать».

Нажмем на «Просмотреть»

На этом закончим пока. Хочу только предупредить, что при попытке загрузки темы может появиться такое сообщение:

Ошибка при установке темы WoprdPress

Дело в том, что в архиве должна быть только папка темы, непосредственно в которой находятся файлы этой темы WordPress. Но иногда разработчики-авторы архивируют не только тему, а и дополнительные файлы: изображения шаблона в «фотошопном» формате, варианты для разных операционных систем и так далее. А потом всё это уже архивируют.

В таком случае нужно на компьютере извлечь из архива только папку с темой и запаковать ее отдельно в ZIP-архив, который и загружается на сайт. Я уже утомился писать, поэтому, если кому-то нужны подробности – спрашивайте в комментариях!

Вот так и выбирается одёжка для своего сайта на WordPress. А как ее редактировать и настраивать, подробно поговорим позже - это очень обширная тема.

ZeHawk

Фото: ZeHawk / Flickr.com

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



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


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>