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/
JetPack - изменение размера эскизов похожих новостей
12.02.2018
#WordPress #Плагины
Если Вы используете на сайте такой замечательный плагин как Jetpack уверен Вы сразу активировали пункт “Похожие записи”. Но есть один неприятный момент, создатели плагина не постарались нам объяснить как можно управлять разрешением эскизов записей в данном блоке. По этому в данной записи предоставлено отличное решение позволяющее указать точное разрешение эскизов записей выводимых плагином jetpack в…
https://techblog.sdstudio.top/jetpack-izmenenie-razmera-jeskizov-pohozhih-novostej/
12.02.2018
#WordPress #Плагины
Если Вы используете на сайте такой замечательный плагин как Jetpack уверен Вы сразу активировали пункт “Похожие записи”. Но есть один неприятный момент, создатели плагина не постарались нам объяснить как можно управлять разрешением эскизов записей в данном блоке. По этому в данной записи предоставлено отличное решение позволяющее указать точное разрешение эскизов записей выводимых плагином jetpack в…
https://techblog.sdstudio.top/jetpack-izmenenie-razmera-jeskizov-pohozhih-novostej/
Асинхронная или отложенная загрузка JavaScript в WordPress
16.02.2018
#WEB #WordPress
Друзья, данный пост является переводом. Оригинал находится здесь, в данном случае "я" не символизирует администрацию блога ) Конечно, я мог бы добавлять все фильтры каждый раз, чтобы это работало, но я программист. Почему я должен постоянно писать один и тот же код снова и снова? Почему бы не создать простой модуль, чтобы справиться с этим…
https://techblog.sdstudio.top/perevod/asinhronnye-ili-otlozhennye-fajly-javascript-v-wordpress
16.02.2018
#WEB #WordPress
Друзья, данный пост является переводом. Оригинал находится здесь, в данном случае "я" не символизирует администрацию блога ) Конечно, я мог бы добавлять все фильтры каждый раз, чтобы это работало, но я программист. Почему я должен постоянно писать один и тот же код снова и снова? Почему бы не создать простой модуль, чтобы справиться с этим…
https://techblog.sdstudio.top/perevod/asinhronnye-ili-otlozhennye-fajly-javascript-v-wordpress
Технология Blockchain: как это повлияет на WordPress?
18.02.2018
#WordPress
Криптовалюта существует уже довольно давно. Но в последние несколько месяцев колебания цен на криптовалюты, такие как биткойны, привлекли внимание всего мира. С постоянно растущим ростом и падением цен криптовалюта оказалась очень хорошим вложением для многих людей. Растущая популярность криптовалюты не станет возможной без базовой технологии, лежащей в основе Биткойна (и других подобных валют). Блокчейн, как…
https://techblog.sdstudio.top/tehnologija-blockchain-kak-jeto-povlijaet-na-wordpress/
18.02.2018
#WordPress
Криптовалюта существует уже довольно давно. Но в последние несколько месяцев колебания цен на криптовалюты, такие как биткойны, привлекли внимание всего мира. С постоянно растущим ростом и падением цен криптовалюта оказалась очень хорошим вложением для многих людей. Растущая популярность криптовалюты не станет возможной без базовой технологии, лежащей в основе Биткойна (и других подобных валют). Блокчейн, как…
https://techblog.sdstudio.top/tehnologija-blockchain-kak-jeto-povlijaet-na-wordpress/
Git Автозамена
23.02.2018
#WEB #WordPress
По умолчанию Git предложит вам одно или несколько предложений в случае, если вы наберете что-то, что может соответствовать существующей команде. Знаете ли вы, что Git может автоматически выполнить предложенную команду? Вот выдержка из официальной документации Git: Команда help.autocorrect позволяет автоматически исправлять и выполнять ошибочные команды после ожидания заданного количества секунд (0,1 с). Если из введенного…
https://techblog.sdstudio.top/perevod/git-avtozamena
23.02.2018
#WEB #WordPress
По умолчанию Git предложит вам одно или несколько предложений в случае, если вы наберете что-то, что может соответствовать существующей команде. Знаете ли вы, что Git может автоматически выполнить предложенную команду? Вот выдержка из официальной документации Git: Команда help.autocorrect позволяет автоматически исправлять и выполнять ошибочные команды после ожидания заданного количества секунд (0,1 с). Если из введенного…
https://techblog.sdstudio.top/perevod/git-avtozamena
Добавление динамического и комбинированного стиля в WordPress
23.02.2018
#WEB #WordPress
Часто при создании темы WordPress некоторые стили оформления должны быть динамическими, поскольку они основаны на пользовательских выборках, хранящихся в базе данных. WordPress предоставляет функцию, которая позволяет загружать встроенные стили после определенного файла CSS. wp_add_inline_style() Например: add_action( 'wp_enqueue_scripts', function () { wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom.css' ); $color = get_theme_mod( 'custom-color', '#FE001A' ); $custom_css = ".has-background-color{background-color:…
https://techblog.sdstudio.top/perevod/dobavlenie-dinamicheskogo-i-kombinirovannogo-stilya-v-wordpress
23.02.2018
#WEB #WordPress
Часто при создании темы WordPress некоторые стили оформления должны быть динамическими, поскольку они основаны на пользовательских выборках, хранящихся в базе данных. WordPress предоставляет функцию, которая позволяет загружать встроенные стили после определенного файла CSS. wp_add_inline_style() Например: add_action( 'wp_enqueue_scripts', function () { wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/css/custom.css' ); $color = get_theme_mod( 'custom-color', '#FE001A' ); $custom_css = ".has-background-color{background-color:…
https://techblog.sdstudio.top/perevod/dobavlenie-dinamicheskogo-i-kombinirovannogo-stilya-v-wordpress
Извлекаем глубоко вложенные данные в PHP
23.02.2018
#WEB #WordPress
Когда в последний раз вам приходилось извлекать некоторые глубоко вложенные данные в PHP, и в итоге вы писали код, который выглядел примерно так? $grandchild = isset( $data['parent'], $data['parent']['child'], $data['parent']['child']['grandchild'] ) ? $data['parent']['child']['grandchild'] : null; В Laravel есть функция, которая позволяет вам получать данные следующим образом: array_get() $grandchild = array_get( $data, 'parent.child.grandchild' ); Это здорово, но…
https://techblog.sdstudio.top/perevod/geterogennyj-mnogomernyj-dostup-k-dannym-v-php
23.02.2018
#WEB #WordPress
Когда в последний раз вам приходилось извлекать некоторые глубоко вложенные данные в PHP, и в итоге вы писали код, который выглядел примерно так? $grandchild = isset( $data['parent'], $data['parent']['child'], $data['parent']['child']['grandchild'] ) ? $data['parent']['child']['grandchild'] : null; В Laravel есть функция, которая позволяет вам получать данные следующим образом: array_get() $grandchild = array_get( $data, 'parent.child.grandchild' ); Это здорово, но…
https://techblog.sdstudio.top/perevod/geterogennyj-mnogomernyj-dostup-k-dannym-v-php
Как добавить ссылки на изображения блога в WordPress
23.02.2018
#WEB #WordPress
Как правило, вы должны вывести в WordPress озображение блога (также называемое миниатюрой поста) следующим образом: if ( has_post_thumbnail() ) { the_post_thumbnail(); } Если ваша тема не связывает изображения блога с постом, вы можете использовать этот код для "программного" добавления ссылок: /** * Wrap featured images in anchor tags that point back to the original post…
https://techblog.sdstudio.top/perevod/dobavit-ssylki-na-izbrannye-izobrazheniya-v-wordpress-programmno
23.02.2018
#WEB #WordPress
Как правило, вы должны вывести в WordPress озображение блога (также называемое миниатюрой поста) следующим образом: if ( has_post_thumbnail() ) { the_post_thumbnail(); } Если ваша тема не связывает изображения блога с постом, вы можете использовать этот код для "программного" добавления ссылок: /** * Wrap featured images in anchor tags that point back to the original post…
https://techblog.sdstudio.top/perevod/dobavit-ssylki-na-izbrannye-izobrazheniya-v-wordpress-programmno
Line Awesome - Отличная замена FontAwesome
15.03.2018
#Полезные_сайты
Line Awesome — лучшая альтернатива шрифта Awesome с богатыми иконками шрифтов! Шрифт с иконками Awesome просто замечательный, но многие люди любят иконки которые созданы из линий. Line Awesome состоит из 674 значков состоящих из плоских линий, которые созданы на основе стиля Windows 10 . Вы можете сравнить Line Awesome и шрифт Awesome на странице предварительного…
https://techblog.sdstudio.top/line-awesome-otlichnaja-zamena-fontawesome/
15.03.2018
#Полезные_сайты
Line Awesome — лучшая альтернатива шрифта Awesome с богатыми иконками шрифтов! Шрифт с иконками Awesome просто замечательный, но многие люди любят иконки которые созданы из линий. Line Awesome состоит из 674 значков состоящих из плоских линий, которые созданы на основе стиля Windows 10 . Вы можете сравнить Line Awesome и шрифт Awesome на странице предварительного…
https://techblog.sdstudio.top/line-awesome-otlichnaja-zamena-fontawesome/
Как отключить редактор файлов в WordPress
16.03.2018
#WEB #WordPress
Как найти редактор файлов WordPress Редактор файлов WordPress может быть отличным инструментом, поскольку он позволяет вносить изменения в файлы тем и плагинов на вашем сайте непосредственно из области администрирования WordPress. В большинстве случаев люди, использующие этот инструмент, будут редактировать файл style.css своей темы, чтобы вносить изменения в свой сайт. Это может быть скрытым благословением. Мы…
https://techblog.sdstudio.top/perevod/otklyuchenie-redaktora-fajlov-wordpress
16.03.2018
#WEB #WordPress
Как найти редактор файлов WordPress Редактор файлов WordPress может быть отличным инструментом, поскольку он позволяет вносить изменения в файлы тем и плагинов на вашем сайте непосредственно из области администрирования WordPress. В большинстве случаев люди, использующие этот инструмент, будут редактировать файл style.css своей темы, чтобы вносить изменения в свой сайт. Это может быть скрытым благословением. Мы…
https://techblog.sdstudio.top/perevod/otklyuchenie-redaktora-fajlov-wordpress