К основному контенту

Как сделать ссылку на определенную часть той же страницы.

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

Сделать это достаточно просто!

1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег :

<a id="yakor"></a> Начало текста или заголовка

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

2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида:
<a href="#yakor">Слово</a>

Покажу как это должно выглядеть на примере данной статьи. Если Вы не разобрались вернитесь к началу статьи.

Выглядит ссылка вот так:

<a href="#nachalo">к началу статьи.</a>

а якорь присвоенный началу вот так:

<p><a id="nachalo"></a>Сделать это достаточно просто!

Комментарии

  1. Здравствуйте!

    У меня есть такой вопрос:

    При нажатии на кнопку "Подробнее" под анонсом сообщения, я перехожу к полному тексту сообщения, но к той его части, где был указан разрыв страницы. Это выглядит не очень красиво. Можно как-то изменить код, чтобы после нажатия на кнопку "Подробнее" повлялось сообщение полностью, а не продолжение?

    Спасибо.

    ОтветитьУдалить
  2. Вы имеете ввиду у Вас в блоге так. Да несовсем удобно, скорее всего у Вас нестандартный шаблон, просто надо убрать в теле шаблона ненужный скрипт.

    ОтветитьУдалить
  3. Я сделал шаблон с помощью Artisteer. Он мне ещё вместо ссылки "Подробнее" втулил кнопку, что мне тоже не нравится.
    Как мне это исправить? И как убрать этот ненужный скрипт, где его искать?

    Спасибо.

    ОтветитьУдалить
  4. Надо смотреть в коде шаблона! так сразу не скажу! надо посмотреть Ваш блог

    ОтветитьУдалить
  5. Это пока трудно назвать блогом, но посмотреть можно тут:
    http://portable-rus.blogspot.com/

    ОтветитьУдалить
  6. Кнопка подробнее мне вполне нравиться, что не устраивает! если скинете мне сам шаблон я найдум у себя где ее удалить можно, потом Вам напишу !
    А воообще в html коде шаблона ищите слово Подробнее, и найдете скрипт с этой кнопкой и просто его удалите!

    ОтветитьУдалить
  7. Да, кнопка пусть будет, она по дизайну подходит. Нужно только изменить ссылку, по которой эта кнопка переводит нас к полному сообщению, а полностью скрипт удалять нельзя. Слова "Подробнее" в коде нет, я нашёл это место по слову "more" и думаю, что вот здесь нужно что-то изменить:

    b:if cond='data:post.hasJumpLink'
    div class='jump-link'
    span class='button-wrapper'
    span class='button-l' /span
    span class='button-r' /span
    a class='button' expr:href='data:post.url + "#more"'></a
    /span
    /div
    /b:if

    Если щелкнуть по заголовку, то переходишь к полному сообщению, а не к продолжению. Нужно как-то и сюда вставить такую же ссылку...
    Я из кода удалил все крючки, а то Ваш редактор не принимает код.
    А как Вам выслать шаблон?

    ОтветитьУдалить
  8. Спасибо Вы мне очень помогли!! Респект

    ОтветитьУдалить
  9. Например [(адрес)id100|(текст ссылки] Ну и все работает 200%

    ОтветитьУдалить
  10. добрый день)) может быть, вы мне сможете помочь. мне нужно сделать ссылку в таблице на одной странице на конкретное more части контента на другой странице (контент поделен на несколько частей, у каждого - свое more). каким образом это осуществимо?
    буду благодарна за совет))

    ОтветитьУдалить
  11. Да ссылку добавить просто перед словом якорь и /, впринципе должно сработать!

    ОтветитьУдалить
  12. Классно)) Благодарю.

    ОтветитьУдалить
  13. Спасибо за полезную информацию!!!

    ОтветитьУдалить
  14. สล็อต PGSLOTแตกง่าย เล่นง่ายได้เงินจริงผู้ให้บริการเกมสล็อต pg slot ออนไลน์บนโทรศัพท์เคลื่อนที่ที่มีเกมนานาประการให้เลือก เป็นเกมรูปแบบใหม่ที่ทำเงินให้ผู้เล่นได้เงินจริง 

    ОтветитьУдалить

Отправить комментарий

Популярные сообщения из этого блога

Добавляем красивый гаджет Поделиться

Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. Демо можно посмотреть тут!

Открыть несколько ссылок одним кликом мыши

Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько. Чтобы вставить такую ссылку необходимо к тексту добавить следующий код: <a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a>   Вставьте свои ссылки, увеличьт