Wordpress Inside - изображения

Проблема с адаптивными изображениями в Gutenberg редакторе WordPress

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

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

Оцените статью:

(голосов - 44, средний балл: 3,93 из 7)

Загрузка...

Категории: Возможности; Начинающим;

Размеры изображений в WordPress — как изменить, добавить свои и удалить лишние

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

Оцените статью:

(голосов - 19, средний балл: 3,89 из 7)

Загрузка...

Категории: Хаки и секреты;

Исправляем ошибки при загрузке картинок в WordPress (HTTP Error и др.)

Сегодня рассмотрю несколько ситуаций, когда у вас может появиться ошибка HTTP при загрузке фото в WordPress, и заодно расскажу что в этом случае делать. Данная проблема возникает сразу после клика по кнопке «Добавить медиафайл» на странице редактирования поста либо в разделе «Медиафайлов», — как только вы выбираете файл на компьютере, который хотите использовать. При этом в окне загрузчика отобразится фраза «HTTP Error».

Оцените статью:

(голосов - 16, средний балл: 5,19 из 7)

Загрузка...

Категории: Возможности; Начинающим;

Изображения товаров в WooCommerce — настройка размеров, исправляем размытие, сниппеты

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

Оцените статью:

(голосов - 22, средний балл: 5,45 из 7)

Загрузка...

Категории: WooCommerce;

Как сделать галерею с браузером изображений и Lightbox эффектом (2 варианта)

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

Оцените статью:

(голосов - 13, средний балл: 4,92 из 7)

Загрузка...

Категории: Плагины;

Иконки в меню WordPress — добавляем вручную и с плагином

Существует несколько причин для создания в WordPress меню с картинками (иконками). Во-первых, это отличный способ сэкономить место, заменив название главной страницы на «домик». Во-вторых, некоторые символы говорят намного больше нежели текстовые значения — кнопки Facebook, Twitter и т.п. И наконец, в-третьих, графические элементы могут сделать навигацию еще нагляднее за счет добавления изображений, например, в списке категорий. Все три варианта вы можете видеть с превьюшке поста слева. А ниже я расскажу как их можно реализовать. 

Оцените статью:

(голосов - 25, средний балл: 4,84 из 7)

Загрузка...

Категории: Возможности; Начинающим;

Media Cleaner — для удаления неиспользуемых изображений WordPress

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

Оцените статью:

(голосов - 9, средний балл: 5,33 из 7)

Загрузка...

Категории: Плагины;

OptiPic – оптимизация изображений для сайтов на WordPress и не только

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

Оцените статью:

(голосов - 11, средний балл: 3,64 из 7)

Загрузка...

Категории: Сервисы;

Кликабельное фоновое изображение в WordPress сайте (2 варианта)

Сегодня рассмотрим одну из задач с wordpress фоном, которая иногда возникает при проведении рекламных кампаний в интернете. Бывает, заказчикам нужно реализовать в веб-проекте «брендированную подложку» — это некая графика на заднем плане веб-страницы по бокам от основного блока контента (см. превьюшку данного поста). Причем важно, чтобы картинка при клике отправляла посетителей на внешний URL-адрес. Собственно, решил собрать в посте всю инфу про то как сделать кликабельное фоновое изображение для сайта WordPress. 

Оцените статью:

(голосов - 5, средний балл: 5,60 из 7)

Загрузка...

Категории: Возможности; Начинающим;

25 шаблонов портфолио в WordPress для дизайнеров и фотографов

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

Оцените статью:

(голосов - 4, средний балл: 5,75 из 7)

Загрузка...

Категории: Шаблоны;

Как прикрепить медиафайл к WordPress записи и как отсоединить вложение

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

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

Оцените статью:

(голосов - 2, средний балл: 5,50 из 7)

Загрузка...

Категории: Возможности; Начинающим;

Обзор плагина Easy Fancybox для WordPress — настройка, функции, хаки

Ранее я рассматривал внедрение лайтбокса в родной галерее WordPress, доступной в системе по умолчанию. Там упоминается дополнительный модуль Lightbox 2, что уже более 3-х лет не обновляется, поэтому пришлось позаботиться об альтернативе. Хороший вариант, с которым чаще всего доводилось сталкиваться — плагин Easy FancyBox. Он имеет более 300тыс. скачиваний, постоянно дорабатывается и не конфликтует с другими решениями (что немаловажно). Короче говоря, за пару последних лет меня не подводил. Не зря он числится в лучших плагинах картинок в WP.

Оцените статью:

(голосов - 4, средний балл: 7,00 из 7)

Загрузка...

Категории: Плагины;