CMS под любые виды сайтов
Это универсальная платформа под любые цели: от блогов до порталов крупных СМИ и журналов, от визиток до корпоративных сервисов, от каталогов до полноценных интернет-магазинов
Подробная программа
Часть 1
Изучение WordPress. Теория разработки тем
Урок 1.
Введение
В первом уроке курса мы пройдемся по организационным моментам, рассмотрим структуру курса, узнаем основные источники документации, узнаем немного о WordPress. Также обозначим необходимое программное обеспечение (сервер, редактор).
Урок 2.
Начало создания темы
В этом уроке мы пройдем несложную процедуру установки WordPress. Весь процесс установки занимает всего несколько минут и справится с этим даже неискушенный пользователь, что является дополнительным плюсом в пользу этой замечательной CMS.
Также в уроке будет начат процесс создания темы. Их урока вы узнаете, какие файлы WP требует для любой темы. Эти файлы будут добавлены в тему, после чего тему можно активировать.
Урок 3-4.
Подключение стилей и скриптов
В следующей паре уроков мы с вами затронем одно из ключевых понятий при создании тем и плагинов для WordPress – это понятие хуков. Здесь мы создадим еще один специальный файл, без которого невозможно создать современную тему для WordPress – это файл functions.php.
Используя данный файл и механизм хуков, мы подключим к теме все необходимые файлы стилей и скриптов. При этом мы сделаем это рекомендуемым кодексом WordPress способом, т.е. правильно.
Урок 5.
Шаблоны header и footer
В этом уроке мы создадим так называемые включаемые шаблоны темы – это шаблоны header и footer. В данные шаблоны мы сможем вынести повторяющиеся части нашего сайта, каковыми, как правило, являются шапка и подвал сайта. Нам лишь останется подключить эти шаблоны к основным шаблонам темы, используя специальные функции WordPress.
Урок 6.
Цикл WordPress
Основой вывода данных на страницы сайта является знаменитый цикл WordPress. Благодаря данному стандартному циклу и использованию его в том или ином шаблоне мы можем вывести нужные данные, которые будут зависеть от подключаемого самим WordPress шаблона нашей темы.
Урок 7.
Основные функции поста
Текущий урок мы посвятим изучению основных функций или, иначе, тегов постов. Данные функции, как правило, используются внутри цикла WordPress. Используя предлагаемые функции, мы сможем получать и выводить различную информацию о статьях и страницах: название, полный текст статьи или ее цитату, ссылку на полный текст, дату публикации и т.д. и т.п.
Урок 8.
Миниатюра поста
Из данного урока вы узнаете об еще одной функции поста, позволяющей выводить прикрепленное изображение статьи или миниатюру поста. В уроке будет показана регистрация возможности использования миниатюр в теме, а также варианты работы с миниатюрой поста.
Урок 9.
Иерархия шаблонов WP
Данный вопрос является одним из ключевых при создании тем WordPress. Поэтому важно понимать суть данного вопроса, чтобы создаваемая тема имела все необходимые шаблоны, и вы могли четко понимать, для чего используется тот или иной шаблон вашей темы. Все это будет рассмотрено в предлагаемом уроке.
Урок 10.
Шаблон поста
В данном уроке мы создадим еще один важный шаблон – это шаблон отдельной записи single. Как можно предположить из названия, данный шаблон темы используется движком для показа отдельной статьи. Именно в нем мы можем определить разметку статьи и все, что касается ее оформления.
Урок 11.
Форматы записей в WP
Одной из возможностей, которые WordPress предлагает для постов, являются форматы записей. WP поддерживает несколько форматов, например, стандартный формат, формат видео, аудио и другие. Благодаря этой возможности можно создать сразу несколько разных шаблонов поста и WP будет использовать тот или иной шаблон в зависимости от выбранного формата поста.
Урок 12.
Форматы отдельной записи
В этом уроке будет показано создание необходимых шаблонов для показа отдельной записи в зависимости от ее формата.
Урок 13-14.
Работа с меню в WP
Одной из отличных возможностей WordPress является возможность создания произвольных меню. Мы можем зарегистрировать и создавать сколько угодно различных меню. При этом управлять ими очень просто и удобно.
В качестве пунктов создаваемых меню WordPress позволяет использовать не только материалы сайта (категории, страницы, посты), но и даже произвольные ссылки. В результате мы получаем очень гибкий инструмент, позволяющий создать меню любой сложности – от обычного одноуровневого меню, до многоуровневого и даже т.н. мегаменю.
Урок 15.
Шаблон страницы
В данном уроке будет создан еще один шаблон темы – шаблон страницы. Данный шаблон часто похож на шаблон отдельной записи, но используется он для отображения постоянных страниц сайта.
Урок 16.
Шаблон archive
В данном уроке будет создан еще один шаблон темы – шаблон archive. Это универсальный шаблон в WordPress, который может использоваться для показа записей рубрики, метки и прочих таксономий постов.
Урок 17.
Пагинация в WP
В этом уроке мы познакомимся с функцией WordPress, позволяющей реализовать постраничную навигацию по записям сайта. Когда-то, в предыдущих версиях WordPress, для реализации качественной пагинации был необходим сторонний плагин. Но в современных версиях WordPress для этого предусмотрена простая и удобная функция, предлагающая массу параметров для настройки пагинации.
Урок 18.
Вывод информации о сайте
В данном уроке мы будем работать с функцией bloginfo, благодаря которой можно получить различную информацию о нашем сайте: название сайта, которое можно использовать в качестве заголовка и лого, описание сайта, которое можно использовать в качестве слогана и т.д.
Урок 17.
Метод sendLocation
Одним из полезных методов для реальных ботов может быть отправка каких-либо координат или локации. Отправить локацию пользователя боту можно через специальный метод – sendLocation, который будет рассмотрен в данном уроке.
Урок 19-24.
Кастомайзер тем
Следующему вопросу курса мы отведем целых шесть уроков. Это действительно важный вопрос и фактически неотъемлемая составляющая так называемых Премиум-тем WordPress. Используя кастомайзер, мы предлагаем пользователю темы возможность ее изменения, ее кастомизации под себя. При этом пользователь избавлен от необходимости лезть в исходный код.
Например, пользователь легко, буквально в пару кликов мыши, может изменить фоновый цвет отдельных секций или всего сайта в целом, может быстро изменить шапку сайта, установив для нее другое изображение, может настроить вывод постов, изменив их количество или категорию, из которой они будут выводиться, может изменять расположение секций, разрешить или отменить вывод сайдбара и многое-многое другое.
Фактически, использование кастомайзера и его функционал ограничены лишь фантазией разработчика темы и его желанием.
Урок 25.
Виджеты сайдбара
В текущем уроке мы создадим еще один шаблон – это шаблон боковой колонки sidebar. А также мы познакомимся с понятием виджетов в WordPress. Виджеты – это по-настоящему классная штука, позволяющая реализовать удобные блоки различного функционала, которые часто выводятся как раз в сайдбаре.
WordPress из коробки предлагает достаточно большой набор виджетов, например: поиск, список категорий, календарь, меню, произвольный HTML-код и много других.
Урок 26.
Шаблон поиска
В текущем уроке мы создадим еще один шаблон – это шаблон страницы поиска, предназначенный для показа результатов поискового запроса. Кроме этого, вы узнаете, как создать шаблон формы поиска и подключить его к сайту.
Урок 27.
Шаблон 404
В текущем уроке мы создадим еще один шаблон – это шаблон страницы 404, который WordPress будет подключать при обращении к несуществующей странице.
Урок 28.
Условные функции
WordPress предлагает набор специальных функций, т.н. условных функций, с помощью которых можно проверить, на какой именно странице находится пользователь. Это может быть полезно при написании плагинов или пользовательских функций в файле functions.php.
Урок 29.
Индивидуальные шаблоны рубрик, постов и страниц
В предыдущих уроках были созданы типовые шаблоны (archive, single, page), которые WP использует для показа материалов рубрик, статей или страниц. При этом данные материалы будут отображаться согласно имеющемуся шаблону.
Однако, может возникнуть необходимость показать тот или иной материал в другом оформлении. Для этого можно создать индивидуальный шаблон для нужного материала. Как это сделать – вы узнаете из данного урока.
Урок 30.
Пользовательские типы записей
Кроме стандартного типа записи, WordPress предоставлять возможность создания собственных типов записей. При этом в админке сайта они будут представлены отдельной секцией. Это может быть очень удобно. Из данного урока вы узнаете, как зарегистрировать пользовательский тип записи и использовать его в теме WP.
Урок 31.
Пользовательские циклы
В одном из предыдущих уроков мы рассмотрели работу со стандартным циклом WordPress. Данный цикл выбирает соответствующие материалы для той или иной страницы сайта. Но часто возникает необходимость сделать пользовательскую выборку, то есть выбрать из базы данных дополнительный набор записей по определенным критериям.
Из урока вы узнаете, как использовать пользовательские циклы в WP для организации выборки по заданным критериям.
Урок 32.
Произвольные поля
Любая запись в WordPress имеет ряд предустановленных полей, например, заголовок записи и ее контент. Но этих полей может быть мало. Возможно, вы захотите прикрепить к записям дополнительные данные. Простейший вариант это сделать – использовать произвольные поля. Из урока вы узнаете, как использовать произвольные поля в теме WordPress.
Урок 33-34.
Работа с метабоксами
Еще одна замечательная возможность, которую предлагает WordPress, - метабоксы. Они похожи на произвольные поля, но гораздо удобнее и понятнее для пользователя темы. В следующей паре уроков вы узнаете, как создавать метабоксы и как работать с ними в теме WordPress.
Урок 35-38.
Опции темы
Сразу четыре урока будут посвящены вопросу опций в теме WordPress. Если вы собираетесь создавать темы для продажи, тогда обойтись без настроек создаваемой темы практически не получится. Речь идет не о встроенных настройках, которые имеются в админке WordPress, а о тех настройках, которые мы можем создавать дополнительно.
В уроках вы познакомитесь с API настроек, узнаете, как создавать в админке страницы и секции настроек, как добавлять на них сами настройки и, конечно же, как использовать их в теме WP.
Урок 39.
Локализация темы
Если вы собираетесь создавать темы на продажу или просто создать многоязычный сайт, тогда вам не обойти стороной вопрос локализации темы. Речь идет о подготовке темы к переводу, что и принято называть локализацией. Для этого важно использовать в теме при выводе текста в шаблоне специальный набор функций, связанных с локализацией темы. После этого достаточно создать файл нужной локализации, чтобы текст был выведен на выбранном языке.
Часть 2
Создание темы Mundana
Урок 1.
Установка WP. Базовая тема
В этом уроке мы с вами узнаем, что такое стартовая тема Underscores, что она из себя представляет и для чего она нужна. На сегодняшний день создание тем для WordPress на основе стартовой темы Underscores стало уже фактически стандартом.
В уроке мы скачаем и подключим данную тему.
В уроке мы скачаем и подключим данную тему.
Урок 2.
Перенос верстки в структуру темы
В данном уроке мы проанализируем имеющуюся у нас верстку, из которой и будем создавать тему WordPress. Также мы подключим все необходимые скрипты стили и шрифты, которые использованы в верстке. При этом мы не будем создавать файл functions.php с нуля и не будем писать в нем функцию подключения стилей и скриптов… все это уже имеется в стартовой теме Underscores, нам остается лишь дополнить функцию подключаемыми файлами.
Урок 3.
Вывод меню
В данном видео мы зарегистрируем необходимое меню для нашей темы и создадим его в админской части сайта. При этом нам, опять-таки, не нужно вспоминать функцию, необходимую для регистрации меню, поскольку она уже используется в functions.php стартовой темы Underscores, мы лишь немного изменим ее под себя.
Также мы используем класс Walker_Nav_Menu для кастомизации меню.
Урок 4.
Страница настроек темы
Мы будем создавать тему, предполагающую возможность ее дополнительной настройки. Соответственно, нам потребуется страница настроек темы, которая и будет создана в данном видео.
Урок 5.
AJAX в WordPress
Некоторые из настроек темы будут работать без перезагрузки страницы. Поэтому нам нужен AJAX для использования асинхронных запросов. Работа с AJAX в WordPress – это отдельная большая тема. В этом уроке вы получите представление об использовании AJAX в WordPress.
Урок 6.
Безопасность AJAX в WordPress
При использовании AJAX в WordPress важно не забывать о безопасности запросов. Для этого в WP предусмотрено несколько специальных функций, с которыми вы и познакомитесь в данном уроке.
Урок 7.
Настройка главного поста
На главной странице темы, согласно шаблону, в шапке должен выводиться некоторый пост. Для определения того, что это будет за пост, мы добавим соответствующую опцию в настройки темы.
Благодаря данной возможности администратор сайта в любой момент может указать любой из постов сайта для вывода на главной странице.
Урок 8.
Опция количества избранных постов
Еще одной настройкой темы будет опция, отвечающая за количество избранных постов в соответствующей секции страницы. Для этого в дальнейшем будет добавлен метабокс к постам, через который можно добавить пост в избранное.
А благодаря опции, созданной в уроке, можно ограничить вывод этих постов в секции избранных постов.
Урок 9.
Обработка опция перед сохранением
Из данного урока вы узнаете, как можно проверить сохраняемую настройку на предмет соответствия ожиданиям разработчика и дополнительно обработать значение настройки.
Урок 10.
Секция главного поста
В данном уроке мы переместимся из админки в пользовательскую часть сайта и выведем главный пост, указанный в настройках темы, в шапке главной страницы сайта.
Урок 11-12.
Создание метабокса
В следующих двух уроках мы добавим метабокс к постам, из которого можно будет добавить дополнительные поля для поста. В частности, это будет возможность добавления поста в избранное, а также возможность указать количество минут для чтения того или иного поста.
Урок 13.
Вывод избранных постов
В текущем уроке будет реализована секция избранных постов в пользовательской части сайта. Для ее вывода будет использован пользовательский цикл, а также настройка темы, отвечающая за количество избранных постов.
Урок 14.
Метаданные поста
В предлагаемом уроке будет написана функция, позволяющая вывести блок метаданных поста. К таким метаданным относится дата написания поста, а также количество времени, которое необходимо для его чтения.
Урок 15.
Части шаблона избранных постов
Поскольку избранные посты могут выводиться с разным оформлением – нам потребуется выделить части шаблона этих постов, которые и будут подключаться к ним. Как это сделать – будет показано в текущем уроке.
Урок 16.
Лента постов на главной
В данном уроке будет реализован стандартный цикл для вывода ленты постов на главной странице темы.
Урок 17.
Виджеты
В данном уроке мы добавим сайдбар к теме, а также вывод виджетов сайдбара. В качестве виджетов будут выведены последние записи, а также список рубрик сайта.
Урок 18.
Шаблон категории
В очередном уроке будет реализован уже знакомый вам шаблон категории. Данный шаблон отвечает за показ записей запрошенной рубрики сайта.
Урок 19.
Пагинация
В текущем уроке мы добавим пагинацию к главной странице сайта, а также к странице категорий.
Урок 20.
Шаблон поста
В очередном уроке будет реализован уже знакомый вам шаблон поста – шаблон single. Данный шаблон отвечает за показ отдельной записи.
Урок 21.
Аватар в опциях темы
Еще одной настройкой темы будет возможность загрузки аватара. Эта возможность удобна, если на сайте присутствует один автор. Если же авторов несколько, тогда можно использовать либо стандартный аватар WP, либо аватар с сервиса gravatar.
Урок 22.
Соцсети в опциях темы
В данном уроке мы добавим еще несколько настроек темы в отдельную секцию настроек – это будут настройки социальных сетей. В них администратор сможет добавить ссылки на нужные страницы соцсетей и эти ссылки вместе с иконками соцсетей будут выводиться при просмотре записи.
Урок 23.
Шаблон страницы
В очередном уроке будет реализован уже знакомый вам шаблон страницы – шаблон page. Данный шаблон отвечает за показ постоянных страниц в WP.
Урок 24.
Шаблон страницы поиска
В очередном уроке будет реализован уже знакомый вам шаблон страницы – шаблон search. Данный шаблон отвечает за показ результатов поиска в WP.
Урок 25.
Перевод темы
Данный урок будет посвящен вопросу подготовки темы для перевода или ее локализации. Для этого мы воспользуемся специальной программой Poedit, с которой поработаем в данном уроке.
Благодаря локализации темы она может быть предложена как для отечественного, так и для зарубежного рынка, поскольку не будет привязана только к одному языку и может быть легко переведена на любой другой язык.
