Быстрый переход к форме отправки комментариев

Я уже писал об увеличении размера формы отправки комментариев, что, по сути, является одним из многих шажков в направлении оптимизации интерфейса нашего блога для удобства читателей. Сейчас я хочу предложить вам сделать еще один шаг в этом направлении. И он снова касается формы отправки комментариев.

У многих блогеров читатели довольно активно комментируют статьи. И каждому последующему комментатору приходится все больше и больше прокручивать страницу для того, чтобы добраться до формы отправки комментариев. Облегчим нашим читателям эту задачу!

Итак, взгляните в самый низ этой статьи, где указано количество комментариев для нее. Видите перед словом "Комментариев" маленькую синюю стрелку, указывающую вниз? Если вы подведете к ней курсор, то убедитесь, что это ссылка, а всплывающая подсказка расскажет вам о ее назначении - кликнув по ссылке, читатель мгновенно переместится к форме отправки комментариев, минуя саму ленту комментариев.

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

Все довольно просто. Открываем редактор шаблона (Дизайн->Изменить HTML), ставим галочку напротив "Расширить шаблоны виджета", после чего ищем следующий код:

<h4>
  <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
  <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
  </b:if>
</h4>

...и видоизменяем его следующим образом:

<h4>
  <a expr:href='data:blog.url + "#comment-form"'><img align='baseline' height='16' src='https://lh5.googleusercontent.com/-XqsiYODu7VE/TmDBrquePWI/AAAAAAAAAPY/bgDbn45vCQ4/arrow_down.gif' title='К форме отправки комментариев' width='16'/></a> <b:if cond='data:post.numComments == 1'>
    1 <data:commentLabel/>:
  <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>:
  </b:if>
</h4>

Таких блоков кода в шаблоне два. Изменения следует внести в оба!

Разумеется, как саму картинку, символизирующую ссылку перехода к форме отправки комментариев, так и текст всплывающей подсказки вы можете заменить своим.

Удачи!