Як зробити картинку посиланням
- Як зробити картинку посиланням для статті
- Як вставити картинку в сайдбар
- Як приховати посилання від індексації:
- Як зменшити розмір картинки в сайдбарі:
- Як вставити в віджет два банера
Дізнавшись, як зробити картинку посиланням на потрібну сторінку, ви зможете не тільки прикрасити свій блог красивими фото, а й направляти трафік в бажану сторону. Як і було обіцяно в попередній статті як зробити банер , Сьогодні ви отримаєте в руки потужний інструмент, який дозволить створювати на вашому блозі картинки-посилання, що ведуть на сторінки вашого або стороннього ресурсу.
Безумовно, контент, корисна інформація - те, заради чого читачі приходять на наші блоги. І, звичайно, нам приємно, коли вони затримуються у нас в гостях трохи довше пристойності. Не секрет, що ми все здебільшого візуали і любимо розглядати картинки.
Крім того, картинка, будучи ємним чином, теж здатна передавати інформацію. Емоційну. І, на відміну від тексту, вона завжди залишається певною загадкою, недомовленістю .. Ми бачимо образ, пару-трійку слів до нього, і ось вже хочеться дізнатися, що за всім цим стоїть. У цьому секрет тізерній реклами.
Навчившись перетворювати статичні картинки в клікабельні, ви зможете створювати свої нестандартні розсилки, 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>
Щоб картинки встали в точності, потрібно зменшити розмір, як описано параграфом вище.
Якщо нижче потрібно розташувати ещу пару, то можна створити ще один віджет. Таким чином можна створювати безліч груп банерів.
І не забувайте закривати від індексації, якщо посилання партнерські, особливо на головній сторінці сайту. Такі вже у нас пошуковики, що у відкриту працювати - в бан можна загриміти 🙂
Ось, мабуть, і все. Тепер у вас є інструмент, за допомогою якого ви можете творити в своєму блозі все, що вам захочеться. Успіхів!