Продолжаю описание темы перехода по ссылке, когда происходит чудодейственный переход кликом по изображению
находящемуся на сайте, с открытием новой вкладки.
Мне пишут, всезнающие, что есть иной и при том более простой способ уже продуманный
в wordpress, но в противовес на это приведу пример из жизни: встречный спрашивает другого каким автобусом можно добраться в определённое место, а ему в ответ - вот такси и езжай. Вот и пойдёт речь описания кода HTML.
Опять таки используем всё те же теги <a> </a> прибавляя параметр href="". В кавычках записываем адрес страницы
или сайта, затем target="_blank"><img src="". Между кавычками после src= нужно указать адрес картинки.
Привожу вариант кода который копируйте и вставьте в блокнот, а потом в HTML редактор своего ресурса:
<a href="http://little-fellow.com/category/v-mire-shahmat" target="_blank"><img src="http://little-fellow.com/
wp-content/uploads/2013/01/soperniki.jpg"/></a>
Только напоминаю, что адреса нужно вписывать свои!
Традиционный скриншот:
Вставка кода в прошлом? При том текст этого кода нужно копировать с блокнота. Переходим в визуальное редактирование, где вокруг картинки, клик по которой совершит действие в виде перехода по указанному в коде адресу, помещаем свою статью.
В следующий миг испытываем наслаждение проделанной работой!
находящемуся на сайте, с открытием новой вкладки.
Мне пишут, всезнающие, что есть иной и при том более простой способ уже продуманный
в wordpress, но в противовес на это приведу пример из жизни: встречный спрашивает другого каким автобусом можно добраться в определённое место, а ему в ответ - вот такси и езжай. Вот и пойдёт речь описания кода HTML.
Опять таки используем всё те же теги <a> </a> прибавляя параметр href="". В кавычках записываем адрес страницы
или сайта, затем target="_blank"><img src="". Между кавычками после src= нужно указать адрес картинки.
Привожу вариант кода который копируйте и вставьте в блокнот, а потом в HTML редактор своего ресурса:
<a href="http://little-fellow.com/category/v-mire-shahmat" target="_blank"><img src="http://little-fellow.com/
wp-content/uploads/2013/01/soperniki.jpg"/></a>
Только напоминаю, что адреса нужно вписывать свои!
Традиционный скриншот:
Вставка кода в прошлом? При том текст этого кода нужно копировать с блокнота. Переходим в визуальное редактирование, где вокруг картинки, клик по которой совершит действие в виде перехода по указанному в коде адресу, помещаем свою статью.
В следующий миг испытываем наслаждение проделанной работой!
спасибо за нужные коды )
ОтветитьУдалитьСпасибо, полезно!
ОтветитьУдалитьспасибо, Сергей)
ОтветитьУдалитьЕще бы на практике посмотреть как оно делается, и для чего служит:)
ОтветитьУдалитьберу на вооружение
ОтветитьУдалитьСпасибо Сергей я по вашим урокам два раза уже освоила HTML коды это третий урок, который скопирую и изучу
ОтветитьУдалитьЭто код как картинку сделать ссылкой, очень нужный для блоггера
ОтветитьУдалить