Як збільшити картинку на сайті в статті

Як збільшити картинку на сайті в статті

Добрий день друзі! Прийшла пора написати для вас корисний пост на таку тему - як зробити так, щоб картинка в статті при натисканні або при кліці збільшувалася.

Мої постійні Новомосковсктелі не раз зверталися до мене з цим питанням «Як збільшити картинку на сайті в статті" і щоб при цьому навантаження на блог була мінімальна.

Зараз я вам надам відмінний варіант, щоб це здійснити на своєму блозі і при цьому витратити не більше п'яти хвилин. Ми не будемо використовувати всілякі плагіни, на зразок Auto Highslide, ми скористаємося скриптом.

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

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

Тепер давайте ближче до справи, як збільшити картинку на сайті ?!

Потрібно виконати 3 прості кроки:

1. Завантажити скрипт і закинути його на хостинг в кореневу директорію свого сайту

2. Додати код в файл footer.php

3. Завантажити зображення в статтю і його налаштувати

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

Наступним кроком буде додавання в файл footer.php теми свого сайту спеціальний код. Тільки замість site.ru впишіть свій домен. Вставляємо код перед закриває тегом .

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

Як збільшити картинку на сайті в статті

Як збільшити картинку на сайті в статті

І нижче в «Додаткових налаштуваннях» в графу «Ставлення» вписуємо simplebox і натискаємо оновити. Все ОК.

Як збільшити картинку на сайті в статті

Тепер милуємося результатом. Якщо ви уважно Новомосковсклі цей пост, і зробили всі ці кроки, то у вас повинно було все вийде. І картинка на сайті при натисканні стала збільшуватися.

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

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

  • WordPress плагіни
  • ведення блогу
  • Заробіток в інтернеті
  • Як заробити на блозі
  • Особистісний ріст
  • Новини блогу
  • Корисні поради
  • Програми та сервіси
  • Розкрутка і SEO
  • створення блогу
  • Як збільшити картинку на сайті в статті
    Як заробити на блозі ?!
  • Як збільшити картинку на сайті в статті
    Пасивний дохід в інтернеті!
  • Як збільшити картинку на сайті в статті
    Як збільшити відвідуваність сайту?
  • Як збільшити картинку на сайті в статті
    Заробіток в інтернеті без вкладень
  • Як збільшити картинку на сайті в статті
    Як заробити на опитуваннях?
  • Як збільшити картинку на сайті в статті
    Як розкрутити блог

Вам це цікаво!?