amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}
Как известно визуальный редактор шаблона доступен только в платных темах. В бесплатных же шаблонах инструментов редактирования нет или они очень скудные. Но вы все равно сможете изменить любую тему платную или бесплатную, для этого достаточно знать CSS и HTML, и, конечно же, не лишним будет знание JavaScript.
Однако легко это только людям, знающим языки программирования. Но что же делать простым пользователям. Для решения данной проблемы существует конструктор страниц, о котором и пойдет речь в этой статье.
Плагин, о которым пойдет сегодня речь называется YellowPencil. Предназначен он для визуальной кастомизации шаблонов. Главная прелесть плагина – вся работа осуществляется во frontend режимк, это значит, что вы будете наблюдать за всеми изменениями прямо во время работы.
К слову о возможностях, плагин управляет всеми CSS параметрами – настраивает отступ, шрифты, цвета, редактирует положение элементов страницы. Быстро и удобно.
Установка плагина стандартная. После активации во фронтэнде появится кнопка вызова меню инструментов редактирования темы. Плагин не обладает настройками – это инструмент редактирования и все возможные настройки осуществляются с помощью инструментов в режиме работы с шаблоном.
Переходя в режим редактирования, страница делится на три части. Справа находится список с редактируемыми элементами. Вы можете выбирать глобальное редактирование (редактирование шаблона в целом) или конкретных страниц. Посередине страница, где вы можете выбирать элементы и менять их параметры. Слева находится не большая панель инструментов CSS форматирования. Об основах CSS вы можете узнать тут.
Конструктор страниц доступен в двух версиях: платной и бесплатной. Платная версия имеет огромный функционал. В функционал премиумной версии входит наличие 600 шрифтов Google и 300 фонов. Можно создавать анимацию с возможностью ее редактирования, drag and drop интерфейс, работа с любыми темами, поддержка при нажатии правой кнопки, колорпикеры для настройки цветов.
Интерфейс плагина по умолчанию на английском языке, однако, его можно локализовать.
Функционал даже бесплатной версии бедным назвать нельзя, а приобретая платную версию, вы получаете все мыслимые и немыслимые возможности для редактирования темы так, как вам угодно. Вы можете сделать уникальным шаблон, при этом совершенно бесплатно с помощью конструктора страниц Yellow pencil.
Вам также будет интересно узнать про другой конструктор страниц для WordPress.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
Все спасибо за статью разобрался спасибо
Действительно плагин YellowPencil для конструктора страниц способствует визуальному наблюдению за всеми изменениями, но в бесплатной версии его функции не безграничны Спасибо за статью.
Очень полезная информация, давно хотела узнать как это делается. Спасибо автору!
Благодарю, Адель, за обстоятельную статью о конструкторе страниц для WordPress. Правда, я начинающий пользователь и мне во всём этом ещё нужно разбираться!