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)  ссылки приведены в моих статьях : Очень качественный интернет-ресурс видео обучающих курсов.        Сверхпопулярные обучающие программы Info-DVD.

Продолжение «Как сделать текстовую ссылку. Как сделать изображение ссылкой.» в следующей статье.

Понравилась статья? Расскажите друзьям

Общайтесь со мной:

No related posts.