Древовидные комментарии для WordPress

Друзья, рад видеть всех вас на моём блоге. Сегодня поделюсь с вами своей историей и инструкцией по организации древовидных комментариев на сайтах и блогах, созданных на платформе WordPress. Причём способ не потребует от вас особых навыков и усилий.

А ещё одна хорошая новость в том, что древовидные комментарии будут защищены от размножения дублей replytocom.

О том, что древовидные комментарии способствуют размножению этих самых дублей, я уже писал и предложил пути решения для этой проблемы. Кто ещё не читал эту статью, то по ссылке выше можете ознакомиться с этой темой. Хотя и в этой статье, я тоже затрону этот вопрос.

Как на моём блоге перестали работать древовидные комментарии

В общем, изначально, когда я установил тему оформления для своего блога и начал потихоньку публиковать статьи я и не думал про комментарии. Их было так мало что и проверить то было не на чем. Со временем, комментариев стало больше и первая статья, на которой я заметил работу древовидных комментариев, была «Авторство в Google». На тот момент всё работало исправно.

Ну а потом начались чудеса с обновлениями темы, об этом я писал здесь. Но поначалу я этого не заметил, думал проблема только внешне, в дизайне проявляется. А на самом деле было всё хуже. Древовидные комментарии перестали работать довольно давно, но я не мог понять, в чём причина. Ведь я так много сделал доработок в своём шаблоне. Думал, что сам накосячил.

Но в конечном итоге, после всех исключений и восстановления темы из старого архива и повторного обновления,  пришёл к выводу, что древовидные комментарии перестали работать после обновления.

Как проявляется неисправность древовидных комментариев на моём блоге

На первый взгляд, может показаться, что всё работает нормально. Вы пишите комментарий, я отвечаю. Вы хотите ответить, нажимаете на кнопку «Ответить» и срабатывала автоматическая прокрутка к форме комментария. Оставив комментарий, в былые времена, он появлялся под комментарием, на который вы отвечали. А после неисправности появлялся в конце всех ответов. И это целая путаница.

Вид комментария - не правильный
Древовидные комментарии не работают

На скриншоте, видно, как ответы расположены один под одним. Но вот следующий ответ Василия уже был через несколько других комментариев. А это не очень удобно, да и, вообще, довольно легко запутаться, кто кому отвечает.

Я же, как администратор, отвечал нормально. Под каждым комментарием. Мои комментарии получались второго уровня и отображались как вложения.

Ответ администратора
Мой ответ на комментарий

Как решить проблему с древовидными комментариями с помощью плагина

На время, пока я ковырялся в кодах и искал решение, я установил плагин WordPress Thread Comment. Этот плагин одновременно решает две проблемы:

— исключает появление дублей replytocom;

— восстанавливает работоспособность древовидных комментариев.

Существенный недостаток этого плагина – меняется внешний вид комментариев. Но это можно подправить.

Подправленный плагин можно скачать здесь.

Как решить проблему с древовидными комментариями без плагина

А теперь самое интересное,  мой метод решения этой проблемы. Прежде чем приступить,  сделайте резервную копию файла functions.php.

Шаг 1. Предотвращение появления дублей replytocom.

Кто читал мою статью про дубли, то этот шаг можно пропустить. Кто не читал обязательно прочтите и приступаем к выполнению.

Открываем административную панель WordPress «Внешний вид»  «Редактор»  «Функции темы».

Исключаем появление дублей
Исключаем появление дублей replytocom

Чтобы наверняка переходите в самый низ этого файла и перед закрытием кода php выглядит вот так ?> вставляете один из предложенных вариантов кода:

/* избавление от ссылки replytocom */
add_filter('comment_reply_link','avd_custom_comment_reply_link');
function avd_custom_comment_reply_link( $link ) {
$link = preg_replace( '~href=([\'"]{1})([^\'"]+)#([^\'"]*)([\'"]{1})~i''href=$1#$3$4', $link, 1);
return $link;}
/* избавление от ссылки replytocom */

или такой

/* избавление от ссылки replytocom */
function reply_to_com( $link ) {
return preg_replace( '/href=\'(.*(\?|&)replytocom=(\d+)#respond)/''href=\'#comment-$3', $link );}
add_filter( 'comment_reply_link''reply_to_com' );
/* избавление от ссылки replytocom */

Работают оба. Просто подход немного отличается.

Шаг 2. Восстановление работоспособности комментариев.

Теперь наша задача сделать так, чтобы форма комментария подтягивалась под комментарий, на который мы хотим ответить.

Для этого в тот же файл функции темы functions.php, ниже или выше предыдущего кода вставьте вот этот код:

/* древовидные комментарии */
function scripts_styles() {
global $wp_styles;
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );}
add_action( 'wp_enqueue_scripts''scripts_styles' );
/* древовидные комментарии */

