Как создать и изменить ссылку

Создание и продвижение сайта без ссылок практически невозможно. Поэтому сегодня статья о ссылках: о том, как их создать, как добавить в текст и как изменить внешний вид ссылки (цвет, подчеркивание, шрифт).

Как добавить ссылку на сайт

Самый простой способ добавить ссылку в текст — с помощью визуального редактора. Он позволяет создать ссылку без знаний html.

В WordPress редактор записей содержит две вкладки: визуально и текст. В первой для создания ссылки достаточно нажать кнопку «Вставить/изменить ссылку » и задать адрес нужной веб-страницы. Во вкладке Текст можно создать или отредактировать ссылку с помощью html и css.

Визуальный редактор WordPress выглядит так:

Чтобы создать ссылку, выделите нужный участок текста и нажмите значок Вставить/изменить ссылку. Появится вот такое окно:

В поле URL введите адрес веб-страницы, которая будет открываться при клике на ссылку или выберите из списка страниц сайта.

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

В конце нажмите кнопку Добавить ссылку .

Не всегда можно воспользоваться визуальным редактором. Кроме того, не во всех редакторах есть значок вставки ссылок. Поэтому полезно знать как можно самому создать ссылку.

Как создать HTML ссылку

Вот как выглядит простейшая html ссылка в текстовом редакторе:

<a href= «http://tavry. ru»>текст ссылки</a>

А вот как эту ссылку видит посетитель сайта — текст ссылки . Щелчок по ней откроет главную страницу этого сайта.

Итак, создаем ссылку. В WordPress для этого нужно в редакторе записей перейти из вкладки Визуально во вкладку Текст.

Для создания ссылки нужен парный тег а — открывающий <a> и закрывающий </a>

Внутри открывающего тега <a> находится обязательный атрибут href. Он указывает на адрес веб-страницы, которая должна открыться при щелчке. Адрес страницы — в кавычках.

<ahref= «http://tavry. ru» >

Между открывающим тегом <a> и закрывающим тегом </a> обязательно должен быть текст — это единственная видимая пользователю часть ссылки. Вместо текста можно использовать любой символ или изображение.

<a href= «http://tavry. ru»>текст или изображение, которое видит пользователь </a>

Где открывается ссылка

По умолчанию веб-страница, указанная в ссылке открывается в том же окне и заменяет открытую страницу. Чтобы ссылка открылась в новом окне нужно использовать атрибут target со значением_blank. который размещается внутри открывающего тега <a>.

<atarget= «_blank» href= «http://tavry. ru»>текст ссылки</a>