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

WordPress. Настройка темы. Часть 2

Итак, мы добавили для пользователя возможность изменять фон на сайте и загружать логотип. Но это еще не все, что умеет Theme Customizer. Следующее, что мы сделаем — предоставим пользователю возможность загружать свое изображение для шапки сайта и изменять цвет текста. Для этого добавляем в functions.php вызов функции add_theme_support().
Категория: Web-разработкаCMS WoprdPress

WordPress. Настройка темы. Часть 1

Впервые кастомайзер был анонсирован в WordPress 3.4, он позволил пользователю в режиме реального времени наблюдать за изменениями, которые он делает, без фактического изменения сайта. И только после того, как пользователя устроит внешний вид сайта, он может применить настройки, нажав кнопку «Сохранить».
Категория: 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.