WordPress — обучающий курс от Артема Исламова

Вспомогательная информация

Редактор текста: SublimeText

Установка плагинов и тем оформления для комфортной работы.

<CTRL>+<SHIFT>+<P> Install Package Control

<CTRL>+<SHIFT>+<P> Package Control: Install Package

Устанавливаем плагины: Emmet,  All Autocomplete, AutoFileName, BracketHighligther

Так же как плагины, устанавливаем темы: ThemeAfterglow

Настраиваем:

Preference ->  Color Scheme выбираем Afterglow-monokai

Preference -> Theme выбираем Afterglow.Orange

Preference -> Settings

«theme»: «Afterglow-orange.sublime-theme»,
«tabs_medium»: true, (делаем табы средней высоты)
«save_on_focus_lost»: true (автоматическое сохранение при переключение табов)

Создание темы WordPress

https://underscores.me/ — быстрое создание шаблона темы

https://wp-kama.ru/ —  максимально качественный ресурс по WordPress

[vizible]

Почему всегда открывается index.php

https://wp-kama.ru/id_7654/ierarhiya-fajlov-temy-shablona.htmlИерархия файлов темы (шаблона)

Иерархия, в данном случае последовательная проверка, говорит о том, что для вывода одной страницы на сайте, подходят несколько названий файлов. Проверка какой файл будет использован идет поочередно. Т.е. есть список файлов, каждый из них по очереди проверяется на физическое существование, как только найден существующий файл проверка прекращается и найденный файл используется в качестве шаблона.

get_header();
get_footer();

header.php — шапка
footer.php — подвал

functions.php

Как работают хуки

  1. Выводим на экран шапку сайта
  2. Подключаем стандартные скрипты
  3. Выводим содержимое страницы
  4. Выводим подвал сайта

Какие бывают хуки

Actions (действия) — Подключи мои собственные скрипты

Filters (фильтры) — Измени формат заголовка

Как правильно подключить стили и скрипты в wordpress

wp_enqueue_scripts хук-событие

Срабатывает в момент подключения в очередь на вывод файлов стилей и скриптов. Для темы/плагина правильно подключать стили и скрипты через хук wp_enqueue_scripts:

wp_enqueue_style() Правильно добавляет файл CSS стилей. Регистрирует файл стилей, если он еще не был зарегистрирован.

Коротко в файле functions.php прописываем функции, которые подключают стили и скрипты и привязываем их к хукам (actions) событиям, которые происходят, например при выводе шапки или подвала. Естественно, смотрим ссылки выше, как это правильно сделать :-)

Создание меню (урок №3)

 register_nav_menu()

Функцию принято вызывать во время события after_setup_theme.

Сайдбары (урок №4)

 
[/vizible]

Опубликовано
В рубрике Web