Предисторията на писането на тази статия е типична: реших да подчертая коментарите си с отделен стил... За щастие, раздробявам style.php вече няколко дни и знам основните правила на CSS синтаксиса. И, разбира се, тази невинна идея се превърна в леко смущение, търсене на решение... В крайна сметка всичко се получи. И сега искам да ви кажа какви магически пропуски използвах, за да украся собствените си коментари.
Целта на всички манипулации, описани по-долу, е да подчертаете вашите коментари и отговори на читателите. Ако не прекалявате със стиловете, ще се получи доста елегантно. Разбира се, това не е жизненоважна необходимост. Всеки, който е решил да види вашите коментари, ще може да го направи чрез псевдоним. Но идеята за красота също е важна за много блогъри.
Освен това, ако обърнем внимание на това как са форматирани отговорите на автора на много големи и добре обмислени сайтове (например smashingmagazine), ще видим отделен стил за тях. Очевидно това ще помогне за подобряване на използваемостта.
Особено важно е да използвате отделен стил за авторски коментари в блогове, където са разрешени дървовидни коментари с доста дълбока степен на вложеност. Просто казано, където потребителят може да отговаря на коментари, да отговаря на отговори и т.н.
Нека да разгледаме стиловете на коментари, които вече се използват
Не се изненадвайте, че предлагам, така да се каже, да започнете от края. Но за потребители, които не се чувстват напълно комфортно да редактират WordPress теми, това е най-визуалният и очевиден начин.
Така че изберете публикация в блога си, която има коментари. Разбира се, имаме нужда и от вашите отговори да бъдат тук. След като отворите такава страница, щракнете с десния бутон върху нея и изберете „Преглед на кода на страницата“ (в браузърите Google Chrome и Firefox определено има такава опция).
Не се плашете, когато видите лист с код. Всъщност тук няма нищо сложно и тайно. Превъртете страницата надолу и ще забележите, че първо се показва общата информация за публикацията, а след това текстът с форматиране. Най-накрая по-долу е кодът, свързан с коментарите. Можете просто да напишете Ctrl+F и да въведете в прозореца, който се показва списък с коментарии натиснете Enter - веднага ще бъдете „хвърлени“ до желания ред, където търсената дума ще бъде ярко осветена.
Сега нека да разгледаме как са маркирани нашите стилове на коментари. За по-голяма яснота кодът е от моята тема. Разбира се, вашият може да изглежда и да е структуриран малко по-различно, но основното значение на отделните части от кода трябва да е ясно:
ТЕКСТ ЗА КОМЕНТАР
- id="li-comment-">
comment_approved == "0") : ?>Моля, обърнете внимание, че не затваряме етикета$depth,"max_depth" => $args["max_depth"]))); ?>
- , защото WordPress автоматично ще създаде затварящи етикети въз основа на маркирането на вложени коментари.
Веднъж публикувана, тази функция ще бъде извикана при генериране на коментари и ви позволява да правите необходимите редакции. Номерът е, че направихме всичко необходимо, използвайки стандартните и доста ограничени настройки wp_list_comments()
Сега да се върнем към старите начини - заедно с wp_list_comments ще поставим foreach цикъл
Това използване ще позволи на шаблона да бъде обратно съвместим с по-стари версии на WordPress.
След като вече знаем как да настроим цикъл за коментари, нека го модифицираме, за да отговаря на нашите нужди и да приложим някои страхотни трикове.
Внедряване на коментари страница по страница
Никой не знае предварително, че съдържанието на сайта може да привлече стотици коментари. Това, което имам предвид е, че всички сме суперзвезди и успехът може да дойде неочаквано. Публикация със стотици коментари може да бъде безумно дълга за гледане и превъртане назад. Като цяло със сигурност не се страхуваме от вертикално превъртане (за разлика от хоризонталното), но всичко трябва да има граници. Типична публикация с 60 коментара може да бъде с височина до 20k пиксела!
Чудесен начин да поддържате нещата организирани е да пагинирате емисията си за коментари и да ги показвате страница по страница.
След като активирате странирането, не забравяйте да добавите функции към вашия файл comments.php, за да показвате връзките „Преди“ и „По-късно“.
Тези връзки ще се появят автоматично и ще прекъснат листа с коментари, когато определеният брой коментари на страница бъде надвишен. Ако има по-малко коментари от този брой, връзките няма да се показват.
И тук има една уловка. Възниква добре познатият SEO проблем с дублиране на съдържание с коментари страница по страница. Това се случва, защото едни и същи URL адреси се създават за всяка страница с коментари.
- https://yoursite.com/ghost-dad-rocked/
- https://yoursite.com/ghost-dad-rocked/comments-page-1/
- https://yoursite.com/ghost-dad-rocked/comments-page-2/
- https://yoursite.com/ghost-dad-rocked/comments-page-3/
Ясно е, че само коментарите на тези страници ще бъдат различни. Това, което прави общата картина още по-лоша е, че всеки коментар има своя уникална връзка с времето на публикуване, което също добавя куп дубликати. Следователно ботът за търсене ще намери едно и също съдържание под огромен брой различни връзки.
За да избегнете дублиране, има няколко решения:
- Не използвайте коментари на страницата
- Използвайте мета тагове, за да създадете канонични URL адреси за всяка публикация
- Използвайте плъгин
Ако вашият сайт е супер популярен или ще стане такъв, тогава разбира се е по-добре да използвате канонични URL адреси. Ако не са планирани разгорещени дискусии, тогава е по-лесно да използвате традиционните листове за коментари без пагинация.
SEO for Paged Comments предприема още по-радикален подход – премахва съдържанието на публикацията от страниците с коментари и я заменя с цитат или съкратена версия на публикацията.
Внедряване на вложени коментари
Вложените дървовидни коментари позволяват на посетителите да напишат отговор на избран съществуващ коментар, създавайки богат дискусионен диалог. След като активирате тази функция в настройките, до всеки коментар ще се появи връзка „Отговор“, което ви позволява да говорите по конкретен коментар.
Преди да се появи тази възможност, имаше стил на отговор на избрания автор, използвайки името му и знака @ в текста на коментара, като „@Вася, грешиш!“ С известна трансформация този метод се вкорени в много приложения в Интернет и все още съществува, например в Twitter. И в съвременните версии на WordPress такова споменаване не е необходимо да се използва.
Сега просто трябва да кликнете върху съответната връзка „Отговор“ и да говорите. След като текстът на коментара бъде одобрен, той ще се появи непосредствено под коментара, за който е написан.
Ако вашият шаблон не поддържа този тип коментиране, има лесен начин да го добавите:
- Ние правим резервни копия на файлове, което на теория вече трябва да стане навик
- Активирайте вложените коментари в настройките Опции→Настройки на дискусията→Разрешаване на дървовидни коментари
- Добавете следния код към header.php непосредствено преди wp_head()
- Добавете към comments.php точно преди затварящия таг
- Нека проверим това
Всъщност трябва само да намерим коментари с вашия псевдоним (например в този блог пиша и отговарям под псевдонима Katyaru). И точно над необходимия ред, който започва така:
Благодаря ви, имате страхотен сайт!