Все для WordPress и WEB разработки от TechBlogSD
65 subscribers
2.18K photos
2.18K links
Download Telegram
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/
Shapely - правка темы при старте разработки
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/
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/
JetPack - изменение размера эскизов похожих новостей
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
Технология Blockchain: как это повлияет на 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
Добавление динамического и комбинированного стиля в 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