Поиск по блогу

WordPress. Theme Customize API. Часть 9

Разработчики WordPress рекомендуют не доверять пользовательским данным и для каждой настройки задавать функции обратного вызова, чтобы проверить и «дезинфицировать» полученные данные. Эти функции указываются в параметрах validate_callback и sanitize_callback метода add_setting().
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 8

В окно предварительного просмотра можно добавить иконки, показывающие, какие элементы сайта доступны для редактирования в настройщике темы. При клике по такой иконке происходит переход к настройке, которая отвечает за изменение. Давайте посмотрим, как реализовать такую возможность.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 7

В кастомайзере есть множество элементов управления от текста до загрузчика изображений, но бывают случаи, когда этого недостаточно. К счастью, Customizer API позволяет создавать свои элементы ввода, расширяя класс WP_Customize_Control. Давайте создадим слайдер для выбора значения из диапазона с помощью ползунка.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 6

Мы уже умеем добавлять секцию, настройку и элемент управления. Но еще не успели познакомиться с панелью. Панель объединяет несколько секций. И таким образом, создает еще один уровень. При клике по панели происходит переход к списку секций внутри этой панели. При клике по секции мы переходим к настройкам этой секции.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 5

До версии 4.3 WordPress предоставлял класс WP_Customize_Upload_Control для управления загрузкой файлов в Theme Customizer. Этот класс сохраняет в БД URL файла. Поскольку идентификатор является более предпочтительным способом получения информации о файле, было принято решение добавить новый класс WP_Customize_Media_Control.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 4

Элементы управления (controls) могут быть: text (простое поле ввода), textarea (поле для ввода большого текста), checkbox (переключатель), radio (группа переключателей), select (выпадающий список), color (поле для выбора цвета), upload (загрузка файла), media (загрузка media-файла), image (загрузка изображения) и т.д.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 3

В версии WordPress 4.5 появилась возможность выборочной перезагрузки элементов без написания js-кода. Давайте посмотрим, как это можно реализовать. Добавим еще одну настройку «Показать/скрыть copyright» в секцию «Настройки подвала». Как нетрудно догадаться, она позволяет скрыть или показать copyright.
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 2

Давайте создадим директорию customize внутри темы. И в этой директории создадим два файла: для php-кода — customize.php и для js-кода — customize.js. Файл customize.php подключим в начале файла functions.php. Теперь все готово к работе. Создадим секцию, настройку и элемент управления — для этого добавляем…
Категория: Web-разработкаCMS WoprdPress

WordPress. Theme Customize API. Часть 1

Кастомайзер — это API для создания функционала предварительного просмотра любых изменений в WordPress во фронте в реальном времени без перезагрузки страницы. Это универсальный интерфейс для настройки разных опций темы: цвет, фон, виджеты, меню и так далее.
Категория: Web-разработкаCMS WoprdPress

Битрикс. Самописный компонент «Структура разделов»

Давайте создадим простой компонент, который будет уметь формировать структуру разделов инфоблока в виде дерева. Такой компонент можно использовать для создания вспомогательного меню или при формировании страницы карты сайта. В настройках можно будет выбрать инфоблок и задать глубину вложенности разделов.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.