Как сделать увеличение картинок без плагина?

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

Покопавшись в поиске, взял свое из нескольких разных советов. Может, кому пригодится.

1. Этот код необходимо добавить в файл темы functions.php, где-нибудь в конце.

add_filter('the_content', 'addrelsimplebox');
function addrelsimplebox($content) {
global $post;
$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="simplebox" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

2. Скачать и распаковать архив со скриптом в корень сайта (туда, где расположены папки wp-content, wp-admin и другие. Скачать скрипт

3. Не забывайте при вставке картинки в статью в параметрах изображения ставить: Ссылка — медиафайл.

 

Вот так работает: (нажмите на картинку)

Как сделать увеличение картинок без плагина?

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

Интересное по теме:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *