Плагін Auto Highslide для WordPress або плавне збільшення картинок на сайті
Плагін Auto Highslide для WordPress.
Здрастуйте друзі! Якщо ви читали мій попередній пост, то ви напевно помітили, що там у вас є можливість при натисканні на картинці побачити її в повному розмірі, при цьому картинка плавно збільшується без перезавантаження сторінки. Так ось, у цій статті я вам розповім, як можна реалізувати таку можливість у себе на блозі.
Насправді там немає нічого складного, все робиться за допомогою плагінуAuto HighslideдляWordPress. Даний плагін дуже простий у використанні і він взагалі не вимагає від вас будь-яких складних налаштувань (точніше цей плагін взагалі без налаштувань), все, що вам потрібно зробити, це тільки встановити цей плагін на блог і насолоджуватися красивим ефектом збільшення картинки під час кліку. Перед тим як приступити безпосередньо до встановлення даного розширення наWordPress, давайте більш конкретно поговоримо, навіщо взагалі потрібно його встановлювати, яким чином воно може бути корисним для читачів блогу.
Дивіться, припустимо, ви пишете на своєму блозі пост, де вам потрібно своїм читачам у графічному вигляді продемонструвати якусь інформацію, ну не знаю, наприклад, якийсь графік, діаграму чи щось таке. Якщо ви просто розмістите на блозі велику картинку і в адмін панелі вкажіть її розмір, то читачі не зможуть її нормально розглянути. Це очевидно, адже, як правило, контентна частина будь-якого блогу не перевищує 600px, що, звичайно, дуже мало і природно в цьому випадку велику картинку буде важко докладно розглянути. Звичайно, можна картинку зробити у вигляді посилання (у WordPress це робиться за умовчанням) і коли користувач клікне на дану картинку, він відразу ж перейде на сторінку де буде розміщено дане зображеннясвоєму повному розмірі. Але погодьтеся, це не зовсім зручно. Ви кликаєте на картинку, потрапляєте на сторінку із зображенням, переглядаєте його, і щоб далі продовжити читання статті вам знову потрібно зробити зайву дію – повернуться на попередню сторінку, ну хіба вас це не дратує, особисто мене дуже дратує.
Встановлюємо плагін Auto Highslide
Отже, насамперед вам потрібно завантажити плагін Auto Highslide, для цього просто клацнітьза цим посиланнямі завантажте собі на комп'ютер архів з розширенням.Важливо знати, що на даний момент в інтернеті вже не існує офіційної сторінки вищезазначеного плагіна, тому, якщо ви захочете завантажити дане розширення через адмін панель блогу, скориставшись формою пошуку, то швидше за все у вас нічого не вийде. Це я говорю, тому що я знаю, що для багатьох користувачів WordPress така установка є кращою, тому що в цьому випадку ймовірність зловити вірус на сайт істотно менше, адже закачування плагіна походить з офіційного ресурсу. Ну зараз не про це, просто знайте, що завантажити цей плагін, використовуючи адмін панель, вже не вийде. Просто клацайте за вищевказаним посиланням і не парьтеся, те, що в архіві немає вірусів,я вам ГАРАНТУЮ.Ну що ж, плагін ви скачали, тепер давайте його встановимо. Тут стандартна процедура, ті хлопці, для яких дана процедура вже добре знайома можуть пропустити нижчеописані кроки, а ті користувачі, які тільки недавно почали знайомство з WordPress, робіть все як вказано в інструкції: Перейдіть в адмін панель блогу в розділ «Плагіни» => «Додати плагін» . На сторінці, що з'явилася, перейдіть у вкладку«Завантажити файл»і в спеціальну форму завантажте файл з щойно завантаженим плагіном.Натисніть кнопку«Встановитизараз ». Ось і все, після цього плагін Auto Highslide буде встановлений на ваш блог. Як це не дивно, але далі від вас взагалі не потрібні будь-які дії, плагін вже працює! Хіба це не чудово? Тепер всі картинки на вашому блозі, які мають більший розмір, ніж той, який був примусово вказаний вами при розміщенні зображення в статті (щоб зображення помістилося в контентну частину) при натисканні на них, будуть плавно збільшуватися.
Ось як це виглядатиме:
Тут, правда, при розміщенні зображень у пості, потрібно завжди стежити, щоб картинки, які ви хочете збільшувати при кліку по них мишкою, були з посиланням. Тобто, що тут мають на увазі? При розміщенні картинки потрібно постійно звертати увагу на поле«URL посилання»:
А тепер щодо недоліків, які я помітив.
Зображення при збільшенні позиціонується не по центру сторінки, а щодо контентної частини сайту. Хоча це не значний мінус плагіна, і для більшості користувачів він взагалі не помітний, все ж таки я вважаю, що краще було б, якщо картинка позиціонувалася по центру сайту. Якщо сторінка до кінця не завантажилася, плагін не працює. Цю особливість я помітив зовсім випадково. Справа в тому, що, зважаючи на все, плагін працює з використанням бібліотеки JQuery, тому потрібно, щоб браузер повністю сформував сторінку, тільки тоді плагін буде працювати, така особливість JQuery. Навіть якщо візуально вам буде здаватися, що сторінка вже повністю сформована, але при цьому браузер буде показувати процес завантаження, плагін не спрацює. Це начебто всі недоліки, які я помітив, застосовуючи Auto Highslide. , моє завдання поділитися звами своїм досвідом та думкою, а решта за вами. Особисто мені плагін дуже подобається, навіть не дивлячись на те, що має свої недоліки.