Nothing found for Www Liveinternet Ru Click
Не найдено

Верстка шаблона Wordpress: пример создание темы из HTML

Опубликовано: 13.06.2017

видео Верстка шаблона Wordpress: пример создание темы из HTML

Натяжка шаблона на WordPress | #1

В одной из статей я рассказывал, как делать шаблон сайта средствами HTML и CSS . Сейчас объясню, как сделать из простого HTML-шаблона тему WordPress на примере дизайна из той статьи.


Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)

Адаптировать дизайн под WordPress может понадобиться по многим причинам, например, вы переносите на CMS свой некогда статичный сайт, или вам понравился дизайн, которого в коллекции WordPress ещё нет, или вы просто хотите разобраться, как устроены темы этой CMS изнутри.


Как сделать тему Wordpress. Верстка темы с нуля.

Итак, приступим.

Распределяем код по файлам

1. Скачайте шаблон и распакуйте его в папку с темами WordPress (адрес вида адрес_блога_wordpress/wp-content/themes/ ). Если хотите, переименуйте папку с темой на свой вкус. Например, у меня шаблон располагается по адресу адрес_блога_wordpress/wp-content/themes/MyTheme/ .

2. Переименуйте файл styles.css в style.css .

3. Откройте style.css в редакторе кода (таком, как Notepad++) и в самое его начало вставьте следующие строки:

/* Theme Name: MyTheme Theme URI: http://test1.ru Author: NoName Author URI: http://test1.ru Description: Example of test Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */

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

4. Создайте файлы header.php , index.php , sidebar.php , footer.php и распределите по ним код из index.html .

4.1. В header.php скопируйте код по строчку <!-- Конец шапки --> , так как этот файл отвечает за верх сайта. styles.css замените в коде на style.css — новое корректное имя файла.

Новости:
    rss