Думаю что вопрос актуальный. Так что напишу.
Есть библиотека Stickjaw.js
Подключаете в футоре и вызываете скриптов ( в документации написано, ни чего сложного )

Чтобы сделать высоту такой же как ширину нужно в блок добавить атрибут data-proportion-h="1". 1 - это пропорция. Если вам нужно сделать, чтобы высота была как две ширины то пишите 2 т.е data-proportion-h="2"

Например

<div data-proportion-h="1" style="widht:200px;"></div><!-- Высота 200px -->
<div data-proportion-h="2" style="widht:200px;"></div><!-- Высота 400px -->
<div data-proportion-h="0.5" style="widht:200px;"></div><!-- Высота 100px -->

Писал у себя в блоге. Ссылка

Возможно вы используя

wp_enqueue_script('some_script', 'Путь к скрипту', array(), ВНИМАНИЕ ВЕРСИЯ, false);

Подключили ваш скрипт и указали версию. Если это так то современные браузеры просто ссылаются на закешированную версию сайта.
Чтобы избавиться от кэша поменяйте версию в функцию или задайте ёё.

Если вы не используете то используйте) При изменение скрипта меняйте версию. Вот статья в помощь