Как сделать текстовую ссылку. Как сделать изображение ссылкой.
1. Как сделать текстовую ссылку? Как сделать изображение ссылкой? Нет ничего проще. Для блога на WordPress есть два способа решения этой задачи в редакторе текста: в режиме html и в визуальном.
1.1 Рассмотрим вначале это с позиций html кода, в редакторе текста перейдем в режим html.
Существует тег ссылки:
<a href="http://адрес_сайта_или страницы">Слово_для ссылки</a>
Так же для ссылки можно использовать и картинку. Тег примет такой вид
<a href="http://адрес_сайта_или страницы">
<img src="http://_адрес_картинки"></a>
То есть нужно найти какие нибудь слово или картинку и прописать вокруг них необходимые атрибуты тега. Редактор поможет в написании тегов, хотя это можно сделать вручную. Не забудьте сохранить результат.
1.2 В визуальном режиме нужно выделить необходимое слово или картинку и нажать на кнопку «вставить/изменить ссылку», после этого появляется окошко с http:// в которое нужно прописать необходимый адрес ссылки. В случае картинкой строка с http:// может быть заполнена адресом картинки, этот адрес нужно заменить на адрес ссылки.
Можно еще выбрать менее важные атрибуты, например, открывать в новом окне или выбрать слово или фразу, которые будут всплывать при наведении на них курсора (атрибут заголовок или title).
Нажимаем выполнить и видим результат — слово-ссылка изменило свой цвет и подчеркнуто, ну и конечно же по щелчку мыши по ссылке — слову, фразе или картинке произойдет переход по выбранному Вами адресу.
2. Еще хотелось остановиться на дополнительных, атрибутах тегов <a></a> и <img>.
2.1. <a href="" title="Всплывающее_слово_при_наведении курсора" target="_blank" rel="nofollow">Слово ссылка</a>
C title все понятно.
target="_blank"
используйте, если нужно, что бы ссылка открывалась в новом окне.
rel="nofollow"
используйте, если ссылка на чужой сайт, и вы не хотите, чтобы она забрала часть рейтинга вашего сайта у поисковых систем. То есть, это обращение к поисковым роботам не следовать по этой ссылке.
Здесь приведены самые азы, для дальнейшего продвижения в этом вопросе нужно изучать инфо курсы на DVD (по языку разметки html и каскадным таблицам стилей css) ссылки приведены в моих статьях :
Продолжение «Как сделать текстовую ссылку. Как сделать изображение ссылкой.» в следующей статье.
Общайтесь со мной:
No related posts.
Спасибо! Очень доходчиво написано.
Спасибо, что зашли.
С режимом html просто беда — невозможно не запутаться, если не всё очевидно. Но в Вашей статье всё так здорово описано, что, пожалуй, можно попробовать. Спасибо.
Ну и хорошо, спрашивайте, если что.
Спасибо, Николай! Получила информацию больше, чем ожидала. Буду разбираться. С html кодом еще много будет вопросов.
Спрашивайте.
Спасибо. полезно и доходчиво. Буду у Вас учиться
Пожалуйста.
Спасибо Николай за информацию, мне как раз она нужна была. все поставила.