Для того, что бы в WYSIWYG-редакторе вставить в текст изображение, которое будет при щелчке на нём увеличиваться (раздвигаться), необходимо сначало прикрепить файлы изображений к записи веб-документа. Затем в тексте перевести мигающий курсор в то место, куда будет вставлено изображение, и нажать на кнопку "Изображение". Появится диалог настройки изображения, в котором указываем URL изображения (его нужно предварительно скопировать из списка прикреплённых файлов) и альтернативный текст (используется в SEO для продвижения картинок в поисковиках):

 

Ширину указываем такую, что бы страница со статьёй, новостью или постом блога не выходила за видимую часть рабочей области браузера. При желании http:// и доменное имя сайта можно стереть, что бы можно было обеспечить мобильность ссылок (например, при переносе сайта на другой домен). Активируем опцию "Сохранять пропорции", если она не активирована (значок ). Бордюр можно указать равным 1. После всех этих действий сохраняем настройки изображения, нажав на кнопку "Ok".

 

Для того, что бы изображение при щелчке мышью увеличивалось, нужно выделить изображение в тексте (оно обведётся пунктирной рамкой) и нажать на кнопку "Вставить/Редактировать ссылку":

 

В появившемся окне вставляем URL изображения и переходим на вкладку "Цель".

 

На вкладке "Цель" указываем "Новое окно". На вкладке "Расширенный" прописываем класс CSS: nivoZoom center

 

      

 

Ну вот и всё! Готово! Теперь при наведении мыши на изображение оно подсвечивается и появляется лупа, а при щелчке увеличивается: