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

Также иногда бывает необходимо отправить читателя к конкретному абзацу другой статьи, здесь эта функция также будет незаменимой. Поэтому давайте разберемся, как делают переходы на внутренние части HTML страниц. Для примера возьмем сайт, установленный на WordPress.

Итак, рассмотрим две возможности:

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

Как установить ссылку с одной части страницы на другую

1. Заходим в админку сайта, выбираем статью, с которой будем работать и переходим в HTML.

2. В нужное место вставляем следующий код:

<a href=»#abzac 4″>Ссылка на абзац 4</a>

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

3. Перед 4 абзацем ставим другую метку:

<a name=»abzac 4″></a>

Смотрите на картинку:

1 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

4. Переходим в визуальный редактор и смотрим, что вышло, должно получиться так:

2 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

5. Сохраняем статью и проверяем, что получилось, должно выйти вот так:

31 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

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

Получилось? Отлично! Я долго радовалась, когда научилась так делать. Давно уже хотела научиться этому! Надеюсь, вам так же оказалась полезной эта статья.

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

Здесь также нет ничего сложного. У нас есть страничка, где стоит метка <a name=»abzac 4″></a>. Допустим это http://frilka.com/kurs-13-zarplata.html. Сделаем так, чтобы с другой страницы читатели попадали к 4 абзацу нашей первой статьи.

Для этого переходим на вторую страничку, также открываем HTML и создаем следующую ссылку:

<a href=» http://frilka.com/kurs-13-zarplata.html#abzac 4″>Ссылка на абзац 4</a>

то есть указываем полный путь к нужному участку.

4 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

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

1. в визуальном редакторе это будет выглядеть так:

5 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

2. в статье так:

61 Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

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

Вот такая вот, не хитрая перелинковка у нас получается! icon smile Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

Если вам понравилась статья, поделитесь ее с друзьями в социальных сетях!

С Уважением и Любовью, Марина Лазарева!  wpml smile Как сделать ссылку с одной части страницы сайта на другую часть этой же страницы?

 

Подпишитесь на блог по e-mail:

Похожие записи: