amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Categories: WordPress

Как сделать ссылку

Когда ваш сайт станет раскрученным, вы сможете размещать на нём ссылки, за которые будете получать деньги. Заработок на сайте – это и есть цель многих.

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

Анкор

Анкор представляет собой слово, при нажатии на которое пользователь переходит на url, указанный в ссылке.

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

Как сделать анкор

Делает это очень просто. Нужно в текстовом редакторе WordPress выделить слово, которое станет ссылкой, и нажать на кнопку в верхней панели «Вставить/изменить ссылку».

В открывшемся окне следует записать url, на который будем ссылаться, и заголовок ссылки – текст, который будет появляться при наведении на неё мышкой. Затем ставим галочку, если нужно, чтобы переход по ссылки осуществился в новом окне, и нажимаем добавить ссылку.

Чтобы удалить ссылку, нужно выделить её, и нажать на «Удалить ссылку».

В образе html данный процесс будет выглядеть следующим образом:

<a title=”Перейди на этот сайт” href=”http://сайт” target=”_blank”>ссылка</a>

Где:

  • title – это заголовок ссылки, текст который показывается при наведении мышки;
  • href – url, на который ссылается анкор;
  • target=”_blank” – открывает в новой вкладке;
  • ссылка – это текст анкора, как правило, призывающий, но не навязчивый, логически перенаправляющий на нужное место.

Визуально это выглядит так: парашютисты.

Как сделать ссылку-картинку

На Word Press можно сделать ссылкой не то только текст, но и картинку. То есть изображение будет не статичным, а кликабельным.

Чтобы сделать это, нужно загрузить изображение в запись с помощью кнопки «Добавить медиафайл». После заполнения всех нужных атрибутов картинки, в блоке «Настройки отображения» в списке «Ссылка», следует выбрать «Произвольный URL» и в строке ниже записать нужный адрес.

Выглядеть будет так:

<a href=”http://сайт”><img class=”alignnone wp-image-78 size-medium” title=”Перейди на этот сайт” src=”адрес картинки.jpeg” alt=”атрибут alt” width=”225″ height=”300″ /></a>

Где:

  • href – url, на который ссылается картинка;
  • title – это заголовок ссылки, текст который показывается при наведении мышки;
  • src – адрес картинки на вашем сайте;

Выглядеть будет так:

 

 

Поделитесь информацией с друзьями

Адель Гадельшин

View Comments

  • полезный сайт! Много информации можно получить . Благодарю автора.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

8 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago