Як зробити картинку посиланням на сайті wordpress, інтернет капуста
Завжди хочеться чогось нового, таємничого і дивовижного!
Як зробити так, щоб серце тріпотіло, а душа раділа?
Дуже дивні бажання? А ось і ні. Іноді, в гостях на інших сайтах, спостерігаючи що - щось нове і цікаве, хіба ваша душа не завмирає, як у маленької дитини від німого захоплення? Кожен день ми дізнаємося, що щось нове. наприклад:
Як зробити картинку посиланням на сайті WordPress?
Ви знаєте. Тільки не кажіть, що ви відразу все зрозуміли і вивчили, відразу навчилися правильно писати статті. правильно їх оптимізувати, робити оформлення сайту.
Зрозуміли, як зробити так, щоб картинка раптом перетворювалася на заслання при натисканні на неї стрілочкою миші. Ось тут можна зупинитися!
Всім відомо, що корисна інформація - це те, заради чого Новомосковсктелі приходять на наші блоги. І, дуже хочеться, що б вони затримувалися у нас в гостях трохи довше.
Майже всі люди люблять розглядати картинки, які додаються до текстової інформації.
Одного разу під час написання нової статті ви раптом зрозуміли, що так хочеться зробити картинку, яку ви вставили в текст статті, посиланням на який-небудь продукт або ресурс.
Ви думаєте, що це дуже складно?
Нічого подібного. Зараз ми крок за кроком пройдемо з вами весь цей шлях від початку до кінця.
Результат вас здивує і обрадує. Тому що це насправді це легко.
Сьогодні ми навчимося робити на своєму сайті картинку-посилання, яка буде при кліці на неї мишкою, вести людину на додатковий ресурс, який ви вкажете заздалегідь.
Це може бути сторінка вашого сайту або зовсім інший ресурс.
Зрозуміти, як зробити картинку посиланням на потрібну сторінку, дуже легко. Досить пройти всього кілька пунктиків.
Зробивши їх, ви зможете не тільки прикрасити свій сайт красивими картинками, а й направляти трафік в бажану сторону.
На сучасному движку WordPress постійно все вдосконалюється. З кожним днем розібратися з технічними тонкощами ведення свого сайту стає все легше і зрозуміліше. Навіть, якщо намагатися трохи розібратися в коді, який дуже бояться чіпати новачки.
Але, загалом, там особливо нічого чіпати не доведеться. Все перетворює сам WordPress.
Як же зробити картинку посиланням?
Спочатку входимо в адміністративну панель сайту.
Натискаємо наступні пункти:
КОНСОЛЬ → ЗАПИСИ → ДОДАТИ НОВУ → ДОДАТИ медіафайлів
З'явиться таке вікно:
Далі натискаємо на кнопку: ЗАВАНТАЖИТИ АБО ДОДАТИ медіафайлів.
Вибираємо потрібний нам файл з медіа бібліотеки сайту (вона створюється з завантажених заздалегідь картинок) або завантажуємо нову картинку або фотографію зі свого комп'ютера.
ВИБЕРІТЬ Фото - ВІДКРИТИ - вставити в ЗАПИС.
Далі, слід трохи почекати, поки з'явиться картинка в статті, і потім, слід всього лише клацнути по ній мишкою, щоб виділити (зазвичай вона виділяється, забарвити синім кольором).
Натискаєте на нього, і з'являється нове невелике віконце.
Так все, що завгодно.
Можна написати назву - заголовок у відповідному пункті, а в пункті «Відкривати в новому вікні» не забудьте поставити галочку і натиснути «ОНОВИТИ».
Все - тепер картинка стала клікабельно.
Таким чином, можна вставляти зображення, в будь-яке місце статті - куди буде вам завгодно і отже, потрібно.
Як бонус, розглянемо тепер, як вставити картинку в сайдбар сайту (це те місце, яке ми бачимо зліва чи справа від основного тексту статті на сайті), щоб вона була на видноті і виконувала всі ті ж функції, які ми від неї чекаємо.
А ми хочемо, щоб при кліці на неї, людина перенаправлявся туди, куди нам потрібно.
Як вставити картинку в сайтбар сайту?
Щоб вставити картинку в потрібне місце сайтбара сайту, потрібно просто знати коректний код цієї картинки.
Як же отримати цей код?
Функції вордпресу такі, що він сам створить вам потрібний код, який ви просто скопіювали і вставите там, де це потрібно.
Для цього потрібно виконати весь шлях знову.
Потім, слід перейти на вкладку ВІЗУАЛЬНО - (ТЕКСТ) HTML і натиснути на пункт (ТЕКСТ) HTML.
От і все! З'явиться код вже з вбудованою автоматично посиланням, який просто потрібно скопіювати і вставити в потрібне місце.
Заходимо в віджет - вставити КОД і вставляємо його у вікні. Задаємо цифрою місце, де цей віджет повинен відображатися і натискаємо: ЗБЕРЕГТИ.
Переходимо на сайт і перевіряємо, як все працює. Я думаю, що все буде працювати прекрасно.
Якщо ви захочете раптом змінити розмір картинки в сайбара, то поверніться в налаштування віджета і в коді відрегулюйте цифри так як вам треба.
alt = "" width = "200" height = "180"
Це можна зробити заздалегідь, якщо виміряти розмір вашого сайдбара за допомогою програми FastStone Capture.
Мені дуже подобається ця програма, корисна будь-якому блогеру, в якій є напрочуд проста і інтуїтивно зрозуміла лінійка. А сама програма теж дуже корисна і я в майбутньому хочу написати про неї статтю.
От і все. Ми розібралися: