Youtube видео адаптивная вставка

Что бы сохранить пропорции и сделать адаптивный ютуб ролик на сайте: add_filter(‘the_content’, ‘table_replace’); function table_replace ($content) { global $post; $pattern = «!<iframe(.*?)<\/iframe>!si»; $replacement = ‘<div class=»videoblock»>\\0</div>’; $content = preg_replace($pattern, $replacement, $content); return $content; } Этот код вставляем в functions.php он найдет любые iframe и обернет в div с классом videoblock. Затем в style.css немного стилей … Читать далее

Как вернуть старые виджеты в новом вордпресс 5.8+

После обновления wordpress управление виджетами стало в стиле гутенберг. Что бы вернуть классическое управление виджетами в админке вордпресс используем следующий хук в functions.php (или другой файл) //Включаем старые виджеты add_filter( ‘gutenberg_use_widgets_block_editor’, ‘__return_false’ ); add_filter( ‘use_widgets_block_editor’, ‘__return_false’ );  

Точки и срелки управления slick slider

Кастомизация стрелок и точек управления слайдером. По умолчанию скрипт создает код стрелок и точек, но не всегда это подходит по дизайну. Можно перенести стрелки и точки в отдельно созданные элементы и разместить как надо. $(‘.slider’).slick({ dots: true, arrows: true, infinite: true, speed: 300, slidesToShow: 1, adaptiveHeight: true, appendDots: $(‘.slider_new_dots’), appendArrows: $(‘.slider_new_arrows’), }); В параметре appendDots … Читать далее

Slick slider

Слайдер с большими возможностями. Практически все задачи у меня получалось решить с помощью слик-слайдера. Быстрый старт — как начать использовать слик слайдер Подключаем файлы из облака: <!— Add the slick-theme.css if you want default styling —> <link rel=»stylesheet» type=»text/css» href=»//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css»/> <!— Add the slick-theme.css if you want default styling —> <link rel=»stylesheet» type=»text/css» href=»//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css»/> <script … Читать далее

как создать страницу настроек в админке wordpress

Для работы с произвольными полями использую плагин ACF. Что бы создать страницу настроек в главном меню в админке в functions.php нужно вставить следующий код: if( function_exists(‘acf_add_options_page’) ) { acf_add_options_page(array( ‘page_title’ => ‘Основные настроки сайта»‘, ‘menu_title’ => ‘Настройки сайта towp’, ‘menu_slug’ => ‘towp-options’, ‘capability’ => ‘edit_posts’, ‘redirect’ => false )); } Далее создаем группу произвольных полей … Читать далее

Локальный сервер на Mac OS

В сети есть много мануалов как запустить веб-сервер на макбуке настроив все вручную, но есть более простой способ, такой же как денвер на винде! MAMP для мака Стандартный веб-сервер бесплатный. В комплекте апач, мускул, пхп май админ, в общем все что нужно для офлайн-разработки на вордпресс и не только. Установка из обычного .dmg файла, после … Читать далее

slick slider в grid ячейке

Слайдер slick slider ведет себя странно если у родителей grid разметка. Растягивается в ширину на большое значение. Лечится это не самым очевидным образом: .block_21_r.slick-slider { display: grid !important; } если не сработало — проверяем работает ли стиль, не перебивается ли другими css правилами

slick slider только для мобильных

Как сделать slick-slider только для мобильного — а для широких экранов выключить слик слайдер. // Флаг включённости слайдера slick var slickSliderActive = false; // Включение или выключение слайдера (в зависимости от ширины) function checkSlider(){ // Если вьюпорт уже чем 768 if( $(window).width() < 800 — getScroll() ) { // Если флаг включённости опущен, то включим … Читать далее