Вложенные комментарии в WordPress 2.7
Это было несложно. О том как это правильно сделать я расписывать не буду, т.к. все этапы подробно расписаны в кодексе WordPress здесь: Enhanced Comment Display (на русском где-то рядом должно быть). Заняло это буквально пол часа, править пришлось всего два файла. Обратите внимание на раздел где javascript, ибо это как раз тот скрипт, который оживляет вашу форму комментирования (при нажатии на “Ответить” страница не перезагружается).
Всё остальное делается стилями CSS - у меня возникли следующие нюансы:
* Элемент textarea был ~700px шириной и перекрывал мою боковую колонку, когда я пытался ответить на существующий комментарий. Поправив ширину на 100% решило проблему.
* Комментарии и ответы - разные вещи. Комментарии попадают под элемент OL (нумерованный список), а ответы - UL (ненумерованный). Элементу UL присваивается класс ‘children’, куда и стоит добавлять стиль margin-left - не путайте.
* Вложенные комментарии не очень аккуратно выглядят без рамок. Лично мне не нравится, как они выглядят в стандартной теме, поэтому мой вариант - немного padding-left и border-left для элементов LI в списках UL и OL (комментарии и ответы).
* Ссылка ‘Ответить’ не является частью данного комментария и не попадает под тег P, поэтому нужно отдельно для неё прописывать margin-left (если действительно нужно).
* Форме комментирования нужен стиль с margin-left когда комментарий является ответом, а не комментарием. Чтобы их различить можно использовать следующее (.comment означает что новый комментарий является ответом, а #respond это собственно наша форма):
.comment #respond { margin-left: 42px; }
Ну вот и всё! Теперь вы тоже молодцы!
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-03-13 » Стратегии SEO на 2024 год
- 2024-03-13 » Как использовать анимацию с помощью JavaScript-библиотеки GSAP
- 2024-03-13 » Использование GSAP 3 для веб-анимации
- 2024-03-13 » Cогласование топографической съёмки с эксплуатирующими организациями
- 2024-02-19 » Теряются лиды? Как настроить сквозную аналитику
- 2024-02-17 » Мерч и IT: на что обратить внимание в 2024 году
- 2024-02-16 » Копируем с RSync: основные примеры синхронизации файлов
- 2024-02-15 » Лучшие noCode AI платформы для создания диалоговых ботов
- 2024-02-14 » Факторы ранжирования Google 2024 — исследование Semrush
- 2024-02-12 » Перенос сайта на другой хостинг
- 2024-02-05 » В России сформирован реестр хостинг-провайдеров
- 2024-02-04 » Использование SSH для подключения к удаленному серверу Ubuntu
- 2024-02-03 » Подключаемся к серверу за NAT при помощи туннеля SSH. Простая и понятная инструкция
- 2024-02-02 » Настройка CI/CD для Gitlab-репозитория: схемы и гайд по шагам
- 2024-02-01 » GitLab CI Pipeline. Запуск сценария через SSH на удаленном сервере
- 2024-01-29 » Introduction to GitLab’s CI/CD for Continuous Deployments
- 2024-01-26 » Настройка GitLab CI/CD
- 2024-01-25 » Установка shell gitlab runner
- 2024-01-25 » Установка и регистрация gitlab-runner в docker контейнере
- 2024-01-25 » Переменные Gitlab-Ci
- 2024-01-25 » Настройка CI/CD в GitLab для синхронизации проекта с веб-серверами
- 2024-01-25 » Копирование файлов scp
- 2024-01-21 » Бездепозитные бонусы от казино: обзор условий и правил использования
- 2024-01-18 » Современная обработка ошибок в PHP
- 2024-01-18 » Пример шаблона проектирования MVC в PHP
- 2024-01-18 » Мифический человеко-DevOps
- 2023-12-28 » Google подвел итоги 2023 года в поиске
- 2023-12-28 » 5 ошибок отдела продаж, из-за которых вы теряете клиентов
- 2023-12-28 » Американский суд признал монополию Google на рынках дистрибуции Android-приложений
- 2023-12-28 » Хостинг-провайдер GoDaddy перестанет оказывать услуги пользователям из России
Власть над собой — высшая власть. Луций Анней Сенека |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.