Все для WordPress и WEB разработки от TechBlogSD
65 subscribers
2.18K photos
2.18K links
Download Telegram
Contact From 7 Центрирование Google reCapcha v2 в форме
13.01.2019
#WEB #WordPress

Решение предложенное мной на данной странице будет Вам полезно если Вы используете Google reCapcha версии 2. HTML верстка и CSS стили помогу расположить блок с чек боксом капчи строго по центру формы, или же попап окна (в данном случае речь идет о попап окне созданном в плагине PopUps) Для форм на странице (обычных форм) Шорт…

https://techblog.sdstudio.top/blog/contact-7-centrirovanie-google-recapcha-v2-v-forme
Ваша компания предоставляет качественные коммуникации?
13.01.2019
#WEB

Я выключаю радиостанцию, когда рекламодатели начинают кричать на меня своей грозной рекламой, я давно не смотрю на эти "кричащие" рекламные баннеры, и если предприниматель набрасывает тонны предложений на мою электронную почту или в мой почтовый ящик, его предложения сразу попадают в мусорную корзину (как реально так и виртуально). Так что теперь дела идут по-другому? Бизнес…

https://techblog.sdstudio.top/perevod/kachestvennye-kommunikacii-vy-predostavlyaete-kachestvennuyu-svyaz
10+ Лучших графических инструментов для веб-разработчика
15.01.2019
#WEB #Полезные_сайты

Изображения часто являются наиболее важными элементами на странице, а это означает, что разработчики должны тщательно оценивать работу с изображениями для клиентов. Редактирование, сжатие и создание изображений – это лишь некоторые из методов, которые разработчики используют для обеспечения наилучших результатов в своей работе. Оптимизированные изображения, которые загружаются быстро, вносят свой вклад в SEO-рейтинг сайта, поэтому крайне…

https://techblog.sdstudio.top/blog/15-luchshih-graficheskih-instrumentov-dlya-veb-razrabotchika
Лучшие 35+ генераторы изображений на начало 2019 года (Dynamic Image Generator)
15.01.2019
#WEB #Полезные_сайты

Итак, вы создаете новый сайт, но Вы на данном этапе еще не владете всем обилием великолепныx изображений от своего дизайнера или заказчика. Чтобы продолжить работу, вам могут потребоваться некоторые изображения, которые могут придать более оконченный вид сайта. Вот некоторые сайты, которые могут помочь вам в этом, некоторые профессиональные, а некоторые, скажем, более креативные альтернативы. Профессиональные…

https://techblog.sdstudio.top/blog/luchshie-35-generatory-izobrazhenij-na-nachalo-2019-goda-dynamic-image-generator
ELEMENTOR - Отложенная загрузка фонового изображения (Lazy Load Background Image)
16.01.2019
#Elementor #WEB #WordPress #Плагины

И так как же все таки мне удалось загрузить изображения в фоновом режиме, реализовав их ленивую загрузку (“Lazy Load” )? В начале пройдусь по инструкции которая поможет Вам понять сам принцип работы моего решения. Инструкция для реализации отложенной загрузки (“Lazy Load”) фоновым изображениям, блоков и секций ELEMENOR Для отложенной загрузки фона был написан специальный jQuery…

https://techblog.sdstudio.top/blog/elementor-otlozhennaya-zagruzka-fonovogo-izobrazheniya-lazy-load-background-image
Gtmetrix.com(http://gtmetrix.com/) – Как сразу загрузить все оптимизированные изображения
16.01.2019
#Grav #WEB #WordPress

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

https://techblog.sdstudio.top/blog/gtmetrixcom-kak-srazu-zagruzit-vse-optimizirovannye-izobrazheniya
JavaScript – Как определить, больше ли ширина экрана или аналог @media запросов в CSS
17.01.2019
#Grav #jQuery #WEB #WordPress

Иногда вам может понадобиться выполнить код на основе условия зависящего от разришения браузера. Ведь всегда найдется какой-то фрагмент сайта, который, который вы хотите показать на больших экранах, но не на маленьких экранах (таких маленьких как у большинства смартфонов например) из-за их ограниченного пространства экрана. Создание кода для определения определенного типа устройства – сложная область, с…

https://techblog.sdstudio.top/blog/javascript-kak-opredelit-bolshe-li-shirina-ekrana-ili-analog-media-zaprosov-v-css
JavaScript – Анимация появления блоков для Landing Page и не только при помощи fm.revealator.jquery.js
17.01.2019
#JavaScript #WEB

Начну с того что данная анимация должна применяться не на всех подряд сайтах, а так же не советую применять анимацию для главного экрана страницы. Главный экран – сразу появляющаяся верхняя часть страницы при загрузке сайта. Но в общем, для многих сайтов данная анимация не чем не повредит, и даже придаст динамичность, новизну и приятный вид…

https://techblog.sdstudio.top/blog/javascript-animaciya-poyavleniya-blokov-dlya-landing-page-i-ne-tolko-pri-pomoshi-fmrevealatorjqueryjs
WordPress - Как подключить редактор Gutenberg к кастомному типу записей
21.01.2019
#Gutenberg #WEB #WordPress #Плагины

Решил написать короткую заметку что бы после появления нового редактора Gutenberg администраторы сайтов (в том числе и я) могли легко использовать его функционал в своих кастомных типах записей. Gutenberg – новый редактор контента в WordPress. Но он не применяется автоматически к пользовательским типам записей, они все еще используют классический редактор. Это может быть автоматически применено…

https://techblog.sdstudio.top/blog/kak-podklyuchit-redaktor-gutenberg-k-kastomnomu-tipu-zapisej
Как назначить шаблон по умолчанию для страниц кастомного типа (Template For Custom Type)
21.01.2019
#WordPress #Все_для_разработки_шаблонов

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

https://techblog.sdstudio.top/blog/kak-naznachit-shablon-po-umolchaniyu-dlya-stranic-kastomnogo-tipa
Самые нужные заметки в плакатах для сетевиков
21.01.2019
#IT #Плакаты

Отличная подборка плакатов с шпаргалками для людей занимающихся сетевым оборудованием, сетями, телекоммуникациями и прочим. Подборка была создана под “себя” так что специалистам она должна прийтись по душе. Плакаты с шпоргалками имеют формат PDF. Загрузить файл Cheat SheetsИсточник записи:

https://techblog.sdstudio.top/blog/samye-nuzhnye-zametki-v-plakatah-dlya-setevikov
WordPress – Ссылка на медиа файл по умолчанию для галереи изображений
22.01.2019
#WEB #WordPress #Все_для_functions_php

Данный код поможет при создании галереи изображений на сайте под управлением WordPress, устанавливать ссылку на “Медиафайл” автоматически. Вам достаточно будет добавить код ниже в файл function.php Вашей темы: /** * SDStudio - https://techblog.sdstudio.top/blog/wordpress-ssylka-na-media-fajl-po-umolchaniyu-dlya-galerei-izobrazhenij * Установка типа ссылки по умолчанию на медиа файл для галерей изображений */function my_gallery_default_type_set_link( $settings ) { $settings['galleryDefaults']['link'] = 'file'; $settings['galleryDefaults']['size'] =…

https://techblog.sdstudio.top/blog/wordpress-ssylka-na-media-fajl-po-umolchaniyu-dlya-galerei-izobrazhenij
Настройка Windows для парсинга при помощи simplehtmldom.php и работы с PHP из консоли
22.01.2019
#IT #WEB #Windows_инструкции

Добавляем php в окружение Windows 10 Что бы у нас была возможность тестировать скрипт нам необходимо что бы консоль разработчика могла взаимодействовать с php. Ниже инструкция по добавлению php 7.2.3 в переменную среды Windows 10. Вначале загружаем сам php, для этого нам лучше всего подойдет самая при самая оригинальная сборка от разработчиков php. Для загрузки…

https://techblog.sdstudio.top/blog/nastrojka-windows-dlya-parsinga-pri-pomoshi-simple_html_domphp-i-raboty-s-php-iz-konsoli
Плагин для отложенной загрузки изображений (lazy load) и для Elementor – Lazy Loader
24.01.2019
#Lazy_Loader #WEB #WordPress #Плагины

Lazy Loader – лучший плагин для реализации Lazy Load изображениям в CMS WordPress Загрузить плагин https://wordpress.org/plugins/lazy-loading-responsive-images/ Страница плагина на GitHub https://github.com/florianbrinkmann/lazy-loading-responsive-images Плагин отложенной загрузки, который поддерживает изображения, iFrames, видео и аудио элементы и использует легкий скрипт lazysizes. С помощью ручной модификации разметки также можно лениво загружать фоновые изображения, сценарии и стили. Ленивые загрузки (без необходимости…

https://techblog.sdstudio.top/blog/plagin-dlya-otlozhennoj-zagruzki-izobrazhenij-lazy-load-i-dlya-elementor-lazy-loader
Landing Pages - и хороший способ оптимизировать формы
27.01.2019
#WEB #WordPress

Три фактора, которые влияют на заполнение форм для целевых страницах: Длина формы Одним из основных сдерживающих факторов для завершения транзакции в Интернете является форма, которая в подавляющем большинстве случаев является длинной. Если вы не видите все обязательные поля на одном экране, это определенно плохо. Компании часто спрашивают отдел продаж, какую информацию они хотят получить от…

https://techblog.sdstudio.top/perevod/landing-pages-luchshij-sposob-optimizirovat-formy
WordPress - Плагин для импорта и экспорта виджетов
31.01.2019
#WEB #Widget_Importer_amp_Exporter #WordPress #Плагины

Приветствую друзья, целую неделю был занят по этому не каких обзоров и постов на блоге не было, так что сегодня ярешил исправиться. Представляю Вашему внимаю отличный плагин Widget Importer & Exporter который позволяет делать импорт и экспорт виджетов между сайтами. Так же плагин будет очень полезен для того что бы сохранить определенные настройки виджетов в…

https://techblog.sdstudio.top/blog/wordpress-plagin-dlya-importa-i-eksporta-vidzhetov
NISNOM - Отличный сборник HTML, CSS и JavaScript/jQuery компонентов и снипетов
02.02.2019
#WEB #WordPress #Полезные_сайты

Описание NISNOM Друзья я нашел на просторах иннета отлично русскоязычный ресурс на котором собран отличный арсенал разного рода снипетов на поиск которых очень часто я трачу уйму времени. Все компоненты кода рассортированы по категориям и видно что автор очень старается над сайтом. Так что всем советую заглянуть на ресурс и прихватить чего нибудь новенького для…

https://techblog.sdstudio.top/blog/nisnom-otlichnyi-sbornik-html-css-i-javascript-jquery-komponentov-i-snipetov
WordPress – Функция для проверки кастомного (пользовательского) типа записи
03.02.2019
#WEB #WordPress #Все_для_functions_php #Все_для_разработки_плагинов

Для того что бы проверить является ли запись, записью кастомного типа добавьте это к себе, functions.php и вы можете иметь функциональность внутри или снаружи цикла: function is_post_type($type){ global $wp_query; if($type == get_post_type($wp_query->post->ID)) return true; return false; } так что теперь вы можете использовать следующее: if (is_single() && is_post_type('post_type')){ // Здесь Ваш магический код ) }…

https://techblog.sdstudio.top/blog/wordpress-php-funkciya-if-custom-post-type
WP Post Popup – Отличный плагин для отображения контента страниц и записей в всплывающем окне
03.02.2019
#WEB #WordPress #WP_Post_Popup #Плагины

Загрузить плагин Загрузить пплагин можно по ссылке ниже: https://wordpress.org/plugins/wp-post-modal/ Превратите любую страницу, пост, пользовательский тип записей во всплывающее окно! Идеально подходит для отображения основных страниц контента без пере направления пользователя на страницу, отображения контента в всплывающем (модальном) окне. Характеристики Загружает только поле the_content() – исключая заголовок / нижний колонтитул / боковые панели / и т.д.…

https://techblog.sdstudio.top/blog/wp-post-popup-otlichnyj-plagin-dlya-otobrazheniya-kontenta-stranic-i-zapisej-v-vsplyvayushem-okne
Переезд с Wix на WordPress или мой рецепт импортирования контента с Wix в WP
05.02.2019
#Chrome_Apps #Google_Chrome #Import_XML_and_RSS_Feeds #WEB #WordPress #Плагины

Эпопея о том как я переносил контент с Wix на WordPress при помощи плагина Import XML and RSS Feeds. В начале узнаем rss feed канал Вашего сайта созданного в wix конструкторе. Для того чтобы узнать адрес rss фида я бы посоветовал использование плагина для Chrome Get RSS Feed URL . Переходите на главную страницу wix…

https://techblog.sdstudio.top/blog/pereezd-s-wix-na-wordpress-ili-moj-recept-importirovaniya-kontenta
Как в WordPress удалять посты из внешнего интерфейса страницы
13.02.2019
#WEB #WordPress #Все_для_functions_php

Итак, допустим, у вас уже настроен сайт на WordPress, так что пользователям вообще не нужно видеть бэкэнд. Возможно, вы использовали мини-формы Gravity Forms или плагин WP-Recall (что действительно здорово), чтобы пользователи могли отправлять сообщения через интерфейс вашего сайта. Возможно, вы даже добавили свой собственный код или плагин, который позволяет вашим пользователям редактировать свои профили из…

https://techblog.sdstudio.top/blog/kak-v-wordpress-udalyat-posty-iz-vneshnego-interfejsa-stranici