WordPress: увеличение картинки по клику ★

WordPress: уве­ли­че­ние кар­тин­ки по кли­ку – теперь это встро­ен­ная функ­ция, а не голов­ная боль. При­вет, дру­зья-вла­дель­цы сай­тов! Сего­дня я хочу рас­ска­зать вам о кру­той фиш­ке WordPress, кото­рая сэко­но­мит вам кучу вре­ме­ни и нервов.

Попро­буй­те сами – клик­ни­те на изоб­ра­же­ние ниже (на мобиль­ном не рабо­та­ет т. к. уве­ли­чи­вать некуда):

Помни­те те вре­ме­на, когда для про­сто­го уве­ли­че­ния кар­ти­нок по кли­ку при­хо­ди­лось ста­вить пла­ги­ны вро­де Lightbox или FancyBox? Так вот, забудь­те! Теперь это стан­дарт­ная функ­ция WordPress, о кото­рой мно­гие даже не подо­зре­ва­ют. Давай­те раз­бе­рём­ся, как это рабо­та­ет и поче­му это гени­аль­но просто.

Под­пи­ши­тесь на Tiku Digital ВКонтакте

Как это было раньше: темные века WordPress

Давай­те на секун­ду вер­нём­ся в про­шлое. Что­бы сде­лать про­стое уве­ли­че­ние кар­тин­ки по кли­ку, нам приходилось:

1. Искать под­хо­дя­щий пла­гин (а их десятки!)
2. Уста­нав­ли­вать его и настраивать
3. Раз­би­рать­ся с кон­флик­та­ми стилей
4. Боять­ся, что после обнов­ле­ния всё сломается
5. Тра­тить вре­мя на опти­ми­за­цию ско­ро­сти загрузки

И всё это ради базо­вой функ­ции, кото­рая долж­на быть «из короб­ки»! Лич­но я потра­тил не один час, пыта­ясь заста­вить Lightbox рабо­тать с моей темой, пока не обна­ру­жил, что реше­ние было пря­мо перед носом.

Как это работает сейчас: магия в два клика

Начи­ная с вер­сии 5.5 WordPress встро­ил эту функ­цию пря­мо в редак­тор. Вот как это выгля­дит на практике:

После добав­ле­ния кар­тин­ки в редактор:

1. Кли­ка­ем на изображение
2. В пане­ли инстру­мен­тов выби­ра­ем «Ссыл­ка»
3. Выби­ра­ем опцию «Уве­ли­чи­вать по щелчку»
4. При жела­нии добав­ля­ем подпись
5. Гото­во! Кар­тин­ка теперь будет откры­вать­ся в кра­си­вом лайтбоксе

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

Плюсы встроенного решения

Подробная инструкция с нюансами

Давай­те раз­бе­рём про­цесс по шагам с важ­ны­ми деталями:

1. Добавляем изображение в редактор

Про­сто пере­тас­ки­ва­ем файл или исполь­зу­ем стан­дарт­ную кноп­ку добав­ле­ния медиафайлов.

2. Находим волшебную кнопку

После выбо­ра изоб­ра­же­ния в пане­ли инстру­мен­тов появ­ля­ет­ся зна­чок ссыл­ки. Кли­ка­ем по нему — и видим три варианта:

• Нет
• Медиа­файл
• Уве­ли­чи­вать по щелчку

3. Выбираем «Увеличивать по щелчку»

Вот тут и про­ис­хо­дит магия! WordPress авто­ма­ти­че­ски создаст эффект лайт­бок­са без лиш­них телодвижений.

4. Дополнительные настройки

1. Кли­ка­ем на изображение
2. В пра­вой колон­ке нахо­дим поле «Под­пись»
3. Вво­дим текст

Как это выглядит для посетителей сайта

Когда поль­зо­ва­тель кли­ка­ет на изображение:

• Кар­тин­ка плав­но уве­ли­чи­ва­ет­ся на свет­лом фоне
• Появ­ля­ет­ся под­пись (если вы её указали)
• В пра­вом верх­нем углу есть кноп­ка закры­тия (кре­стик)
• Мож­но листать все изоб­ра­же­ния стра­ни­цы стрел­ка­ми клавиатуры

Сравнение с плагинами: когда всё же стоит использовать Lightbox

Встро­ен­ное реше­ние — это здо­ро­во, но быва­ют слу­чаи, когда пла­ги­ны всё же нуж­ны:

Частые проблемы и их решение

Ино­гда функ­ция может не рабо­тать. Вот самые рас­про­стра­нён­ные причины:

1. Не работает увеличение

Реше­ние: Про­верь­те, не отклю­чил ли эту функ­цию ваш шаб­лон. Попро­буй­те вре­мен­но пере­клю­чить­ся на стан­дарт­ную тему (Twenty Twenty-One).

2. Нет кнопки «Увеличивать по щелчку»

Реше­ние: Обно­ви­те WordPress до послед­ней вер­сии. Функ­ция доступ­на с вер­сии 5.5.

3. Конфликты с другими скриптами

Реше­ние: Попро­буй­те отклю­чить дру­гие пла­ги­ны для лайт­бок­са, если они у вас установлены.

Вывод: используйте встроенные возможности!

Лич­но я теперь исполь­зую эту функ­цию на всех сво­их сай­тах. Это:

• Про­ще — ника­ких лиш­них плагинов
• Быст­рее — мень­ше кода, выше скорость
• Надёж­нее — не сло­ма­ет­ся при обновлениях

Попро­буй­те и вы! А если уже поль­зу­е­тесь этой фиш­кой — дели­тесь в ком­мен­та­ри­ях, как вам? Может, обна­ру­жи­ли какие-то инте­рес­ные осо­бен­но­сти? Давай­те обсудим!

P.S. Если вам нуж­ны более слож­ные эффек­ты — тогда да, пла­ги­ны всё ещё акту­аль­ны. Но для базо­вых нужд встро­ен­но­го реше­ния более чем достаточно.