Как поставить якорь в запись WordPress

Как поставить якорь в запись WordPress

 

В очередной раз возникла необходимость сделать ссылку внутри одной статьи — называется поставить якорь.

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

Авторское право

Поставить якорь в статье  Wordpress достаточно просто для этого необходимо перейти в редактор «текст»

Ставим якорь в Вордпресс

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

<a href="#anchor1"> </a>
, где anchor1 это просто название якоря (можете написать просто — 1, а можете все что угодно, главное что б вам самим было понятно). Тег </a> необходимо поместить после текста ссылки.

Например у нас есть текст «Перейти к описанию партнерской программы« при нажатии на который нас должны перенаправить на само описание партнерской программы, в таком случае данная запись будет выглядеть так:

<a href="#anchor1">Перейти к описанию  партнерской программы></a>

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

Вид якоря:

<a id="anchor1"></a>

где id=”название якоря” – более «продвинутый», более валидный, соответствует стандартам W3C (название якоря должно совпадать в обоих кодах)

Если у вас в статье несколько якорей то у каждого должно быть свое название.

Вот и все.

Поделись с друзьями
Понравилась статья? Не забудь поделиться ей с друзьями в twittere, facebooke, google+ и других сетях.

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

Подписка на новостную рассылку

4 комментария

  1. Clanna:

    Товаррищь афтор,есть в более лучшем качестве ?

  2. Что именно в «более лучшем качестве» вас интересует?

  3. Юля:

    Статья по делу и без воды. Благодарю!

  4. Андрей:

    Спасибо, всё доходчиво. Практически как на joomla.

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

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