Скрипт вывода обявлениия на изображениях под Wordpress

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

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