12 лучших WordPress-плагинов для создания эффектов на изображениях


Оглавление (нажмите, чтобы открыть):

Lightbox WordPress. Плагины для увеличения изображений

Библиотека Lightbox обрела немалую популярность благодаря своей простоте и изящному стилю. Она напоминает основу модальных окон и работает в том же направлении. При нажатии на объект — всплывает окно, а остальная часть веб-страницы затемняется полупрозрачным фоном. Только ее основным контентом является видео и изображения.

Под многие платформы написано немало специальных плагинов для увеличения изображений, в том числе и на WordPress. Это очень удобно тем более, когда человек не имеет особых навыков программирования. А плагин, в свою очередь, практически все делает на автомате, требуется только установить и активировать его. Давайте перейдем к подборке плагинов Lightbox для WordPress.

WP Lightbox 2

Ну что ж, плагин добавляет эффект всплывающего изображения, если оно является ссылкой ведущая на большой размер картинки. Работает довольно плавно, но на некоторых темах встречаются дефекты, к примеру, бесконечная загрузка, бездействие по клику. Главное, в особенностях упоминается полная адаптивность, но на деле она недоработанная. В остальном неплохо, простенький Lightbox с кучкой небольших параметров.

Lightbox Bank

Плагин полностью совместим с мобильными устройствами, имеет поддержку сенсорной навигации. Работает с галерей WordPress, и может похвастаться своим стильным оформлением.

Simple Colorbox

Альтернативная замена библиотеке Лайтбокс. Если вам нужен самый простой вариант всплытия изображения, то этот плагин как раз отлично подойдет. У него совсем нет настроек, нужно только установить и активировать его.

Simple Lightbox

Простой Lightbox с двумя темами оформления (темная/светлая). Можно настраивать эффект лайтбокса в определенных разделах сайта, выводит метаданные изображения (заголовок, описание). Страница настроек плагина находится по пути «Внешний вид- Lightbox».

Fancy Lightbox

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

100% оптимизация изображений под Google Pagespeed бесплатно

Здравствуйте, друзья! Оптимизация изображений для Google Pagespeed со 100% результатом. Так, по крайней мере, заявляет автор данной статьи, читайте и действуйте.

В 2020 году на Google пришлось около 75% всех поисковых запросов в мире. Доли Bing 8%, Yahoo 6%. Поэтому SEO сейчас — это в первую очередь подстройка сайта под Google. Последним временем в SEO особым вниманием пользуется Google PageSpeed Insights. Это механизм оценки скорости загрузки страницы. Чем быстрее грузится страница — тем выше у нее рейтинг в результатах поиска Google.

Одним из ключевых моментов улучшения показателя в PageSpeed Insights является оптимизация изображений. За не оптимизированные изображения Google снимает много баллов.

Оптимизация изображений. Значок плагина Opti MozJpeg Guetzli WebP

Сегодня, дамы и господа, я представлю слово в своём блоге автору совершенно бесплатного WordPress плагина Opti MozJpeg Guetzli WebP для 100% оптимизации изображений под Google Pagespeed — Игорю. Он web программист с пятнадцатилетним стажем.

100% оптимизация изображений для WordPress

Осенью 2020 года мне поступило несколько заказов на PageSpeed SEO для сайтов. Возникла необходимость оптимизации изображений на них. Сначала я купил платный плагин EWWW Image optimizer. Закинул в него $50, посчитал что должно хватить с запасом. Включил оптимизацию. Процесс дошел на первом сайте до 40% и остановился. Я начал разбираться, оказывается деньги закончились. Плагин берет деньги за оптимизацию каждого thumbnail. А там их было по десять штук на одно изображения.

Решил поставить WP Smush, бесплатную версию. Оптимизирует бесплатно 50 изображений, а потом нужно нажать кнопку в админке. Оптимизировал часть изображений. Протестировал в Google Pagespeed, а он все равно показывает, что изображения не оптимизированы. Если до этого было на 30-40% больше нормы, то после применения бесплатной версии WP Smush на 10-15%.

Решил я все изображения загрузить по ftp и оптимизировать с помощью самого оптимального на сегодняшний день Jpeg энкодера, Mozilla MozJpeg. Пробовал несколько раз, пока не добился того что Google Pagespeed снял претензии к изображениям. Но качество изображений стало очень плохое. Попытка оптимизировать изображения с помощью нового Jpeg энкодера Google Guetzli тоже провалилась. Изображения были большими, чем требовал Google Pagespeed.

Я начал изучать проблему и нашел причину. Оказалось что с осени 2020 года Google изменил правила определения оптимизации изображений. И теперь требует, чтобы изображения были меньше чем WebP с качеством 75 + 10% запас.

Google WebP — это открытый стандарт сжатия изображений, работающий на более современных алгоритмах, чем Jpeg. В отличие от Jpeg, WebP поддерживает альфа канал и анимацию. В среднем WebP сжимает изображения на 40% лучше любого Jpeg энкодера, поэтому создать оптимизированные изображения под Google без использования WebP не получится.

Вот тут и возникла идея создать свой плагин для оптимизации изображений WordPress (вордпресс). Идея выглядела достаточно простой. Зачем использовать платные плагины оптимизации, вся работа которых заключается в выгрузке изображений на облако, и оптимизации их там тем же Mozilla MozJpeg и Google WebP. Ведь эти энкодеры доступны в сети и их можно использовать бесплатно.

Так я начал создавать свой плагин для оптимизации изображений. Назвал его Opti MozJpeg Guetzli WebP (линк на https://wordpress.org/plugins/opti-mozjpeg-guetzli-webp/ ), от имени энкодеров, которые он использует. В отличие от других плагинов WordPress для сжатия картинок, мой жмёт webp с заданным коэффициентом.

Оптимизация изображений с Opti MozJpeg Guetzli WebP

Вордпресс плагин для сжатия изображений

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

Главная проблема, которую нужно было решить при создании плагина — большинство хостингов не позволяют устанавливать дополнительное ПО. Поэтому установить на них энокдеры не получится. Но ведь можно установить энкодеры на своем декстопе, и быть самим для себя облаком �� но бесплатно.

Я нашел на github прекрасную разработку: библиотеку phpseclib (линк на https://github.com/phpseclib/ ) Это Ssh клиент, полностью написанный на php. Эта библиотека стала основой для моего плагина. Посредством phpseclib плагин может через Ssh подключиться к любому Linux и удаленно использовать энкодеры с него.

Для тех, кто работает на Windows десктоп, я создал виртуальную машину под Oracle VirtualBox. VirtualBox — это бесплатный эмулятор виртуального компьютера. В виртуальной машине установлен Linux, Ssh Сервер и энкодеры Mozilla MozJpeg, Google Guetzli и Google WebP.

Скачать и установить VirtualBox и виртуальную машину занимает несколько минут. Дальше подключаем плагин на сайте к виртуальной машине через Ssh, и все готово к оптимизации.

Как добиться 100% оптимизации изображений для Google PageSpeed

Как я уже говорил, сейчас без использования WebP достигнуть нормального результата не возможно. Все было бы хорошо, но на данный момент WebP встроен только в Chrome и Opera. Firefox, Edge и Safari его не понимают. Поэтому просто перегнать все изображения в WebP не получится. Решение нашлось давно и используется всеми платными плагинами: для каждого thumbnail содержится два изображения. Универсальное (Jpeg, Png или Gif) и WebP дубликат.

Дальше в файле .htaccess настраивается переключение между WebP/не WebP, в зависимости от браузера клиента. Точно также реализовано и в моем плагине. Оптимизация проводится в два этапа: сначала оптимизируются универсальные изображения. Потом создаются WebP дубликаты.

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

Плагин автоматически конвертирует Png изображения без альфа канала в Jpeg. Создает thumbnails и удаляет не используемые thumbnails. Также в плагине есть функция «Вернуть все». С ее помощью можно вернуть все изображения к первичному состоянию, как они были до использования плагина.

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

Если Вы работаете на Linux десктоп — то лучше установить необходимые энкодеры на него. Детально процесс установки энкодеров под Linux описан на странице Часто Задаваемых Вопросов по плагину.

Если Вы работаете на Windows десктоп — то Вам нужно установить Oracle VirtualBox [ссылка на www.virtualbox.org ] И мою виртуальную машину для VirtualBox [ссылка на https://drive.google.com/drive/folders/1JqmGgv6VGGyiJVHZ3liV8b2CwfB1QHB6 ]. В ней содержится Linux, Ssh сервер и энкодеры.

Загрузите виртуальную машину для VirtualBox

Откройте эту виртуальную машину в VirtualBox. Перейдите в Машина → Настроить → Сеть → Дополнительно → Проброс портов. Укажите IP адрес Вашего компьютера в окне Правила проброса портов.

Укажите ip адрес Вашего компьютера в окне

Если Вы планируете использовать энкодер Google Guetzli, то увеличьте размер оперативной памяти виртуальной машины до 2 гигабайт. (Машина → Настроить → Система → Основная память). Запустите виртуальную машину.

Теперь перейдите в панель администрирования Вашего WordPress сайта. Откройте Media → Opti MozJpeg Guetzli WebP → Settings (не забудьте перед этим установить сам плагин):

Настройки плагина Opti MozJpeg Guetzli WebP

Для первого этапа оптимизации укажите следующие настройки:

Mode = Mozilla MozJpeg

Default quality = 80

Minimal benefit from jpeg compression = 10

Jpeg encoder location = remote

Для первого этапа оптимизации укажите следующие настройки

Сохраните настройки и перейдите во вкладку «Batch optimization». Нажмите «Run batch optimization».

Нажмите Run batch optimization

Следите за консолью. Процесс оптимизации должен пройти без ошибок.

После первого этапа все изображения на сайте будут оптимизированы. Вторым этапом будет «Webp duplicates generation». Опять переходим в вкладку «Settings». И настраиваем:

Mode = Google WebP (duplicates generation)

Default quality = 75

Minimal benefit from lossy compression = 5

Нажимаем «Save Changes». Возвращаемся во вкладку «Batch optimization» и запускаем оптимизацию второй раз.

Если Вы откроете папку uploads после завершения второго этапа оптимизации, то увидите пары файлов для каждого thumbnail.

Последние, что нужно сделать — настроить Apache так, чтобы он выдавал webp файлы браузерам с поддержкой WebP. Добавьте следующее в файл .htaccess:

Если Вы откроете Ваш сайт в браузере Google Chrome, то увидите, что адреса изображений не изменились. Но на самом деле они содержат данные в формате WebP.

Адреса изображений не изменились

Ну вот, теперь все готово. Тестируйте ваш сайт в Google Pagespeed Insights! Замечаний касательно — оптимизация изображений быть не должно. При этом качество изображений останется практически таким же, как и на изначальных изображениях. И это все полностью бесплатно.

Желаю приятной работы с плагином. Удачи!

С уважением, автор плагина Opti MozJpeg Guetzli WebP

P.S. Если у Вас возникают трудности с использованием виртуальной машины на Вашем компьютере, тогда попробуйте воспользоваться бесплатным онлайн сервером от автора плагина. Параметры доступа к серверу:

SSH Server: wpmjgu-free-server.ihorsl.com
SSH Port: 22
SSH Username: z
SSH Password: 55555
Working directory at SSH server: /home/z/wpmjgu

Сервер имеет некоторые ограничения:

  • Google Guetzli не поддерживается
  • «Intensive resources consumption mode» не поддерживается, с одного IP адреса разрешено только одно ssh соединение

Нормальная продуктивность сервера в среднем 1000 изображений в час с одного IP адреса (каждый thumbnail — это отдельное изображение). Если продуктивность сервера заметно ниже — то значит он интенсивно используется другими пользователями.

Google Guetzli не поддерживается в бесплатном сервере, потому что этот энкодер потребляет очень много ресурсов: один Guetzli процесс может потреблять свыше 1 ГБ оперативной памяти.

10+ лучших плагинов для ультрамодного сайта

Часто случается, что базового набора инструментов в шаблоне или админке сайта недостаточно для реализации на его страницах необходимого функционала, который был бы удобен прежде всего посетителям ресурса.

Этот пробел с лихвой заполняют так называемые плагины. Плагин по сути является программным дополнением, который не конфликтует с остальным функционалом сайта, а помогает реализовать недостающие возможности сайта.


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

Функции, которые выполняют плагины

1. Усовершенствование базовых возможностей программы/сайта.

Плагин как модуль или дополнение может быть подключен к сайту и отключен от него без критических последствий в работе основного функционала. Если на сайте не хватает какой-либо функции, нет необходимости полностью переписывать код, достаточно установить необходимый плагин для ее реализации. Плагины, как правило, не перегружают сайт и имеют достаточно малый объем.

2. Ускоряют работу сайта и не перегружают его.

Если в коде сайта прописать абсолютно весь функционал, то такой файл будет занимать слишком много места, а сам ресурс вряд ли порадует скоростью и динамичностью. Плагины позволяют владельцу сайта не использовать большие полнофункциональные программные коды с лишним для него функционалом, а обойтись набором небольших плагинов, необходимых проекту для выполнения конкретных целей.

3. Расширяют возможности и позволяют сделать веб-проект единственным и индивидуальным.

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

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

Это подборка лучших плагинов для конструктора сайтов Elementor от команды TemplateMonster.

Плагин WordPress JetElements для конструктора страниц Elementor

Создавать и редактировать контент просто со специальным плагином WordPress для Elementor. В него также интегрированы элементы интернет-магазина WooCommerce. Это позволит легко управляться не только с обычным сайтом, но и полноценной онлайн-витриной.

Плагин WordPress JetMenu — мега-меню для конструктора Elementor

Быстрый и легкий плагин для настройки мегаменю сайта. JetMenu основан на drag-and-drop конструкторе Elementor. Главная особенность решения — плагин совместим с многими бесплатными темами.

Плагин WordPress JetBlog — модули блогов для Elementor

Лучший плагин для максимальной мощи блога сайта. С модулями, которые содержит это решение, просто работать на интуитивном уровне. Теперь управление контентом станет еще более простым. Содержит различные лейауты, поддерживает RTL, плейлисты видео, текстовые тикеры, смарт-листы и многое другое.

JetEngine — Elementor WordPress плагин для добавления и редактирования контента

Создание и работа с динамическим контентом сайта. Внутри функционал календаря, кастомные поля сайта, детальная документация. Удобно расширение для еще больших возможностей контента сайта.

Плагин WordPress JetTricks — Elementor плагин для визуальных эффектов

Если на вашем сайте не хватает визуальных эффектов, то плагин JetTricks для WordPress поможет вам в этом. Никакого вмешательства в код и понятный набор действий для настройки плагина, с которым справятся даже новички. Увеличивает эффективность конструктора сайта Elementor и расширяет его возможности. С помощью плагина можно настроить эффекты параллакс, настраивать кнопки, закреплять элементы сайта и многое другое.

Мастер Йода рекомендует:  JavaScript slice и другие методы для работы с подстроками Javascript

Плагин WordPress JetTabs — вкладки и аккордеон для конструктора Elementor

Теперь создание вкладок и блоков в стиле “аккордеон” становится простой задачей для каждого. Горизонтальные или вертикальные вкладки сайта, встраиваемые в дизайн сайта виджеты, плагин имеет широкий функционал для настройки веб-проекта в соответствии с видением его владельца. JetTabs также поддерживает RTL.

Плагин WordPress JetWooBuilder — Elementor плагин для создания WooCommerce страниц

С таким плагином, внутри которого содержатся WooCommerce инструменты, управлять страницами для продаж онлайн проще простого. Удобная и понятная кастомизация интернет-магазина позволит сразу продавать собственные товары онлайн. JetWooBuilder поможет создать списки товаров, сетку категорий, сетку товаров и др. удобные для будущих покупателей элементы.

Плагин WordPress JetPopup — расширение для всплывающих окон Elementor

Этот плагин создан специально для того, чтобы помочь пользователям создавать и настраивать на своих сайта всплывающие окна. Popup-окна можно размещать в любом месте любой страницы сайта. Удобен для проведения на сайте акций, демонстрации новых продуктов, оповещений пользователей и т.д.

Плагин WordPress JetBlocks — Elementor виджет для хедера и футера

Создать хедер или футер? Никаких проблем! Этот плагин создан для того, чтобы выполнить это на профессиональном уровне. С его помощью также можно фиксировать хедер, чтобы при скроллинге он оставался вверху страницы.

WordPress JetParallax — плагин для конструктора Elementor

Параллакс-эффект продолжает оставаться в тренде. Он привлекает внимание пользователя и завораживает. Чтобы быстро настроить такой эффект на своем сайте, воспользуйтесь этим WordPress плагином. Можно отладить скорость анимации, настроить позиции для отображения, выбрать тип прокрутки и многое другое.

Плагин WordPress Element X — расширение для Elementor

Плагин WordPress, внутри которого находится 20 виджетов и 20 шаблонов. Повзоляет настроить на сайте аккордеон, список с иконками, форму контактов, таймлайн, call to action и многое другое. Также есть возможность реализовать меню с ценами, подключить к сайту канал в Instagram и настроить карусель.

JetGuten — плагин для создания блоков контента в WordPress редакторе Gutenberg

Создавайте уникальные страницы сайта с плагином для создания блоков контента JetGuten. Работа по настройке осуществляется в редакторе Gutenberg, где можно легко настроить баннера, панель прогресса, расширенные карты, счетчики, таблицу цен, анимацию и др.

Плагин WordPress JetReviews — виджет отзывов для конструктора Elementor

Настройка рейтинга и отзывов пользователей. Плагин имеет различные стили отображения, прекрасную типографику и качественное исполнение. Совместим с плагином WP Review, что в свою очередь позволяет усовершенствовать блок отзывов и сделать его 100% удобным для пользователей.

Плагин WordPress JetSearch — ультрабыстрый AJAX виджет поиска для Elementor

Форма поиска с релевантными результатами. Этот плагин создан для того, чтобы ваши пользователи и клиенты имели возможность быстро найти нужную информацию на страницах сайта. Результаты поиска отображаются в выпадающем списке.

Какие задачи решают плагины

Плагины способны решить любую задачу и помочь владельцу сайта быстро сориентироваться в быстро меняющемся интернет-пространстве. Эти дополнения помогают мгновенно реализовать на сайте необходимый функционал без привлечения сторонних специалистов.

  • С их помощью можно быстро настроить форму подписки для сбора e-mail пользователей и рассылки актуальных новостей компании.
  • Они позволяют даже небольшой блог в мгновение ока превратить в полноценный интернет-магазин для эффективных продаж.
  • Плагины защитят сайт от спама и вредоносных программ.
  • Изменить дизайн и сделать его еще ярче и заметнее для клиентов — с этим тоже справятся плагины.
  • Плагины обезопасят ресурс и помогут SEO-оптимизировать сайт для рейтинговой выдачи в поисковых системах.

Плагины облегчают жизнь вебмастера, а время потраченное на их поиск и установку компенсируется новыми возможностями сайта. Кстати, все шаблоны, плагины и темы для настоящих поклонников конструктора Elementor собраны на Elementor marketplace. Выбирайте нужные и экономьте не только собственные средства, но и время.

Быть в тренде: 6 плагинов WordPress

Пожалуй, нам нет нужды рассказывать о WordPress, ведь все и так знают об огромных возможностях данной CMS. Вместо этого мы расскажем о кое-каких плагинах для этого движка.

Некоторые плагины являются для WordPress жизненно важными, такие как плагин для SEO или кэширования; другие не обязательны (к примеру, плагин для интеграции reCaptcha). В категории необязательных, но очень полезных расширений часто попадаются плагины, помогающие поддерживать современный вид сайта и быть в тренде.

Такие плагины помогут оживить интерфейс анимацией либо параллакс-эффектом, добавить кнопку-гамбургер в меню или сделать изображения двухцветными. Сегодня вы узнаете о шести текущих трендах и о шести простых, а главное, бесплатных плагинах, которые доступны на WordPress.org.

1. Блоки

Где можно увидеть: Pinterest, Dribbble, Behance, Twitter, Facebook, Google Plus и др.

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

Подходящий плагин WordPress: Masonry Layout (Pinterest Like Grid)

Дизайн в стиле «кирпичной кладки» является одним из лучших способов расположить блоки на странице, и плагин Masonry Layout отлично подойдет для этого. Благодаря нему вы сможете создать структуру а-ля Pinterest на своем блоге, в онлайн-журнале или даже в интернет-магазине.

2. Двухцветная графика

Где можно увидеть: рекламные кампании Spotify, Adidas, Lois Jeans и др.

Двухцветный стиль (дуотон, дуплекс) стар, как мир. Он миллионы раз использовался фотографами, которым необходимо было преобразить изображения и сделать их яркими. Несмотря на то, что дуотон не является чем-то новым, в прошлом году он завоевал популярность в Интернете. Первым примером, который приходит на ум, является Spotify, где дизайнеры использовали интенсивные оттенки.

Подходящий плагин WordPress: TwotoneFX

TwotoneFX — небольшой плагин, позволяющий переводить изображения в медиафайлах в режим дуплекс (пользователи Adobe Photoshop и Lightroom наверняка знакомы с таким фильтром). Плагин TwotoneFX имеет простой, понятный интерфейс и настройки для редактирования фотографий. Вы можете применить фильтры для миниатюр, картинок в записях либо для всех графических файлов в медиатеке.

3. Параллакс-эффект

Где можно увидеть: здесь, а также на огромном количестве других сайтов.

Вот уже два года параллакс-эффект остается в тренде — его используют как для небольшого оживления дизайна, так и в качестве основного акцента. С помощью него можно добиться динамики, удобного взаимодействия и 3D-эффекта на сайте.

Подходящий плагин WordPress: Parallax Scroll

Parallax Scroll — это изящный способ добавить эффект параллакса на страницу с помощью шорткодов. Плагин позволяет украсить параллаксом заголовки, страницы и пользовательские записи WordPress, и предоставляет возможности для создания того, что вам действительно нужно.

4. Material Design

Где можно увидеть: MaterialUp, Polymer, Android, Google и др.

Материальный дизайн, который можно назвать международным визуальным языком, уже занял свою нишу. Он подразумевает использование наилучших практик UX-дизайна, и, по сути, является своеобразной «путеводной звездой». Он также представляет собой легко реализуемый, эстетичный вид пользовательского интерфейса.

Подходящий плагин WordPress: Materializer

Materializer представляет собой обширную библиотеку компонентов Material Design, которая была искусно превращена в плагин WordPress. Materializer WP предлагает пользователю более 20 шорткодов для добавления на страницу таких элементов, как блоки, иконки загрузки, различного рода кнопки и т. д. Изучите документацию, чтобы узнать, как использовать их в свою пользу.

5. Анимация

Lazy animation by Devin Hunt

Где можно увидеть: почти во всех современных портфолио, проектах с визуальным сторителлингом и на сайтах, включая таких «гигантов» как Apple.

Среди всех текущих трендов этот больше всего радует глаз и заинтересовывает. Пассивная анимация, анимация при загрузке, плавные переходы, слайды, появление и затухание и т. д. — в мире существует огромное количество видов анимации. Она используется для совершенствования интерфейсов и повышения удобства, и вдыхает жизнь в интересные идеи.

Подходящий плагин WordPress: Animate It!

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

6. Кнопка меню «гамбургер»

Где можно увидеть: The New York Times, StarWars.com, во многих приложениях и на сайтах (нередко — только в мобильных версиях).

Одни говорят, что эта кнопка с тремя линиями, скрывающая навигационное меню, является идеальной для современных интерфейсов; другие призывают ни в коем случае не использовать её, снабжая это вескими аргументами. И хотя иконку-гамбургер можно назвать спорным трендом, она до сих пор является наиболее популярным способом спрятать меню.

Подходящий плагин WordPress: Responsive Menu

Этот плагин, имеющий более 80 тысяч загрузок, — маст-хэв для вашего блога, журнала, корпоративного сайта и т. п. Он обеспечивает отзывчивую навигацию, которую вы можете настроить на свой вкус. Из 70 разнообразных вариантов вы сможете выбрать то, что требуется для вашего проекта.


20 полезных плагинов галерей для WordPress

Дата публикации: 2020-05-05

От автора: в старых версиях WordPress создать галерею было не так просто, не говоря уже о галерее из видео или товаров. Однако сегодня существует множество плагинов необычных и мощных галерей для WordPress. В сравнении со старыми версиями WP галерея Jetpack просто великолепна, но в сравнении с современными продуктами она проигрывает по всем фронтам. Прочитав этот обзор из 20 плагинов галерей для WP с сайта Envato Market, вы поймете, что я имел в виду.

Justified Image Grid – Премиум галерея WordPress

Вы ищите плагин галереи для WP, который будет делать все, что только можно представить? Тогда вам необходимо взглянуть на Justified Image Grid.

Как в любой хорошей галерее, тут можно сбросить все настройки в шорткод. Мощный плагин включает в себя:

20 предустановок и 340 настроек

Меняйте настройки для каждой галереи отдельно

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Загружайте изображения с Facebook или Flickr, или управляйте изображениями через NextGEN

Интеграция с RSS каналами, возможность показывать видео с YouTube или Vimeo, изображения с 500px, Pinterest, deviantART, StumbleUpon, Imgur, Tumblr и т.д.

И еще много интересного

Вы сразу поймете, что это больше чем просто галерея, как только увидите все настройки, интеграцию последних постов и узнаете, что можно подключить CDN. Justified Image Grid — больше, чем просто галерея, намного больше.

Essential Grid WordPress Plugin

Сетки это хорошо, а вот сетки, вписывающиеся в ваши требования – еще лучше. С помощью Essential Grid WordPress Plugin можно создавать идеальные сетчатые галереи для WordPress.

Используйте один из 30+ встроенных скинов или создайте свой с помощью простого редактора drag-and-drop Visual Skin Editor. Плагин один, а возможностей масса:

Поддержка нескольких сайтов и языков

Поддержка YouTube, Vimeo и SoundCloud

Возможность импортировать свою сетку, скины и метаданные

Плагин фокусируется на упрощении процесса создания галереи, и именно это он и делает. С помощью Visual Skin Editor в Essential Grid WordPress Plugin намного легче создавать идеальные галереи для своего блога, онлайн магазина, портфолио и т.д.

Media Grid — WordPress адаптивное портфолио

Сетчатые галереи отлично подходят для показа изображений, видео и т.д. В Media Grid большой набор опций и возможностей, с помощью которых вы с легкостью создадите свою сетчатую галерею.

Вы будете просто работать в drag-and-drop редакторе, а плагин за вас сгенерирует полностью адаптивную сетчатую галерею при помощи продвинутых свойств CSS и JQuery. Среди возможностей:

SEO постраничная навигация

Поисковая система в реальном времени

Неограниченное число адаптивных макетов

SEO и поиск выделяют Media Grid среди других плагинов. С поддержкой изображений, аудио, видео и WooCommerce плагин справится с любой поставленной задачей.

Video Gallery WordPress Plugin /w YouTube, Vimeo

Обычно, когда люди думают о галерее для WP, они представляют галерею изображений. Некоторые плагины из списка поддерживают как видео, так и изображения, но Video Gallery WordPress Plugin /w YouTube, Vimeo уделяет больше внимания именно видео.

Плагин поддерживает изображения и аудиофайлы, но с видео он как рыба в воде. Среди возможностей:

Поддержка субтитр и сенсорных экранов

Проигрывание с последней точки или заданного времени

Подключение к YouTube API и Vimeo API

Можно хранить собственные файлы и вести трансляции MPEG-Dash

Плагин полностью адаптивный и поддерживает ретина дисплеи. С ним вы будете уверены, что ваша галерея будет отлично смотреться на любом устройстве. В Video Gallery WordPress Plugin /w YouTube, Vimeo галереи работают быстро, просто, а также имеют больше количество стилей.

Go Portfolio — WordPress адаптивное портфолио

С помощью Go Portfolio можно создать красивую галерею за небольшое время. Плагин прост в управлении, но это не говорит о том, что он не функциональный – плагин очень гибкий.

Данный плагин для WP использует слегка другой подход в отличие от остальных из этого списка. Как и в других плагинах, тут можно создать галерею и добавить ее в пост или на страницу. Однако отличие плагина в том, что вы можете создать новый пользовательский тип постов. Среди других возможностей:

Совместимость со всеми темами WordPress

Адаптивная сетка или макет горизонтального слайдера

Поддержка множества форматов изображений, видео хостингов, аудио источников, а также WooCommerce

Работает с любым типом постов (в том числе и пользовательские), также можно создать неограниченное количество пользовательских типов

Если не знаете, с чего начать, то в плагине есть 38 готовых шаблонов. После создания галереи можно воспользоваться продвинутым экспортом и импортом файлов. Go Portfolio не подведет в любой ситуации.

Thumbnail Gallery (WordPress плагин)

Сетчатые галереи плагины сейчас в моде. А где же найти полнофункциональный плагин в виде слайдера? Thumbnail Gallery – то, что вам надо.

Добавляйте изображения, YouTube и Vimeo видео, а также HTML или Flash. Среди возможностей:

drag and drop сортировка изображений

Кнопка AddThis (интеграция с социальными сетями)

Возможность изменить расположение превьюшек

Навигация по галерее при помощи превью или стрелок

Для вставки галереи можно воспользоваться генератором шорткодов. Все настройки сохраняются на тот случай, если захотите перенести настройки из одной галереи в другую. Thumbnail Gallery – серьезный плагин с хорошими возможностями.

Fancy Gallery — WordPress плагин

Fancy Gallery – довольно причудливый плагин. Галереи можно вставить в посты, на страницы, виджеты и даже на другие сайты.

С помощью HTML Generator можно разместить галерею, хранящуюся в плагине, на другом сайте. Действительно уникальная возможность среди остальных:

3 типа виджетов

Работает с NextGEN, а также поддерживает шорткоды

Тысячи макетов и эффектов анимации при наведении мыши

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

Как вы поняли, с помощью Fancy Gallery можно с легкостью создавать необычные галереи.

uSquare — Universal Responsive WordPress Grid for Team Members, Logos, Portfolio, Products and More

Большинство плагинов галерей дают администраторам WordPress все инструменты дизайна, чтобы те могли создавать галереи под свои требования.

С uSquare так не получится. Однако это не слабость, а наоборот сильная сторона uSquare.

Хотя дизайн и стили не сильно меняются, их можно использовать совершенно по-разному. В плагине немало возможностей:

drag and drop изменение порядка

пользовательские высота и ширина элементов галереи

Google Fonts (600+) и иконки социальных сетей

uSquare – уникальный хорошо спроектированный WP плагин.

Social Gallery WordPress Photo Viewer Plugin

Обычно WP плагины галерей предоставляют полный набор настроек, чтобы можно было создать и стилизовать галерею под свои нужды. Другие же плагины наоборот ограничивают возможности стилизации и сосредотачиваются на какой-то конкретной нише. Social Gallery WordPress Photo Viewer Plugin отлично справляется с обеими задачами.

Этот плагин превращает обычный lightbox в супер инструмент с интеграцией социальных сетей. В похожем на Facebook стиле пользователи могут ставить лайки, делиться, комментировать и т.д. Впечатляет. Среди других особенностей:

Совместимость с NextGEN

Обнаружение лиц на изображениях

Совместимость с Google AdSense

Свыше 40 CSS3 вариантов анимации

Можно подключить комментарии Disqus или Facebook, или свои собственные. Social Gallery WordPress Photo Viewer Plugin оптимизирован под SEO, что впечатляет, но интеграция социальных сетей и обычного lightbox выводит его на совершенно иной уровень.

PhotoMosaic for WordPress

PhotoMosaic for WordPress подойдет фотографам и дизайнерам, которым нужно показать свои работы.


Мозаику можно настроить, чтобы она хорошо смотрелась в WordPress. Среди возможностей:

Ленивая загрузка изображений

CSS3 анимация загрузки

Шорткоды и поддержка Template Tag

Легко и быстро создайте себе мозаичную галерею. Галереи в PhotoMosaic for WordPress можно создавать из обычных изображений, изображений из постов или со страниц, а также изображений из категорий и тегов из любых таксономий.

Real 3D FlipBook — WordPress плагин

Все WP плагины галерей довольно просты. Нужно всего лишь добавить изображения или прицепить видео и все, галерея готова – все просто. Однако Real 3D FlipBook реально выходит за рамки обычного применения галерей.

Трансформируйте свои изображения или PDF (ага, я сказал PDF) в 3D книгу, в которой можно перелистывать страницы.
С помощью WebGL и фолбэка CSS3D можно создавать реалистичные книги, журналы и брошюры. Среди возможностей:

Умная загрузка страниц

Настройка анимации переворота страниц

3 полностью CSS настраиваемых скина

Зум с помощью колесика мыши или зажатия на экране мобильного телефона

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Мастер Йода рекомендует:  25% новостей Рунета являются перепечатками

Плагин полностью адаптивен и поддерживает ретина дисплеи. Также есть поддержка технологии глубоких ссылок и настраиваемого оглавления. Самая удивительная возможность Real 3D FlipBook – использование PDF.js для трансформации PDF файлов в интерактивные книги.

Global Gallery — WordPress адаптивная галерея

Большинство плагинов галерей используют пользовательские шорткоды и интерфейсы загрузки. А Global Gallery наоборот работает как с WordPress, так и с NextGEN галереями.

Кроме слайдеров изображений, каруселей и коллекций в плагине есть:

Фильтры глубоких ссылок

Система добавления водяных знаков

drag-and-drop конструктор галерей

3 макета галерей и 8 лайтбоксов

Также стоит выделить количество источников изображений:

10 плагинов WordPress для оптимизации изображений

Изображения — очень важная составляющая сайтов. В то время, как хорошие картинки значительно улучшают страницу, плохие уменьшают посещаемость.

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

Оптимизация изображений — это уменьшение их размера с целью увеличить скорость загрузки, при этом важно, чтобы картинка оставалась качественной. Есть множество соответствующих плагинов для WordPress, но выбрать подходящий — задача не простая.

Здесь собрано 10 плагинов WordPress для оптимизации изображений. Все они хороши, поэтому выбирайте любой из них.

EWWW Image optimizer

WP smush

Optimus — оптимизация изображений на WordPress

Один из лучших плагинов для сжатия и оптимизации изображений без потери качества. Позволяет уменьшить до 70% веса картинки, что сэкономит вам огромное количество трафика.

CW image optimizer

SEO Friendly Images

SEO Friendly Images — плагин, который занимается SEO оптимизацией на вашем веб-сайте. Он использует название и альтернативный текст ваших изображений. Если текста нет, то плагин его придумывает сам.
Чтобы инструмент работал правильно, его нужно как следует настроить. После полной настройки, плагин будет экономить вам много времени, так как возьмёт названия и альтернативные тексты изображений на себя.
SEO Friendly Images не уменьшит размер ваших картинок, но оптимизирует их с точки зрения SEO.

Lazy load

Это ещё один хороший оптимизатор изображений. Плагин Lazy load отличается тем, что загружает изображения только тогда, когда они находятся в поле зрении пользователя.
Его не нужно настраивать, все что требуется — это установить. Для загрузки изображений используется jquery.sonar.

Compress JPEG and PNG images

ShortPixel Image Optimizer

ShortPixel — хороший инструмент сжатия изображений. Способен значительно ускорить загрузку сайта за счет уменьшения веса картинок. При этом не влияет на их качество. Плагин работает по API, а значит, что генерация изображений происходит на серверах ShortPixel.
Чтобы плагин заработал, нужно пройти регистрацию и получить свой API. Бесплатно можно оптимизировать 100 изображений в месяц.

BJ Lazy Load

Еще один плагин для реализации «ленивой» загрузки изображений. Имеет ряд интересных настроек.

Prizm Image

Как заявляют разработчики, плагин позволяет уменьшить размер изображения до 70%. Сохраняет при этом разрешение и качество.
Однако не все так красиво. Плагин Работает по API стороннего сервиса. 1000 изображений в месяц можно обрабатывать бесплатно. А далее нужно платить. Тарифные планы стартуют от 5$.

12 полезных WordPress плагинов для макетов страниц

Russian (Pусский) translation by Ellen Nelson (you can also view the original English article)

Когда дело доходит до плагинов макетов страниц на вашем WordPress сайте, Visual Composer трудно победить. Этот простой в использовании инструмент построения страниц с перетаскиванием и более чем 200 уникальными дополнениями помогает разработчику и новичкам создать практически любой возможный макет.

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

1. Essential Grid WordPress Plugin

Независимо от того, ищете ли вы правильную сетку для отображения своих сообщений в блогах, фотографий, продуктов, отзывов, потоков в социальных сетях, сервисов или всего прочего, что у вас там есть, плагин Essential Grid WordPress может почти всё.

Эта многоцелевая сетка позволяет отображать любой контент на вашем сайте WordPress в элегантной форме сетки по вашему выбору. Сначала вы определяете, какой источник вы хотите использовать для записи в сетке. Затем вы настраиваете сетку, выбирая из трёх доступных стилей, прежде чем выбрать необходимое количество столбцов и строк и установить интервал для элементов. Оттуда вы можете добавить любое количество скинов для настройки внешнего вида.

  • более 25 примеров оформления
  • разнообразные источники контента, в том числе изображения, YouTube, собственные видео на HTML5 и т. д.
  • различные стили анимации
  • отзывчивый и оптимизирован для мобильных
  • и другое

Essential Grid WordPress Plugin – визуально привлекательный способ показать контент на вашей странице WordPress.

2. FlatFolio

FlatFolio – ещё один отличный вариант для тех, кто ищет альтернативную схему сетки. Помимо того, что плагин имеет гибкую настройку, он обладает дополнительным преимуществом, предлагая функции карусели и слайдера. Вы можете настроить сетку с логотипами, заголовками, цветными оверлеями, заголовками и подзаголовками, тенями при наведении и т. д.

  • функция предпросмотра
  • карусель и слайдер
  • неограниченные форматы элементов
  • различные эффекты оверлея
  • и другое

Для пользователей желающих показать графический контент, FlatFolio окажется универсальным и простым в использовании макетом.

3. Менеджер боковой панели и виджета

Если вы когда-либо мечтали о свободном размещении виджетов в области материала на WordPress сайте, Менеджер панелей и виджетов услышали ваши молитвы. Плагин даёт вам полный контроль над тем, где вы можете добавить виджет на страницы вашего сайте, расширив возможности размещения за пределы боковой панели и области «подвала».

  • настройка сетки перетаскиванием
  • вертикальное и горизонтальное выравнивание виджета
  • возможность показать или спрятать любой виджет на любой странице
  • поддерживает любой вид содержимого
  • и другое

Плагин Sidebar & Widget Manager способен добавлять виджеты в любую область страницы на вашем сайте WordPress, что даёт вам великолепный способ создания вашего уникального макета страницы.

4. Content Manager для WordPress

WordPress плагин Content Manager наверно самый универсальный в этом списке плагинов, потому что с ним вы можете создать любой макет, какой только пожелаете. Просто добавьте новую страницу, создайте желаемый макет с помощью интерфейса поддерживающего перетаскивание и можете добавлять ваш контент.

  • возможность добавлять неограниченное количество полностью редактируемых страниц
  • 10 цветом макетов
  • 30 вариантов шрифтов Google
  • поддержка множества языков
  • и другое

Пользователь rjhuntington говорит о Content Manager для WordPress: “Обожаю его! Устраняет очень много надоевших недостатков WP.”

5. Stupid Simple Testimonials

Плагин Stupid Simple Testimonials делает добавление отзывов или цитат в макет страницы очень простым. Использует простой код для вставки в страницу, посты и виджеты; плагин обеспечивает восемь уникальный способов разнообразить макет вашей страницы.

  • макет сетки автоматически подстраивается под общее количество отзывов
  • шесть уникальных цветовых схем
  • возможность разделить отзывы на категории для упрощения управления ими
  • возможность редактировать используя стандартный редактор WordPress
  • и другое

Плагин Stupid Simple Testimonials – просто способ изменить макет страницы и профессионально организует отзывы или цитаты на вашем сайте.

6. Плагин WordPress Meet the Team Shortcode

Как и плагин Stupid Simple Testimonials выше, предназначенный для добавления отзывов в макет вашей страницы, плагин WordPress Meet the Team Shortcode предазначен для добавления членов команды в макет страницы элегантным и профессиональным способом.

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

  • представления в виде карусели или отзывчивой сетки
  • неограниченное количество пользовательских полей
  • сортировка посредством перетаскивания
  • поддерживает до 12 столбцов
  • очень настраиваемый
  • и другое


Плагин WordPress Meet the Team Shortcode – это хороший выбор, если представление вашей команды и их специализаций потенциальному посетителю сайты является приоритетом для вас.

7. JC пошаговое оформление корзины для WooCommerce

Плагин JC WooCommerce Multistep Checkout разработан для улучшения процесса оплаты и замены стандартного макета оплаты товаров в WooCommerce. Цель этого плагина — четкое отображение каждого шага процесса оплаты так, что пользователи точно знают на каком они шаге и как далеко они прошли в этом процессе.

  • простая настройка какой шаг отображать
  • возможность добавить дополнительный шаг, как например, авторизация пользователя
  • функции настройки текста, стиля и макета
  • и другое

JC WooCommerce Multistep Checkout это хороший выбор для более ясного отображения процесса оплаты товаров в WooCommerce.

8. UberMenu

Ну какой же замечательный сайт без настолько же замечательного меню, который поможет вашим посетителям с легкостью перемещаться по контенту? Плагин UberMenu разработан как раз для такой просто навигации. Полностью настраиваемый и отзывчивый плагин предлагает семь видов основных меню и несколько вариантов дополнительного меню, удовлетворяющих множество вкусов и нужд.

  • легко добавлять изображения, описания, карты Google и прочее;
  • 18 макетов на выбор;
  • полностью отзывчивый, совместимый с мобильными устройствами;
  • обширная и понятная документация;
  • и другое

UberMenu работает с системой меню WordPress «из коробки», делая создание великолепного меню быстрым и простым.

9. Календарь событий WordPress

Если вы ищете простой и элегантный способ держать ваших пользователей, клиентов или подписчиков в курсе ваших публичных событий, тогда добавление плагина WordPress Events Calendar в макет ваших страниц WordPress может быть правильным решением.

  • можно добавлять несколько календарей на страницу
  • виджет предстоящих событиях
  • поддерживает множество языков
  • и другое

Пользовательский Applicist восхваляет WordPress Events Calendar за «отличную функциональность и пользовательский интерфейс».

10. WordPress плагин для блоков с содержимым

Плагин WordPress Content Boxes — создан для блоков. Если быть точным, то у вас есть выбор из 43 стильно оформленных блока для показа содержимого сайта, отзывов, блока значков соцсетей, членов команды, продуктов, списков цен и прочего.

  • более 1000 значков
  • гибкая настройка
  • можно использовать множество блоков на одной странице
  • и другое

Хотя из новичков, добавленных на CodeCanyon, плагин WordPress Content Boxes с конструктором макета, точно будет большим любимчиком в ближайшие месяцы.

11. Flip Magazine

Flip Magazine красиво оформленный макет журнала, который позволяет пользователям имитировать перелистывание страниц стрелками вперёд и назад. Он понравится творческим личностям, которые хотят показать свою галерею изображений в полностраничном формате журнала, а также подойдёт и тем, кто хочет стильно подать свои записи в WordPress.

С Flip Magazine вы можете собрать неограниченное количество страниц, настраивая каждую страницу.

  • очень понятный и оптимизированный для тачскрином дизайн с поддержкой жестов
  • поддержка всех шрифтов Google
  • неограниченное количество страниц журнала
  • CSS3 анимация и меню навигации
  • и другое

Flip Magazine это наверное самый клевый из этих 12 плагинов, но не верьте мне на слово. Проверьте сами.

12. Умная система «подвала»

Я не знаю как вы, но я уже довольно устал от приевшихся «подвалов» (footer), так что я очень обрадовался когда нашел Smart Footer System, который заставляет меня взглянуть на «подвалы» в новом свете.

Smart Footer позволяет пользователям настраивать их «подвалы» любым способом, включая добавление фотографий, видео и различной анимации. С выбором из более 70 различных стилей, этот хорошо настраиваемый плагин внесёт новую жизнь и низы страниц ваших сайтов на WordPress.

  • несколько режимов анимации и скоростей
  • инновационная и мощная панель управления
  • поддерживает фоновые видео
  • гибко-настраиваемый
  • и другое

С плагином Smart Footer System вам больше не придётся краснеть за утомительный и скучный «подвал» на вашем сайте.

Вывод

Эти 12 плагинов это лишь малая часть плагинов макетов страниц доступных на Envato Market. Если не один из них не подошёл, там есть множество других отличных вариантов.

Если вы хотите улучшить ваши навыки построения сайтов на WordPress, посмотрите наиполезнейшие бесплатные уроки по WordPress, которые мы предлагаем.

30 лучших WordPress плагинов для вашего сайта

Декабрь 13, 2020 Октябрь 17, 2020

Создать сайт на платформе WordPress не составляет никакого труда, чего не скажешь о подборе плагинов, которые сделают ваш ресурс функциональным и удобным. Плагины можно без преувеличения назвать фундаментом вашего сайта: именно они выполняют все важные функции, которыми пользуются как администраторы, так и посетители. Огромная коллекция всевозможных плагинов является одним из основных достоинств платформы WordPress в глазах миллионов пользователей. Однако изобилие является одновременно и благом, и серьезным препятствием: как среди такого разнообразия программ сделать правильный выбор?

Для многих современных тем для WordPress уже определен оптимальный набор плагинов, рекомендованных к установке. Такие плагины являются неотъемлемой составляющей темы, наделяя ее необходимыми функциями. Тем не менее, в этой статье речь пойдет не о плагинах для конкретных тем, а об универсальных сервисах для WordPress.

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

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

W3 Total Cache

Если вы хотите обеспечить ровную, бесперебойную работу своего сайта, то без плагина W3 Total Cache вам просто не обойтись. Скорость работы сайта важна не только для посетителей, но и для поисковых сетей. Если страницы вашего ресурса будут долго грузиться, вы неизбежно потеряете часть трафика. W3 Total Cache творит чудеса: c сервисом вам не страшны резкие приросты объема трафика, и большое количество посетителей никак не отразится на эффективности работы вашего сайта.

Finteza Analytics

Бесплатный плагин веб-аналитики с практически неограниченными возможностями веб-аналитики. Отслеживает количество посетителей сайта, их географию, языки и используемые ими устройства, просмотры страниц и совершенные события. В Finteza вы сможете просматривать данные по конверсиям, источникам переходов и получите оценку качества трафика с выявлением ботов. Все данные поступают в систему в полном объеме и без задержек. При этом все бесплатно и без ограничения на количество отслеживаемых сессий. Максимум различных метрик для оценки вашего трафика и широкий инструментарий по оптимизации конверсии — Finteza вполне можно назвать «швейцарским ножом» в мире веб-аналитики.

Logaster Logo Generator

Logaster Logo Generator представляет собой удобный онлайн-сервис для создания логотипов и других элементов фирменного стиля. Вам нужно лишь ввести название своего сайта, и этот плагин предложит вам десятки вариантов логотипов, которые можно сохранить в медиа-библиотеке WordPress. Благодаря полной интеграции с WordPress, логотипы можно без труда добавить на главную страницу или в статью/тему при помощи шорт-кода для WordPress, который приводится рядом с логотипом.
Зарегистрировавшись на сайте Logaster, вы сможете не только сохранять логотипы прямо на платформе и скачивать их в высоком разрешении, но и создавать и редактировать фавиконы, визитки, конверты и бланки.

Optipic

С помощью сервиса OptiPic вы сможете оптимизировать (сжать) все изображения на сайте буквально в 2 клика. Это ускорит работу сайта, что положительно скажется и на SEO, и на конверсии сайта.

Суть такой оптимизации — это уменьшить вес изображения в байтах, без потери при этом визуального качества изображения. Чем меньше весит картинка, тем быстрее она загружается в браузере. Оптимизация изображений производится согласно рекомендациям Google Pagespeed Insights.

Yoast SEO

WordPress SEO представляет собой не просто плагин для SEO, а целый пакет инструментов для оптимизации вашего веб-сайта. С его помощью вы сможете добавлять заголовки и описания статей, а также метаданные Open Graph, проводить анализ страницы, размещать XML-карту сайта и многое другое. Отличается простотой установки и настройки.

Wordfence Security

Wordfence обеспечивает дополнительный уровень защиты вашего ресурса от хакеров и блокирует IP-адреса ботов, пытающихся получить доступ к сайту. Пользователь может настроить получение уведомлений в случае подозрительной активности на сайте, а платная версия программы включает в себя профессиональную техническую поддержку.

Anti-spam

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

Google XML Sitemaps

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

Google Analytics

Инструмент Google Analytics дает вам возможность отслеживать и просматривать поисковую статистику для одного или нескольких сайтов. Для этого вам даже не нужно заходить в Google Analytics: плагин отображает все данные прямо на вашей панели инструментов в WordPress.

Disqus Comments

Без области для комментариев не обходится ни один современный блог. Disqus Comments представляет собой отличный плагин для WordPress, который позволяет посетителям комментировать ваши статьи и одновременно обеспечивает защиту от спама. Рекомендую использовать Disqus Comments вместо «родного» плагина для комментариев, интегрированного в WordPress. Disqus Comments не только отличается более стильным интерфейсом, но и предоставляет пользователям больше функциональных возможностей. Более того, эта программа автоматически синхронизирует комментарии с вашей базой данных на WordPress и создает отличные условия для взаимодействия с читателями.

WPForms

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

Мастер Йода рекомендует:  Анализ алгоритмов для начинающих вводное руководство

OptinMonster

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

Jetpack

Jetpack это эффективный плагин для расшаривания контента. Одним из лучших инструментов этой программы является модуль для расшаривания контента в социальных сетях: он использует лаконичный код и не замедляет работу сайта. Модуль отображает количество расшариваний контента во всех популярных сетях. А если вы разберетесь в расширенных настройках, то JetPack будет даже сортировать ваши посты по количеству расшариваний. Помимо стильных кнопок для расшаривания, Jetpack также предлагает большой выбор полезных инструментов, работающих на грамотно написанном коде.

VaultPress

Думаю, что любой владелец сайта понимает, насколько важно иметь резервные копии своего сайта, хранящиеся в надежном удаленном месте. Даже если вы пользуетесь услугами первоклассного провайдера, который ежедневно создает резервные копии всего вашего сайта и обеспечивает многоуровневую защиту, нельзя полностью исключать риск того, что вы можете потерять все ваши данные из-за случайной ошибки человека. В таком случае Vault Press позволит вам восстановить весь сайт в несколько кликов.

WP Migrate DB

WP Migrate DB значительно упрощает процесс перемещения баз данных и медиа-библиотек из одного места в другое. Многие из вас по собственному опыту знают, как непросто перемещать сайт с одного хостинга на другой или с удаленного сервера в локальную среду разработки. С WP Migrate DB вы сможете забыть об этих проблемах!

Simple Image W >

Плагин Simple Image Widget придется как нельзя кстати, если вам нужно разместить на боковой панели изображение, которое будет служить ссылкой или отображать какой-либо текст. Совмещая в себе приятный, простой интерфейс и строго необходимый набор базовых функций, этот плагин четко выполняет свою узкую задачу.

Akismet

Плагин Akismet эффективно чистит ваш блог от спам-комментариев. Пропуская все комментарии через сервис Akismet Web, инструмент отделяет спам от настоящих комментариев. Все пользователи могут видеть, какие записи были отмечены как неуместные или были удалены. Комментарии, которые были отмечены как спам или с которых эта метка была снята модератором, выделяются цветом.


WooCommerce

WooCommerce это бесплатная программа для онлайн-торговли, с помощью которой вы можете с легкостью организовать продажу товаров или услуг с вашего сайта. Благодаря безупречной интеграции с WordPress, WooCommerce по праву считается лучшим плагином в своем классе, который предоставляет владельцам онлайн-магазинов и разработчикам широкий набор функций. Отличаясь большой гибкостью, плагин совместим с сотнями бесплатных и платных расширений для WordPress. В настоящий момент WooCommerce используется в 30% всех онлайн-магазинов, опережая по популярности все другие плагины своего класса.

All in One SEO Pack

Если вы решили заняться продвижением своего ресурса в поисковых сетях, то среди используемых вами инструментов обязательно должен присутствовать плагин All in One SEO Pack. С его помощью вы можете создавать оптимизированные для SEO заголовки страниц (отображаются в верхней области веб-браузера), описания домашних страниц (отображаются под вашим URL в результатах поиска), и ключевые слова, относящиеся к теме вашего контента.

Broken Link Checker

Этот сервис сканирует ваш сайт и сообщает (через панель инструментов WordPress или по электронной почте) о наличии неработающих ссылок или отсутствующих изображениях. Более того, при помощи Broken Link Checker вы можете заменять неработающие URL на исправные.

Contact Form 7

Используя эту легко кастомизируемую программу, вы можете добавить на свой сайт удобную форму обратной связи. Плагин Contact Form 7 интегрирован с инструментами CAPTCHA и Akismet, обеспечивая надежную защиту от спама.

Edit Flow

Этот плагин совмещает в себе все, что необходимо пользователю для управления своим контентом. Например, наглядный календарь, который показывает график публикации ваших постов. Для обсуждения постов с другими авторами контента предусмотрен специальный раздел для редакторских комментариев. При добавлении новых комментариев участники получают автоматические уведомления.

Editorial Calendar

С этим удобным плагином вы больше не будете путаться в датах публикации своих статей. А чтобы переместить публикацию поста на другую дату, достаточно перетащить его при помощи мыши. Editorial Calendar напоминает календарь, встроенный в плагин Edit Flow. Это отличный выбор для тех пользователей, кому нужен только календарь, без отвлекающих дополнительных функций.

WP Smush

Верный способ ускорить работу вашего сайта – оптимизировать размещенные на нем изображения. Зачем обрабатывать каждое изображение вручную, если эту работу может сделать за вас плагин WP Smush?

Soliloquy

Soliloquy это, без преувеличения, лучший отзывчивый слайдер для WordPress. В то время как многие подобные программы замедляют работу вашего сайта, отрицательно влияя на показатели SEO, Soliloquy загружает слайдеры мгновенно! Этот плагин оснащен множеством полезных функций и даже имеет бесплатную версию.

AdSanity

AdSanity это программа для управления рекламными объявлениями, главное достоинство которой заключается в простоте использования. С Adsanity добавить новое рекламное объявление так же легко, как добавить в блог новый пост. Благодаря разнообразным виджетам и шорт-кодам, вы можете размещать объявления на боковых панелях, внутри постов и на страницах. Вы можете создавать как временные (отображаются на протяжении определенного периода времени), так и бесконечные (отображаются, пока вы их не удалите) объявления. Более того, сервис показывает пользователю диаграммы и статистику по просмотрам и кликам рекламных объявлений.

Envira Gallery

Если основу вашего сайта составляют фотографии и изображения, то программа Envira Gallery станет вашей правой рукой в управлении ресурсом. Это отзывчивый плагин, который позволяет создавать красивые галереи изображений с привлекательными эффектами, простой навигацией и гибким дизайном. Быстро работает и отлично смотрится на всех типах устройств. Оцените бесплатную версию Envira Gallery Lite прямо сейчас!

Login Lockdown

По сути, любой пользователь имеет неограниченное число попыток ввода идентификационных данных на вашем сайте. Этой лазейкой пользуются многие хакеры, которые могут попытаться проникнуть в область администратора, пробуя один пароль за другим. Login LockDown ограничивает количество попыток ввода пароля. Когда лимит исчерпан, умный плагин временно блокирует вход в панель администратора.

TablePress

В редакторе постов, встроенном в WordPress, вы не найдете функции для создания таблиц. Если вам нужно добавить таблицу, на помощь придет плагин TablePress. Создавайте таблицы в WordPress, добавляйте их в посты, на страницы и даже в виджеты. Также доступна функция экспорта табличных данных.

WPtouch

С WPtouch создать мобильную версию сайта на WordPress проще простого. Ни одна отзывчивая тема не может конкурировать по функциональности с этим плагином. Хотите сделать свой ресурс удобным для мобильных пользователей? Тогда WPtouch это ваш выбор!

ThirstyAffiliates

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

Zendesk

Zendesk это лучшая облачная программа поддержки пользователей, которая совмещает в себе гибкость, функциональность и удобство использования. Это незаменимая программа для развивающихся компаний. Теперь вы сможете добавить на свой сайт или блог удобную контактную форму, чтобы принимать запросы от пользователей и своевременно отвечать на них.

В этот список наверняка не вошли многие другие полезные плагины для WordPress. Делитесь своими любимыми сервисами в комментариях! А я надеюсь, что благодаря этой статье вы открыли для себя новые программы, которые сделают ваш сайт или блог на WordPress еще лучше!

Если у ваешго сайта еще нет логотипа, попробуйте создать его прямо сейчас с помощью Logaster.

Декабрь 13, 2020 Октябрь 17, 2020

Создавайте свой дизайн сейчас

Приступите к разработке своего фирменного стиля прямо сейчас. Введите название своей компании — и всего через минуту логотип будет у вас! Попробуйте сами! Нет ничего проще!

Logaster — онлайн-агентство по брендингу, которое помогает миллионам клиентов создавать собственный фирменный стиль!

5 лучших плагинов для создания галерей

Вордпресс – потрясающая платформа для создания блогов и сайтов различной направленности. Благодаря плагинам ее функционал становится еще более расширенным, позволяет модифицировать возможности ресурса, как в техническом плане, так и в визуальной составляющей. Сегодня рассмотрим работу с галереями. Поскольку система в классическом варианте предоставляет довольно скудные возможности по работе в этом направлении, будем разбираться, как избавить от этого недостатка при помощи расширений. Представляем вашему вниманию 5 лучших плагинов для создания галерей.

FooGallery Демо

Начнем с FooGallery – его скачало более 100 тысяч человек, он признан одним из самых удобных и функциональных плагинов в своей нише. Он предоставляет пользователям различные виды макетов для создания галерей, полностью совместим с последней версией платформы, позволяет включить визуальный предпросмотр текущих изменений.

  • используя Drag and Drop, можно перетаскивать изображения без ограничений;
  • использование различных предустановленных шаблонов (для каждой базы свой шаблон), для требовательных вебмастеров имеется возможность создания своего макета;
  • поддерживает LightBox и другие подобные плагины для более гибкой работы;
  • использование импорта NextGen, который так полюбился пользователям, но стал сложен в работе;
  • редактирование при помощи визуального редактора значительно упрощает процесс создания галерей и управления ними;
  • использование шорткодов для удобной вставки галереи на сайте.

Помимо основных функций, доступно множество мелких возможностей, позволяющих произвести более тонкую настройку отображения картинок. Плагин работает как с изображениями, так и с видео.

Благодаря использованию расширений можно еще сильнее улучшить функциональность этого продукта. Из недостатков стоит отметить значительное потребление ресурсов системы при максимальной загрузке плагина и исключительно английский язык интерфейса. Средний бал вебмастеров, выставленный этому продукту – 5 баллов из 5-ти.

NextGEN Gallery

Самый популярный и скачиваемый плагин для работы с изображениями Вордпресс, используется на более чем двух миллионах сайтах. Расширяет стандартные возможности платформы, имеет довольно сильный функционал, с которым другим аналогичным продуктам трудно конкурировать. Можно выбрать одну из систем отображения изображений: галереи и слайд-шоу, также он позволяет оперировать разными стилями для альбома. Вебмастера смогут проводить пакетную загрузку файлов, выполнять сортировку изображений, удалять и редактировать их. Плагин является мощным инструментом для разработчиков любого уровня.

  • возможность вставлять галереи при помощи визуального редактора;
  • наличие flash-загрузчика, позволяющего легко загружать изображения;
  • выбор типа слайд-шоу: Flash и Java-Script;
  • сортировка изображений и группировка в альбомы;
  • использование дополнительных функций редактирования при помощи CSS;
  • установка водяных знаков;
  • создание папок для файлов, возможность их перемещения;
  • применение различных эффектов (их список расширяется при помощи дополнительных плагинов).
  • использование шорткодов для удобства вставки медиа.

Тяжело представить рейтинг 5 лучших плагинов для создания галерей, без NextGEN Gallery. Этот продукт открыл новые возможности, которые ранее никто до него не предлагал. Никогда не было так легко создавать галереи и управлять ими.

Бесплатная версия предоставляет достаточное количество возможностей для работы, однако для расширенного функционала имеются различные тарифные планы и дополнения. Средний бал вебмастеров – 4 балла из 5-ти.

Envira Gallery Демо

Как и многие новые плагины, Envira Gallery работает с функцией Drag and Drop, позволяющей упростить рабочий процесс с изображениями. Его скачало около 1 миллиона пользователей. В своем функционале он имеет адаптивные возможности, которые позволяют легко создавать галереи. Стоит отметить, что они будут совместимы со всеми устройствами и на любых экранах. Отличная оптимизация позволяет дополнению потреблять малое количество ресурсов системы, при этом они хорошо оптимизированы и дают возможность проводить настройку SEO.

  • Drag and Drop в создании и редактировании галерей;
  • создания альбомов медиафайлов;
  • легкий в использовании, совместим с мобильными устройствами;
  • позволяет использовать видео;
  • установка водяных знаков на изображения;
  • использование SEO для оптимизации под поисковые системы;
  • редактирования изображений, добавление эффектов, оформление в виде слайд-шоу;
  • совместимость с социальными сетями;
  • импорт с NextGen.

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

Купив пакет дополнительных функций и официальное сопровождение, вы получите лучший арсенал инструментов на рынке и своевременную поддержку от разработчиков. Средний бал, который поставили вебмастера – 5 из 5-ти баллов.

Photo Gallery Демо

Плагин, который попал в топ 5 лучших продуктов для создания галерей из-за обширного списка возможностей работы с галереями Вордпресс. Его скачали более 300000 пользователей, с каждой неделей количество установок увеличивается. При помощи расширения можно создать альбомы, галереи различной сложности и дизайна, добавлять в них изображения, видео и аудиофайлы. Имеется ряд предустановленных макетов и видов галерей. Помимо этого, возможно создание прайс-листов галереи, которые отлично подойдут для продажи вашей продукции.

  • полная совместимость с последней версией платформы, постоянные обновления;
  • поддержка всех известных форматов изображений;
  • инструменты редактирования изображений;
  • возможность создания альбомов;
  • работа со слайд-шоу, видео и картинками;
  • наличие генератора шорткодов;
  • добавление метатегов;
  • изменение параметров карусели;
  • сортировка файлов, совместимость с LightBox;
  • различные темы, виды отображения галерей, совместимость с социальными сетями.

Преимущества этого продукта – отличная оптимизация, расширенные возможности управления галереями, а также премиальная версия, открывающая доступ к еще большим возможностям. Настройте по вашим предпочтениям, установите seo-данные и отредактируйте расположение файлов при помощи визуального редактора. Средний бал, который ему дали вебмастера – 4,5 из 5-ти.

Gmedia Gallery Демо

Разносторонний плагин, предоставляющий возможность работать с изображениями и аудиофайлами. Так как он сравнительно недавно вошел на рынок, его скачало всего около 30 000 пользователей, но многие из них высоко оценили его эффективность и функциональность. Благодаря специальной библиотеке файлов, которая идет в комплекте с плагином, работать с медиафайлами намного удобнее. В основном его ценят за универсальность: можно красиво оформить сайт, а также установить плей-лист с тематической музыкой.

  • автоматическое создание галерей к постам;
  • обновленный модуль работы с изображениями;
  • имеются всевозможные виджеты и связка плагина с платформой;
  • удобный музыкальный плеер с интересными функциями, в том числе визуальными;
  • приложение для iOS, для удобства управления библиотекой;
  • возможность создавать пользовательские поля;
  • встроенное сжатие для изображений;
  • возможность работать с шорткодами.

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

Создавайте разнообразные галереи, добавляя любые доступные эффекты. Несмотря на новизну плагина, его средняя оценка среди вебмастеров – 4,5 балла из 5-ти.

Мы представили вам 5 лучших плагинов для создания галерей, которые отличаются высокой популярностью, эффективностью и функциональностью. Некоторые из них совсем новые, остальные – старожилы рынка. У вас есть возможность выбирать продукт под свои потребности и тип проекта. Для более сложных сайтов потребуются платные версии плагинов, открывающие более широкие возможности. Их использование позволит расширить границы возможного, в полной мере раскрывая потенциал платформы WordPress в части работы с изображениями.

Как сделать изображения в WordPress с hover эффектами

Hover-эффекты активно используются в современном веб-дизайне на ряду с lightnbox. Эти эффекты представляют собой изменение изображения при наведении на неё мышки. Выглядит это красиво, современно и хорошо запоминается. В этой статье мы покажем вам, как сделать такой приём с изображениями в WordPress.

Обычно hover-эффекты предусмотрены установленным шаблоном. И если в вашем шаблоне такого нет, то установить такие эффекты можно с помощью редактирования CSS, что чрезвычайно сложно для начинающего вебмастера.

Чтобы решить эту задачу, существует специальный плагин. Благодаря ему можно применить к изображениям WordPress hover-эффект и не затрагивать вообще программирования кодом. Познакомимся с этим инструментом поближе.

Изображения WordPress с плагином Royal Image Hover Effects

Royal Image Hover Effects – это плагин для изображений WordPress, который позволяет применить к картинкам hover-эффект или эффект при наведении. Работа плагина заключается в следующем: к каждому отдельно взятому изображению можно применить тот или иной эффект из представленных возможных, затем это изображение можно поместить в запись или на страницу с помощью шорткода. Эффект заключается в появлении надписи при наведении мышки на картинку. Пожалуй, проще некуда.

Скачайте, установите и активируйте этот плагин у себя на сайте. После этого вы увидите в консоли новый пункт «Royal Image Hover Effects». Чтобы добавить новое изображение WordPress с hover-эффектом, перейдите в подпункт «Add New Item». Здесь в вашем распоряжении будет целый набор инструментов для создания красивого и интересно изображения:

  • Royalhover Item. Здесь необходимо загрузить само изображение, которое будет участвовать в эффекте. Сделать это можно с помощью кнопки «Choose file». Загрузить можно из медиабиблиотеки или с компьютера. Также тут можно дать заголовки и содержание надписи, которая будет появляться при наведении мышки. Можно применить HTML-теги, поэтому есть возможность форматировать текст и создавать там ссылки.
  • Settingpanel. Здесь у вас собраны широчайшие настройки, которые позволяют настраивать внешний вид hover-эффекта данного изображения в WordPress. Инструментов очень много, есть множество возможностей для кастомизации. Однако надо заметить, некоторая часть настроек доступна только в PRO версии.
  • Socialstyleiconsetting. Хоть эта секция и называется с «социальным» словом, иконки тут разнообразные. Здесь есть возможность установить какие-то небольшие иконки под описанием изображения, а также установить ссылку для каждой из них. Всего можно поставить до 4 иконок.

Когда вы выполните все настройки, вы можете поместить изображение WordPress в запись или на страницу с помощью шорткода, который появляется на этой же странице справа. О шоркодах вы можете почитать тут. Для достижения желаемого эффекта рекомендуем поэкспериментировать с разобразными настройками плагина.

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