Здесь мы начинаем копаться в Photoshop и проектировать область для комментариев. Мы начинаем сверху, имея в виду сами отдельные комментарии (в отличие от формы комментариев).
Мы ловим аватар для работы. Мы обязательно будем использовать сервис Gravatar, поскольку он специально создан для этого и отлично интегрирован в WordPress. Кроме того, я большой поклонник аватаров и чувства личной собственности, которое они дают вам на сайте.
Некоторые элементы этой конструкции легко встают на свои места. Мы используем белое поле на сером, как и все модули на сайте. Шлепаем аватарку. Мы делаем имя ссылкой и используем ссылку синего цвета, которую мы использовали везде. Мы вводим дату комментария, используя тот же стиль, что и все даты на сайте. Все это время мы остаемся максимально организованными в Photoshop.
Для ответов на комментарии мы немного отступаем от комментария ниже, пытаясь соответствовать созданной подсетке. Нам также понадобится ссылка на комментарии верхнего уровня, чтобы создавать эти ответы, поэтому мы помещаем ссылку в правом верхнем углу этих комментариев. Та же ссылка-синяя, как всегда. Мы используем стрелку из нашего набора значков Entypo - только там не было идеальной стрелки, нам пришлось выбрать ту, которая была близко, и повернуть ее на 180 градусов. В CSS это не должно быть проблемой.
Чтобы прояснить, что дата комментария также является постоянной ссылкой, мы также будем использовать для этого значок.
Мы поиграем с тем, куда должны идти «функциональные» ссылки, но не зацикливаемся на этом слишком долго. Единственные люди, которые когда-либо их увидят, - это я. Для протокола, это то, к чему я пришел.