Создание плагина Добавление в Избранное. Урок 3

Создание плагина Добавление в Избранное

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

автор

Автор: Андрей Кудлай

Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP, JavaScript.

скачать исходникискачать урок

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

Создадим в папке плагина 3 папки: js, css и img для скриптов, стилей и картинок соответственно. В папке js создадим файл скриптов — wfm-favorites-scripts.js и пропишем в него тестовый код:

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

В папке css создадим файл стилей wfm-favorites-style.css и пропишем пару простых правил для ссылки, добавляемой плагином:

Теперь давайте почистим главный файл плагина wfm-favorites.php. Сейчас в этом файле находится и хук и функция. Давайте создадим новый файл functions.php в корне папки с плагином и вынесем в него текущую и все следующие функции. Ну а в файле wfm-favorites.php подключим файл функций:

Если все сделано верно, то плагин должен работать без ошибок. Теперь подключим файлы стилей и скриптов. Для этого обратимся к еще одному хуку в файле wfm-favorites.php:

И опишем новую функцию в файле functions.php:

Если мы нигде не ошиблись, то на странице статьи для авторизованного пользователя должны подключаться дополнительные файлы плагина, о чем может свидетельствовать новое оформление ссылки и модальное окно скрипта с уведомлением «Работает».
На этом текущий урок завершен. До встречи в следующих уроках.

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки: ,

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Леонид

    Мысли вслух: внутри функции для подключения скриптов/стилей, в случае если например подключается большое количество скриптов, то множество раз повторяется функция wp_enqueue_script. Что если на такой случай создать ассоциативный массив (‘script_id’=>’url’) и через цикл пробегаться по нему функцией wp_enqueue_script, а при добавлении скрипта, добавлять просто новый ключ в массив ?

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree