Як зробити клікабельно картинку на сайті в тексті і сайдбарі, блог Ольга Абрамова

В якості таких картинок ви можете використовувати:

Наприклад, якщо я вставлю сюди такий скріншот, напевно ви захочете по ньому клацнути. Зробіть це обов'язково, і вам відкриється нове вікно).

Клікабелье картинка на сайті WordPress

Що потрібно зробити: виділяємо картинку лівою кнопкою миші і зверху в панелі редагування вибираємо значок з ланцюжком під назвою «Вставити / змінити посилання».

Далі у вікні, в полі URL вставляємо посилання на сторінку, статтю, сайт, куди ви хочете перенаправити увагу своїх Новомосковсктелей.

І не забудьте поставити галочку «Відкривати в новій вкладці". Ця функція дозволяє утримувати відвідувача на вашому сайті більш тривалий час.

Для збереження команди не забудьте натиснути кнопочку «Додати посилання».

До речі, якщо ви з якихось причин хочете видалити посилання з картинки, вам потрібно знову виділити картинку і в панелі редагування натиснути на значок розірваної ланцюжка «Видалити посилання».

Клікабелье картинка в сайдбарі сайту

Ви ж, використовуючи сайдбар, можете збільшити відвідуваність певної статті вашого блогу, підібравши на головну сторінку чіпляють картинку. Картинку з сайдбара так само можна зробити клікабельно, використовуючи спеціальний код як і для банерів.

Даний код ви можете зберегти собі з яндекс.диск за цим посиланням >>>

Отже, давайте поглянемо на код. Для коректної вставки нам необхідно буде змінити посилання і URL картинки.

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

Для прикладу візьму статтю Як навчитися заробляти в Інтернеті з повного нуля і на неї зроблю посилання з картинки з сайдбара.

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

Після того, як ви це зробили, URL вставте в код, який повинен бути у вас відкритий, наприклад в Блокноті.

Далі скопіюйте посилання статті, на яку буде перенаправляти картинка, і так само вставте її в код.

Все, код ми відредагували, тепер нам необхідно його вставити в сайдбар сайту.

У Консолі йдемо до вкладки Зовнішній вигляд - Віджети. Лівою кнопкою миші захоплюємо блок Текст і перетягуємо його в правий сайдбар.

У відкритому полі тексту вставляємо наш відредагований код з Блокнота, копіюючи його повністю від початку і до кінця. При бажанні можете додати заголовок. Зберегти.

Тепер йдемо на головну сторінку сайту, і якщо ми все зробили правильно, наша картинка повинна встати в сайдбар і бути клікабельно.