У WordPress, за замовчуванням, при кліці на картинку, користувач перекладається на сторінку картинки. Погодьтеся - це дуже незручно, коли тебе раптом перекидає на іншу сторінку.
Для того, щоб зображення збільшувалася прямо на тій сторінці, на якій і перебувати, на сайт потрібно встановити спеціальний скрипт.
Як він працює, можна подивитися на зображенні вище.
Знайти його в інтернеті не проблема, але на жаль у всіх пропозицій є один недолік. Код скрипта, при перевірці в валідаторі, видає помилку.
Довелося трохи напружитися, і виправити цю ситуацію, так що далі мова піде про прекрасно працює на всіх шаблонах, і валідність скрипті.
Спосіб його установки, доступний навіть для тих, хто нічого не знає про скрипти, і взагалі про мови програмування.
Разом з тим, він при відмінному результаті, дозволяє обійтися без плагіна, і передбачає обов'язкове заповнення тега alt. відповідним текстом, а це дуже добре позначиться на роботі з сайтом.
Не секрет, що плагіни гальмують швидкість завантаження, так як багато хто з них розміщують свої скрипти в блоці head.
А заповнювати тег alt. часто просто ніколи. Тут же, хочеш не хочеш, а доведеться вписати відповідний текст, так як він відобразиться у вигляді підпису під збільшеною картинкою.
Можна просто поставити нумерацію по сторінці, якщо зображень багато.
Ще одна фішка полягає в тому, що скрипт збільшує не все підряд, а тільки ті зображення на які Ви вкажете.
Зручно? Зручно. Адже якщо картинка в оригінальному розмірі прекрасно вміщається на сторінці, то навіщо її збільшувати.
Переходимо до установки.
Отримати zip зі скриптом можна абсолютно безкоштовно, просто скачавши його з мого Яндекс Диска. завантажити
Після цього його потрібно закинути в корінь сайту. Корова папка - це папка в якій знаходяться wp-admin, wp-content, і так далі.
Через FTP завантажуємо zip, розпаковуємо, після чого в директорії з'являються три файли, і одна папка.
Папку з zip потрібно видалити. Так само, тепер потрібно видалити, якщо був, плагін збільшує зображення.
Наступна дія, потрібно зробити в файлі footer.php. можна, не виходячи з сервера, пройти wp-content - themes - Ваша тема - footer.php.
У цьому файлі, в самому кінці, перед тегом
, потрібно вставити наступний код:
З установкою скрипта - закінчили, тепер, як вказати ті зображення, які потрібно буде збільшити.
І перед атрибутом href. вставляємо наступний атрибут:
Ну ось тепер все. Ми вирішили відразу два питання.
1. Поліпшили поведінковий фактор, так як відвідувачам буде набагато комфортніше переглядати, збільшені до оригінального розміру, зображення.
2. Запровадили опцію без плагіна, і вона не вплине на швидкість завантаження сайту.
Так що я з величезним полегшенням його зніс, чого і Вам раджу.
Бажаю високих позицій в пошуку.
Невже не залишилося питань? запитати
Цілком схвалюю ваше насторожене ставлення до плагінів. Менше - краще. Перший час, коли сайт тільки розвивався я навіть підписку та оповіщення робив в ручну. Кмментов і передплатників було не багато, так і робив расслку через мило. Зате утримував хорошу швидкість завантаження.
Гаразд би вони надавали тільки ту функцію, яка потрібна, а то адже наворочат що треба і що не треба. Скрипти інша справа. Прописується тільки те, що необхідно.
Так що для нормального розвитку блога треба вивчати веб, або мати в команді програміста.
Те що голова обертом - це надовго. Можна навіть сказати назавжди. Немає межі досконалості, і це розуміють майже всі власники сайтів. Щоб бути на плаву доведеться постійно вдосконалюватися.
Вітаю! Не знаю. як до Вас звернутися ... Але надішліть, будь ласка, свій скрипт і мені. Я зовсім новачок в блогінг, і у мене голова йде обертом від великої кількості всіляких рекомендацій, типу: 20-30-50 найнеобхідніших плагінів для Вордпресс. У мене їх зараз п'ять. І більше ставити поки не хочу. Але є необхідність робити розмітки скріншоти. Думаю, що Ваш скрипт - це відмінна альтернатива багатьом плагинам по зображеннях. У код лізти, звичайно, боюся. Але що робити? Блог розвивати треба. Дякую Вам заздалегідь. P.S. М.б. для сьогоднішнього дня Ваша інформація вже оновилася?
Привіт Олексій. Дуже оригінально. Залишаю Ваше посилання. На жаль я володію php тільки «скраєчку». Все немає часу засісти за нього капітально, але і мені видно, що Ваш спосіб простіше. Принцип то той же, а ось реалізація легше.
Маленьке зауваження, куди-ж без цього. Ну це чисто по зовнішньому вигляду. Інформація, що виводиться картинка у Вас виглядає важкувато. Може трохи підправити css? Ну там background попрозрачнее, для оригінальності можна йому синяви додати, трохи тіней, padding поменше.
І ще, червоні заголовки - це не те. Не те що-б погляд замилен, просто не те.
А так Ваші рішення дуже цікаві. І я обов'язково буду їх використовувати. Напевно не тільки я.
Доброго вам дня!
Теж перейнявся такою ж темою: збільшення картинок без плагіна. У мене. ніби як, вийшло ще простіше. 1. Прописуємо, як і в вашій статті, певний код в в папці теми в файл footer.php 2. В адмінці WP вставляємо картинку як мініатюру з посиланням на повний файл. Усе. Більше нічого робити не треба. Нічого додатково прописувати не треба.
Ваш шаблон написаний на XHTML, який не рекомендується для використання в Інтернет. Звичайно нічого страшного в цьому немає, але доведеться змиритися з помилками в валідаторі. А скрипт працює, я подивився на вашому сайті
Я не зовсім зрозумів вашу ситуацію. Я давав вам посилання на скачування скрипта? Або ви використовуєте якийсь схожий, і спробували прив'язати до нього той код, який я вказав у статті?
Справа в тому, що я допрацював скрипт, і він повністю пройшов стандартизацію, і код в статті підійде тільки до мого скрипту. Якщо треба, пишіть - вишлю посилання на скачування.
Доброго часу, використовую цей скрипт але видає купу помилок на валідність. Пробував поставити в футере ваш скрипт не змінюючи файли і він перестав працювати. Потрібно і файли Ваші використовувати?
Тільки що скачав скрипт і встановив на тех. сайт, який у мене постійно на Денвері. Відразу запрацювало. Я навіть боявся, а раптом не запрацює, адже на Денвері не перевіряв. Але немає все в порядку. Значить десь Ви допустили дрібну помилочку. Перевірте уважно, може одиночну лапки десь стерли, або ще що. Спочатку такі дрібниці просто вислизають від уваги. Відпочиньте і перевірте все з самого початку свіжим поглядом.
Помилка у Вас десь є. Адже скрипт скачали вже 14 раз, і ні від кого не було скарг.
Спробую на Денвері - відпишу.
Прошу вибачення, але скрипт все одно не працює, хоча я все зробила, як ви говорили.
За розміром зображення. Звичайно краще завантажувати повне зображення. Навіть якщо WordPress його зменшить, щодо блоку з текстом, то simplebox відкриє його в повний розмір, або якщо не дозволить екран, то смасштабірует його щодо ширини екрану, а не блоку content
Добрий день. Перш за все, спасибі Вам велике за Ваш скрипт! Подальшого Вам процвітання!