Выдумщица: Как создать ссылку на конкретное место в посте?

четверг, 19 сентября 2013 г.

Как создать ссылку на конкретное место в посте?

Иногда бывает нужно сделать ссылку не на весь пост, а на какое-то конкретное место в нем.

Зачем это нужно - примеры
Пример 1:
Пишете вы, например, отзывы на десяток книг в рамках читального марафона - удобно сделать в начале поста небольшое оглавление - нажимаешь на интересующую книгу и сразу попадаешь на нужный отзыв - не надо долго крутить колесо у мышки:)
Вот как это сделано у Наташи.
Или у меня в этом посте - специально сделала оглавление для примера.

Пример 2:
У меня на странице "Библиотека" - можно сразу перейти к Библиотеке или в рубрику "Интересное о книгах", миновав "Правила приема книг"

Пример 3:
Еще можно использовать этот прием при добавлении работ в галереи-конфетки - если у вас, например, сборный пост-солянка, и где-то в середине затесалась погремушка, которую вы хотите добавить в галерею детских игрушек. Чтобы люди не рыскали по всему поисках в недоумении, что же вы хотели продемонстрировать? А сразу попадали на нужную фотку:)

Как это сделать - html-код якоря
Используем так называемый "якорь", который вставляется перед нужным текстом (или картинкой). К этому якорю мы позднее прицепим ссылку.
Итак, открываете пост, внутри которого нужна ссылка, в режиме HTML. Копируете этот код (это и есть якорь):

и вставляете его перед вашим текстом. Вместо фразы "имя якоря" внутрь кавычек пишете любой набор цифр-букв-символов, даже на русском можно. Я использую "n1", по привычке. Мой код выглядит так:

А ваш может выглядеть, например, так:

Или так:

Это уж как фантазия подскажет:)

Куда вставлять код, если у текста есть шрифтовое оформление
Если текст у вас выделен жирным, зеленым, больше обычного - как у меня, в режиме html этот текст будет окружен всякими кодами (которые, собственно и делают его жирным, зеленым и т.д.):

Не обращайте внимания, код все равно вставляется прямо перед текстом, вот таким образом

Если вы, вставив код, перейдете в обычный режим, а потом опять в HTML, то увидите, что код изменился на такой:

Это, видимо, Blogger, что-то мудрит, но на нужную нам функцию ссылки это никак не влияет.

Как сделать несколько якорей
Если нужно сделать несколько якорей (как в первом примере - оглавление со ссылками на отзывы о книгах), используйте один и тот же код, только меняйте имя якоря внутри кавычек, например:

Как правильно написать ссылку
Якоря мы сделали, как теперь правильно написать ссылку? Совсем все просто: копируете ссылку на ваш пост, а в конце ее дописываете значок # и имя вашего якоря. Вот таким образом:

или

Ну и вставляете эту ссылку в нужное предложение - например, в оглавление. Ссылку можно использовать теперь где угодно, не обязательно только в этом посте: в другом посте, в комментариях к любому посту, в конфетке-галерее и т.д.
Если используете в этом же посте в качестве оглавления, то проследите, чтобы не стояла галочка "открывать ссылку в новом окне".

Как узнать адрес ссылки, если пост еще не опубликован
Как узнать адрес ссылки, если вы еще только пишете пост и пока его не опубликовали?
В режиме редактирования сообщения справа у вас есть столбик "Настройки сообщения", в этом столбике нажимаете "Постоянная ссылка" - Blogger выдает вам адрес автоматической ссылки. Можете задать собственную ссылку, нажав "пользовательская постоянная ссылка", об этом можно подробнее почитать в Олиной статье.