Власні кнопки у редакторі WordPress

Буває, у вас є якісь часто вживані конструкції (шорткоди, шматки коду – блоки типу

<div class="takiy-to">

якісь заготовки коду тощо), які ви часто використовуєте при написанні постів. Зазвичай, такі речі вставляються або копі-пестом, або щоразу набираються ручками. Можна значно спростити собі задачу, вмонтувавши у ваш редактор кнопку, яка вставлятиме необхідний код у пост.

Наприклад, якщо ви часто використовуєте в пості таблиці, то ця кнопка може вставляти для вас заготовку типу:

<table class="takiy-to">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>

Зробити це дуже просто. Залазимо по FTP у наш двигунець, йдемо по шляху wp-includes/js/ і знаходимо там файл quicktags.js. На всякий випадок робимо його бекап, а потім другу копію відкриваємо в якомусь з редакторів коду.

Якщо переглянути код, то можна зрозуміти принцип виклику в редакторі кнопок і їхню послідовність. В потрібному місці (вибираємо, між якими кнопками ми хочемо розмістити власну) тулимо наступний код:

edButtons[edButtons.length] =
new edButton('ed_kartynko'
,'kartynko'
,'<img src="'
,'" style="margin: 4px 4px 2px 0;float: left" />'
,'kartynko'
);

Зберігаємо файл, перезаливаємо його на хостинг і, вуаля!

Зрозуміло, що код можна виводити будь-який. Також можна виводити свої власні шорткоди, про створення яких я вже писав.

P.S. Варто пам’ятати про те, що при оновленні двигунця ваші правки можуть зникнути. Тому я мабуть подумаю, як реалізувати даний хак через functions.php

  • Суперовий хак. Треба буде спробувати. Маю безліч кодів, які постійно копіюю і вставляю вручну зі спеціального текстового файлика. 🙂 Треба собі спростити те заняття.

    Один лише мінус – при оновленні вордпресу треба буде створювати кнопки заново 🙁

    • Радий, що мої записки стають в нагоді ще комусь!
      До речі, в тому ж файлі можна повідключити рідко вживані кнопки, закоментувавши їх

  • Pingback: 3 плюс 2 плюс 1... Випуск #77 | Українська блогосфера()