Кинь якорь, или как ссылаться внутри текста

AdmiraО сайтах и блогахLeave a Comment

якорьПохоже, это НЛП  в верстке страниц. Якоря, возможно,  бывают и разные. Однако в HTML верстке понятие якорь все-таки ближе по смыслу к НЛПиншым якорям, чем к морю.

А суть очень проста. К примеру, у нас есть в тексте какое-то очень значимое место — кнопка купить, или форма подписаться, или просто некоторое гениальное определение. И текст при этом длинный, на экран не помещается, а читатель, как обычно, ленив.

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

<a name=»yakor»></a>

или так:  <a name=»yakor»>Здесь может быть любой текст или картинка, то есть кнопка</a>

Однако с кнопки обычно куда-нибудь идет еще одна ссылка, поэтому лучше ставьте якорь просто перед вашей кнопочкой.

Кстати, вместо якоря <a name=»xxx»> вы можете просто добавить идентификатор id к любому тегу.

Например, <p id=»xxx»> или <h2 id=»xxx»> (теги, конечно, нужно закрывать, особенно, если у вас не установлена опция  исправления кода)

И когда мы поставили якорь, мы можем обращаться к нему снова и снова из любого места нашей страницы.
Все, что для этого нужно — просто поставить ссылку с диезом (решеткой то есть) — вот так:  ЭТО ССЫЛКА НА КНОПКИ ПОДЕЛИТЬСЯ

А выглядит она вот так:

<a href=»#podelitsa»> ЭТО ССЫЛКА НА КНОПКИ ПОДЕЛИТЬСЯ</a>

Кстати, с главной страницы блога через разрыв записи «читать дальше» это работать не будет. Поэтому ссылайтесь на свой якорь полной ссылкой, с указанием доменного имени и адреса страницы или записи. Просто в конце добавляете диез с якорем.  Вот так:

 <a href=»https://marjari.com.ua/kin-yakor-ili-kak-ssylatsya-vnutri-teksta.htm#podelitsa»> ЭТО ССЫЛКА НА КНОПКИ ПОДЕЛИТЬСЯ</a>

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

Якорь нужно ставить в текстовом режиме редактора блога. Но если вы предпочитаете пользоваться только визуальным редактором, то вам поможет плагин Ultimate TinyMCE.  Он значительно расширяет функции обычного редактора блога. И кнопочка «вставить якорь» там тоже есть.

 

 

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *