Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Темизация WordPress 4

Создаём простую тему WordPress

Создаём свою тему на WordPress 4

Добрый день дорогие друзья, рад приветсвовать вас в цикле уроков по созданию темы для WordPress 4, с нуля. Данный учебник предназначен для начинающих WordPress специалистов. Работать будем с четвёртой версии WordPress.

Прежде чем начать изучать уроки по темизации WordPress, вы уже должны знать как установить WordPress (локально или на хостинг). Уметь администрировать WordPress: создавать посты и страницы, пользоваться виджетами и плагинами.

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

В цикле уроков учебника по «Самостоятельному созданию своей темы для WordPress», мы научимся:

  1. Разбираться в иерархии шаблонов WordPress
  2. Создавать шаблоны для постов (записей) и страниц
  3. Узнаем что такое цикл и его теги (функции)
  4. Грамотно подключать файлы стилей CSS и скриптов JavaScript
  5. Использовать файл functions.php с помощью которого на сайт внедряются, такие элементы как:
    • Сайдбар с виджетами
    • Произвольное меню
    • Миниатюры
    • Устанавливают правильные пути к файлам CSS и JS
    • и мн.др.
  6. Создавать собственные комментарии для сайта
  7. и много чего ещё интересного…

Итак приступим, для начала проясним некоторые слова, которые будут использоватся в данном учебнике.

Тема — это набор файлов которые формируют дизайн сайта, созданного с помощью WordPress.
Шаблон (файл-шаблон) — это файл, являющийся частью темы WordPress, с помощью файл-шаблонов обозначают как будет выглядеть шапка сайта, сайдбар или подвал, также с помощью шаблонов обозначают как будет вяглядеть главная страница сайта, одиночный пост, одиночная страница, страница категории и т.д.

Где хранятся темы WordPress?

Темы которые установлены в ваш WordPress, хранятся по адресу /wp-content/themes/

Чтобы подключить свою тему к WordPress, нужно в папке themes, создать папку с каким нибудь именем (например mytheme), и в этой папке разместить файл-шаблоны темы.

Первая тема WordPress

Чтобы ваша тема была видна в админке WordPress Внешний -> Темы

Создаём простую тему WordPress

Достаточно всего лишь в папке с вашей темой (например в папке mytheme), разместить 2 пустых файла index.php и style.css, и ваша первая тема уже готова, правда если вы её активируете и перейдете на главную страницу сайта то он окажется пустым.

Файл шаблоны начальной темы.

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

В данном учебнике создадим простую тему WordPress, где ничего программировать не нужно, просто скопируете и вставите необходимый PHP-код, который встречается практически в каждой теме. В последующих учебниках WordPress, где мы будем создавать более сложные темы, вполне возможно вам уже придётся знать хотябы основы языка PHP.

При создании тем, можете использовать любой удобный вам текстовый редактор файлов: Notepad++, Sublime Text, Brackets и т.п. Я буду использовать Sublime Text. Главное в редакторе не забудьте установить кодировку UTF-8 (без BOM).

В заключение, по первому уроку темизации WordPress

Прежде чем приступить ко второму уроку по созданию тем в WordPress, вы уже должны сделать следующее:

  • Скачать последнюю четвёртую версию CMS WordPress
  • Установить её локально или на хостинг
  • Создать 10 любых записей, можно одинаковых, главное заполнить заголовок и текст
  • Заголовок и тело записи WordPress

  • Создать по адресу /wp-content/themes/ папку с любым именем, например mytheme
  • В папке mytheme создать два пустых файла: index.php и style.css

Читать далее: основные файл шаблоны темы WordPress.

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 9 Июл 2015
Статья обновлена: 29 Янв 2016

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget