Адаптивная таблица за счет скрола
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/

Стилизация скролл бара (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/

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
#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/

Добавить виджет в 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/

Atom - фишки, полезные снипеты, сочетания клавиш, плагины и прочее
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/

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/

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/

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/

CSS - фишки, полезности и хитрости
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/

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/

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/

Фото архив - общая инструкция по добавлению и обработке фотографий (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/

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

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/

Popups - Social share - в попап окне
12.02.2018
#PopUps #WordPress #Плагины

Как-то мне захотелось создать кнопку (расположенную в меню сайта под управлением WordPress) для распространения страницы или записи в социальных сетях, по нажатию на которую будет появляться попап окно в котором можно выбрать социальную сеть в которую хочется отправить страницу или запись. Для решения данной задачи я решил использовать мною любимый плагин Popups и код распространения…

https://techblog.sdstudio.top/popups-social-share-v-popap-okne/