<
  • Главная
Статьи

Як зробити картинку посиланням

  1. Як зробити картинку посиланням для статті
  2. Як вставити картинку в сайдбар
  3. Як приховати посилання від індексації:
  4. Як зменшити розмір картинки в сайдбарі:
  5. Як вставити в віджет два банера

Дізнавшись, як зробити картинку посиланням на потрібну сторінку, ви зможете не тільки прикрасити свій блог красивими фото, а й направляти трафік в бажану сторону. Як і було обіцяно в попередній статті як зробити банер , Сьогодні ви отримаєте в руки потужний інструмент, який дозволить створювати на вашому блозі картинки-посилання, що ведуть на сторінки вашого або стороннього ресурсу.

Безумовно, контент, корисна інформація - те, заради чого читачі приходять на наші блоги. І, звичайно, нам приємно, коли вони затримуються у нас в гостях трохи довше пристойності. Не секрет, що ми все здебільшого візуали і любимо розглядати картинки.

Крім того, картинка, будучи ємним чином, теж здатна передавати інформацію. Емоційну. І, на відміну від тексту, вона завжди залишається певною загадкою, недомовленістю .. Ми бачимо образ, пару-трійку слів до нього, і ось вже хочеться дізнатися, що за всім цим стоїть. У цьому секрет тізерній реклами.

У цьому секрет тізерній реклами

Навчившись перетворювати статичні картинки в клікабельні, ви зможете створювати свої нестандартні розсилки, RSS, барвисті анонси своїх статей, незвичайні банери до своїх платним / безкоштовним продуктам, а також власні зображення до партнерських продуктів, які рекомендуєте на своєму сайті.

Інструкція, яку ви зараз читаєте, недавно була перероблена. Це друга версія статті, і в ньому дано найсучасніший і простий спосіб. У першій редакції я детально розбирала, як зібрати код практично вручну, але сьогодні в цьому вже немає необхідності, оскільки WordPress постійно вдосконалюється.

У розробці матеріалу мені допоміг Володимир Марнік - власник сайту ХостінДО і автор проекту ПомогайБлог, підказавши, як зробити картинку посиланням, використовуючи можливості Wordpress, за що я йому дуже вдячна.

Для зручності матеріал розбитий на дві частини - дивлячись що ви хочете зробити. Перша частина - як зробити картинку посиланням для розміщення в статті блогу. Тобто ви можете зробити все або деякі зображення в статтях розмітки.

Якщо ж ви хочете помістити картинку або банер в сайдбар так, щоб при кліці відвідувач переходив на потрібну вам сторінку, то про це мова піде в другій частині.

Частина 1:

Як зробити картинку посиланням для статті

1. Створюємо новий запис

Заходимо в адмінпанель: КОНСОЛЬ → ЗАПИСИ → ДОДАТИ НОВУ → ЗАГРУЗИТЬ / вставити.

З'явиться таке вікно:

2. Завантажуємо картинку на хостинг

Натисніть кнопку ВИБЕРІТЬ Фото і у вікні провідника виберіть потрібну картинку зі свого комп'ютера. Потім натисніть ВІДКРИТИ. Коли файл завантажиться, виберіть потрібний розмір картинки, задайте заголовок і в нижній частині вікна натисніть кнопку вставити в ЗАПИС.

3. Вставляємо одне з посилань

Коли картинка з'явиться, клацніть по ній мишкою, щоб виділити (картинка стане синього кольору, як на малюнку). Після чого у верхній панелі інструментів на вкладці натисніть на значок «Ланцюг» (на рис. Виділено червоною стрілкою):

Відкриється нове вікно - в рядку URL введіть адресу сторінки, на яку повинен переходити клік. Це може бути сторінка як вашого сайту, так і стороннього ресурсу (наприклад, перехід по партнерському посиланню).

У графі «Відкривати в новому вікні» поставте обов'язково галочку і натисніть ОНОВИТИ.

Все готово - тепер картинка стала клікабельно. Таким способом можна вставляти зображення, в тому числі саморобні банери, в будь-яке місце статті - в початок, середину або кінець тексту.

Частина 2:

Як вставити картинку в сайдбар

А ось тепер навчимося ставити БУДЬ-ЯКУ картинку або банер в сайдбар. Наприклад, ви хочете зробити картинку-перенаправлення на вашу сторінку захоплення, власний інфопродукт, важливу статтю або на продає сторінку партнерського сайту. Або хочете поставити в сайдбар (в підвал або шапку) банер власного виготовлення (як зробити свій банер, можна дізнатися в бонус до статті Як зробити банер в новому вікні >>).

Щоб вставити картинку в сайдбар, необхідно отримати коректний код. Для цього потрібно пройти попередні три пункти. Робите все абсолютно те ж саме (не забудьте вставити потрібний URL, щоб картинка переходила туди, куди потрібно). завантаження банера нічим не відрізняється від завантаження звичайної картинки.

У самому кінці, коли натиснете ОНОВИТИ і картинка з'явиться в запису, потрібно перейти на вкладку HTML (червоний гурток на малюнку):

І ось він - готовий код (в синьому овалі на малюнку). У ньому вже закладено потрібне посилання, розміри картинки і перехід в нове вікно. Розмістіть цей код і вставте в віджет. Натисніть ЗБЕРЕГТИ в віджеті і переходите на сайт. Перевірте розмір картинки, коректність відображення і чи працює посилання.

Як приховати посилання від індексації:

Якщо ви хочете приховати посилання від індексації (наприклад, партнерську), коли скопіюєте готовий код в віджет, відразу після посилання <a href = "ЗАСЛАННЯ» поставте тег rel = "nofollow" - після закриває лапки. І натисніть ЗБЕРЕГТИ в віджеті.

Як зменшити розмір картинки в сайдбарі:

Якщо розмір картинки потрібно зменшити, поверніться в сайдбар, відкрийте віджет і відрегулюйте цифри так, щоб підігнати їх під розмір віджету вашого блогу:

alt = "" width = "300" height = "182"

Я вимірюю розмір віджету не на око - для цього є зручна програма FastStone Capture, а в ній лінійка, що дозволяє точно виміряти висоту і ширину віджету, та й будь-якого іншого елемента вашого блогу. Але раніше налаштовувала навскидку, просто експериментуючи з цифрами.

КОРИСНИЙ НАВИЧКА:

Зменшуємо вага фотографії

Як вставити в віджет два банера

Додатковий блок на прохання моїх читачів.

Іноді виникає така необхідність - вставити в віджет два банера по горизонталі. Для цього потрібно вписати згенерований вище код в додаткові теги:

<Table> <tr> <td> КОД БАНЕРА №1 </ td> <td> КОД БАНЕРА №2 </ td> </ tr> </ table>

Щоб картинки встали в точності, потрібно зменшити розмір, як описано параграфом вище.

Якщо нижче потрібно розташувати ещу пару, то можна створити ще один віджет. Таким чином можна створювати безліч груп банерів.

І не забувайте закривати від індексації, якщо посилання партнерські, особливо на головній сторінці сайту. Такі вже у нас пошуковики, що у відкриту працювати - в бан можна загриміти 🙂

Ось, мабуть, і все. Тепер у вас є інструмент, за допомогою якого ви можете творити в своєму блозі все, що вам захочеться. Успіхів!



Новости
  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью