Поиск
Показаны результаты для тегов 'wordpress'.
Найдено: 2 результата
-
Закрытие окна: elementorProFrontend.modules.popup.closePopup( {} ); elementorProFrontend.modules.popup.closePopup( {id:001} ); - с указанием ID конкретного popup. Открытие: elementorProFrontend.modules.popup.showPopup( {} ); elementorProFrontend.modules.popup.showPopup( {id:001} ); - с указанием ID конкретного popup. Пример использования: Открываем popup с id 001 по клику на элемент DOM с id - your_ID. jQuery(document).on('click','#your_ID', function(event){ elementorProFrontend.modules.popup.showPopup( {id:001}, event); }); Просто закрываем popup с определенным id elementorFrontend.documentsManager.documents[001].getModal().hide(); или var document = elementorFrontend.documentsManager.documents[001]; document.getModal().hide(); Триггеры событий всплывающих окон: elementor/popup/show - когда всплывающее окно открыто/показано elementor/popup/hide - когда всплывающее окно закрыто/спрятано Каждый раз, когда отображается всплывающее окно, мы запускаем событие, elementor/popup/show а когда всплывающее окно закрывается, мы запускаем событие elementor/popup/hide. Пример использования: Использование очень простое, вы просто добавляете прослушиватель событий к желаемому событию с вашим обратным вызовом, например, отслеживая события открытия всплывающего окна: jQuery( document ).on( 'elementor/popup/show', () => { // do your tracking here } ); Обратный вызов события вызывается с 3 переменными: Event– объект события dom. popupId– идентификатор всплывающего окна, которое вызвало событие popupDocument– Экземпляр объекта всплывающего документа elementor Это позволяет вам иметь еще больший контроль, например, если я хочу запускать свой код отслеживания только при закрытии определенного всплывающего окна: jQuery( document ).on( 'elementor/popup/hide', ( event, id, instance ) => { if ( id === 123 ) { // do your tracking here } } );
-
WordPress редактор режет iFrame - решено!
Печенег опубликовал запись в блоге в Заметки Программиста HTML CSS JS PHP
В сети можно найти полно решений этого вопроса..., но в моём случаи именно в этот раз ни один не сработал, редактор WP категорически отказывался принимать тег iFrame. Бился я над этим вопросом 1 день в итоге почти "плюнул" и был готов уже смотреть в сторону wp плагинов iFrame, коих я стараюсь избегать, но это уже другая история.... В общем и тут вспомнил что мне попадался коротенький php код который прописывается в functions.php, собственно он ниже: add_shortcode( 'iframe' , 'mycustom_shortcode_iframe' ); function mycustom_shortcode_iframe($args, $content) { $keys = array("class", "src", "title", "allow", "width", "height", "scrolling", "marginwidth", "marginheight", "frameborder", "allowfullscreen"); $arguments = mycustom_extract_shortcode_arguments($args, $keys); return '<iframe ' . $arguments . '></iframe>'; } function mycustom_extract_shortcode_arguments($args, $keys) { $result = ""; foreach ($keys as $key) { if (isset($args[$key])) { $result .= $key . '="' . $args[$key] . '" '; } } return $result; } в переменной $keys можете убрать или дописать недостающие свойства. В редакторе WP просто размещаете свой iFrame, но немного измененный, теперь эта конструкция будет называться - шорткод, пример ниже: [iframe width="100%" height="300" src="https://www.youtube.com/embed/000000000" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen] Данный способ у меня работает отлично, спасибо огромное его автору bueltge с портала https://wordpress.stackexchange.com. Всем добра!