Донецкий техникум промышленной автоматики

Плагін Comment Form Quicktags і Qip Smiles - додаємо смайли і кнопки форматування тексту в форму коментарів

  1. Додати в коментарі смайли
  2. Додати додаткові кнопки в форму коментарів

Добрий день, шановні читачі Добрий день, шановні читачі! Сьогоднішня стаття в рубриці Модулі WordPress можна сказати написана на прохання моїх читачів. Справа вся в тому, що деякий час тому до мене за допомогою звернувся мій постійний відвідувач (спасибі, що читаєте мене) з проханням пояснити як можна додати смайли в форму коментарів Disqus і як розширити його функціонал. На мій превеликий жаль, поки немає можливості вносити додаткові функції в цю форму, але можна додати розширені можливості в звичайну форму коментування, встановлену за замовчуванням. Тому сьогодні я пропоную Вам розглянути два плагіна, які розширюють можливості стандарту форми - плагін Comment Form Quicktags і Qip Smiles

Перш за все давайте розберемося який додатковий функціонал з'явиться:

- надаємо можливість нашим читачам при написанні коментаря виділяти деякі частини повідомлення жирним, курсивом або перекресленим шрифтом.

- додавати в зручній формі посилання і різні коди в тіло коментаря

- виділити цитату

- оживити повідомлення смішними мордочками у вигляді смайлів

Додати в коментарі смайли

Простого способу додавання смайлів в коментарі можна домогтися за допомогою плагіна Qip Smiles , Скачати який можна з сайту автора - розробника, знаменитого блогера Жука.

При установці плагіна Ви отримуєте 11 постійно видних личок, але є ще й приховані, які з'являються при натисканні на посилання "Ще смайли". Подивитися роботу даного плагіна можна на моєму сайті http://super-womens.ru

Натиснувши на посилання завантажити плагін Ви отримуєте архів qipsmiles.zip, розпакувати який необхідно буде перемістити отриману папку qipsmiles в директорію wp-content / plugins / Вашого блогу, за допомогою ftp - клієнта. Потім заходите в адміністративну панель у вкладку Модулі, знаходите рядок Qip Smiles і активуєте.

Плагін не має ніяких налаштувань, але щоб стали відбиватися смайли в коментарях необхідно внести невеликі зміни в файл comments.php шаблону, який Ви використовуєте.

Для цього в адміністративній панелі заходимо у вкладку Зовнішній вигляд і вибираємо пункт Редактор, відкриється сторінка, де в правій стороні буде відображатися стовпець, з усіма складовими файлами шаблону. Ось в цьому списку і натискаємо по пункту comments.php

У цьому файлі необхідно знайти код, який відповідає за виведення форми коментарів, куди прописується текст повідомлення. Зазвичай він укладений в тег <textarea> </ textarea>. У мене це рядок має такий вигляд:

<Textarea id = "comment" style = "width: 50px1;" cols = "100%" name = "comment" rows = "10"> </ textarea>

<Textarea id = "comment" style = "width: 50px1;" cols = "100%" name = "comment" rows = "10"> </ textarea>

Ось саме перед або після цього рядка необхідно прописати код, який відповідає за виведення смайлів в коментарях, а саме:

<! -? Php if (function_exists ( 'qipsmiles')) qipsmiles ( 'ru'); ? ->

<! -? Php if (function_exists ( 'qipsmiles')) qipsmiles ( 'ru'); ? ->

->

Хочу зауважити, щоб панелька зі смайликами відбивалася коректно, тобто не зливалася з основною формою коментарів, я встановила для неї стиль шару, де прописала відступи зліва, зверху і знизу. І у мене вийшов наступний код у файлі comments.php

<! - виводить смайли ->

<! - виводить смайли ->

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

Тепер залишилося тільки трохи розширити функціонал при написанні коментаря, а саме додати кнопки для оформлення тексту повідомлення.

Додати додаткові кнопки в форму коментарів

Для розширення функціоналу при написанні коментарів, тобто додавання кнопки - жирно, курсив, закреслено, посилання, код, є величезна кількість плагінів. Я особисто протестувала три і вирішила зупинитися на зручному і простому плагін Comment Form Quicktags (його роботу можна побачити на http://super-womens.ru), скачати який можна з офіційної сторінки http://wordpress.org/extend/plugins/ comment-form-quicktags /

Розпакувавши отриманий архів ми стаємо володарями папки comment-form-quicktags, яку необхідно перемістити в директорію wp-content / plugins /, за допомогою ftp- клієнта. Потім заходимо в адміністративній панелі блогу у вкладку Модулі та знайшовши рядок, Comment Form Quicktags, активуємо її.

Після успішної активації в консолі Налаштування з'являється новий пункт Comment Form Quicktags, клікнувши на посилання якого потрапляємо в налаштування плагіна, який додає функціоналу коментарів, тобто тут ми самі можемо встановити які саме можливості формування тексту повідомлення буде доступно читачеві.

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

Зайшовши в панель налаштувань плагіна Comment Form Quicktags вибрала кнопку для редагування / b, клікнувши по ній і в поле "Напис" прописала текст "Жирний", натиснула на кнопку "Правка \ Додати", а потім на "Оновити". Зайшовши на блог бачимо наступну картину

Аналогічним чином в панелі налаштувань плагіна отредактировала і все решта кнопки.

Якщо яка-небудь функція Вам не потрібна, як в моєму випадку це сталося з кнопкою "Close Tags", її можна просто видалити. Для початку кнопку виділяємо і натискаємо по "Видалити" - "Оновити". Повернути налаштування за замовчуванням можна натиснувши на "Скинути налаштування".

У підсумку після того як було встановлено два простих і легких плагіна стандартна форма коментарів придбала розширений функціонал і стала мати наступний вигляд

У підсумку після того як було встановлено два простих і легких плагіна стандартна форма коментарів придбала розширений функціонал і стала мати наступний вигляд

Мабуть на цьому сьогодні все. Всім удачі і до нових зустрічей на блозі " Seo записки відчайдушною "

Можливо Вам це буде цікаво:

Php if (function_exists ( 'qipsmiles')) qipsmiles ( 'ru'); ?
Php if (function_exists ( 'qipsmiles')) qipsmiles ( 'ru'); ?