WordPress: робимо деревовидні коментарі

У двигунці WordPress версії 2.7 і вище функціональність деревовидних коментарів вбудована у саму систему. Тому необхідність у додаткових плагінах, що пропонують подібну функціональність відпадає. То ж чому б нам не скористатись, тепер уже, базовими можливостями? Ось вам покрокова інструкція “що і до чого”, щоб додати функціональінсть деревовидних коментарів на ваш блог!

1.

Перше, що ви завжди повинні робити, перед тим як вносите зміни на свй блог – це бекап! Це дуже просто зробити з допомогою, наприклад, плагіна WordPress Database Backup чи подібних йому. Вибирати який – воля ваша. Я користуюсь вищезгаданим. :happy:

На додачу до копії бази даних, настійливо рекомендую зробити копію файлів вашої теми для WordPress!. Це просте правило зберігає масу нервових клітин і запобігає стресу, що ви можете дістати у процесі :wassat:

2.

Наступний крок – увімкнути функціональність деревовидних коментарів у адмінці. Для цього заходимо у Settings > Discussion і ставимо галочку у останньому пункті, як зображено на скріншоті:

Не ігноруйте цей пункт! Часто буває, що всі налаштування у файлах теми зроблені вірно, а ось про цей пункт користувач забуває, а відтак – нічого не працюватиме!

3.

Далі необхідно додати трішки коду у файл header.php вашої теми. Для цього, ви можете скористатись вбудованим редактором (зайшовши у Appearance > Editor) або скопіювавши файл на дом. комп’ютер відредагувати його спец. редактором, типу Notepad++. Я рекомендую саме останній спосіб! Моя рекомендація пов’язана не тільки із зручністю роботи у спец. редакторі, а й тим, що у ньому ви можете вибрати у якому кодуванні зберегти редагований файл (вбудований WordPress’івський редактор по замовчуванні зберігає у ANSI). Найкраще вибирати UTF without BOM. Тоді тема не буде “глючити” (найчастіше саме через отой ВОМ), та й кирилиця у файлі відображатиметься нормально, а не крякозябрами.

Якщо “глюки” все ж “вилазять”, то ще рекомендую переглянути ось цю мою статтю “Знайти ВОМ“.

Довгий відступ, а ось і сам код, що необхідно додати:

Цей шматок коду необхідно вставити одразу перед або після конструкції:

.
Це все. Зберігайте файл.

4.

Редагуємо файл comments.php. Щоб працювали деревовидні коментарі, нам необхідно додати у цей файл кілька ключових тегів WordPress. Ось вони:

та

Як і куди це зробити більш детально розписано ось тут. Я ж просто скопіював весь comments.php із default-теми WordPress і вставив у файл comments.php своєї :biggrin:

Я не хотів бавитись із написанням коду цього файлу з нуля, бо, як виявляється, налаштування виводу самих коментарів у темі більше не відбувається у вищезгаданому файлі (тобто, у comments.php)! Тепер достатньо дописати аргумент callback до тега wp_list_comments, із зазначенням функції, у якій і прописані ті всі налаштування виводу коментарів (більше про аргументи цього тега читайте тут)! Отож у моєму випадку, цей тег повністю прописаний ось так:

В даному випадку mytheme_comment – це функція, записана у файлі functions.php у якій, повторюсь, детально розписаний вивід (будова і те що повинно бути відображено) коментарів мого блога.

5.

Тепер про css-стилі коментарів. Якщо користуєтесь тегом wp_list_comments() без аргументів, то стилі коментарів будуть застосовуватись закладені по замовчуванні. Їх повний список ви зможете знайти ось тут. Користуватись просто: вибираєте потрібну назву стилю, додаєте його до файлу із стилями вашої теми (найчастіше це style.css) та оформлюєте на свій смак.

6.

Вже здогадались? Редагуємо файл functions.php!

Одразу скажу, що цей пункт не є обов’язковим! Якщо вам не потрібні додаткові “цяцьки”, типу виведення аватара із заданим розміром, послідовність виведення дати, імені автора і часу коментаря, то нічого описаного у пункті 6 вам робити не потрібно. Достатньо зупинитись на пункті 5.

Пам’ятаєте? Моя функція називається mytheme_comment. А ось вона повністю як є у файлі functions.php:

 id="comment-">
	  
 Коментує,

	  
          @  
                    

	  comment_approved == '0') : ?>
		 
		 
	  

	  

		  $depth, 'max_depth' => $args['max_depth']))) ?>
	  

Як бачите, у мене по порядку: спочатку аватар розміром 48х48 пікселів; далі ім’я автора і одразу за ним дата і час, що одразу є пермалінком для конкретного коментаря; потім текст, потім кнопка “Відповісти”.

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

За підтримки:
Диета для похудения и про то как похудеть без диет читайте на украинском женском портале!

Выделенные сервера от msm.ru это надежность и качество!