Урок 1. Минимальная тема WordPress.

Вступление

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

Каждая тема для WordPress располагается в каталоге /wp-content/themes/

Чтобы начать создание собственной темы просто создайте новый каталог, например /wp-content/themes/amigo

1. В первую очередь создадим файл стилей в каталоге нашей темы с именем style.css, заполним его следующим содержимым:

/*
Theme Name: Amigo Template
Theme URI: http://amigodev.com/wp-template/
Author: the AmigoDev Team
Author URI: http://amigodev.com/
Description: Minimalistic simple theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, minimalistic
Text Domain: amigodev

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

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

2. Создадим файл index.php, но пока оставим его пустым.

3. Теперь перейдем в панель управления и зайдем в меню "Внешний вид" - "Темы":

Вы уже можете активировать Вашу тему, нажав на кнопку "Активировать". Если вы зайдете на Ваш сайт, вы увидите белую пустую страницу.

Также вы можете заметить, что в списке тем наша тема сейчас представлена без картинки, чтобы это исправить в корневой каталог нашей темы нужно поместить файл screenshot.png с превью изображением будущей темы.

 

Поделиться: 




Чтобы оставить комментарий - авторизуйтесь




  WordPress. Серия уроков. Разработка сайта с нуля , WordPress   16.01.2018