Будет выглядеть примерно так:

Восстановление работоспособности
Восстановление работоспособности

И на этом все фокусы закончены. Сохраняйте файл и проверяйте работоспособность. Теперь древовидные комментарии на вашем блоге будут работать правильно без плагина. Достаточно будет настроить древовидные комментарии в разделе «Настройки»«Обсуждение».

Настройка комментариев
Настройка комментариев

Обязательно посмотрите видеоурок, ведь как говориться – лучше одни раз увидеть!

Друзья, а теперь у меня к вам небольшая просьба. Давайте проведём опытную эксплуатацию – просто пообщаемся, будем отвечать на комментарии друг друга и проверим работу моего метода.

На этом у меня сегодня всё. Жду ваших комментариев и до встречи в новых статьях и видео.

С уважением, Максим Зайцев.

Понравилась статья? Поделиться с друзьями:
Комментарии: 115
  1. Юрий

    Я что бы не заморачиватся поставил плагин но меня смущяет что он давно не обновлялся и пишет что с новой версией вордпрес не тестировался.

    1. Виктория Карпова

      Привет, Максим! Откликаюсь на твою просьбу и отвечаю на комментарий Юрия:) Рада, что ты нашел решение проблемы, а то правда неразбериха была в статье про canonical с ответами друг другу.

      1. Максим Зайцев (автор)

        Вика, привет. Спасибо, что откликнулась на просьбу. Ты настоящий друг! Да, я сам не ожидал, что решу эту задачу так легко. Сначала перековырял весь файл comment.php, затем cpmment-template.php — нашёл откуда ноги растут и реализовал это через модернизацию функций темы. В общем сам доволен :-)

        1. Виктория Карпова

          Вроде все работает:) Ты — молодец!А я устаю от этих ковыряний, не технарь я все-таки:)

          1. Максим Зайцев (автор)

            Вика, может ты и не технарь. Но у тебя это хорошо получается. А статьи ты пишешь отлично, а это самое главное!

    2. Максим Зайцев (автор)

      Юра, привет. Да, плагин не обновлялся давно, но работать он будет. И если тебя плагин всем устраивает, то можно и его использовать.

      1. Виктория Карпова

        О, Максим, а что есть лимит на кнопку ответить под конкретным комментарием. На предыдущий твой ответ ответить уже не могу (сорри за тавтологию), нет заветной кнопки. У себя кстати тоже такое замечала:)

        1. Василий

          Виктория, это происходит потому, что в настройках установлен лимит в 5 комментариев. Для того, чтобы ответить ниже под пятым комментарием, нужно нажать на последнюю в этой цепочке ссылку «Ответить».

          1. Максим Зайцев (автор)

            Совершенно верно. Лимита в 5 комментариев вполне достаточно. Пробовал увеличить, но у меня блок под контент имеет ширину 600px без учёта отступов и поэтому большее количество комментариев в одной ветки смотрится некрасиво.

          2. Виктория Карпова

            Василий, спасибо за подсказку:) Теперь понятно!

  2. Василий

    А у меня стоит второй код для replytocom в комментариях. Проверено — все работает прекрасно.

    1. Максим Зайцев (автор)

      Да, я оба кода проверял и оба работаю отлично.

  3. Vlad

    Предлагаю перейти на «Ты»!

    И где ты раньше был с такими советами… :D

    1. Максим Зайцев (автор)

      Влад, я не против, давай на «ТЫ». А с советами, так здесь я и был ;-)

  4. Николай Вилков

    У меня одно время были проблемы с древовидными комментариями и я их просто отключал, но так читателям было не удобно искать ответы на свои вопросы прокручивая комменты вниз.
    Затем я установил плагин WordPress Thread Comment, который хорошо справлялся с задачей, но все же лучше это реализовать без плагина.

    1. Максим Зайцев (автор)

      Да, плагин справляется с поставленными задачами, но всё же зачем нагружать сервер лишним плагином. Лучше доделать стандартные решения в самой теме.

  5. Дмитрий

    у меня пока мало комментариев, но на заметку надо взять твое решение!

    1. Максим Зайцев (автор)

      Дмитрий, обязательно возьмите. И конечно проверьте как работают у вас комментарии. Лучше заранее знать о таких сюрпризах.

  6. Маргарита Сизонова

    Максим здравствуйте! Спасибо за очередную полезную фишку, Установила первый и третий код, все работает отлично.
    Я может пропустила чего, у меня древовидные работали хорошо, хотела просто убрать ссылку replytocom. Но первый ( и второй) код без третьего на работали. Так и должно быть?
    Но сейчас мне нравится гораздо больше, как стала подтягиваться форма комментариев. Огромное мерси.)))

    1. Максим Зайцев (автор)

      Здравствуйте, Маргарита. Всегда рад помочь. Есть темы, где бороться с ссылками replytocom не просто. И тогда помогает комплексное решение. Видимо ваша тема именно такой случай.
      Но самое главное, что вам нравится результат :-)

  7. Алексей

    Спасибо за статью, Максим!
    Кстати, Александр Борисов категорически был против древовидных комментариев из-за replytocom. Я так понимаю, что первой частью кода Вы решили проблему их появления?

    1. Максим Зайцев (автор)

      Здравствуйте, Алексей. Всё верно, первые два кода, как раз решают проблему с появлением дублей replytocom. Так что не зачем отказываться от удобства.

  8. Олия

    Максим, спасибо. Завтра обязательно попробую твой метод восстановления древовидных комментариев. Сегодня, к сожалению уже ночь=)

    1. Максим Зайцев (автор)

      Оля, привет. Надеюсь и тебе поможет мой способ восстановить древовидные комментарии.

      1. Олия

        Максим, спасибо. Древовидные комментарии работают=) Ура!

        1. Максим Зайцев (автор)

          Рад это слышать. Значит не зря ковырялся ;-)

  9. GladWeb

    Спасибо!
    Я еще написал на блоге про то как перенести комментарии.

    1. Максим Зайцев (автор)

      Пожалуйста. Только вот зачем переносить комментарии из одной статьи в другую?

  10. Иван

    Привет Максим. У меня вопрос по поводу плагина WP-NoExternalLinks — у меня реф.ссылки. Так вот, когда я по ним кликаю появляется белое окошко с плагином — три секунды жду и потом уже кидает на определённый сервис.

    Мне кажется этот плагин стирает реферальный хвостик, тебе доводилось с подобным плагином сталкиваться? В принципе плагин то хороший, траст растёт, да и вообще думаю если я открою внешние ссылки, то под фильтры попаду.

    Если пользовался плагином, скажи, стирает он реф.ссылку или нет?

    1. Максим Зайцев (автор)

      Вань, привет. Снеси этот плагин, от него один проблемы. Лучше используй прятатель ссылок http://1zaicev.ru/link/hidingpro для таких случаев.

      1. Сергей

        Привет, Максим!
        Не работают комментарии с этими кодами.
        Жму на ссылку Ответить, но никакого эффекта!

        1. Максим Зайцев (автор)

          Сергей, привет. Могу лишь предположить, что где то была допущена ошибка при вставке кода. Трудно что либо сказать не видя исходного кода.

  11. Андрей

    Спасибо большое Максим, за статью! Тут же всё проделал, вставил первый код, реплитоком исчезли. Протестировал, у меня ответ сразу под формой вопроса комментатора, есть ли смысл устанавливать второй код «древовидные комментарии»?

    1. Максим Зайцев (автор)

      Андрей, если форма подтягивается самостоятельно, то устанавливать второй код не обязательно. Это необходимо в том случае, когда нарушена работа древовидных комментариев.

  12. Андрей

    Ясно. Ещё раз спасибо! Подписался на обновления твоего блога, так как понравилась эта статья, всё просто и доходчиво, для меня новичка это можно сказать основной критерий.
    Успехов в работе! С уважением Андрей.

    1. Максим Зайцев (автор)

      Андрей, спасибо за подписку. Буду стараться и впредь радовать полезным контентом.

      1. Андрей

        Максим здравствуй! Ответь пожалуйста ещё на один вопрос: а в настройках древовидных комментариев, что были установлены в теме менять ничего не нужно? Может их отключить там?

        1. Максим Зайцев (автор)

          Андрей, в настройках ничего менять не нужно. Если конечно настройки устраивают. Если нет, то настроить чтоб устраивали.

  13. Олия

    Максим, привет. Подскажи, код для древовидных комментариев, может не работать если поле «Сайт» отсутствует.
    Я на новом блоге вставила код. Он странно работает, если я отвечаю как админ, то древ. комментарии подтягиваются и работают, а если выхожу, то нет.
    Получается, что только админ может ответить=)

    1. Максим Зайцев (автор)

      Оля, привет. Вот и у меня была такая же проблема. Попробуй идти от обратного и найти причину почему перестают работать комментарии, выясни после какого твоего действия. Скорей всего где-то пересекаются функции в файле функции темы.

  14. Марат

    У меня стоял этот плагин. Решил поменять на ваш подправленный плагин. Теперь комментарии у меня стали обычными, хотя кнопка «Ответить» осталась. Что может быть не так?

    1. Максим Зайцев (автор)

      Здравствуйте, Марат. Что значит «обычные»? По виду или по функционалу? Изменения в плагине касаются лишь внешнего вида, что бы вид был такой же, как без плагина. Кнопка «Ответить» будет присутствовать в любом случае. Только вот при работе плагина, ответ вызывается скриптом и дубли replytocom не появляются. Да, если вам не нравятся квадратные скобки вокруг кнопки «Ответить», вы можете убрать их в настройках плагина.

      1. Марат

        Обычные — по виду, не древовидные

        1. Максим Зайцев (автор)

          Марат, попробуйте отключить плагин и вставить код в файл функции темы functions.php, предложенный в статье, для восстановления древовидных комментариев . Только обязательно сделайте резервную копию файла функции темы.

          1. Марат

            Вставил код в файл функции темы functions.php, предложенный в статье. Все осталось без изменений…

          2. Максим Зайцев (автор)

            Марат, вид раннее написанных комментариев меняться не будет. Новые комментарии должны приобретать вид — древовидных. Сейчас на вашем сайте я не вижу кнопку «Ответить». Это скорей всего связано с вашей темой оформления. Я просмотрел статьи на вашем сайте, классные кстати статьи! Но, вот вид комментариев везде одинаков. Вы уверены, что они были ранее древовидными? В настройках WP включена эта возможность?

          3. Марат

            Да, ранее комментарии были древовидные, сейчас в настройках WP возможность включена. Ну да ладно, пока оставлю как есть. По хорошему шаблон нужно менять, но немного побаиваюсь — уж очень много прописывать изменений в настройках темы придется…
            За классные статьи на сайте — спасибо, стараюсь :). Правда времени писать совершенно нету, зато если сажусь писать статью — подхожу к этому делу ответственно, 3 дня уходит от написания статьи до размещения их на блоге.

          4. Максим Зайцев (автор)

            Марат, я тоже сейчас занимаюсь подготовкой новой темы оформления для своего блога. За год ведения своего блога, в старой теме я очень много сделал доработок. Из-за этого долгое время откладывал — но время пришло. Работы очень много, а времени как всегда не хватает. Но, потихоньку работаю в этом направлении.
            Я теперь буду вашим постоянным читателем. Давно было интересно видеонаблюдение — особенно IP. С возможностью просмотра через свой смартфон. А теперь, когда открыл магазин — тема для меня весьма актуальная.

          5. Марат

            Про видеонаблюдение я написал как хобби, в основном блог посвящен обзору компьютерных программ.

          6. Максим Зайцев (автор)

            Тематика, конкурентная, но хорошая. А статьи про видеонаблюдение — реально хорошие получились!

  15. Алена Яснева

    Спасибо огромное! Четко, понятно, ясно и все заработало!!!

    1. Максим Зайцев (автор)

      Люблю, когда у моих читателей всё получается. Очень рад, что смог помочь :-)

  16. Татьяна

    Спасибо большое, Максим ! Всё получилось.

    1. Татьяна

      Перехожу на другую статью, решать вопрос со ссылками в комментариях.

    2. Максим Зайцев (автор)

      Отлично, желаю удачи с ссылками ;-)

  17. Татьяна

    И со ссылочками всё получилось ! Огромное спасибо !
    Пойду-ка я ещё что-нибудь поправлю у себя.

    1. Максим Зайцев (автор)

      :-) так за один день всё и настроите!

  18. Виталий Охрименко

    Все работает, кроме одного но: коментарий появляется не как ответ на предыдущий, а как новый — независимый коммент…буду дальше искать :(

    1. Максим Зайцев (автор)

      Здравствуйте, Виталий. Если всё сделано правильно, то комментарии должны быть именно древовидными. Вы проверили в настройках «Обсуждение» — там включены древовидные комментарии? Возможно в этом проблема.

  19. Мастер Мысли

    Спасибо Максим! за полезную статью! Меня порадовало, что объяснено всё просто и понятно. Твои коды отлично заработали, и с первого раза! Плагин не хотел ставить, так как уже 6 лет не обновлялся, да и к тому же лишний плагин, нагрузка на сайт. У меня например тема, не очень уж ярко отображает деревовидные комменты, в плане заметности их последовательности, т.е., как бы не чётко видно ветку комментов.
    На моём сайте они чуть, чуть смещаются в правую сторону, при этом ещё сам шаблон добавляет контурный цвет для лучшей заметности.

    1. Максим Зайцев (автор)

      Спасибо за благодарность. Очень рад, что смог помочь. Самое главное, что всё заработало. А увеличить отступы ветвей комментариев всегда можно в свойствах css.

  20. Мастер Мысли

    Ещё хотел задать один вопрос Максим! Он правда не относится к этой теме, но статей на твоём блоге вроде не нашёл, где бы задать его. Так что, если есть желание и время ответь пожалуйста!

    Вопрос: Картинки я перенёс на поддомен, чтобы быстрее грузился основной сайт. Но так как я их перенёс, из индекса яндекса и гугла картинки повылетали, так как изменилось их местоположение.
    При этом поддомен закрыт от индексации полностью (как в самой админке — «попросить поисковые системы не индексировать сайт», так и файле — «robots.txt» …User-agent: * Disallow: /). Так вот теперь нужно, чтобы картинки индексировались! Как же это сделать ?

    1. Максим Зайцев (автор)

      Для индексации папок с файлами следует в роботсе прописать свойство Allow: путь к изображениям. Таким образом вы разрешаете индексацию определённых файлов и папок.

      1. Мастер Мысли

        т.е. ты имеешь ввиду прописать в файле — «robots.txt» основного сайта директорию — «Allow:» с полным путём до поддомена. Т.е. выглядеть это будет, примерно, так: Allow: http://поддомен/картинки ? Просто обычно в этом файле пишутся директории по папакам и файлам находящимся именно в одной и той же общей папке сайта на хостинге вместе с robots.txt

        1. Максим Зайцев (автор)

          Нет, нужно прописывать эту команду в robots.txt поддомена. В основном файле делать смысла нет.

          1. Мастер Мысли

            Ок! Максим! Благодарю! А то нигде, ну просто нигде, даже во все знающем google нет такой инфы, а, ведь фотки на другом поддомене заметно увеличивают скорость загрузки сайта, так как идёт несколько потоков подгрузки. Ладно ну это уже совсем другая тема…

          2. Максим Зайцев (автор)

            По скорости, полностью согласен. В плане даже есть статья для написания. Удачи вам!

  21. Витос

    Здравствуйте. Статья очень интересная и полезная, спасибо. ))
    Один вопрос по форме комментариев. Использовать [php]comment_form();[/php] для вывода формы нет желания, хочется вручную написать, по своему желанию. Не подскажете, код для основных элементов формы? В принципе форму вставить получается, но тогда перестают работать древовидные комментарии (ссылка «ответить»).
    Заранее спасибо))

    1. Максим Зайцев (автор)

      Витос, добрый день. Если я правильно понял, то вызов функции комментариев чем-то не устраивает, и вы хотите вывести весь код полностью? Только вот это не хорошо в плане оптимизации, снижается скорость загрузки сайта. Простым кодом html не обойтись, нужно ведь передавать данные в бузу данных. И в результате вместо одной строки кода будет 15-30.
      А вообще, за непосредственную форму комментариев отвечает функция comment_form. В кодексе WordPress есть описание этой функции: http://codex.wordpress.org/Function_Reference/comment_form
      Если это необходимо, то попробуйте через неё реализовать вашу форму. Удачи!

  22. Олег

    Не помогло, проблемы начались после обновления WordPress до 4.0.

    1. Максим Зайцев (автор)

      Здравствуйте, Олег. Функция работает не зависимо от обновлений движка. Проблему нужно искать комплексно, и начинать нужно с темы. Вспомните, какие изменения вы вносили в файлы comment-template.php и comments.php. Также проверьте правильно ли вы вставили функцию.

      1. Олег

        В том то и дело, что ничего не изменял, кроме обновления движка. Тема уже устаревшая, возможно что-то где-то конфликтует. Я в кодах не очень разбираюсь. Ранее так же при обновлении движка стали некорректно отображаться даты в виджете «Лучшие», то есть просто одинаковые даты к разным ссылкам. Функцию вставлял правильно. Видимо пора менять шаблон, тем более он не адаптивный.

        1. Максим Зайцев (автор)

          Олег, если шаблон не адаптивный и мобильную версию сайта вы не собираетесь отдельно создавать, то конечно стоит подумать о смене шаблона на адаптивный. Тем более, что ваш шаблон уже давно не обновлялся. Так вы решите и проблему с комментариями и подружите сайт с мобильным трафиком. Выгода очевидна. ;-)

  23. Ксения

    Спасибо, Максим! Благодаря вашим советам избавилась еще от одного плагина, до этого у меня стоял WordPress Thread Comment.

    1. Максим Зайцев (автор)

      Ксения, я очень рад, что смог вам помочь. Удачи вам. И заходите ещё в гости.

  24. Елена

    Здравствуйте!
    У меня после обновления темы пропала ссылка «ответить на комментарий». Как ее можно вернуть?

    1. Максим Зайцев (автор)

      Здравствуйте, Елена. Где именно пропала ссылка? Возможно, в обновлённой теме, автор решил избавиться от этой ссылки. В описании к обновлении, что было написано по этому поводу?

      1. Елена

        Здравствуйте! Когда я захожу в «редактировать страницу» кнопка ответить на месте: Отклонить | Ответить | Свойства | Изменить | Спам | Удалить, а ссылка «ответить» под комментарием пропала. А вот что в обновлении: This update includes: Security fix: Updated the PrettyPhoto lightbox plugin to the latest version to fix a recently found XSS vulnerability и все) В comments.php эта ссылка на месте, я думаю проблема в functions.php. Вы не знаете, какой-нибудь хак для вывода этой ссылки на страницу?

        1. Максим Зайцев (автор)

          Елена, причина в стилях. У вас для класса .post-info установлен стиль display: none !important; Именно поэтому кнопка скрыта. Уберите этот слить ссылка Reply (ответить) появится.

          1. Елена

            Спасибо! Вы гений! Я сама влепила этот стиль и главное не помню зачем! Сейчас другая беда, поставила Вин 7 64, вместо ХР 64, и в Мозиле развалилась вся верстка. Из-за кривого отображения шрифтов. Что теперь делать? Изощряюсь таким образом:
            @-moz-document url-prefix() {
            body {
            font-size: 13px !important ;
            }
            }
            @-moz-document url-prefix() {
            #menu ul li a {
            font-size: 14px !important;
            }
            }
            Но ведь это не решение проблемы? Плюс десяток шрифтов. На ХР в Хроме и Мозиле сайт отображался почти одинаково, на Мозиле были шрифты чуть больше, но это дизайн не разваливало. У Вас случайно не стоит 10-ка? Может на ней уже и в Хроме дизайн развалился?

          2. Максим Зайцев (автор)

            Елена, у меня и в 7 и 10 ваш сайт отображается корректно. Все шрифты смотрятся гармонично. Тут причина только в вашей операционке. Посмотрите сайт с другого компа или планшета и убедитесь, что сайт выглядит отлично.

          3. Елена

            Я Вас добавила на Гугл+

          4. Максим Зайцев (автор)

            Замечательно! ;-)

          5. Елена

            Какая у Вас разрядность операционки? Нормально отображается именно в Мозиле? Сейчас там добавлено два стиля, если их убрать шрифты у меня получаются огромными, да и со стилями все равно криво(

          6. Максим Зайцев (автор)

            У меня 64-разрядная ОС. Елена, попробуйте очистить кэш браузера и посмотрите на результат. Возможно в этом проблема. У меня в Мозиле ваш сайт выглядит нормально.

          7. Елена

            Кэш чищу всегда. Это может зависеть от железа? Ведь в ХР было почти нормально, шрифты слегка увеличенные, но не огромные. +шрифты подгружаются из гугл фонтс, если это отключить, то они становятся огромными и в хроме. Может в этом причина?

            Мое ночное творчество. Фиксация меню. Я нигде не накосячила? Вроде смотрится нормально?)
            #header {
            position: fixed !important;
            z-index: 1000;
            }
            .page #content, .single #content, .error404 #content, .woocommerce-page.post-type-archive-product #content {
            margin-top: 95px !important;
            }
            .layout-left #sidebar {
            margin-top: 95px !important;
            }
            #gallery-container {
            margin-bottom: 70px !important;
            margin-top: 95px !important;
            }
            .page #full-width, .single #full-width, .error404 #full-width, #full-width, .blog #full-width {
            margin-top: 95px !important;
            }
            .page #full-width, .single #full-width, .error404 #full-width, #full-width, .blog #full-width {
            margin-top: 95px !important;
            }
            #grid-gallery-wrapper {
            margin-top: 80px !important;
            }

            Только никак не могу увеличить ширину страницы. Подскажите пожалуйста, как это можно сделать?

          8. Максим Зайцев (автор)

            Елена, тут явная проблема в вашем компе. Я сейчас просмотрел ваш сайт с ещё двух компьютеров и проблем не вижу. Стили все адекватные, меню работает отлично.
            Ширина сайта задана через идентификатор #content-container в 980 пикселей. Только вот я не советую увеличивать ширину страницы. Так как на мониторах в 15 дюймов просматривать сайт будет проблематично. А сейчас ноутбуков и нетбуков с такой диагональю экрана и меньшей предостаточно. Отсекать этих посетителей себе дороже.

      2. Елена

        Спасибо большое!
        Наверное такое у меня железо, да и просмотры с Лисы падают постепенно. У меня сейчас 25%, а вообще по миру — 21%.
        У Вас ширина 1170.) Я пробовала этот стиль, ничего не меняется. Не знаю, сейчас уже телефоны идут 1900. И как это смотрится на full hd? Узенькая полоска посреди экрана? Смотрим по вчерашнему дню:
        Группа дисплеев
        Визиты
        Просмотры
        Отказы
        Глубина просмотра
        Время на сайте
        Итого и средние 182 1 403 25,3% 7,7 00:07:47
        Широкоформатные 80 446 22,5% 5,6 00:05:17
        Стандартные 59 736 28,8% 12,5 00:14:16
        Мобильные 43 221 25,6% 5,1 00:03:31
        Итого с низким разрешением примерно 12 посетителей из 182
        Я Вам не сильно надоедаю?)

        1. Максим Зайцев (автор)

          Елена, так у вас помимо фиксированной ширины 980 пикселей ещё дублируются стили в процентном выражении. Изменив стили в одном месте, нужно смотреть дальше, где блокируется. Делать это лучше через панель веб-мастера в браузере. Так вы даже без изменения стилей сможете проверить какие стили нужно подправить.
          Статистика — это сила. 12 посетителей — от них ведь тоже не стоит отказываться. ;-)

          1. Елена

            Спасибо! Все правлю, через Просмотр кода элемента при помощи интуиции и научного тыка). В админке теперь делаю замену стилей, чтобы за минуту можно было вернуть обратно. Покамест расширить не получается, только растянуть вправо.
            Есть сложный вопрос (для меня), все мануалы по этому поводу прочитаны, эксперименты проведены, результат — 0. Раньше главной стояла вот эта страница: http://girls-art.ru/galerei/, текста на ней — 0, даже не выводятся альты картинок. Бинг ее съел на ура, Яндекс покривился, но в ТОП 50 по тематическим запросам взял, а Гугл выше 240 места не пускает. Пришлось поставить главной страницу «О сайте», смотрится она не очень, отказы поднялись на 10%. Поэтому хотелось бы вернуть главной http://girls-art.ru/galerei/ и добавить внизу текст и виджеты. Буду очень благодарна за помощь
            И аватарку сюда загрузить не получается, страница регистрации перебросила на вход в админку))

          2. Максим Зайцев (автор)

            Елена, возможно это можно сделать и средствами вашей темы. Но, если правкой кода, то можно вставить блок ДИВ (например

            здесь текст или таблица и так далее

            ) перед блоком

            . Для идентификатора id="text" применить вот такие стили: max-width: 1200px; display: -webkit-box; margin: 0 auto;. Также для блока с идентификатором grid-gallery задать высоту в 1450px вместо 1491. Это для уменьшения расстояния между блоками.
            Примерно так. А дальше можно создавать либо таблицу, либо другие блоки внутри и размещать нужный контент.

          3. Елена

            Это я пробовала с самого начала. Потом начались эксперименты с index.php, тоже безрезультатно. Непонятно вообще, кроме меню и ссылок на картинки в коде ничего нет. Что можно придумать?
            Чем могу быть полезна я? Поставить ссылки в своих группах?

          4. Максим Зайцев (автор)

            Елена, для того чтобы разобраться какой файл править нужно его найти. Сделать это можно через поиск по содержимому в Total Commander. Если в файлах index.php, single.php, page.php нет этих блоков. Значит в вашей теме структура сделана на API ключах и всё доработки нужно делать через файл функции темы. А это уже гораздо сложнее. Для того чтобы убедится в этом проверьте файл functions.php на наличие идентификаторов grid-gallery и gallery-container. Сделать это можно открыв файл прямо в редакторе вордпресс и нажав комбинацию клавиш CTRL+F, далее вводите название и ищите.
            За предложение спасибо, но наши тематики немного отличаются. ;-) Так что ссылка на мой блог будет не уместна. Хотя я могу и ошибаться.

          5. Елена

            Нету, зато есть файл template-grid-gallery.php:

            ID, array(‘show_filter’, ‘show_info’, ‘post_category’, ‘post_number’, ‘slider’,
            ‘order’, ‘image_width’, ‘desaturate’, ‘show_back_btn_end’, ‘partial_loading’, ‘img_num_before_load’));

            //create a data object that will be used globally by the other files that are included
            $pex_page=new stdClass();
            $pex_page->layout=’grid-full’;
            $pex_page->show_title=’off’;
            $pex_page->slider=’none’;

            $page_url = get_permalink( $post->ID );

            //include the before content template
            locate_template( array( ‘includes/html-before-content.php’), true, true );
            wp_reset_postdata();
            }
            }

            //ADD THE ADDITIONAL SCRIPTS NEEDED
            global $pexeto_scripts_to_print;
            if($page_settings[‘desaturate’]==’true’){
            //load the desaturation script
            $pexeto_scripts_to_print[]=’pexeto-desaturate’;
            }

            $gallery_class=$page_settings[‘show_filter’]!=’false’?’with-filter’:’no-filter’;
            ?>

            <?php if($page_settings['partial_loading']=="true"){
            //when partial loading is enabled for the horizontal slider, preload the images needed for the navigation, as otherwise they will be displayed after all the other images get loaded
            $navigationImages = $arrayName = array("scroll-bg.png", "scroll-handle-bg.png", "preview_arrows.png");
            for($i=0; $i<sizeof($navigationImages); $i++){
            echo '’;
            }
            } ?>
            <div id="grid-gallery-wrapper" class="loading «>

            false, «hierarchical»=>true);
            if($page_settings[‘post_category’]!=’-1′){
            $args[‘parent’]=$page_settings[‘post_category’];
            }
            $cats=get_terms(‘portfolio_category’, $args);
            $cat_arr=array();
            foreach($cats as $cat){
            $cat_arr[]=array(«id»=>$cat->term_id, «name»=>$cat->name);
            }
            $cats_to_json = json_encode($cat_arr);
            }else{
            $cats_to_json='[]’;
            }

            ?>

            jQuery(document).ready(function($){
            $(‘#grid-gallery-wrapper’).pexetoGridGallery({
            «itemsPerPage»:,
            «showCategories»:,
            «imageWidth»:,
            «showInfo»:,
            «ajaxUrl»:»»,
            «category»:,
            «categories»:,
            «allText»:»»,
            «filterText»:»»,
            «loadMoreText»:»»,
            «backText»:»»,
            «orderBy»:»»,
            «desaturate»:,
            «showBackBtnEnd»:,
            «partialLoading»:,
            «imgNumBeforeLoad»:,
            «infoText»:»»,
            «pageUrl»:»»
            });
            });

          6. Максим Зайцев (автор)

            Елена, это начало шаблона. Его окончание в другом файле. Давайте не будем гадать, пришлите мне на почту maksim@1zaicev.ru вашу тему и я посмотрю где вставить блок для текста.

          7. Елена

            Что касается ссылок, могу убрать фотографов и поставить сюда:
            https://plus.google.com/communities/104456595694827879646
            или к девушкам)
            https://plus.google.com/communities/103899051549753269271
            Индексируются и яшкой и гуглятиной

          8. Максим Зайцев (автор)

            Спасибо конечно, но достаточно благодарности в комментариях. ;-)

          9. Елена

            Спасибо! Отправила!

            У Вас есть плюс страница? Давайте сделаем. Она тоже прекрасно индексируется яшкой.

            Максим, часть моего сайта сделано на родной шаблонной галерее, часть на прикрученном плагине. С родной галереей http://girls-art.ru/portfolio/krasivye-blondinki/ две проблемы:
            1-я она не разбивается на страницы.
            2-я родной лайтбокс при увеличении открывает изображение не по размеру окна браузера и не в полноэкранном режиме, а просто картинку в полном размере, получается ерунда.
            Как можно решить эти проблемы?

          10. Максим Зайцев (автор)

            Хорошо, посмотрю.
            Страница (личная) у меня есть. Для блога страницу отдельно не заводил.
            По решению проблем поговорим позже, для начала мне нужно разобраться со структурой.

          11. Елена

            ОК

  25. Вика

    Максим, Вы волшебник, спасибо Вам большущее!

    1. Максим Зайцев (автор)

      Пожалуйста. :-)

  26. Витос

    Не чего не получилас кнопка ответить не работает.

    1. Максим Зайцев (автор)

      Проблема в шаблоне. Нужно для начала разобраться, как выводятся комментарии. Советую в первую очередь проанализировать файл functions.php, если в нём есть вызов функции комментариев, то в этом и причина. Удачи!

      1. Серёга

        Спасибо огромное! Работает отлично и всего лишь в два движение. Немного дополню: если в functions.php вместо кода выводящего кнопку(ссылку) «ответить» вставить вот это

        <?php printf('Ответить’,$comment->comment_ID,$comment->comment_ID,$comment->comment_post_ID); ?>

        то при наведении на кнопку «ответить» никакой ссылки не будет(слева внизу экрана не будет всплывать ссылка) Возможно, кому-то полезно

        1. Максим Зайцев (автор)

          Добрый день, Сергей. Рад, что вы всё сделали. Спасибо за дополнения, но коды в комментариях у меня не проходят. Можете прислать код мне на почту maksim@1zaicev.ru, а я его размещу на сайте.

  27. Василий

    Спасибо, отличная статья! Только вот еще хотелосьбы прикрутить к комментариям лайки и дизлайки! Как это сделать?

    1. Максим Зайцев (автор)

      Здравствуйте, Василий. Рейтинг можно организовать с помощью плагинов Comment Rating или Comment Karma, или другими подобными.

  28. Вадим

    Все просто и понятно. Сделал точно по статье — все получилось. Похоже Вы приобрели еще одного читателя))!

    1. Максим Зайцев (автор)

      Вадим, я очень рад!

  29. Алиса

    Спасибо за статью!
    Я не могу определиться ставить этот плагин или такой же только с номерами.
    WordPress Thread Comment давно не обновлялся, а есть плагин WordPress Thread Comment, который сопровождается.
    Как быть?

    1. Максим Зайцев (автор)

      Алиса, попробуйте сперва один, а потом другой плагин, и выберите тот, что больше вам подходит.

  30. Алиса

    А как сделать картинку перед надписью «110 коммент. к статье…»?

    1. Максим Зайцев (автор)

      У меня это реализовано через псевдоэлементы After и Before http://1zaicev.ru/psevdoelementy-before-i-after-stil-i-skorost/

  31. Dressaccent

    Давно уже ставлю на блогах Disqus. Вот решила поиграться с родными комментариями WP. Попробую

Добавить комментарий