Size: a a a

Все для WordPress и WEB разработки от TechBlogSD

2020 August 10
Все для WordPress и WEB разработки от TechBlogSD
Popups — запуск попап окна из jQuery функции
13.11.2017
#PopUps #WordPress #WordPress_jQuery #Плагины

Часто при создании сайта требуется открытие попап окон (созданных при помощи плагина Popups) при чем это открытие должно происходить в зависимости от тех, или иных правил. Код ниже служит примером как можно это осуществить. jQuery(document).ready(function($) { /*Центрирование элемента - ФУНКЦИЯ*/ jQuery.fn.center = function() { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) +…

https://techblog.sdstudio.top/popups-zapusk-popap-okna-iz-jquery-funkcii/
источник
Все для WordPress и WEB разработки от TechBlogSD
Лайт бокс для всех изображений блога
14.11.2017
#JavaScript #WordPress #WordPress_jQuery #Плагины

Для того что бы  изображения (которые имеются массово в наших записях ) блога не открывались во весь экран тем самым заводя посетителя на черный экран новой вкладки, а открывались в приятных лайтбоксах имеется у меня решение ниже: В начале пропишем данный код в файл function.php: //START MediaDoma.com - автоматическое добавление rel="lightbox" к ссылкам на картинки…

https://techblog.sdstudio.top/lajt-boks-dlja-vseh-izobrazhenij-bloga/
источник
Все для WordPress и WEB разработки от TechBlogSD
Вставка таблицы Google Sheets без верхнего и нижнего меню
15.11.2017
#Google_Docs #WEB #WordPress #WordPress_HTML

Ниже приведен код который поможет вставить только одну таблицу Google:     Вот что получаем в итоге: Источник записи: https://mediadoma.com

https://techblog.sdstudio.top/vstavka-tablicy-google-sheets-bez-verhnego-i-nizhnego-menju/
источник
Все для WordPress и WEB разработки от TechBlogSD
Отображение попап окна (Popups) после успешной отправки формы (Contact Form 7)
16.11.2017
#Contact_Form_7 #PopUps #WordPress #Плагины

Просто добавьте код ниже, указывая в скобках место «239» номер идентификатора Вашего попап окна созданного при помощи плагина  Popups — WordPress Popup,  on_sent_ok: "SPU.show(239);" в поле контакт формы указанное на скриншоте ниже: Более подробней можно узнать на сайте разработчика плагина попап окон: https://timersys.com/?s=contact+form Источник записи: https://mediadoma.com

https://techblog.sdstudio.top/otobrazhenie-popap-okna-popups-posle-uspeshnoj-otpravki-formy-contact-form-7/
источник
Все для WordPress и WEB разработки от TechBlogSD
Вывод кастомного контента в блоге на примере темы Shapely
17.11.2017
#WordPress #Все_для_разработки_шаблонов

Имеем кастомный тип «mdsv_komplektuuschie», необходимо вывести его на странице блога для этого создаются следующие php файлы: */wp-content/themes/shapely/template-mdsv_komplektuuschie.php — шаблон страницы на которой будет произведен вывод кастомных записей; */wp-content/themes/shapely/template-parts/content-mdsv_komplektuuschie.php — отвечает за внешний вид каждого поста в сетке блога; */wp-content/themes/shapely/template-parts/layouts/blog-mdsv_komplektuuschie.php — отвечает за внешний вид сетки блога. Код файла template-mdsv_komplektuuschie.php:
источник
Все для WordPress и WEB разработки от TechBlogSD
toggle() - переключатель на jQuery (или действие при повторном клике)
01.12.2017
#jQuery #WEB

.toggle() отличная функция которая позволяет создавать красивые javascript эффекты для элементов страницы. Достаточно часто для того чтобы организовать то или иное действие анимации или других объектов веб дизайна при нажатии, или при повторном нажатии на блочном элементе( или не блочном) страницы, начинающим мастерам тяжело что именно нужно прописать jQuery скрипта Содержимое записи: Описание скрипта и…

https://techblog.sdstudio.top/toggle-perekljuchatel-na-jquery-ili-dejstvie-pri-povtornom-klike/
источник
Все для WordPress и WEB разработки от TechBlogSD
Как использовать документы Google Docs в WordPress
01.12.2017
#Google #Google_Docs #WordPress #Плагины

Automattic (создатели WordPress) недавно выпустила Google Docs надстройку, WordPress.com для Google Docs . Это довольно простая надстройка, которая позволяет создавать и публиковать сообщения из Документов Google непосредственно на ваш сайт WordPress. Различие WordPress.com в надстройке немного вводит в заблуждение, так как эта функция доступна для самостоятельных сайтов WordPress (через бесплатный плагин Jetpack ). Это означает,…

https://techblog.sdstudio.top/kak-ispolzovat-dokumenty-google-docs-v-wordpress/
источник
Все для WordPress и WEB разработки от TechBlogSD
Фотография из текста на чистом CSS и HTML
03.12.2017
#CSS #WEB #Полезные_сайты

Фотография из текста, да это вполне реально используя HTML теги и стили CSS. При чём  пример кода описан достаточно просто и понятно. Друзья на просторах codepen.io мне встретился просто потрясающий код который отображает фотографию так, как буд-то она состоит из букв. Причем текст принимает цвет той части фотографии на которой он находится. Если же Вам необходимо…

https://techblog.sdstudio.top/fotografija-iz-teksta-na-chistom-css-i-html/
источник
Все для WordPress и WEB разработки от TechBlogSD
Плагины WordPress и все варианты их установки
03.12.2017
#WordPress #Плагины

Плагины WordPress — так уж сложилось что часто начинающие пользователи не знают как их устанавливать. Данная запись расскажет вам о всех вариантах установки (или инсталляции) плагинов для системы управления сайтом WordPress Содержание: Вариант 1. Установка плагина из репозитория плагинов непосредственно в админке вордпресса. Вариант 2. Загрузка плагина в zip архиве в админ панель и инсталляция…

https://techblog.sdstudio.top/plaginy-wordpress-i-vse-varianty-ih-ustanovki/
источник
Все для WordPress и WEB разработки от TechBlogSD
Как показать код в контенте сайта под управлением CMS WordPress - SyntaxHighlighter Evolved
07.12.2017
#WordPress #Плагины

Вам необходимо отобразить код в контенте WordPress? Сайт на WordPress устроен таким образом что по умолчанию отфильтрует любой необработанный код, добавленный в записи, страницы, виджеты или комментарии в блогах. В этой статье я расскажу, как легко отображать код скажем так “в чистом виде” на сайте под управлением CMS WordPress. Содержимое: Краткое описание SyntaxHighlighter Evolved Настройки плагина…

https://techblog.sdstudio.top/kak-pokazat-kod-v-kontente-sajta-pod-upravleniem-cms-wordpress-syntaxhighlighter-evolved/
источник
Все для WordPress и WEB разработки от TechBlogSD
WordPress – Используем библиотеки JavaScript, размещенные в Google
12.12.2017
#WordPress

Что бы использовать библиотеки JavaScript, размещенные в Google что сам гугл даже поощряет. Если вы хотите, вы можете подключить скрипты по-прежнему используя надлежащую wp_register_script функцию. Но начиная с WordPress 3.3, лучший способ сделать это, используя правильный крюк (спасибо Дэвиду Холландеру). Просто добавьте этот код в свой functions.php файл: //jQuery Insert From Google if (!is_admin()) add_action("wp_enqueue_scripts",…

https://techblog.sdstudio.top/perevod/wordpress-ispolzuem-biblioteki-javascript-razmeshchennye-v-google
источник
Все для WordPress и WEB разработки от TechBlogSD
King Composer как сделать секцию во всю ширину (full width)
15.12.2017
#CSS #King_Composer #WordPress #Плагины

Здравствуйте друзья сегодня я хочу поделиться своим решением создания блоков во всю ширину, так-как достаточно часто при использовании сторонних тем ( не всегда поддерживающих плагин King Komposer) при применении свойства компонента ROW — fulll width блок просто смещается влево и не принимает положение во всю ширину страницы. Содержание: Добавление ID к секции Добавление стилей на…

https://techblog.sdstudio.top/king-composer-kak-sdelat-sekciju-vo-vsju-shirinu-full-width/
источник
Все для WordPress и WEB разработки от TechBlogSD
jQuery - перевод текста в зависимости от языка страницы
20.12.2017
#WEB #WordPress #WordPress_CSS #WordPress_HTML #WordPress_jQuery #Все_для_разработки_шаблонов

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

https://techblog.sdstudio.top/jquery-perevod-teksta-v-zavisimosti-ot-jazyka-stranicy/
источник
Все для WordPress и WEB разработки от TechBlogSD
jQuery - центрирование эелемента на примере окна Popups
21.12.2017
#CSS #PopUps #WordPress #Плагины

Во время разработки очередного сайта возникла потребность отобразить попап окно в случае ошибки на котором будет изображён восклицательный знак, и соответствующий текст. Но с расположением попап окна по центру при реализации решения возникли определенные трудности, попап окно располагалось не по центру а слева. Погуглив в интернете я нашёл интересную функцию которая помогла мне не один…

https://techblog.sdstudio.top/jquery-centrirovanie-jeelementa-na-primere-okna-popups/
источник
Все для WordPress и WEB разработки от TechBlogSD
Освоение функций WordPress после обновления и автоматического сохранения
23.12.2017
#WordPress

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

https://techblog.sdstudio.top/perevod/osvoenie-funktcii-wordpress-avtomaticheskogo-sokhraneniia-revoisii
источник
Все для WordPress и WEB разработки от TechBlogSD
Lokalise.coLokalise.co - быстрый перевод .po файлов при помощи Google Translate
26.12.2017
#WordPress #WPML #Полезные_сайты

Всем привет. В этой новости опишу как можно быстро перевести файлы переводов тем или плагинов (.po и не только) при, помощи сервиса Lokalise.co используя автоматический перевод Google без нервов и при этом сохранив огромное количество времени. Недавно возникла потребность создания русскоязычного перевода одной из тем WordPress заказчика. Причём заказчику было достаточно обычного автоматического перевода без…

https://techblog.sdstudio.top/lokalise-co-bystryj-perevod-po-fajlov-pri-pomoshhi-google-translate/
источник
Все для WordPress и WEB разработки от TechBlogSD
WordPress - как изменить страницу входа в админ панель (админку) сайта?
03.01.2018
#WordPress #WordPress_Админка #Все_для_functions_php #Все_для_разработки_плагинов #Все_для_разработки_шаблонов

Здравствуйте с друзьями в данной записи я поделюсь с вами тем как придать фирменный стиль для сайта который Вы создаете для той или иной организации. Причём важно понимать что фирменный стиль важен не только для сайта организации а по сути для любого вашего клиента, так как подчеркивает и ваш профессионализм, и радует клиента заботой о…

https://techblog.sdstudio.top/wordpress-kak-izmenit-stranicu-vhoda-v-admin-panel-adminku-sajta/
источник
Все для WordPress и WEB разработки от TechBlogSD
WordPress - Вывод основных метаданных просмотры, автор, дата...
09.01.2018
#WordPress #Все_для_functions_php #Все_для_разработки_шаблонов

Приветствую друзья, в данной записи я решил собрать все самые основные метаданные которые необходимо время от времени или прикрутить к какой-то из тем, или же отобразить при создании того или иного решения. На данный момент список метаданных для вывода в WordPress не полный, но он будет пополняться время от времени. Основная цель данной записи собрать…

https://techblog.sdstudio.top/wordpress-vyvod-osnovnyh-metadannyh-prosmotry-avtor-data/
источник
Все для WordPress и WEB разработки от TechBlogSD
Отобразить в WordPress случайную запись (с обновлением AJAX)
23.01.2018
#WordPress

Уверен Вам покажется данный урок немного смешным, но кто знает благодаря навыкам приобретенным в данном уроке, Вы сможете реализовать что-то полезное основываясь на практику полученную в ходе “разбора” примерэтого поста. Ведь в нем мы будем использовать некоторые серьезные умения как в WordPress, так и в jQuery библиотеке JavaScript. 1. Настройте область для случайной публикации (HTML)…

https://techblog.sdstudio.top/perevod/otobrazit-v-wordpress-sluchainuiu-zapis-s-obnovleniem-ajax
источник
Все для WordPress и WEB разработки от TechBlogSD
Как проверить, существует ли несколько ключей массива, PHP
24.01.2018
#WEB #WordPress

Вот что необходимо было сделать: if( isset( $data['sanitize'], $data['validate'], $data['authorize'] ) ) { // Делай вещи с моими данными } Конечно, это не так уж много кода, но такой синтаксис просто сводит меня с ума. Итак, я подумал, что было бы неплохо сделать что-то вроде этого: //if( array_keys_exist( $data, 'sanitize', 'validate', 'authorize' ) ) {…

https://techblog.sdstudio.top/perevod/legko-proverit-sushestvuet-li-neskolko-klyuchej-massiva-v-php
источник