Contact Form 7 - стартовые стили для форм + експорт форм
07.02.2018
#Contact_Form_7 #WordPress #Плагины
Так сложилось что стили которые используются плагином Contact Form 7 по умолчанию, совсем не привлекательные. Я бы даже сказал что они просто ужасны. В связи с этим каждый раз активируя данный плагин на новом сайте приходится доводить красоту в ручную, и что бы это все дело не было рутиной я создал экспорт формы и прописал…
https://techblog.sdstudio.top/contact-form-7-startovye-stili-dlja-form-eksport-form/
07.02.2018
#Contact_Form_7 #WordPress #Плагины
Так сложилось что стили которые используются плагином Contact Form 7 по умолчанию, совсем не привлекательные. Я бы даже сказал что они просто ужасны. В связи с этим каждый раз активируя данный плагин на новом сайте приходится доводить красоту в ручную, и что бы это все дело не было рутиной я создал экспорт формы и прописал…
https://techblog.sdstudio.top/contact-form-7-startovye-stili-dlja-form-eksport-form/
Contact form 7 - Событие после успешной и не успешной отправки + экспорт Popups + jquery сценарии
07.02.2018
#Contact_Form_7 #PopUps #WordPress #WordPress_jQuery #Плагины
Достаточно плотно работая с легендарными плагинами Contact Form 7 и Popups у меня возник вполне очевидный вопрос “-Как сделать оповещение в виде попап окна после отправке формы?”. Методом проб и ошибок все таки удалось отобразить попап окна которые сами открываются (и закрываются тоже самостоятельно — конечно же благодаря jQuery) после того как пользователь нажал на…
https://techblog.sdstudio.top/contact-form-7-sobytie-posle-uspeshnoj-i-ne-uspeshnoj-otpravki-jeksport-popups-jquery-scenarii/
07.02.2018
#Contact_Form_7 #PopUps #WordPress #WordPress_jQuery #Плагины
Достаточно плотно работая с легендарными плагинами Contact Form 7 и Popups у меня возник вполне очевидный вопрос “-Как сделать оповещение в виде попап окна после отправке формы?”. Методом проб и ошибок все таки удалось отобразить попап окна которые сами открываются (и закрываются тоже самостоятельно — конечно же благодаря jQuery) после того как пользователь нажал на…
https://techblog.sdstudio.top/contact-form-7-sobytie-posle-uspeshnoj-i-ne-uspeshnoj-otpravki-jeksport-popups-jquery-scenarii/
Google Cloud Print - Как настроить Виртуальный принтер Google в Windows 10
07.02.2018
#Google #Google_Docs #Windows_инструкции
В данной записи я покажу вам как настроить Google Cloud Print сервис на Windows 10. Это самый быстрый способ печати Ваших документов особенно если вам не охота настраивать сетевой принтер, и Вы решили воспользоваться подключением к принтеру своего товарища через Google Print. На самом деле вы можете печатать файлы из Киева в Париже если у…
https://techblog.sdstudio.top/google-cloud-print-kak-nastroit-virtualnyj-printer-google-v-windows-10/
07.02.2018
#Google #Google_Docs #Windows_инструкции
В данной записи я покажу вам как настроить Google Cloud Print сервис на Windows 10. Это самый быстрый способ печати Ваших документов особенно если вам не охота настраивать сетевой принтер, и Вы решили воспользоваться подключением к принтеру своего товарища через Google Print. На самом деле вы можете печатать файлы из Киева в Париже если у…
https://techblog.sdstudio.top/google-cloud-print-kak-nastroit-virtualnyj-printer-google-v-windows-10/
Contact From 7
07.02.2018
#Contact_Form_7 #WordPress #Плагины
Так сложилось что нормального Украинского перевода оповещений при (или после) отправки формы в Contact Form 7 нет, по этому я решил создать для себя и для посетителей моего блога нормальный экспорт формы на Украинском языке. Что бы его можно было импортировать на любой сайт которому требуется форма Contact Form 7. Так же планирую сделать экспорт…
https://techblog.sdstudio.top/contact-from-7/
07.02.2018
#Contact_Form_7 #WordPress #Плагины
Так сложилось что нормального Украинского перевода оповещений при (или после) отправки формы в Contact Form 7 нет, по этому я решил создать для себя и для посетителей моего блога нормальный экспорт формы на Украинском языке. Что бы его можно было импортировать на любой сайт которому требуется форма Contact Form 7. Так же планирую сделать экспорт…
https://techblog.sdstudio.top/contact-from-7/
Адаптивная таблица за счет скрола
08.02.2018
#CSS #jQuery #WEB #WordPress #WordPress_CSS #WordPress_jQuery
Всем добра, не давно на работе пришлось переносить весьма старый сайт со всем его содержимым с Joomla 1,5 (одно слово Joomla у меня давно вызывает дрожжжжжж и нервный тик) на WordPress 4.9.3. Учитывая что весь контент наполнялся девушкой которая переносила таблицы на страницы старой версии сайта копипастом из Word документов, мне пришлось весьма нелегко с…
https://techblog.sdstudio.top/adaptivnaja-tablica-za-schet-skrola/
08.02.2018
#CSS #jQuery #WEB #WordPress #WordPress_CSS #WordPress_jQuery
Всем добра, не давно на работе пришлось переносить весьма старый сайт со всем его содержимым с Joomla 1,5 (одно слово Joomla у меня давно вызывает дрожжжжжж и нервный тик) на WordPress 4.9.3. Учитывая что весь контент наполнялся девушкой которая переносила таблицы на страницы старой версии сайта копипастом из Word документов, мне пришлось весьма нелегко с…
https://techblog.sdstudio.top/adaptivnaja-tablica-za-schet-skrola/
JetPack - Кнопки социальных сетей (перевод)
08.02.2018
#WordPress #WordPress_jQuery #Плагины
Это руководство покажет вам как добавить кнопки общего доступа к сообщениям на блоге чтобы дать вашим читателям возможность легко поделиться своим контентом в Twitter, Facebook, Google+, LinkedIn, а также множество других соцциальных сетях чтобы помочь распространить Вашу запись на сайте как можно “шире” в сети интернет. И так, в итоге блок с кнопками для социальных…
https://techblog.sdstudio.top/jetpack-knopki-socialnyh-setej-perevod/
08.02.2018
#WordPress #WordPress_jQuery #Плагины
Это руководство покажет вам как добавить кнопки общего доступа к сообщениям на блоге чтобы дать вашим читателям возможность легко поделиться своим контентом в Twitter, Facebook, Google+, LinkedIn, а также множество других соцциальных сетях чтобы помочь распространить Вашу запись на сайте как можно “шире” в сети интернет. И так, в итоге блок с кнопками для социальных…
https://techblog.sdstudio.top/jetpack-knopki-socialnyh-setej-perevod/
Стилизация скролл бара (Scroll Bar)
08.02.2018
#CSS #WEB #WordPress #WordPress_CSS #WordPress_HTML
При разработке лендингов стилизованный скролл бар это весьма красивое дополнение Вашего дизайна, особенно он красиво выглядит когда почти не заметен. В данной записи я приведу код (а позже и другие примеры кода) по стилизации скролл бара. Все что нужно это только добавить стили указанные в данной записи в Ваши, после этого вся магия красивого скролла…
https://techblog.sdstudio.top/stilizacija-skroll-bara-scroll-bar/
08.02.2018
#CSS #WEB #WordPress #WordPress_CSS #WordPress_HTML
При разработке лендингов стилизованный скролл бар это весьма красивое дополнение Вашего дизайна, особенно он красиво выглядит когда почти не заметен. В данной записи я приведу код (а позже и другие примеры кода) по стилизации скролл бара. Все что нужно это только добавить стили указанные в данной записи в Ваши, после этого вся магия красивого скролла…
https://techblog.sdstudio.top/stilizacija-skroll-bara-scroll-bar/
iframely.com - Резиновый iFrame с отложенной загрузкой
08.02.2018
#WEB #Полезные_сайты #Примеры
Друзья, в очередной раз занимаясь вставкой iFrame я набрел на такой замечательный ресурс как https://iframely.com/ и был потрясен обилием опций и простотой его использования. Советую использовать данный ресурс при вставке фреймов на свои проекты. В данной записи я предоставлю Вам код в котором подключение тела iFrame происходит с отложенной загрузкой, что является весьма полезным преимуществом…
https://techblog.sdstudio.top/iframely-com-rezinovyj-iframe-s-otlozhennoj-zagruzkoj/
08.02.2018
#WEB #Полезные_сайты #Примеры
Друзья, в очередной раз занимаясь вставкой iFrame я набрел на такой замечательный ресурс как https://iframely.com/ и был потрясен обилием опций и простотой его использования. Советую использовать данный ресурс при вставке фреймов на свои проекты. В данной записи я предоставлю Вам код в котором подключение тела iFrame происходит с отложенной загрузкой, что является весьма полезным преимуществом…
https://techblog.sdstudio.top/iframely-com-rezinovyj-iframe-s-otlozhennoj-zagruzkoj/
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/