Статичный элемент на сайте ~ о Заработке в интернете

Статичный элемент на сайте

Приветствую.

Баннер (англ. banner — флаг, транспарант) — графическое изображение рекламного характера для привлечения клиентов. Баннер располагают на сайте справа или слева и посетителям он уже приелся и его игнорируют.

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

Картинку и ссылку такого элемента можно с легкостью менять. Изменения могут быть приурочены к какому-то событию — празднику.
Так как элемент мы будем размещать в файле-шаблоне нашего сайта, то данная картинка будет отображаться на всех страницах сайта. А выглядеть это будет вот так.

Статичный элемент на сайте

 

Файл, который нужно редактировать, находится в консоле WordPress Внешний вид > Редактор.
В правой части «Файлы темы» выбрать «Заголовок (header.php)», кликнув на него два раза мышкой откроется код данного файла в средней части страницы в области «Выбранное содержимое файла:».
В содержимом ищем «<header» и после этого вставляем следующий код, предварительно поменяв его.

 

<a style="position:fixed; top:25%; left: 0;cursor: pointer" href="<ссылка>" target="_blank">
<img src="<ссылка>" width="90" height="90" title="<альтернативный текст для изображений>">
</a>

Статичный элемент на сайте

Пример кода и результат показан ниже (пример указан вместе с «<header» его не нужно дублировать)

<header id="header" class="header">
<a style="position:fixed; top:25%; left: 0;cursor: pointer" href="https://evvergus.justclick.ru/aff/free/1200002744/mrdmisma/?utm_medium=affiliate&utm_source=mrdmisma&aff_medium=cps&aff_source=site" target="_blank">
<img src="https://shoinf.ru/wp-content/uploads/2019/01/target.png" width="90" height="90" title="Точно в цель">
</a>

Статичный элемент на сайте

Параметры width="90" height="90" помогут подобрать оптимальные размеры для изображения, аtop:25%; расположить его с отступом от верха сайта и закрепить неподвижно в нужном месте.

Оставляйте комментарии. Пишите вопросы. Делитесь с друзьями.

 

 

 

 

 

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

1 Response

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

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

Комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: