King Composer и бутстрап
30.08.2017
#King_Composer #WordPress #Плагины

Часто когда применяется тема к которой подключен Bootstrap, не получается прикрутить изображение для  фона того или иного материала к элементу ROW. Как вариант добавьте данный стиль к стилям RAR элемента KingComposer’a: left: -381.5px !important; padding-left: 381.5px !important; padding-right: 381.5px !important; Данный стиль отменит ширину указанную в стилях бутстрапа и по умолчанию установит красиво ROW King’a.…

https://techblog.sdstudio.top/king-composer-i-butstrap/

Переход к вкладке аккордеона + её раскрытие + всегда отображать раскрытый аккордеон во весь экран
10.09.2017
#King_Composer #WordPress #Плагины

Пример JS кода: jQuery(document).ready(function($){ $('.kc_accordion_section.group.RUS-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.RUS-TAB').offset().top}, 0); }, 300); /*---------*/ }); $('.kc_accordion_section.group.FR-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.FR-TAB').offset().top}, 0); }, 300); /*---------*/ }); $('.kc_accordion_section.group.ENG-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop: $('.kc_accordion_section.group.ENG-TAB').offset().top}, 0); /*---------*/ }, 300); }); $('.kc_accordion_section.group.JAPAN-TAB').click(function() { /*---------*/ setTimeout(function() { $('html, body').animate({ scrollTop:

Центрирование флипбокса для мобильных устройств
12.09.2017
#King_Composer #WordPress #Плагины

Предлагаю такое решение: @media screen and (max-width: 780px) { .kc-flip-container .flipper{ width: 300px !important; float: inherit !important; top: calc(50% - 150px)!important; left: calc(50% - 150px)!important; } } Здесь отдельно стоит отметить данный блок: top: calc(50% - 150px)!important; left: calc(50% - 150px)!important; top: calc(50% — 150px) (150px — это высота флипбокса деленная на два) left: calc(50%…

https://techblog.sdstudio.top/centrirovanie-flipboksa-dlja-mobilnyh-ustrojstv/

.htaccess - Полный вариант сжатие + кеширование
20.09.2017
#King_Composer #WordPress #Все_для_htaccess #Плагины

# This file was updated by Duplicator on 2017-09-19 10:19:04. See .htaccess.orig for the original .htaccess file. # Please note that other plugins and resources write to this file. If the time-stamp above is different # than the current time-stamp on the file system then another resource has updated this file. # Duplicator only writes…

https://techblog.sdstudio.top/htaccess-polnyj-variant-szhatie-keshirovanie/

King Composer как сделать секцию во всю ширину (full width)
15.12.2017
#CSS #King_Composer #WordPress #Плагины

Здравствуйте друзья сегодня я хочу поделиться своим решением создания блоков во всю ширину, так-как достаточно часто при использовании сторонних тем ( не всегда поддерживающих плагин King Komposer) при применении свойства компонента ROW — fulll width блок просто смещается влево и не принимает положение во всю ширину страницы. Содержание: Добавление ID к секции Добавление стилей на…

https://techblog.sdstudio.top/king-composer-kak-sdelat-sekciju-vo-vsju-shirinu-full-width/

Video Background - полностью адаптивный видео бекграунд (работающий из вложенного div)
08.02.2018
#King_Composer #WEB #WordPress #WordPress_CSS #WordPress_jQuery #Плагины

Так как я в основном делаю проекты на King Composer’e для меня важен видео бэкграунд, но к сожалению на данный момент плагин поддерживает в качестве источника видео только сервис YouTube, что весьма грустно. Для того чтобы добавить свой источник (в том числе и локальную медиатеку) пришлось немного поизвращаться. В итоге получился практически универсальный вариант, который…

https://techblog.sdstudio.top/video-background-polnostju-adaptivnyj-video-bekgraund-rabotajushhij-iz-vlozhennogo-div/

King Composer - применяем красивые иконки навигации для Tabs Slider
11.02.2018
#King_Composer #WordPress #Плагины

Данная запись посвящена пользователям использующим плагин King Composer. В случае использования компонента Tabs Slider, и при включении навигации по умолчанию отображаются невзрачные кнопки “NEXT” и “PREVIEW”, уверен большинству пользователей как и мне будет куда приятнее использовать навигационные стрелки место кнопок отображающихся по умолчанию. В данной записи я предоставляю стили которые заставляют появится навигационные стрелки. Очень…

https://techblog.sdstudio.top/king-composer-primenjaem-krasivye-ikonki-navigacii-dlja-tabs-slider/

fullPage.js - Работаем с веб плагином в WordPress
12.02.2018
#JavaScript #jQuery #King_Composer #WEB #WordPress #Плагины

fullPage.js — Простая в использовании библиотека для создания полноэкранных прокручивающихся веб-сайтов (также называемых веб-сайтами одной страницы или сайтами одной страницы). Это позволяет создавать полноэкранные прокручивающиеся веб-сайты, а также добавлять некоторые ландшафтные слайдеры внутри разделов сайта. Скажу честно продукт который сделали разработчики fullPage.js является невероятно красивым и очень дизайнерски привлекательным решением. В данной записи я соберу…

https://techblog.sdstudio.top/fullpage-js-rabotaem-s-veb-plaginom-v-wordpress/

WordPress, CSS – Меняем блоки местами для мобильных устройств (пример King Composer)
20.12.2018
#King_Composer #WEB #WordPress #Плагины

Уверен в Вашей практике верстки сайтов встречались такие задачи когда для ПК необходимо отобразить блоки в одном порядке, а на мобильных устройствах в другом, и часто бывает так что в противоположном. По мере работы, и я часто сталкиваюсь с ситуациями когда необходимо поменять блоки местами, и это в ряде случаев может вызвать определенные трудности. Вот…

https://techblog.sdstudio.top/blog/wordpress-css-meniaem-bloki-mestami-dlia-mobilnykh-ustroistv-primer-king-composer

WordPress - King Composer: Как подключить файл стилей для Live Editor
26.12.2018
#King_Composer #WordPress #Плагины

Короткая заметка которая поможет подключить файл стилей для правильного отображения элементов конструктора или страницы. Данный код срабатывает только во время редактирования страницы Live Editor’ом плагина King Composer. Пример подключения CSS файла для работы в Live Editor KingComposer’a Для того что бы код сработал как нужно, в начале нужно создать файл для стилей, в моем примере…

https://techblog.sdstudio.top/blog/wordpress-king-composer-kak-podcliuchit-fail-stilei-dlia-live-editor