Створимо першу кнопку в TinyMCE
Почнемо з основ, насамперед для того, щоб робити зміни в адміністративній панелі WordPress, необхідно перевірити призначені для користувача права, для цього ми запустимо хук (hook) в admin_head частина. Відкриваємо файл functions.php вашої теми і пишемо:
Звичайно ж, це не багатофункціональна кнопка, але це перша кнопка, яка виконує своє завдання так, як і потрібно:
Створення кнопки з стандартної іконкою
Просто змініть код у файлі btn.js наступним чином:
Було вироблено два зміни:
- Властивість відображення тексту тепер стало атрибутом title (який створює підказку при наведенні на кнопку).
- Ми встановили іконку з стандартного набору, мабуть, щоб використовувати свою власну іконку потрібне втручання через CSS.
В результаті даних змін результат виглядає так:
Створюємо кнопку з власної іконкою з Dashicons
Припустимо, що ми не задоволені стандартним набором іконок і хочемо власну з набори Dashicons, наприклад кнопку з позначкою логотипу WordPress'а.
На щастя, рішення досить просто - нам потрібно прикріпити додатковий код CSS, який має наступну структуру.
Створіть в директорії з вашою темою файл btn.css і додайте в нього цей код: