Від автора: у цьому уроці ми продовжимо написання плагіна під назвою Додавання в Обране. У попередньому уроці ми познайомилися з поняттям хуків і використовували хук для того, щоб додати наше посилання в контент статті. При цьому посилання додається лише для авторизованих користувачів. У цьому уроці ми опрацюємо структуру плагіна, створивши необхідні папки і файли.
![]() |
Автор: Андрій КудлайЗвуть мене Андрій Кудлай. Родом я з України, живу в Дніпропетровську. Веб-програмування вчився сам. Непогано знаю HTML, CSS, PHP, JavaScript. |
Отже, для роботи плагіна нам потрібно підключати файли стилів і скриптів. Також, можливо, нам потрібні картинки, які ми захочемо вивести на сторінці статті або в адмінці. Давайте створимо для цих цілей відповідні папки і файли.
Створимо в папці плагіна 3 папки: js, css, img і для скриптів, стилів і картинок відповідно. У папці js створимо файл скриптів wfm-favorites-scripts.js і пропишемо в нього тестовий код:
jQuery(document).ready(function($) {
alert(‘Працює’);
});
У папці css створимо файл стилів wfm-favorites-style.css і пропишемо кілька простих правил для посилання, доданої плагіном:
p.wfm-favorites-link a{
text-decoration: underline;
text-decoration-style: dotted;
border: none;
}
p.wfm-favorites-link a:hover{
text-decoration: none;
}
Тепер давайте почистимо головний файл плагіна wfm-favorites.php. Зараз в цьому файлі знаходиться і хук і функція. Давайте створимо новий файл functions.php в корені папки з плагіном і винесемо в нього поточну і всі наступні функції. Ну а у файлі wfm-favorites.php підключимо файл функцій:
require __DIR__ . ‘/functions.php’;
add_filter( ‘the_content’, ‘wfm_favorites_content’ );
Якщо все зроблено вірно, то плагін повинен працювати без помилок. Тепер підключимо файли стилів і скриптів. Для цього звернемося до ще одного хуку у файлі wfm-favorites.php:
add_action( ‘wp_enqueue_scripts’, ‘wfm_favorites_scripts’ );
І опишемо нову функцію у файлі functions.php:
function wfm_favorites_scripts(){
if( !is_single() || !is_user_logged_in() ) return;
wp_enqueue_script( ‘wfm-favorites-scripts’, plugins_url(‘/js/wfm-favorites-scripts.js’, __FILE__), array(‘jquery’), null, ‘true’);
wp_enqueue_style( ‘wfm-favorites-style2’, plugins_url(‘/css/wfm-favorites-style.css’, __FILE__) );
}
Якщо ми ніде не помилилися, то на сторінці статті для авторизованого користувача повинні підключатися додаткові файли плагіна, про що може свідчити нове оформлення посилання і модальний скрипта з повідомленням «Працює».
На цьому поточний урок завершено. До зустрічі в наступних уроках.