Свой сайт на WordPress — от А до Я. SEO блог Романа В

Auto Highslide — плагин фотогалереи для WordPress. Плагин очень прост, приятен в работе и не тормозит сайт, что является его главным конкурентным преимуществом.

Просто нажмите на миниатюру картинки левой кнопкой мыши и она плавно увеличится до полного размера.

КрымКрымКрым
КрымКрымКрым
КрымКрымКрым

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

Чтобы запустить расширение в работу, нужно всего лишь 

скачать, установить и активировать Auto Highslide. После этого, при добавлении новой картинки, в параметрах отображения, выберите, в каком размере изображение будет отображаться на странице или в ячейке таблицы — в виде миниатюры или в среднем  размере.

Параметры отображения картинки на странице

Учтите, плагин работает только с новыми картинками, которые были загружены после его активации. Все старые изображения придется перезалить.

Теперь, вы можете вставлять изображения на сайт и радовать своих посетителей эффектом работы плагина.

P.S. Для равномерного распределения миниатюр картинок в фотогалерее, как в моем примере выше, их можно расставить по ячейкам таблицы:

Таблица

ячейка 1, первый рядячейка 2, первый рядячейка 1, первый ряд
ячейка 1, второй рядячейка 2, второй рядячейка 3, второй ряд
ячейка 1, третий рядячейка 2, третий рядячейка 3, третий ряд

HTML код таблицы для вставки в текстовом редакторе панели администратора:

<div align=»center»>
<table style=»background-color: #f9f2ea;» border=»0″ cellspacing=»0″ cellpadding=»8″>
<tbody>
<tr>
<td>ячейка 1, первый ряд</td>
<td>ячейка 2, первый ряд</td>
<td>ячейка 1, первый ряд</td>
</tr>
<tr>
<td>ячейка 1, второй ряд</td>
<td>ячейка 2, второй ряд</td>
<td>ячейка 3, второй ряд</td>
</tr>
<tr>
<td>ячейка 1, третий ряд</td>
<td>ячейка 2, третий ряд</td>
<td>ячейка 3, третий ряд</td>
</tr>
</tbody>
</table>
</div>

Где, параметры атрибутов:

  • background-color: #f9f2ea — цвет фона таблицы;
  • border=«0» — ширина рамки вокруг таблицы в пикселях;
  • cellspacing=«0» — расстояние между ячейками таблицы;
  • cellpadding=«8» — задает верхнее, нижнее, левое и правое поля ячейки или расстояние до границы ячейки от ее содержимого.

В случае отсутствия необходимости использовать эти атрибуты в таблице, их можно просто не прописывать.

Не забудьте похвастаться своей фотогалереей в комментариях.

Auto Highslide — плагин фотогалереи для WordPress обновлено: 24 апреля, 2017 автором: Роман Ваховский
Хороший человек всегда нажмет на кнопку!
Комментарий > Моя благодарность > Ссылка на секретную страницу блога

20 комментариев: Auto Highslide — плагин фотогалереи для WordPress

  • Дмитрий:

    Отлично, попробую обязательно. Спасибо!

  • Алексей:

    Спасибо, очень понравилось

  • Странник:

    Легок и прост. Супер

  • zvuku:

    класс плагин

  • Наталья:

    Спасибо, все отлично работает!

  • Екатерина:

    Здравствуйте, Роман! Спасибо за статью, плагин, действительно очень простой и удобный, но подскажите, пожалуйста, у меня почему-то на одной из страниц не выплывают картинки . С чем это может быть связано?

    • Ваховский Роман:

      Здравствуйте Екатерина! Возможны две причины.
      1. Картинки для этой записи были загружены до активации плагина. Перезагрузите картинки.
      2. Откройте картинку для редактирования (где редактируется выравнивание, заголовок, alt, …) и посмотрите, прописан ли путь до картинки в поле «ссылка». Если нет, щелкните там по кнопке «Ссылка на изображение».
      Помогло?

  • Павел:

    Здравствуйте!
    Как сделать чтобы русифицировать подсказки плагина, типа: кликните чтобы увеличить и наоборот?

    • Ваховский Роман:

      Сел русифицировать и встал в ступор. Этого текста (всплывающих подсказок) в файлах плагина не обнаружилось. Если решите вопрос, буду очень благодарен если напишите как.

      • Павел:

        Я подозреваю что для этого используется то файлик с javascript-ом, и смущает что там не просто «название.js», а «название.packed.js» может оно как-то закодировано? Я пока яваскрипт не знаю…

  • Сергей Стеклов:

    Хороший плагин, сам его использую. Да и нагрузка у него маленькая, по сравнению с похожими плагинами.

  • Якубжон:

    Здравствуйте! я не мог добавит фото на запись. потом установил ваш плагин, но все равно не получается.

    • Роман Ваховский:

      Этот плагин не помогает устанавливать фото в запись. Как добавить изображение в запись WordPress я писал в статье — «Добавление медиафайлов«. Там все очень просто, попробуйте и обязательно получится.

  • Андрей:

    Странно, плагин активирован, ссылка есть… В чем еще может быть затык?

    • admin:

      Может дело в теме. Некоторые плагины иногда отказываются работать на некоторых темах. Попробуйте поменять тему и посмотрите результат. Если это не поможет, добавьте меня в администраторы сайта (потом удалите), вышлите имя и пароль на почту, попробую разобраться на месте. Если что, у меня есть на примете другие плагины подобного рода.

  • Андрей:

    После установки плагина никаких изменений при добавлении картинки не заметил… Можете глянуть как выглядит картинка, после установки плагина — сайт www. fx57.net /news/supermicro-sse-g2252p-52-porta-gigabit-ethernet.html

    • admin:

      Андрей, проверьте активацию плагина, есть ли ссылка на картинку в окне настроек миниатюр как на скриншотах этой статьи.

  • Андрей:

    Здравствуйте. Установил у себя плагин, в старых новостях картинки отображаются как и раньше. Это нормально?

    • admin:

      Так и должно быть. Плагин работает с картинками, установленными после его активации. Добавьте ссылку на старые картинки нажатием кнопки «Ссылка на изображение» в окне ее редактирования.

Добавить комментарий

Все права защищены © 2011-2024 WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.