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/
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/
Липкое меню с прозрачностью до начала скрола страницы
08.02.2018
#JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_jQuery
При создании лендингов, бывает необходимость отобразить первый (еще его называют главным) экран с бэкграундом во всю высоту экрана, из-за чего могут возникать трудности с меню и логотипом расположенным в данном меню. В данной записи я приготовил небольшой скрипт и стили для решения данной задачи. Здесь все просто, как только пользователь открывает страницу меню становится полностью…
https://techblog.sdstudio.top/lipkoe-menju-s-prozrachnostju-do-nachala-skrola-stranicy/
08.02.2018
#JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_jQuery
При создании лендингов, бывает необходимость отобразить первый (еще его называют главным) экран с бэкграундом во всю высоту экрана, из-за чего могут возникать трудности с меню и логотипом расположенным в данном меню. В данной записи я приготовил небольшой скрипт и стили для решения данной задачи. Здесь все просто, как только пользователь открывает страницу меню становится полностью…
https://techblog.sdstudio.top/lipkoe-menju-s-prozrachnostju-do-nachala-skrola-stranicy/
Popups - окно политики cookies
08.02.2018
#PopUps #WordPress #Плагины
В связи с законом Евросоюза о cookies вступившим в силу в 2011 году, ICO (Information Commissioner’s Office) при создании сайта заточенного под европейского пользователя обязательным пунктом идет такой важный момент как создание оповещения о наличии cokies файлов на сайте. Для этого на сайтах под управлением CMS WordPress я использую плагин Popups в котором создаю специфическое…
https://techblog.sdstudio.top/popups-okno-politiki-cookies/
08.02.2018
#PopUps #WordPress #Плагины
В связи с законом Евросоюза о cookies вступившим в силу в 2011 году, ICO (Information Commissioner’s Office) при создании сайта заточенного под европейского пользователя обязательным пунктом идет такой важный момент как создание оповещения о наличии cokies файлов на сайте. Для этого на сайтах под управлением CMS WordPress я использую плагин Popups в котором создаю специфическое…
https://techblog.sdstudio.top/popups-okno-politiki-cookies/
Добавить виджет в WordPress легко!
08.02.2018
#WordPress #WordPress_Админка
В данной записи я предоставляю пример добавления области виджета в любую тему WordPress. Конечно же многое упирается в структуру темы и в уже имеющиеся функции файла function.php, но тем не менее в большинстве случаев данный код срабатывает на 100%, так что пользуйтесь на здоровье. function.php function wpb_widgets_init() { register_sidebar( array( 'name' => 'Произвольная область для…
https://techblog.sdstudio.top/dobavit-vidzhet-v-wordpress-legko/
08.02.2018
#WordPress #WordPress_Админка
В данной записи я предоставляю пример добавления области виджета в любую тему WordPress. Конечно же многое упирается в структуру темы и в уже имеющиеся функции файла function.php, но тем не менее в большинстве случаев данный код срабатывает на 100%, так что пользуйтесь на здоровье. function.php function wpb_widgets_init() { register_sidebar( array( 'name' => 'Произвольная область для…
https://techblog.sdstudio.top/dobavit-vidzhet-v-wordpress-legko/
Atom - фишки, полезные снипеты, сочетания клавиш, плагины и прочее
09.02.2018
#Windows_инструкции
Atom — программа редактор которая поражает обилием настроек и адаптаций под все случаи жизни. Да со скоростью у неё не всегда лады, но с расширениями и плагинами за то все очень даже хорошо. В связи с тем что я не как не могу запомнить все сразу (до тех пор пока не повторю все новое раз…
https://techblog.sdstudio.top/atom-fishki-poleznye-snipety-sochetanija-klavish-plaginy-i-prochee/
09.02.2018
#Windows_инструкции
Atom — программа редактор которая поражает обилием настроек и адаптаций под все случаи жизни. Да со скоростью у неё не всегда лады, но с расширениями и плагинами за то все очень даже хорошо. В связи с тем что я не как не могу запомнить все сразу (до тех пор пока не повторю все новое раз…
https://techblog.sdstudio.top/atom-fishki-poleznye-snipety-sochetanija-klavish-plaginy-i-prochee/
CreativeButtons - Стильные кнопки на все случаи жизни
09.02.2018
#CSS #WEB #WordPress_CSS #Полезные_сайты
Сегодня мы поговорим о вдохновении которое таится в кнопках ). Разговор будет о наборе кнопок который состоит из нескольких простых, творческих и тонких стилей и эффектов, которые по настоящему вдохновляют. Эффекты можно увидеть при наведении курсора на некоторые кнопки, и нажатии на другие. В основном используются CSS-переходы, а также анимация CSS, а для некоторых кнопок…
https://techblog.sdstudio.top/creativebuttons-stilnye-knopki-na-vse-sluchai-zhizni/
09.02.2018
#CSS #WEB #WordPress_CSS #Полезные_сайты
Сегодня мы поговорим о вдохновении которое таится в кнопках ). Разговор будет о наборе кнопок который состоит из нескольких простых, творческих и тонких стилей и эффектов, которые по настоящему вдохновляют. Эффекты можно увидеть при наведении курсора на некоторые кнопки, и нажатии на другие. В основном используются CSS-переходы, а также анимация CSS, а для некоторых кнопок…
https://techblog.sdstudio.top/creativebuttons-stilnye-knopki-na-vse-sluchai-zhizni/
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/
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/
Contact Form 7 - Как исправить работу aJax
11.02.2018
#Contact_Form_7 #WordPress #Плагины
И вот Ваша форма обратной связи была успешно создана и украшена стилями и тут такой чик… А aJax при отправке не срабатывает, вызывая перезагрузку страницы после нажатия на кнопку отправки формы. В данной записи мы восстановим работу aJax, и отправку формы моментально без перезагрузки страницы. Вот что пишет разработчик Contact Form 7 о aJax отправке:…
https://techblog.sdstudio.top/contact-form-7-kak-ispravit-rabotu-ajax/
11.02.2018
#Contact_Form_7 #WordPress #Плагины
И вот Ваша форма обратной связи была успешно создана и украшена стилями и тут такой чик… А aJax при отправке не срабатывает, вызывая перезагрузку страницы после нажатия на кнопку отправки формы. В данной записи мы восстановим работу aJax, и отправку формы моментально без перезагрузки страницы. Вот что пишет разработчик Contact Form 7 о aJax отправке:…
https://techblog.sdstudio.top/contact-form-7-kak-ispravit-rabotu-ajax/
Google Maps - С отложенной загрузкой и прилоадером (полностью адаптивное)
11.02.2018
#Google #Google_Maps #jQuery #WEB #WordPress #WordPress_jQuery
Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google во весь блок отображается прелоадер сигнализирующий о загрузке блока с картой. Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится…
https://techblog.sdstudio.top/google-maps-s-otlozhennoj-zagruzkoj-i-priloaderom-polnostju-adaptivnoe/
11.02.2018
#Google #Google_Maps #jQuery #WEB #WordPress #WordPress_jQuery
Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится карта Google во весь блок отображается прелоадер сигнализирующий о загрузке блока с картой. Друзья в данной записи предоставлю пример кода в котором фрейм карты отображается с отложенной загрузкой, а до тех пор пока отобразится…
https://techblog.sdstudio.top/google-maps-s-otlozhennoj-zagruzkoj-i-priloaderom-polnostju-adaptivnoe/
CSS - фишки, полезности и хитрости
11.02.2018
#CSS #WEB #WordPress_CSS #WordPress_HTML
Здравствуйте друзья, в данной записи я собираю разного рода хитрости которые можно применять при верстке сайта то есть при работе с CSS. Коллекция полезного кода будет пополняться время от времени, приятного чтения и применения решений на практике. Содержимое: Выносим блоки CSS стилей в отдельные файлы Точечное применение nth-child для ПОТОМКОВ Бекграунд с изображением и оверлеем…
https://techblog.sdstudio.top/css-fishki-poleznosti-i-hitrosti/
11.02.2018
#CSS #WEB #WordPress_CSS #WordPress_HTML
Здравствуйте друзья, в данной записи я собираю разного рода хитрости которые можно применять при верстке сайта то есть при работе с CSS. Коллекция полезного кода будет пополняться время от времени, приятного чтения и применения решений на практике. Содержимое: Выносим блоки CSS стилей в отдельные файлы Точечное применение nth-child для ПОТОМКОВ Бекграунд с изображением и оверлеем…
https://techblog.sdstudio.top/css-fishki-poleznosti-i-hitrosti/
Contact Form 7 - Как скрыть кнопку отправки формы если поля не заполнены
11.02.2018
#Contact_Form_7 #WordPress #Плагины
В данной записи речь пойдет о том как можно скрыть кнопку отправки формы до того момента пока пользователь не ввел в поля определенное количество строк, конечно же никто не мешает переписать мое решение под себя и ужесточить правила отображения кнопки отправки. Решение которое я предлагаю в записи возникло благодаря заказчику которому нужно было именно реализовать…
https://techblog.sdstudio.top/contact-form-7-kak-skryt-knopku-otpravki-formy-esli-polja-ne-zapolneny/
11.02.2018
#Contact_Form_7 #WordPress #Плагины
В данной записи речь пойдет о том как можно скрыть кнопку отправки формы до того момента пока пользователь не ввел в поля определенное количество строк, конечно же никто не мешает переписать мое решение под себя и ужесточить правила отображения кнопки отправки. Решение которое я предлагаю в записи возникло благодаря заказчику которому нужно было именно реализовать…
https://techblog.sdstudio.top/contact-form-7-kak-skryt-knopku-otpravki-formy-esli-polja-ne-zapolneny/
Chrome Devtools - полезности при разработке
11.02.2018
#Chrome_DevTools #Google #Google_Chrome
Google Chrome в настоящее время является одним из самых популярных веб-браузеров, используемых сегодня разработчиками. Chrome DevTools может значительно улучшить ваш рабочий процесс, помогая вам разрабатывать, тестировать и отлаживать свои сайты прямо в вашем браузере. Многие из вас, вероятно, регулярно используют Chrome DevTools, но ознакомьтесь с этими дополнительными советами и трюками и Вы повысите свою работоспособность…
https://techblog.sdstudio.top/chrome-devtools-poleznosti-pri-razrabotke/
11.02.2018
#Chrome_DevTools #Google #Google_Chrome
Google Chrome в настоящее время является одним из самых популярных веб-браузеров, используемых сегодня разработчиками. Chrome DevTools может значительно улучшить ваш рабочий процесс, помогая вам разрабатывать, тестировать и отлаживать свои сайты прямо в вашем браузере. Многие из вас, вероятно, регулярно используют Chrome DevTools, но ознакомьтесь с этими дополнительными советами и трюками и Вы повысите свою работоспособность…
https://techblog.sdstudio.top/chrome-devtools-poleznosti-pri-razrabotke/
Bootstrap 3 - Создание мобильного меню для WordPress
11.02.2018
#CSS #HTML #JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов
Как организовать скрытие меню в бутерброд? На этот вопрос далеко не все веб мастера могут найти внятный вопрос, в данной записи я попытаюсь ответить на него приведя пример кода. В коде который используется в данном примере, мной использовались стили и скрипты Bootstrap, которые можно взять из CDN по ссылкам ниже. CDN Bootstrap LINK: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js…
https://techblog.sdstudio.top/bootstrap-3-sozdanie-mobilnogo-menju-dlja-wordpress/
11.02.2018
#CSS #HTML #JavaScript #jQuery #WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов
Как организовать скрытие меню в бутерброд? На этот вопрос далеко не все веб мастера могут найти внятный вопрос, в данной записи я попытаюсь ответить на него приведя пример кода. В коде который используется в данном примере, мной использовались стили и скрипты Bootstrap, которые можно взять из CDN по ссылкам ниже. CDN Bootstrap LINK: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js…
https://techblog.sdstudio.top/bootstrap-3-sozdanie-mobilnogo-menju-dlja-wordpress/
Фото архив - общая инструкция по добавлению и обработке фотографий (ACDSee, Visipics, Duplicate & Same Files Searcher, Total Commander )
11.02.2018
#Windows_инструкции
В данной записи я максимально подробно рассказал о процессе добавления новых фотографий в уже имеющийся фото архив. Из инструкций Вы узнаете практически все секреты касающиеся ведения и обслуживания своего фото архива. Я пытался описать все процессы на столько подробно, на сколько это вообще возможно. Общая инструкция по добавлению новых фотографий в фото архив. Цель общей…
https://techblog.sdstudio.top/foto-arhiv-obshhaja-instrukcija-po-dobavleniju-i-obrabotke-fotografij-acdsee-visipics-duplicate-amp-same-files-searcher-total-commander/
11.02.2018
#Windows_инструкции
В данной записи я максимально подробно рассказал о процессе добавления новых фотографий в уже имеющийся фото архив. Из инструкций Вы узнаете практически все секреты касающиеся ведения и обслуживания своего фото архива. Я пытался описать все процессы на столько подробно, на сколько это вообще возможно. Общая инструкция по добавлению новых фотографий в фото архив. Цель общей…
https://techblog.sdstudio.top/foto-arhiv-obshhaja-instrukcija-po-dobavleniju-i-obrabotke-fotografij-acdsee-visipics-duplicate-amp-same-files-searcher-total-commander/
WordPress - Помещение thecontent () в переменную PHP
12.02.2018
#WordPress
Возможно, есть несколько способов сделать это, но мне по душе данный вариант: ob_start(); the_content(); $content = ob_get_clean(); Это называется «буферизация вывода», когда выход перенаправляется из прямого отправления для записи, в буфер. Зачем? Если вам нужно сделать какие-либо манипуляции или расчет содержимого, прежде чем выводить его. По моему опыту, это, вероятно, не очень распространенная потребность. Но…
https://techblog.sdstudio.top/perevod/wordpress-pomeshchenie-the-content-v-peremennuiu-php
12.02.2018
#WordPress
Возможно, есть несколько способов сделать это, но мне по душе данный вариант: ob_start(); the_content(); $content = ob_get_clean(); Это называется «буферизация вывода», когда выход перенаправляется из прямого отправления для записи, в буфер. Зачем? Если вам нужно сделать какие-либо манипуляции или расчет содержимого, прежде чем выводить его. По моему опыту, это, вероятно, не очень распространенная потребность. Но…
https://techblog.sdstudio.top/perevod/wordpress-pomeshchenie-the-content-v-peremennuiu-php
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/
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/
Popups - Social share - в попап окне
12.02.2018
#PopUps #WordPress #Плагины
Как-то мне захотелось создать кнопку (расположенную в меню сайта под управлением WordPress) для распространения страницы или записи в социальных сетях, по нажатию на которую будет появляться попап окно в котором можно выбрать социальную сеть в которую хочется отправить страницу или запись. Для решения данной задачи я решил использовать мною любимый плагин Popups и код распространения…
https://techblog.sdstudio.top/popups-social-share-v-popap-okne/
12.02.2018
#PopUps #WordPress #Плагины
Как-то мне захотелось создать кнопку (расположенную в меню сайта под управлением WordPress) для распространения страницы или записи в социальных сетях, по нажатию на которую будет появляться попап окно в котором можно выбрать социальную сеть в которую хочется отправить страницу или запись. Для решения данной задачи я решил использовать мною любимый плагин Popups и код распространения…
https://techblog.sdstudio.top/popups-social-share-v-popap-okne/
Shapely - правка темы при старте разработки
12.02.2018
#WordPress #Все_для_разработки_шаблонов
При разработке темы для того или иного заказчика в основном я использую такую замечательную тему как Shapely, конечно же данная тема в ходе работы полностью (или частично) модернизируется, изменяется иногда вовсе до неузнаваемости. Но изначально она является отличным фундаментом для создания хорошего и качественного web продукта. Для того чтобы переделать Shapely под себя полностью а…
https://techblog.sdstudio.top/shapely-pravka-temy-pri-starte-razrabotki/
12.02.2018
#WordPress #Все_для_разработки_шаблонов
При разработке темы для того или иного заказчика в основном я использую такую замечательную тему как Shapely, конечно же данная тема в ходе работы полностью (или частично) модернизируется, изменяется иногда вовсе до неузнаваемости. Но изначально она является отличным фундаментом для создания хорошего и качественного web продукта. Для того чтобы переделать Shapely под себя полностью а…
https://techblog.sdstudio.top/shapely-pravka-temy-pri-starte-razrabotki/
Shapely - CSS решения разных проблем и трудностей верстки
12.02.2018
#WordPress #Все_для_functions_php #Все_для_разработки_шаблонов
Как Вы уже успели убедиться по записи на данном блоге, я с огромной любовью отношусь к Теме Shapely, Как впрочем и к другим многим замечательным продуктом от ребят из ColorLib. Но, сколько бы не было много знаний за плечами, и как быстро бы я не кодировал всегда в какой-то определенный момент возникает та трудность о…
https://techblog.sdstudio.top/shapely-css-reshenija-raznyh-problem-i-trudnostej-verstki/
12.02.2018
#WordPress #Все_для_functions_php #Все_для_разработки_шаблонов
Как Вы уже успели убедиться по записи на данном блоге, я с огромной любовью отношусь к Теме Shapely, Как впрочем и к другим многим замечательным продуктом от ребят из ColorLib. Но, сколько бы не было много знаний за плечами, и как быстро бы я не кодировал всегда в какой-то определенный момент возникает та трудность о…
https://techblog.sdstudio.top/shapely-css-reshenija-raznyh-problem-i-trudnostej-verstki/
WordPress - Как подключить свой скрипт и стили только для главной страницы в function.php
12.02.2018
#WordPress #Все_для_functions_php
В данной записи я приведу пример кода который позволит подключить JavaScript и файл стилей только для определенной страницы сайта, в данном случае для главной страницы. Перед тем как использовать данный код очень, внимательно изучите его и естественно замените мои пути к файлам на свои. Откуда я взял данное решение указано в комментариях java скрипта, уверен…
https://techblog.sdstudio.top/wordpress-kak-podkljuchit-svoj-skript-i-stili-tolko-dlja-glavnoj-stranicy-v-function-php/
12.02.2018
#WordPress #Все_для_functions_php
В данной записи я приведу пример кода который позволит подключить JavaScript и файл стилей только для определенной страницы сайта, в данном случае для главной страницы. Перед тем как использовать данный код очень, внимательно изучите его и естественно замените мои пути к файлам на свои. Откуда я взял данное решение указано в комментариях java скрипта, уверен…
https://techblog.sdstudio.top/wordpress-kak-podkljuchit-svoj-skript-i-stili-tolko-dlja-glavnoj-stranicy-v-function-php/