WordPress редактор тем — работаем с внешним видом сайта
WordPress редактор тем находится в опции Внешний вид админ панели. И не зря. В этой опции даны все коды шаблона Вашего блога. Именно здесь можно сделать изменения во внешнем виде шаблона, или включить дополнительные коды для отслеживания статистики либо других целей.
Надо сказать, что человеку не сведущему лучше сюда не заходить.
Ну а если все же возникла такая необходимость помнить об одном правиле: прежде чем, что либо менять в файлах редактора, обязательно скопируйте код этого файла и сохраните его в простом блокноте.
Еще раз повторюсь – Это надо сделать обязательно! Код очень чувствителен к ошибкам. Забыли поставить какой-то значок, или поменяли что-то местами, и ваш блог или совсем не отображается или становится таким перекошенным, что с ним работать невозможно.
Итак, приступим к знакомству с опцией WordPress редактор тем. Находим мы эту опцию во Внешнем виде.
Как всегда мы начинаем с настройки экрана. Так вот в редакторе этой опции нет. Есть только ярлык Помощь, которым я советую воспользоваться, если возникнут вопросы.
Сам экран разделен на две области – окно вывода кода заданного файла и с правой стороны меню с файлами. Обратите внимание на поле выбора шаблона. Если у Вас стоит несколько шаблонов, то Вы можете выбрать для редакции тот, который Вам необходим.
Попробуйте поэкспериментировать, поиграть выбором шаблонов. Но при этом обязательно обратите внимание на то, что количество и название фалов будет меняться. Так как шаблоны отличаются друг от друга. Чем функциональнее шаблон, тем больше перечень файлов. Но в любом из шаблон есть, так сказать базовые, обязательные файлы. Именно с ними мы сейчас и познакомимся.
Основные файлы WordPress редактор тем
Когда Вы открываете опцию Редактор, то не зависимо от шаблона в окне редакции файла отображается Таблица стилей (style. css)
В этой таблице задан стиль внешнего вида блога. Лучше сюда ничего не вносить, кроме каких либо стилевых задач, поставленных перед вами. Например, что бы вывод «Хлебных крошек» на блоге соответствовал дизайну блога и обращал на себя внимание, я добавила в самый конец фала определенный код. Вот так выглядят «Хлебные крошки» на моем блоге
А вот это внесенные коды стиля:
Для кнопок Share42
Для хлебных крошек
Помните о том, что все коды в этот файл надо вносить в самый конец странички.
Теперь поговорим об основных файлах редактора.
Основной шаблон – index.php.
Файл отвечает за вывод главной страницы сайта. А главная страница сайта может быть как статичной, так и динамичной. Это уже все здесь прописана. Нам остается только сделать выбор в Параметрах админки блога.
Одна запись – single.php.
Редактор этого файла отображает записи блога. Именно сюда мы вставляем все дополнительные коды, которые отвечают за вывод форм подписки, установленных на всех страничках. Или формы и кнопки социальных сетей.
Заголовок – header.php.
Или хедер блога. Отвечает за вывод шапки блога. Сюда очень часто устанавливаются коды различных счетчиков.
Подвал – footer.php.
Или футер. Здесь устанавливаются и коды счетчиков, например Яндекс Метрика. И код который отображает врем загрузки сайта. (Если Вы прокрутите страничку вниз, то в левом нижнем углу увидите количество запросов и время загрузки)
Боковая колонка – sidebar.php.
Или сайд бар блога. Файл отвечает за отображение его колонок. Независимо от того сколько у вас их. Вся информация загружена именно в этот файл.
Комментарии – comments.php.
В этом файле, который отвечает за комментарии на Вашем блоге, можно поменять, например, английский тест на русский. Я имею ввиду тот текст, который отображается над комментариями. Можно изменить размер шрифта, да и сам шрифт.
Шаблон страницы – page.php.
Отвечает за структуру страниц блога. Хотите что либо установить на страницах – работайте с этим файлом.
Шаблон ошибки 404 – 404.php.
Это та страничка, которая появляется. Когда посетитель вводит ошибочный адрес или адрес страницы, которая уже не существует. Если Вы решили оформить эту страничку правильно – то вносите все изменения в это файл.
Результаты поиска – search.php.
Вывод результатов поиска по вашему блогу
Архивы – archive.php.
Название говорит само за себя.
Это основные, иначе говоря, обязательные файлы редактора шаблона. Предполагаю, что список будет намного длиннее. Он будет состоять из файлов, которые «уточняют» шаблон, которым Вы пользуетесь.
А теперь посмотри видео, где я в дополнение для начинающих блогеров, показываю небольшую хитрость, что бы избежать некорректное изображение блога, после неудачной корректировки одного из файлов.
Ну вот, пожалуй, на сегодня все.
Как всегда, предлагаю Вам свою рассылку – “Инструменты в помощь начинающему блогеру”. Подписавшись на которую, будете получать всю последнюю информацию о настройках блога
Ну что же, удачной Вам работы! Будут вопросы или пожелания, пишите в комментариях. Если информация была для Вас полезной – делитесь ей со своими друзьями в социальных сетях
Как редактировать темы в WordPress?
Найти идеальную тему для вашего сайта WordPress — непростая задача. С одной стороны, у вас будут тяжелые темы, интегрированные с шорткодами и плагинами для построения страниц. С другой стороны, вы можете получить легкие темы с невероятной скоростью. Какую бы тему вы ни выбрали, маловероятно, что вы получите все функции в одной теме. В этой статье мы объясним, как отредактировать тему WordPress и добавить свои настройки.
Файлы тем WordPress
В зависимости от структуры ваша тема может иметь разный набор файлов. Однако есть некоторые файлы шаблонов, которые чаще всего используются во всех темах WordPress. Например, ниже приведены некоторые из важных файлов, доступных в двадцать двадцать одной теме WordPress.
Style.css — содержит все определения стилей CSS для вашей темы.
Functions.php — здесь вы можете добавлять функции и вызывать основные функции WordPress, чтобы ваша тема работала. Этот файл действует как плагин, расширяющий возможности ядра WordPress.
Single.php — файл шаблона для одного сообщения
Page.php — файл шаблона для одной страницы
Archive.php — файл шаблона для страниц архива, таких как категории и теги
Header.php и footer.php — файлы шаблонов верхнего и нижнего колонтитула
Какие функции вы можете добавить в файлы темы?
Есть много причин, по которым вам нужно редактировать файлы тем WordPress. Вот несколько примеров:
Если вы используете плагин Yoast SEO, вам необходимо добавить функцию для включения хлебных крошек.
Вставьте AdSense или другие рекламные коды.
Добавьте код отслеживания Google Analytics в заголовок.
Как редактировать файлы темы WordPress?
Прежде чем пытаться редактировать файлы, убедитесь, что вы правильно поняли файл, который хотите отредактировать. В большинстве случаев вам может потребоваться отредактировать файл functions.php для добавления дополнительных функций в вашу тему. Также распространено добавлять PHP-код в отдельные шаблоны, шаблоны верхнего, нижнего колонтитула или страницы. Если вы не уверены, какой файл редактировать,
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Есть три разных способа редактировать файлы тем WordPress.
1. Редактирование из панели администратора WordPress.
Следуйте приведенным ниже инструкциям, чтобы редактировать файлы темы из панели администратора WordPress.
Войдите в свою административную панель WordPress и перейдите в меню «Внешний вид> Редактор тем».
WordPress покажет вам предупреждающее сообщение и нажмите кнопку «Я понимаю», чтобы продолжить.
Выберите свою активную тему из раскрывающегося списка «Выбрать тему для редактирования» :.
Выберите файл в разделе «Файлы темы» и отредактируйте его в области содержимого.
Нажмите кнопку «Загрузить файлы», чтобы сохранить изменения.
Редактор тем WordPress
2. Использование приложения «Диспетчер файлов» из учетной записи хостинга.
Если вам не нравится редактировать файл в панели администратора, альтернативным вариантом является редактирование из учетной записи хостинга.
Войдите в свою учетную запись хостинга и найдите приложение File Manager.
Приложение может находиться в разных категориях в зависимости от интерфейса, который вы используете в своей учетной записи хостинга.
Перейдите в папку «wp-content» и перейдите в раздел «Темы».
Щелкните имя своей активной темы, чтобы найти все файлы шаблона темы.
Отредактируйте необходимые файлы и обновите содержимое.
Редактировать файлы темы в файловом менеджере
3.
Удаленное редактирование с помощью FTP
Последний вариант — удаленно редактировать файлы темы с помощью программного обеспечения FTP-клиента, такого как FileZilla. Преимущество здесь в том, что вы можете использовать свой любимый текстовый редактор для редактирования содержимого. Например, мы используем скобки от Adobe. Он покажет вам подсветку синтаксиса и поможет нам избежать пропуска тегов.
Запустите свой FTP-клиент и подключитесь к своему веб-серверу.
Перейдите в папку «/ wp-content / themes /» и найдите папку с активной темой.
Найдя нужный файл, щелкните его правой кнопкой мыши и выберите опцию «Редактировать».
Измените содержимое и повторно загрузите файл на сервер.
Редактировать файлы темы с помощью FTP
Риски при редактировании файлов темы
Редактирование файлов темы на вашем сайте сопряжено с множеством рисков.
Обновление темы
Хотя вы можете редактировать тему разными методами, у вас одинаковый риск для всех методов. Каждый раз, когда вы обновляете тему до следующей версии, все ваши изменения стираются. Например, вы могли изменить цвет заголовка с красного на синий в файле style.css. После обновления темы заголовок на вашем сайте вернется к исходному красному цвету. Это причина, по которой WordPress предупредит вас, когда вы попытаетесь получить доступ к файлам темы в панели администратора.
Предупреждение в редакторе тем
Неустранимые ошибки PHP
Неправильное добавление содержимого в файлы шаблонов может нарушить макет вашего сайта. Например, такие ошибки, как оставление закрывающего тега PHP, забывание запятой или точки с запятой и добавление точки в файле functions.php, покажут вам белый экран смерти. Поэтому при редактировании PHP-кода следите за правильным синтаксисом.
Альтернативные варианты добавления функций
Лучший и рекомендуемый способ добавления функций на сайт WordPress — использовать дочернюю тему. Однако это не поможет вам в редактировании существующей функции в файле шаблона вашей родительской темы. Другой вариант — использовать WordPress Hook API и вставлять настраиваемые разделы на свой сайт, что непросто для обычных пользователей. Однако такие темы, как GeneratePress и Astra, предлагают это как часть темы, так что вы можете вставлять собственные функции.
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Похожие записи
9 лучших плагинов для редактирования внешнего интерфейса WordPress
Плагины для внешнего оформления страницы
1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP )
Ключевая особенность
2 Elementor (бесплатно)
Ключевая особенность
3 Редактор контента MotoPress (бесплатно)
Ключевая особенность
4 Live Composer (бесплатно)
Ключевая особенность
Плагины для редактирования контента переднего плана
1 Editus (ранее Lasso)
Ключевая особенность
2 Интерфейсный редактор (бесплатно)
Ключевая особенность
3 Контент-менеджер для WordPress
Ключевая особенность
4 Пограничный пост (бесплатно)
Ключевая особенность
5 Гутенберг (бесплатно)
Ключевая особенность
Заключение
Важной причиной популярности WordPress является простой в использовании интерфейс администрирования. Однако для некоторых пользователей (особенно нетехнических) создание сообщений и страниц с помощью панели управления WordPress может быть сложной задачей.
К счастью, доступно множество внешних плагинов WordPress, предлагающих тем, у кого меньше технических знаний, способ создавать контент и настраивать макеты, даже не касаясь серверной части WordPress.
В этом посте мы рассмотрим ряд полезных плагинов – для макета и редактирования контента – и расскажем о плюсах и минусах каждого из них. К концу у вас будет четкое представление о том, какие плагины вам подходят. Давайте начнем!
Отказ от ответственности: TechBlogSD является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.
Плагины для внешнего оформления страницы
Плагины внешнего интерфейса для макета страницы дают вам полный контроль над дизайном вашего веб-сайта. Хотя вы можете использовать их для добавления и редактирования содержимого, они также позволяют добавлять элементы макета, такие как строки и столбцы, а также другие элементы содержимого, например ползунки. Давайте посмотрим на трех лидеров.
1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP )
WPBakery Page Builder (ранее Визуальная Composer), вероятно, один из самых известных создателей страницы плагин для WordPress. Всего за 45 долларов вы можете добавить этот мощный плагин на свой сайт. Или вы можете рассмотреть премиальную тему, которая включает Visual Composer. Некоторые темы, такие как тема Total WordPress, включают в себя дополнительные модули и настройки элементов страницы, что дает вам еще больше возможностей для создания.
Переключение между внутренним и внешним редакторами Visual Composer очень просто – просто щелкните, чтобы изменить макеты сетки, добавить строки и столбцы, затем перетащите элементы содержимого на страницу, переставляя их по мере необходимости. У всех элементов также есть несколько вариантов и вариантов для настройки внешнего вида и функциональности вашей страницы.
Нужна помощь в начале работы с Visual Composer? Ознакомьтесь с нашим полным руководством по Visual Composer, которое проведет вас через весь процесс установки, настройки и создания страниц.
Ключевая особенность
Более 45 элементов содержимого с возможностью перетаскивания
Доступно более 150 сторонних надстроек
Более 60 готовых макетов
Плюсы: простота использования, предварительный просмотр в реальном времени, совместимость с большинством тем WordPress.
Минусы: может потребоваться некоторая кривая обучения, часто требуются надстройки тем или плагинов для дополнительной функциональности.
Получите конструктор страниц WPBakery
2 Elementor (бесплатно)
Когда дело доходит до бесплатной страницы и варианта создания контента, на ум приходит Elementor. Этот мощный плагин содержит полезные элементы для создания контента, такие как столбцы, заголовки, изображения, интервалы, списки и другие ключевые функции, которые вы, возможно, захотите добавить в свои сообщения. Плагин также включает в себя готовые шаблоны, которые можно использовать для еще более быстрого запуска, а также возможность настраивать CSS (для настройки стиля).
Для тех, кто разбирается в коде, Elementor хорошо построен и имеет открытый исходный код. Так что, если вы хотите внести несколько изменений и поделиться, не стесняйтесь (хотя это довольно надежно – так что это больше, если вам нужно индивидуальное решение).
Ключевая особенность
23 бесплатных строительных блока
+24 Больше профессиональных строительных блоков
Простые в использовании предварительно отформатированные шаблоны
Готов к переводу
Плюсы: простота использования, шаблоны быстрого запуска, совместимость с большинством тем.
Минусы: лучшие функции доступны в Pro (так что вы захотите обновить).
Скачать Elementor Builder
3 Редактор контента MotoPress (бесплатно)
Бесплатный редактор содержимого MotoPress позволяет создавать веб-сайты визуально, перетаскивая элементы содержимого. Этот плагин используется более чем на 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, что делает его достойным вашего внимания. Также доступна премиум-версия плагина, которая добавляет дополнительные элементы контента и премиум-поддержку.
Хотя редактор содержимого MotoPress очень прост в использовании, плагин будет работать только с вновь созданными страницами, а не с вашим существующим контентом. Вы можете узнать больше об этом плагине в нашем обзоре конструктора MotoPress.
Ключевая особенность
Более 30 элементов содержимого с возможностью перетаскивания
Возможность расширения за счет надстроек
Готовые макеты
Плюсы: очень проста в использовании, доступны предварительные просмотры в реальном времени, бесплатно.
Минусы: не работает с существующим контентом.
Получите редактор содержимого MotoPress
4 Live Composer (бесплатно)
Live Composer – это интерфейсный конструктор страниц с возможностью редактирования перетаскиванием. Он используется на более чем 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, поэтому его стоит проверить.
Чтобы включить редактор, нажмите зеленую кнопку «Активировать редактор» на странице, которая затем позволяет перетаскивать элементы на страницу. В целом, он прост в использовании, и все элементы можно полностью настроить с точки зрения стиля и функциональности.
Ключевая особенность
Более 30 элементов содержимого с возможностью перетаскивания
Импорт и экспорт разделов или макетов
Плюсы: Простота использования, Предварительный просмотр в реальном времени, Бесплатно, Для создания элементов не используются короткие коды.
Минусы: не может использоваться с существующим контентом, добавляет пользовательские типы сообщений при установке.
Загрузите Live Composer
Плагины для редактирования контента переднего плана
В то время как предыдущий выбор плагинов позволяет редактировать ваш контент и макеты, плагины для редактирования внешнего интерфейса немного более ограничены. Проще говоря, эти плагины позволяют пользователям обновлять текст, изображения и другое содержимое ваших сообщений и страниц без использования панели управления WordPress. Давайте взглянем на трех лучших из существующих.
1 Editus (ранее Lasso)
Editus изначально был известен как Lasso и пришёл к нам от разработчиков Aesop Story Engine (ASE). Это интерфейсный редактор, который позволяет просматривать изменения в режиме реального времени. Editus – мощный инструмент, начиная с 99 долларов за использование на трех сайтах.
Использовать Editus просто, и к нему можно получить доступ одним щелчком мыши с небольшой панели инструментов, отображаемой над вашими сообщениями и страницами. Оттуда при выборе соответствующего содержимого отображается панель инструментов форматирования для дальнейшего редактирования.
Ключевая особенность
Редактирование текста, ссылок, изображений и другого контента в реальном времени
Поддержка избранных изображений
Работает как с сообщениями, так и со страницами
Совместимость с несколькими сайтами
Плюсы: простой в использовании интерфейс, возможность расширения с помощью надстроек ASE, совместимость с большинством тем.
Минусы: относительно дорого.
Получить Editus WP
2 Интерфейсный редактор (бесплатно)
Форматировать текст легко с помощью плагина Front-End Editor.
Front-end Editor изначально разрабатывался как функциональный плагин для возможного включения в ядро WordPress. Хотя это больше не похоже на план, плагин по-прежнему доступен для использования – по последним подсчетам, было установлено более 2000 установок с рейтингом удовлетворенности 4,2 звезды.
Интерфейсный редактор прост в использовании и не требует настройки после установки. После активации пользователь с разрешениями на редактирование, посещающий любую публикацию или страницу на вашем веб-сайте, может использовать как ссылку «Изменить страницу» на панели инструментов в верхней части экрана, так и ссылку «Изменить» под содержимым, чтобы разрешить редактирование.
Ключевая особенность
Редактирование текста и ссылок в реальном времени
Поддержка избранных изображений
Работает как с сообщениями, так и со страницами
Плюсы: простой в использовании интерфейс, бесплатно
Минусы: ограниченная функциональность (например, вы не можете редактировать изображения), не работает со всеми темами.
Загрузите интерфейсный редактор
3 Контент-менеджер для WordPress
С помощью OTW Content Manager для WordPress вы можете быстро создавать адаптивные макеты для своих сообщений и страниц. Используйте параметры для пользовательского стиля, 50+ шорткодов для легкого создания страниц, редактирование интерфейса (конечно) и даже создавайте свои собственные шорткоды для использования. Просто вставьте шорткоды сборки страницы, перетащите их на место, внесите быстрые изменения стиля на лету и опубликуйте. Это так просто!
Для получения дополнительных возможностей Content Manager можно объединить с другими плагинами OTW, такими как их боковая панель и менеджер виджетов или Portfolio Manager Pro.
Ключевая особенность
50+ шорткодов
Внешнее и внутреннее редактирование
Настраиваемые боковые панели
Плюсы: легко расширяется с помощью других плагинов OTW.
Frontier Post – это бесплатный плагин, предназначенный для обеспечения полного управления публикациями из внешнего интерфейса вашего веб-сайта. Это выходит за рамки простого редактирования содержимого сообщений, позволяя пользователям с соответствующими разрешениями также создавать и удалять сообщения. Плагин в настоящее время используется более чем на 2000 активных веб-сайтах и имеет 4,9-звездочный рейтинг удовлетворенности.
Используя плагин, администраторы могут контролировать, как и когда редактировать сообщения, а также какие параметры доступны пользователям в интерфейсе. Кроме того, у вас есть полный контроль над разрешениями пользователей Frontier Post. Стандартные ссылки редактирования вызывают интерфейс Frontier, который представляет собой текстовый редактор, похожий на редактор WordPress TinyMCE. Вы также можете предварительно просмотреть свой пост перед публикацией.
Ключевая особенность
Возможность редактировать текст, ссылки, изображения и т.д.
Поддержка избранных изображений
Работает с сообщениями, страницами и пользовательскими типами сообщений
Наконец, нельзя не упомянуть Гутенберга. Этот бесплатный плагин для управления контентом скоро будет встроен в ядро WordPress, так что сейчас отличное время, чтобы попробовать. По сути, Gutenberg похож на многие другие конструкторы контента и страниц. Включены блоки, которые вы можете вставить, чтобы создать нужный макет.
Ключевая особенность
Простые блоки содержимого
Обратная совместимость сообщений
Плюсы: Бесплатно и скоро станет основным.
Минусы: не такой интуитивный, как у других строителей.
Скачать Gutenberg
Заключение
Хотя интерфейс администрирования WordPress спроектирован таким образом, чтобы его было легко использовать, многие пользователи, не обладающие техническими знаниями, по-прежнему считают его сложным. Использование плагинов, которые позволяют пользователям создавать и редактировать контент сайта из внешнего интерфейса, а не из панели управления WordPress, упрощает процесс и снижает нагрузку на тех, кто перемещается в незнакомой среде.
Мы хотели бы услышать о вашем опыте работы с плагинами для редактирования внешнего интерфейса WordPress, поэтому поделитесь своими советами и рекомендациями в разделе комментариев ниже!
Источник записи: https://www.wpexplorer.com
WordPress 6.0 — система управления сайтом – WP-Club
Новое и улучшенное полное редактирование сайта
Ранее WordPress представил редактор тем на основе блоков как часть нового редактирования сайта в WordPress 5. 9.
WordPress 6.0 предлагает больше улучшений для редактирования сайта с новыми блоками для всего сайта, редактируемыми шаблонами и другими шаблонами.
Примечание: Вам понадобится тема, поддерживающая полное редактирование сайта, например тема Twenty-Twenty по умолчанию, чтобы попробовать все ее функции. Полное редактирование сайта все еще находится в бета-версии и нуждается в дополнительной работе.
Легко переключать стили тем
WordPress 6.0 поставляется с простым способом переключения всего стиля темы одним щелчком мыши.
Нажмите на кнопку Стиль в правом верхнем углу, а затем перейдите на вкладку Обзор стилей, чтобы увидеть доступные стили для вашей темы.
Theme styles — это функция темы WordPress, и ее доступность зависит от вашей темы WordPress.
Редактируйте больше шаблонов тем с помощью WordPress 6.0
WordPress 6.0 предоставляет возможность редактировать еще больше шаблонов внутри редактора тем.
Новые шаблоны архивов, которые вы можете редактировать, включают:
Автор
Категория
Дата
Тег
Другие пользовательские таксономии
Экспортируйте тему блока со всеми изменениями
WordPress 6. 0 теперь позволяет сохранять и экспортировать все изменения, внесенные в тему блока.
WordPress подготовит zip-файл темы, который включает в себя все изменения, внесенные с помощью полного редактора сайта. Затем вы можете загрузить и установить эту тему на любой другой сайт WordPress.
Новые блоки в редакторе тем блоков
WordPress 6.0 приносит много новых блоков, которые теперь вы можете использовать внутри редактора тем.
1. Цикл запроса комментариев
WordPress 6.0 заменяет блок комментариев к публикации новым блоком цикла запроса комментариев.
Он поставляется с подблоками, такими как имя автора комментария, аватар, содержание комментария, ссылка для редактирования и многое другое.
Вы можете редактировать их индивидуально, чтобы стилизовать свои комментарии в своем блоге WordPress для более привлекательного вида.
2. Подробнее Блок
Теперь вы можете добавить блок Read More в выдержки из ваших сообщений в WordPress 6. 0. Это позволяет применять больше вариантов стиля, чтобы сделать ссылку Read More более заметной.
3. Нет результатов в цикле запросов
При добавлении блока цикла запроса теперь вы можете вставить в него блок No Results.
Однако блок будет доступен только тогда, когда выбранный вами запрос не даст никаких результатов.
4. Биография автора сообщения
Новый блок биографии автора сообщения теперь можно использовать вместе с блоками автора сообщения и аватара.
5. Аватар
Блок аватар позволяет отображать аватар пользователя (фотографию профиля). Вы можете выбрать, хотите ли вы отобразить аватар для конкретного пользователя или отобразить аватар текущего поста / страницы автора.
Выберите шаблон страницы
Ваша тема WordPress теперь может включать шаблоны для обязательных страниц для большинства веб-сайтов.
Это означает, что с WordPress 6.0 экран «Добавить новую страницу» теперь вызовет всплывающее окно со списком шаблонов, которые вы можете использовать для создания страниц.
Поскольку это совершенно новая функция, ваша тема WordPress может еще не включать никаких шаблонов страниц. В этом случае вы не сможете увидеть всплывающее окно.
Тем не менее вы все еще можете использовать библиотеку шаблонов.
Изменения редактора блоков в WordPress 6.0
Редактор блоков — это область, где большинство администраторов WordPress тратят большую часть своего времени на написание контента и создание страниц для своих сайтов.
Каждый выпуск WordPress основывается на этом, чтобы улучшить опыт написания и создания контента для пользователей WordPress.
WordPress 6.0 включает в себя некоторые действительно интересные функции, которые могут значительно улучшить работу вашего сайта.
Блокировка блокировки в WordPress 6.0
WordPress 6.0 теперь позволяет блокировать блок, чтобы пользователи не могли удалить его или изменить его положение.
Основная проблема с многоразовыми блоками заключается в том, что если какой-либо пользователь вносит в них изменения, то эти изменения сохраняются. Блокировка блоков в WordPress 6.0 на данный момент не решает эту проблему.
Скачать WordPress 6.0 — система управления сайтом
СкачатьДемо / Инфо
Если ссылка на скачивание файла не доступна — дайте нам знать об этом через форму обратной связи
Похожие статьи
CodeLobster IDE – редактор для HTML, CSS, PHP и плагин WordPress
Вниманию пользователей WordPress предлагаем познакомиться с бесплатным редактором для веб-разработки CodeLobster IDE. Это не новинка, он уже зарекомендовал себя в линейке редакторов. Главная особенность редактора – он может редактировать HTML/ CSS/ PHP/JavaScript файлы.
При наборе кода и его редактировании CodeLobsterIDE предлагает различные подсветки синтаксиса, дает подсказки при использовании различных элементов кода.
Если вы используете смешанный код, например, в JavaScript вставите код CSS, редактор подсветит каждый сегмент кода своим цветом, то же самое будет со вставками PHP и HTML.
Удобная функция автодополнения кода значительно ускорит работу веб-разработчиков, и защитит их от синтаксических ошибок. Автодополнение работает с атрибутами, функциями, тегами и другими элементами кода.
В редактор IDE вы можете воспользоваться клавишей F1, чтобы получить контекстную помощь. Информация в help-окно поступает с официальных сайтов. Не нужно искать необходимую документацию, например, по атрибутам CSS или HTML тэгам. Получайте все в одном месте в один клик.
CodeLobster IDE работает с расширением XDebug, при необходимости он пошагово запускает PHP скрипты. Процесс выполняется последовательно по строкам кода до точки останова, которую вы определяете самостоятельно. Удобно, что вы можете в процессе выполнения кода получать значения переменных.
Функционал интегрированной среды разработчика:
Редактор отлавливает скобки, открытые и закрытые, круглые и фигурные, парные теги.
Подсвечивает типы кода, можно выделить блоки, свернуть/развернуть код, делать закладки.
В специальном окне можно посмотреть структуру файла и проекта в целом.
Переведен на 15+ языков, в том числе на русский.
Поддерживает ОС: Windows 7-10, Mac OS, Linux, Ubuntu, Fedora, Debian.
Профверсия дополнена следующими функциями:
Работа с проектами через встроенного ftp/sftp клиента на удаленных серверах.
SQL менеджер.
Поддержка библиотек JavaScript.
Валидатор кода.
Встроенные расширения для работы с PHP фреймворками.
Предлагаются плагины для работы с CMS – WordPress, Drupal, Joomla, Magento.
Плагин WordPress IDE
Плагин WordPress IDE является частью профессиональной версии CodeLobster IDE. Этот плагин превращает редактор WordPress в полноценную интегрированную среду разработки.
WordPress IDE имеет следующие возможности для работы с WordPress CMS:
Установка WordPress CMS.
Автозаполнение WordPress.
Всплывающие подсказки для функций WordPress.
Контекстная и динамическая справка.
Предварительный просмотр шаблона WordPress (редактор тем).
1. Возможность установки WordPress CMS
Плагин WordPress дает возможность скачать последнюю версию WordPress с оригинального сайта и с помощью мастера установить ее в указанную папку.
2. Автозаполнение WordPress
Этот инструмент позволяет писать код быстрее. Всплывающий список автозаполнения включает функции
и аргументы
Этот список вызывается автоматически в необходимой области кода WordPress.
3. Всплывающие подсказки для функций WordPress
Такие подсказки помогают правильно писать код. Они включают описание функций WordPress.
Всплывающие подсказки автоматически отображаются в необходимой области кода WordPress.
4. Контекстная и динамическая справка
Вы можете быстро получить необходимую информацию о синтаксисе WordPress, используя эти функции.
Чтобы получить разделы справки с помощью контекстной справки, наведите мышку на элемент, по которому хотите просмотреть информацию, и нажмите кнопку F1.
Плагин WordPress ищет нужную справочную информацию непосредственно на сайте wordpress.org.
В окне динамической справки отображаются ссылки на разделы справки для элемента, на который установлен указатель. Поиск выполняется также на сайте wordpress.org.
5. Редактор тем WordPress
Редактор тем WordPress упрощает создание тем WordPress. Вам не нужно устанавливать WordPress. Вам даже не нужен сервер! Codelobster собирает различные страницы WordPress в WYSIWYG-версию вашего блога, которую вы можете редактировать в Inspector.
Редактор тем WordPress автоматически объединяет файлы тем WordPress, такие как index.php, header.php, sidebar.php, footer.php и style.css, в единую редактируемую страницу представления дизайна. Вы можете переходить к включенным страницам, щелкая мышью, удерживая клавишу CTRL.
Цена
Базовая версия – бесплатная. Профессиональная версия стоит 79.95 долларов США для 3 активаций на разных устройствах плюс 1 год бесплатного обновления. Будущие обновления будут стоить 19,95 долларов США за 1 год.
(Всего посетителей: 152, сегодня: 1)
Алексей Шевченко
Автор и редактор на wptheme.us
Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/
Что нового в WordPress 5.8
Недавно WordPress выпустил второе крупное обновление за год, и мы ожидаем увидеть множество улучшений и новых функций. В этом руководстве мы рассмотрим некоторые улучшения и улучшения, внесенные этим обновлением.
1. Редактор шаблонов в WordPress 5.8
В новом обновлении WordPress появилась новая функция — редактор шаблонов . Редактор шаблонов — это попытка создать полноценный инструмент редактирования сайта с помощью редактора блоков.
Теперь вы можете создать шаблон, нажав кнопку « Новый» на вкладке шаблона.
Если вы не найдете эту кнопку, скорее всего, ваша тема WordPress несовместима с этой функцией.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчас
После того, как вы нажмете кнопку, вам будет предложено выбрать имя для шаблона.
При нажатии кнопки « Создать» включается режим редактора шаблонов. Это позволит вам редактировать области, не относящиеся к содержанию, и создавать блоки по всему сайту.
Есть несколько общесайтовых блоков, которые вы можете добавить в свой шаблон с помощью этой опции. Однако эта функция будет использовать дизайн и внешний вид используемой вами темы.
2. Редактор блоков для виджетов в WordPress 5.8
Новое обновление WordPress использует редактор блоков для экрана виджетов. Чтобы попробовать, перейдите в раздел «Виджеты», а затем « Внешний вид» .
Вы увидите список готовых для виджетов областей, в которые вы можете добавлять виджеты в виде блоков. Вы можете добавить эти блочные виджеты во все области с включенными виджетами и на боковые панели вашего веб-сайта.
Блоки дают вам гораздо больший контроль над вашими виджетами, и вы можете создавать креативные и привлекательные пространства виджетов. От цветов до кнопок и дизайна — вы можете создавать виджеты, которые вам нужны.
Однако, если вам не нравится эта функция, вы можете использовать старые виджеты, используя опцию Legacy Widgets .
Вы также можете использовать плагин Classic Widgets, чтобы продолжать использовать старые виджеты в своем WordPress.
3. Редактор блоков в WordPress 5.8
Редактор блоков — это то место, где мы проводим большую часть времени, создавая контент. И похоже, что WordPress большую часть своего времени потратил на усовершенствования и улучшения редактора блоков.
Добавлено множество новых блоков, чтобы вы могли лучше контролировать контент и его внешний вид. Кроме того, недавно добавленные блоки предлагают гораздо больше творческого пространства для реализации ваших идей. Вот список улучшений, внесенных в редактор блоков.
1. Блок цикла запроса
С WordPress 5.8 вам не нужно использовать отдельный плагин для добавления нескольких сообщений на страницу WordPress. С помощью опции Query Loop вы отображаете список сообщений, продуктов или страниц.
Вы также можете выбрать множество раскладок и настроить параметры блока. Чтобы двигаться дальше, просто добавьте на свою страницу блок Query Loop .
2. Двухцветный фильтр для изображений.
Еще одна функция, представленная в WordPress 5.8, — это двухтональный фильтр для изображений и медиаблоков.
Он содержит несколько готовых фильтров и предустановок, которые вы можете использовать, а также можете создавать свои собственные на основе цветов по вашему выбору.
3. Рекомендации по шаблону
WordPress 5.8 имеет каталог шаблонов для общих элементов, и всякий раз, когда вы ищете блок, он рекомендует эти шаблоны, которые вы можете редактировать с новым контентом.
4. Простой выбор родительского блока
До обновления выбор родительского блока во вложенных блоках было несколько затруднительным. Однако с обновлением проблема решена, и на панель инструментов добавляется выделенная кнопка родительского блока.
5. Улучшенный просмотр списка
Обновление предоставляет нам улучшенный и расширенный список всех блоков на странице или в публикации, чтобы мы могли легко перемещаться при работе со сложными макетами.
6. Улучшенный инструмент выделения и лучшее выделение.
В новом обновлении инструмент выделения значительно улучшен и дополнен подсветкой. С обновлением стало намного проще перемещать блоки вверх и вниз.
7. Улучшения блока
Новое обновление также принесло нам много улучшений в уже существующих блоках. Например, теперь у нас есть больше возможностей для выбора текста, цветов и фона.
Теперь у вас есть возможность увеличить или уменьшить расстояние между столбцами.
Также есть возможность использовать градиентный фон для таблиц.
8. Изменения для разработчиков
Для разработчиков также есть много улучшений, которые они могут включить в свои темы и плагины.
Для настройки параметров блока в одном месте представлен новый файл theme.json . Вы можете использовать файл для управления и определения параметров блока.
Theme.json также позволяет изменять макеты или глобально устанавливать ширину содержимого.
Электронное сообщение для восстановления появится только тогда, когда его можно будет отправить.
Это некоторые из замечательных обновлений WordPress 5.8. Мы надеемся, что этот пост помог вам изучить и понять изменения и улучшения этого обновления. Присоединяйтесь к нам на наших Facebook и Twitter, чтобы быть в курсе нашего контента.
Редактор шаблонов — Форумы WordPress.org
Темы
О шаблонах
Что нужно для использования редактора шаблонов
Два способа доступа к редактору шаблонов
Как использовать редактор шаблонов через редактор блоков WordPress
Для редактирования шаблона
Чтобы создать новый пользовательский шаблон
Как использовать редактор шаблонов через редактор сайта
Для перехода к шаблонам
Для редактирования шаблона
Чтобы добавить новый шаблон
Как привязать шаблон к сообщению или странице
Как переименовать пользовательские шаблоны
Очистить настройки шаблонов в теме блока
Как удалить шаблон
Как узнать, что вы редактируете шаблон
Ссылки на ресурсы
Редактор шаблонов позволяет редактировать и создавать шаблоны с помощью блоков. Эти шаблоны определяют внешний вид сообщений, страниц или типов страниц на вашем сайте.
Редактор шаблонов доступен только , если на вашем сайте используется блочная тема или классическая тема, для которой включен редактор шаблонов на серверной части.
WordPress использует шаблоны для создания макета и структуры записей, страниц или определенных типов страниц на странице вашего сайта. Есть несколько базовых шаблонов, которые генерируются при выборе темы. Например:
Шаблон Home используется для отображения главной страницы сайта, если ваш сайт настроен на отображение последних сообщений на главной странице.
Шаблон Index используется для отображения главной страницы всех сообщений блога.
Шаблон Page используется для отображения страниц сайта, если странице не назначены определенные шаблоны.
Многие темы блоков предлагают другие встроенные шаблоны, такие как шаблон Single Post для настройки макета отдельных сообщений в блоге, шаблон 404 для настройки макета страницы ошибки 404, шаблон Search для настройки макет страницы результатов поиска и Архив шаблон для страниц категорий/архивов и т. д.
Кроме того, ваша тема блока может поставляться в комплекте с пользовательскими шаблонами.
В Редакторе шаблонов вы можете найти все шаблоны на вашем сайте, включая любые созданные вами пользовательские шаблоны и те, которые поставляются в комплекте с вашей темой. Вы можете редактировать эти шаблоны и создавать собственные макеты с помощью блоков.
Top ↑
Для работы с редактором шаблонов вам понадобится блочная тема с WordPress 5.9.или более поздней версии на вашем сайте или в классической теме, в которой включен Редактор шаблонов в бэкэнде.
Блочная тема — это тема, в которой используются блоки для всех частей сайта, включая меню навигации, верхний колонтитул, контент и нижний колонтитул сайта. Все блоки, доступные в редакторе блоков WordPress, можно использовать в редакторе шаблонов. Набор блоков, называемых блоками тем, специально создан для редактора сайта и редактора шаблонов.
Вы можете найти блочные темы в каталоге тем WordPress, выбрав Полное редактирование сайта в фильтре функций:
Как найти блочную тему
Top ↑
В зависимости от типа используемой темы вы можете получить доступ к редактору шаблонов двумя способами:
Если вы используете блочную тему, вы можете получить доступ к редактору шаблонов. при редактировании сообщений или страниц через редактор блоков WordPress, а также через редактор сайта.
Если вы используете классическую тему, в которой включен редактор шаблонов на серверной части, вы можете получить доступ к редактору шаблонов только при редактировании сообщений или страниц через редактор блоков WordPress.
В начало ↑
Чтобы использовать редактор шаблонов через редактор блоков WordPress, убедитесь, что на вашем сайте используется блочная тема или классическая тема, для которой включен редактор шаблонов на серверной части.
Наверх ↑
Для редактирования шаблона
Нажмите Сообщения > Добавить новый , чтобы добавить новый пост, или Страницы > Добавить новый , чтобы добавить новую страницу.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» выберите «Редактировать».
Редактировать шаблон в редакторе шаблонов
Опция редактирования доступна только , если вы используете блочную тему, позволяющую редактировать пользовательские шаблоны.
Откроется Редактор шаблонов и вы перейдете в режим редактирования шаблона, где вы можете внести изменения в выбранный шаблон. Чтобы вернуться в редактор блоков WordPress и продолжить вносить изменения в контент, нажмите ссылку «Назад» в левом верхнем углу.
Обратная ссылка в редакторе шаблонов
Когда вы закончите вносить изменения, выберите «Опубликовать». Вам будет предложено сохранить все внесенные вами изменения, включая шаблон и публикацию или страницу.
Нажмите «Сохранить», чтобы подтвердить изменения.
Сохранение шаблона и поста/страницы
При внесении изменений в шаблон редактор обновляет блоки на всех страницах/постах, использующих шаблон.
Наверх ↑
Чтобы создать новый пользовательский шаблон
Нажмите Posts > Add New для добавления нового сообщения или Pages > Add New для добавления новой страницы.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» выберите «Новый».
Создать шаблон в редакторе шаблонов
Опция «Создать» доступна только , если вы используете блочную тему, позволяющую создавать собственные шаблоны.
Откроется диалоговое окно, в котором вы можете указать имя пользовательского шаблона, который вы собираетесь создать. Обязательно дайте ему описательное имя, которое описывает цель шаблона, например. «Полная ширина».
Нажмите «Создать», чтобы открыть редактор шаблонов и перейти в режим редактирования шаблона, где вы можете создать собственный шаблон с помощью блоков. Чтобы вернуться в редактор блоков WordPress и продолжить вносить изменения в контент, нажмите ссылку «Назад» в левом верхнем углу.
Обратная ссылка в редакторе шаблонов
После внесения изменений выберите «Опубликовать». Вам будет предложено сохранить все внесенные вами изменения, включая шаблон и публикацию или страницу.
Нажмите «Сохранить», чтобы подтвердить изменения.
Сохранение шаблона и поста/страницы
Вверх ↑
Вверх ↑
Чтобы перейти к шаблонам
Перейдите к Внешний вид > Редактор (бета) , чтобы открыть Редактор сайта. Вы попадете на шаблон своей домашней страницы (исходя из того, что вы установили в настройках чтения), и вы сможете приступить к редактированию этого шаблона.
Чтобы просмотреть список шаблонов, доступных для вашего сайта, и переключаться между шаблонами:
Щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов.
Щелкните имя любого шаблона в списке, чтобы переключиться на этот шаблон.
В начало ↑
Чтобы отредактировать шаблон
В редакторе сайта ( Внешний вид > Редактор (бета) ), щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть Редактор сайта оставил навигацию.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте, включая все созданные вами и те, которые поставляются с вашей темой.
Щелкните любой из шаблонов в списке, чтобы отредактировать его. Отсюда вы можете настроить макет выбранного шаблона с помощью блоков.
Редактирование шаблонов в редакторе сайта
Когда вы закончите настройку шаблона, нажмите «Сохранить».
Когда вы вносите изменения в шаблон, редактор обновляет блоки на всех страницах/записях, использующих шаблон.
Сохраните шаблон
Чтобы вернуться в Редактор сайта, щелкните значок WordPress (или значок Сайта, если он установлен), чтобы открыть левую панель навигации в Редакторе сайта, и нажмите «Сайт».
Возврат к редактору сайта из редактора шаблонов
Вверх ↑
Чтобы добавить новый шаблон
Редактор сайта отображает ограниченное количество вариантов шаблонов, которые вы можете добавить на свой сайт. Пользовательские шаблоны нельзя создать в Редакторе сайта. Для этого вам нужно использовать редактор шаблонов через редактор блоков WordPress.
В Appearance > Editor (beta) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на сайте.
Доступ к шаблонам в редакторе сайта
Нажмите кнопку «Добавить новый» в правом верхнем углу, чтобы отобразить раскрывающееся меню со списком всех новых шаблонов, которые вы можете добавить на свой сайт.
Главная страница — для отображения домашней страницы вашего сайта, если ваш сайт настроен на отображение обычной страницы в качестве домашней страницы.
Автор – для отображения всех сообщений, написанных одним автором.
Категория — для отображения сообщений в категории.
Дата – для отображения постов на определенную дату.
Тег — для отображения постов на основе тега.
Таксономия — для отображения сообщений из определенного термина таксономии.
Добавление новых шаблонов
Вверх ↑
В панели инструментов WordPress откройте запись или страницу, которой вы хотите назначить шаблон.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» вы увидите раскрывающийся список со списком шаблонов, доступных для вашего сайта. Если вы не видите раскрывающийся список в разделе «Шаблон», это означает, что на вашем сайте не созданы шаблоны, и вам необходимо создать новые шаблоны.
Выберите шаблон, который вы хотите присвоить сообщению или странице.
Изменение шаблона страницы влияет только на эту страницу (а не на весь сайт).
Наверх ↑
Вы можете переименовывать только пользовательские шаблоны, созданные с помощью редактора блоков WordPress.
Существует два способа переименования пользовательских шаблонов:
ВАРИАНТ 1:
В редакторе сайта ( Внешний вид > Редактор (бета) ), щелкните значок WordPress (или значок сайта, если вы установили один), чтобы открыть редактор сайта слева.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Нажмите на любой из пользовательских шаблонов, которые вы создали с помощью редактора блоков WordPress.
В редакторе шаблонов щелкните стрелку вниз рядом с названием шаблона на верхней панели. Откроется раскрывающееся меню, в котором вы можете ввести новое имя для выбранного пользовательского шаблона. Убедитесь, что имя указывает на назначение шаблона, например: Полная ширина.
Переименование пользовательского шаблона
Когда вы закончите, нажмите «Сохранить» на верхней панели, чтобы сохранить пользовательский шаблон с новым именем.
Сохранение пользовательского шаблона с новым именем
ВАРИАНТ 2:
В редакторе сайта ( Внешний вид > Редактор (бета) ) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Щелкните значок меню с тремя точками на любом из пользовательских шаблонов, созданных с помощью редактора блоков WordPress. В раскрывающемся меню выберите «Переименовать».
Откроется диалоговое окно, в котором можно ввести новое имя для выбранного пользовательского шаблона. Убедитесь, что имя указывает на назначение шаблона, например: Полная ширина.
Нажмите «Сохранить», чтобы сохранить пользовательский шаблон с новым именем.
Переименование пользовательского шаблона
Этот параметр доступен только для пользовательских шаблонов, созданных с помощью редактора блоков WordPress.
Вверх ↑
При внесении изменений в шаблоны, поставляемые в комплекте с вашей темой блока, вы увидите возможность очистить настройки.
Щелкните значок меню из трех точек, чтобы открыть раскрывающееся меню, и выберите «Очистить настройки». Это приведет к сбросу шаблона в состояние по умолчанию, и вы потеряете изменения, внесенные в этот шаблон.
Удалить настройки для шаблона
Этот параметр доступен только для шаблонов, которые вы уже настроили. Если вы не найдете эту опцию, это означает, что ваш шаблон уже находится в состоянии по умолчанию.
Простой способ определить шаблоны, которые вы настроили, — это найти синюю точку рядом со значком шаблона в столбце «Добавлено» в списке шаблонов.
Синяя точка, указывающая на шаблоны, которые вы настроили.
При наведении курсора на синий шаблон также отображается всплывающая подсказка, указывающая на то, что шаблон был настроен.
Подсказка с указанием шаблонов, которые вы настроили.
В начало ↑
Вы можете удалить только пользовательские шаблоны, созданные с помощью редактора блоков WordPress, и новые шаблоны, добавленные с помощью редактора сайта.
В редакторе сайта ( Внешний вид > Редактор (бета) ) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Щелкните значок меню с тремя точками на любом из пользовательских шаблонов, созданных с помощью редактора блоков WordPress, и на новых шаблонах, добавленных с помощью редактора сайта. В раскрывающемся меню выберите «Удалить». Это приведет к удалению шаблона.
Удаление шаблона
Вверх ↑
Существует три способа узнать, что вы редактируете шаблон, а не сообщение или страницу:
Вступительное руководство знакомит вас с этой функцией при первом открытии редактора шаблонов.
Приветственное руководство по редактору шаблонов
2. Темная рамка, появляющаяся вокруг шаблона во время редактирования.
Темная рамка при редактировании шаблонов
3. Имя шаблона отображается в верхней панели
Редактор шаблонов с названием шаблона
Вверх ↑
Знакомство с редактором шаблонов в WordPress 5.8
Создайте целевую страницу с помощью редактора шаблонов WordPress
Станьте одним из первых пользователей плагина Gutenberg
Список изменений:
Обновлено 22 мая 2022 г.
Добавление функций версии 6.0. обновление скриншотов и видео и переработка контента.
Отредактировано для добавления контента в Редактор сайта 5 января 2022 г.
Отредактировано для добавления дополнительного элемента ресурса 30 июля 2021 г.
Создано 11 июля 2021 г.
Знакомство с редактором шаблонов
20 ноября 2021 г. 👋 Друзья! Это руководство устарело из-за изменений в последних версиях Gutenberg. Я в процессе его обновления. Спасибо за терпеливость.
Приблизительное время прочтения: 7 минут
Это комбинированный урок и упражнение с введением в редактор шаблонов WordPress. Вы узнаете, как получить доступ к редактору, использовать интерфейс, а также узнать о различиях между редактором блоков и редактором шаблонов.
Чтобы проиллюстрировать, как работает редактор, я хочу показать вам два разных шаблона в блоках TT1. После этого вы создадите свой первый шаблон.
Для этого урока вам необходимо иметь:
Последние версии WordPress и Gutenberg (Этот урок написан для версии Gutenberg 11.2.1).
TT1 Тема блоков.
Содержание
Редактор блоков Раздел шаблонов
Интерфейс редактора шаблонов
Область содержимого редактора шаблонов
Как шаблоны отображают содержимое из редактора блоков
Создание новых шаблонов
0 Сводка 90 60
Редактор блоков Раздел шаблонов
Вы можете получить доступ к редактору шаблонов из редактора блоков. Начните с создания новой страницы. На этой странице я хочу, чтобы вы добавили заголовок страницы и немного контента. Содержимое может быть любым, например, несколько абзацев или изображение. -Сохраните страницу, прежде чем продолжить.
Затем откройте боковую панель настроек документа, щелкнув символ настройки шестеренки. Найдите раздел Шаблон под разделом Статус и видимость:
В заголовке раздела указано имя текущего шаблона: Шаблон: Страница. Под заголовком находится список всех шаблонов, которые можно использовать со страницами, за которыми следуют две опции: Редактировать и Создать .
Интерфейс редактора шаблонов
Чтобы открыть редактор шаблонов, просмотрите шаблоны в блоках TT1, выберите и отредактируйте шаблон по умолчанию .
Редактор шаблонов очень похож на редактор блоков. Оказавшись внутри, интерфейс должен показаться вам знакомым, но с темной рамкой вокруг области содержимого:
Боковая панель настроек документа в редакторе шаблонов называется Template , и на ней отображаются имя и описание шаблона.
Над областью содержимого, между меню панели инструментов и меню сохранения и настроек находится новый меню параметров шаблона , которое показывает заголовок страницы, имя шаблона и описание.
Когда вы создали пользовательские шаблоны, вы можете переименовать и удалить их из этого меню:
3. Еще одно отличие – кнопка «Назад» над областью содержимого, которая возвращает вас к редактору блоков и странице или публикации, которую вы редактировали.
Область содержимого редактора шаблонов
Область в редакторе, где вы размещаете блоки, называется областью содержимого и иногда как холст .
Шаблон по умолчанию в теме блоков TT1 включает заголовок страницы и содержимое, добавленное на предыдущем шаге. Он также включает заголовок сайта и слоган, заполнитель для навигационного блока, а также область комментариев и нижний колонтитул сайта, которые не были видны в редакторе блоков. Это представляет всю страницу, как она будет выглядеть на лицевой стороне веб-сайта.
Открыть список (последний значок в меню панели инструментов):
Здесь перечислены все блоки на странице (на изображении я свернул блоки нижнего колонтитула и блоки комментариев для экономии места). Когда вы щелкаете блок в представлении списка, он выделяется и выделяется в области содержимого.
Как шаблоны отображают содержимое из редактора блоков
Одним из наиболее важных блоков, которые вы будете использовать в редакторе шаблонов, является блок Post Content . В этом блоке отображается весь контент, который вы добавили на страницу в редакторе блоков.
Другими словами, редактор шаблонов берет ваш контент и помещает его в контекст полной страницы:
Теперь у вас есть два представления вашего контента; редактор блоков, в котором отображается только содержимое, и редактор шаблонов, в котором то же содержимое отображается на полной веб-странице.
— Таким образом вы можете использовать один и тот же шаблон для нескольких страниц или сообщений, но отображать d различный контент.
Создание новых шаблонов
Вы создаете новые шаблоны с помощью Новая опция в разделе «Шаблон» в редакторе блоков:
Когда вы выбираете «Новый», редактор показывает модальное или всплывающее окно для ввода имени шаблона. Имена необязательны, но я настоятельно рекомендую добавить то, которое описывает назначение шаблона. Продолжите, нажав кнопку «Создать».
При открытии редактора шаблонов в области содержимого могут быть уже размещены блоки. Эти блоки могут быть разными в зависимости от темы:
Сохранение изменений
Редактор шаблонов WordPress использует то, что разработчики называют «сохранением нескольких объектов», потому что вы можете сохранить три разные вещи:
Шаблон
Контент, то есть запись или страницу, которая находится в блоке контента
Блоки сайта: название сайта, слоган сайта, логотип сайта
Когда вы публикуете обновления, вас спросят, какую часть вы хотите сохранить. На панели сохранения будут отображаться только детали, для которых у вас есть несохраненные изменения:
Резюме
В этом уроке вы узнали, как выбирать шаблоны в разделе шаблонов, перемещаться между редакторами, а также создавать и сохранять новые шаблоны.
В следующем уроке вы узнаете о частях шаблона и о том, как внести изменения в шапку сайта. А пока продолжайте учиться и практиковаться, создавая шаблоны на своем тестовом сайте WordPress.
Знакомство с грядущим редактором шаблонов WordPress 5.8 — WP Tavern
Выпуск WordPress 5.8 намечен на 20 июля. Всего через месяц многие пользователи впервые почувствуют вкус одной из моих любимых новых функций: редактирования шаблонов. режим.
Редактор шаблонов — это новый инструмент, который позволяет конечным пользователям создавать собственные шаблоны, не выходя из экрана постредактирования. Он существует как ступенька к возможному редактору сайта, функция, которая передаст полный контроль над дизайном тем, кто этого хочет.
Недостатком новой функции в WordPress 5.8 является то, что пользователи не будут иметь доступа к верхнему и нижнему колонтитулам своей темы, боковой панели или другим частям шаблона. Это чистый лист, на который они должны надеть свои дизайнерские колпачки, чтобы создать всю страницу.
С учетом этих ограничений, какой смысл в запуске редактора шаблонов с WordPress 5.8?
Целевые страницы.
Чистый лист — это не всегда плохо. Есть причина, по которой все лучшие темы включают в себя шаблоны страниц с именами Blank, Empty, Canvas, Open или что-то подобное. Иногда пользователи хотят контролировать весь вывод страницы. И WordPress 5.8 предоставляет эту возможность каждому пользователю WordPress.
Я редактирую шаблоны уже несколько месяцев, но всегда в контексте темы блока. Я создал портфолио фотографий и целевую страницу WordCamp в рамках программы FSE Outreach Program. Несмотря на некоторые сбои, это было стоящее путешествие, поскольку эта функция была реализована. Тем не менее, большая часть моего тестирования была связана с темой TT1 Blocks.
Пришло время испытать его в реальных условиях с темами, которые на самом деле широко используются.
Будет ли он работать с моей темой?
У многих пользователей возникнет вопрос: будет ли этот новый редактор шаблонов работать с моей темой? Ответ заключается в том, что это зависит. В общем, да, в какой-то степени это сработает. Однако, поскольку старые проекты создавались без учета редактора шаблонов, не все возможности будут одинаковыми.
Я хотел действительно проверить эту теорию работы с каждой темой. Итак, я загрузил Twenty Fifteen, одну из моих любимых тем по умолчанию за последнее десятилетие.
Возможно, я слишком далеко зашел.
Twenty Fifteen имеет двухцветный фон, предназначенный для боковой панели и содержимого.
Редактор блоков еще не существовал, когда была построена Twenty Fifteen. Использование техники box-shadow на фоне страницы означало, что вся страница имеет два цветных столбца, идущих по ней. Команде дизайнеров пришлось использовать некоторые хакерские методы для боковой панели и фона контента одинаковой высоты. Аааа… старые добрые времена, когда у разработчиков не было доступа к CSS flex-box и grid.
Именно такие проблемы могут ограничивать некоторые старые темы. В случае с Twenty Fifteen я мог скрыть фон блоком Group или Cover поверх него.
Пользователи, скорее всего, получат лучшие результаты при использовании чего-то более современного, по крайней мере, темы, созданной в эпоху блоков. Даже такая простая вещь, как поддержка широкого выравнивания, изменит характер WYSIWYG редактора шаблонов. Если тема не поддерживает эту функцию, внешний интерфейс не будет соответствовать редактору.
Я прыгнул вперед на несколько лет. Twenty Nineteen была первой темой WordPress по умолчанию с поддержкой блоков. Это старо, но не древнее в годы Интернета.
Редактор против интерфейса Twenty Nineteen.
Существуют некоторые различия между представлениями редактора и внешнего интерфейса. Заполнение блока обложки отключено, интервалы по вертикали не совпадают, размер шрифта ввода поиска отличается, а радиус границы кнопки поиска округлен на переднем конце. Тем не менее, это тема почти трехлетней давности. В этом простом тесте он показал себя лучше, чем ожидалось.
Забегая вперед на пару лет, я активировал Twenty Twenty-One, последнюю стандартную тему WordPress.
Редактор и внешний интерфейс Twenty Twenty-One.
Редактор очень похож на то, что вы видите во внешнем интерфейсе. Наиболее заметными отличиями являются непоследовательные отступы для блока «Обложка» и светло-серая рамка для поля ввода поиска в представлении редактора.
Пришло время подвергнуть редактор шаблонов «настоящим» испытаниям. Я активировал последнюю версию Eksell, одну из самых полных блочных тем из существующих.
Редактор и внешний интерфейс Eksell.
Очевидно, тема выводит черный раздел слева. Это предназначено для боковой панели/выпадающего меню темы. Однако, поскольку у пользователя нет доступа к части шаблона, которая выводит этот элемент, для некоторых может оказаться невозможным создание пользовательских шаблонов с этой темой. Я уверен, что Андерс Норен, разработчик, решит эту проблему.
Подобные, неизвестные проблемы возникнут со многими тысячами тем в дикой природе. Это не значит, что тема обязательно плохая. Это просто означает, что он не был создан с учетом редактора шаблонов. Пользователям, возможно, придется немного поумерить свои надежды, пока они не протестируют режим редактирования шаблона со своей активной темой.
О, а этот уродливый пробел, показывающий фон содержимого в верхней части редактора? Вы увидите это буквально в каждой теме. Я понятия не имею, почему команда разработчиков думала, что это будет хорошим вариантом по умолчанию. Почти каждый веб-дизайн, который я рассматривал на протяжении многих лет, обнуляет элемента заполнения страницы.
Тем авторам темы, которые читают, нужно будет с этим разобраться. Если вы уже строили для редактора блоков, вы, вероятно, умеете справляться с такими причудами.
Если мы посмотрим на пользовательскую тему, которую я создавал, вы не увидите проблем с выравниванием между редактором и внешним интерфейсом.
Редактор и внешний интерфейс пользовательской темы блока.
Отличие моей темы в том, что я создаю ее, когда редактор шаблонов уже является частью плагина Gutenberg. Все остальные были созданы ранее. Не корректно их сравнивать. Однако пользователи должны знать, что старые темы могут работать некорректно. Возможно, им придется дождаться обновлений или попробовать новый дизайн, прежде чем воспользоваться преимуществами редактирования шаблона.
Я также выбрал Twenty Nineteen, Twenty Twenty-One и Eksell, потому что они были разработаны профессионалами в нашей отрасли и выпущены в последние несколько лет. Каждый из них хорошо держится, но имеет несколько проблем, которые было бы тривиально исправить.
Все это говорит о том, что результаты могут сильно различаться.
Идеальный способ использования редактора шаблонов
Я опасаюсь, что с редактором шаблонов пользователи начнут микшировать свой контент непосредственно в редакторе. Это вопрос, который я поднял во время 7-го раунда программы FSE Outreach Program. В конечном итоге речь идет о границе между контентом и шаблоном.
Традиционно авторы тем создавали собственные шаблоны, которые конечные пользователи применяли к своим страницам. Если эти пользователи не знали, как вносить прямые изменения в код, они только выбирали шаблон и редактировали свой собственный контент через редактор. Всегда было понятно, где заканчивается редактирование контента и начинается редактирование шаблона.
Новый режим немного мутит воду. Поскольку у пользователей есть прямой доступ к изменению шаблона из самого редактора постов/страниц, я не сомневаюсь, что многие будут создавать весь контент страницы из редактора шаблонов.
Даже я сделал ошибку, поместив то, что обычно было бы содержимым, в моих примерах шаблонов выше. Это было чисто для иллюстрации.
В этом нет ничего плохого, если это намерение пользователя. Однако шаблоны обычно предназначены для управления макетом страницы. Такие вещи, как верхний и нижний колонтитулы и элементы упаковки содержимого, принадлежат ему, а сам контент хранится отдельно. Шаблоны также предназначены для повторного использования. Если вы примените один и тот же шаблон к нескольким страницам, любые изменения, внесенные в этот шаблон, будут обновляться на каждой странице.
Я рекомендую начать с простого добавления блока Post Content в шаблон. Вы можете сделать это с помощью средства вставки блоков или вставив этот фрагмент кода:
Содержание
WordPress редактор тем — работаем с внешним видом сайта
WordPress редактор тем находится в опции Внешний вид админ панели. И не зря. В этой опции даны все коды шаблона Вашего блога. Именно здесь можно сделать изменения во внешнем виде шаблона, или включить дополнительные коды для отслеживания статистики либо других целей.
Надо сказать, что человеку не сведущему лучше сюда не заходить.
Ну а если все же возникла такая необходимость помнить об одном правиле: прежде чем, что либо менять в файлах редактора, обязательно скопируйте код этого файла и сохраните его в простом блокноте.
Еще раз повторюсь – Это надо сделать обязательно! Код очень чувствителен к ошибкам. Забыли поставить какой-то значок, или поменяли что-то местами, и ваш блог или совсем не отображается или становится таким перекошенным, что с ним работать невозможно.
Итак, приступим к знакомству с опцией WordPress редактор тем. Находим мы эту опцию во Внешнем виде.
Как всегда мы начинаем с настройки экрана. Так вот в редакторе этой опции нет. Есть только ярлык Помощь, которым я советую воспользоваться, если возникнут вопросы.
Сам экран разделен на две области – окно вывода кода заданного файла и с правой стороны меню с файлами. Обратите внимание на поле выбора шаблона. Если у Вас стоит несколько шаблонов, то Вы можете выбрать для редакции тот, который Вам необходим.
Попробуйте поэкспериментировать, поиграть выбором шаблонов. Но при этом обязательно обратите внимание на то, что количество и название фалов будет меняться. Так как шаблоны отличаются друг от друга. Чем функциональнее шаблон, тем больше перечень файлов. Но в любом из шаблон есть, так сказать базовые, обязательные файлы. Именно с ними мы сейчас и познакомимся.
Основные файлы WordPress редактор тем
Когда Вы открываете опцию Редактор, то не зависимо от шаблона в окне редакции файла отображается Таблица стилей (style. css)
В этой таблице задан стиль внешнего вида блога. Лучше сюда ничего не вносить, кроме каких либо стилевых задач, поставленных перед вами. Например, что бы вывод «Хлебных крошек» на блоге соответствовал дизайну блога и обращал на себя внимание, я добавила в самый конец фала определенный код. Вот так выглядят «Хлебные крошки» на моем блоге
А вот это внесенные коды стиля:
Для кнопок Share42
Для хлебных крошек
Помните о том, что все коды в этот файл надо вносить в самый конец странички.
Теперь поговорим об основных файлах редактора.
Основной шаблон – index.php.
Файл отвечает за вывод главной страницы сайта. А главная страница сайта может быть как статичной, так и динамичной. Это уже все здесь прописана. Нам остается только сделать выбор в Параметрах админки блога.
Одна запись – single.php.
Редактор этого файла отображает записи блога. Именно сюда мы вставляем все дополнительные коды, которые отвечают за вывод форм подписки, установленных на всех страничках. Или формы и кнопки социальных сетей.
Заголовок – header.php.
Или хедер блога. Отвечает за вывод шапки блога. Сюда очень часто устанавливаются коды различных счетчиков.
Подвал – footer.php.
Или футер. Здесь устанавливаются и коды счетчиков, например Яндекс Метрика. И код который отображает врем загрузки сайта. (Если Вы прокрутите страничку вниз, то в левом нижнем углу увидите количество запросов и время загрузки)
Боковая колонка – sidebar.php.
Или сайд бар блога. Файл отвечает за отображение его колонок. Независимо от того сколько у вас их. Вся информация загружена именно в этот файл.
Комментарии – comments.php.
В этом файле, который отвечает за комментарии на Вашем блоге, можно поменять, например, английский тест на русский. Я имею ввиду тот текст, который отображается над комментариями. Можно изменить размер шрифта, да и сам шрифт.
Шаблон страницы – page.php.
Отвечает за структуру страниц блога. Хотите что либо установить на страницах – работайте с этим файлом.
Шаблон ошибки 404 – 404.php.
Это та страничка, которая появляется. Когда посетитель вводит ошибочный адрес или адрес страницы, которая уже не существует. Если Вы решили оформить эту страничку правильно – то вносите все изменения в это файл.
Результаты поиска – search.php.
Вывод результатов поиска по вашему блогу
Архивы – archive.php.
Название говорит само за себя.
Это основные, иначе говоря, обязательные файлы редактора шаблона. Предполагаю, что список будет намного длиннее. Он будет состоять из файлов, которые «уточняют» шаблон, которым Вы пользуетесь.
А теперь посмотри видео, где я в дополнение для начинающих блогеров, показываю небольшую хитрость, что бы избежать некорректное изображение блога, после неудачной корректировки одного из файлов.
Ну вот, пожалуй, на сегодня все.
Как всегда, предлагаю Вам свою рассылку – “Инструменты в помощь начинающему блогеру”. Подписавшись на которую, будете получать всю последнюю информацию о настройках блога
Ну что же, удачной Вам работы! Будут вопросы или пожелания, пишите в комментариях. Если информация была для Вас полезной – делитесь ей со своими друзьями в социальных сетях
Как редактировать темы в WordPress?
Найти идеальную тему для вашего сайта WordPress — непростая задача. С одной стороны, у вас будут тяжелые темы, интегрированные с шорткодами и плагинами для построения страниц. С другой стороны, вы можете получить легкие темы с невероятной скоростью. Какую бы тему вы ни выбрали, маловероятно, что вы получите все функции в одной теме. В этой статье мы объясним, как отредактировать тему WordPress и добавить свои настройки.
Файлы тем WordPress
В зависимости от структуры ваша тема может иметь разный набор файлов. Однако есть некоторые файлы шаблонов, которые чаще всего используются во всех темах WordPress. Например, ниже приведены некоторые из важных файлов, доступных в двадцать двадцать одной теме WordPress.
Style.css — содержит все определения стилей CSS для вашей темы.
Functions.php — здесь вы можете добавлять функции и вызывать основные функции WordPress, чтобы ваша тема работала. Этот файл действует как плагин, расширяющий возможности ядра WordPress.
Single.php — файл шаблона для одного сообщения
Page.php — файл шаблона для одной страницы
Archive.php — файл шаблона для страниц архива, таких как категории и теги
Header.php и footer.php — файлы шаблонов верхнего и нижнего колонтитула
Какие функции вы можете добавить в файлы темы?
Есть много причин, по которым вам нужно редактировать файлы тем WordPress. Вот несколько примеров:
Если вы используете плагин Yoast SEO, вам необходимо добавить функцию для включения хлебных крошек.
Вставьте AdSense или другие рекламные коды.
Добавьте код отслеживания Google Analytics в заголовок.
Как редактировать файлы темы WordPress?
Прежде чем пытаться редактировать файлы, убедитесь, что вы правильно поняли файл, который хотите отредактировать. В большинстве случаев вам может потребоваться отредактировать файл functions.php для добавления дополнительных функций в вашу тему. Также распространено добавлять PHP-код в отдельные шаблоны, шаблоны верхнего, нижнего колонтитула или страницы. Если вы не уверены, какой файл редактировать,
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Есть три разных способа редактировать файлы тем WordPress.
1. Редактирование из панели администратора WordPress.
Следуйте приведенным ниже инструкциям, чтобы редактировать файлы темы из панели администратора WordPress.
Войдите в свою административную панель WordPress и перейдите в меню «Внешний вид> Редактор тем».
WordPress покажет вам предупреждающее сообщение и нажмите кнопку «Я понимаю», чтобы продолжить.
Выберите свою активную тему из раскрывающегося списка «Выбрать тему для редактирования» :.
Выберите файл в разделе «Файлы темы» и отредактируйте его в области содержимого.
Нажмите кнопку «Загрузить файлы», чтобы сохранить изменения.
Редактор тем WordPress
2. Использование приложения «Диспетчер файлов» из учетной записи хостинга.
Если вам не нравится редактировать файл в панели администратора, альтернативным вариантом является редактирование из учетной записи хостинга.
Войдите в свою учетную запись хостинга и найдите приложение File Manager.
Приложение может находиться в разных категориях в зависимости от интерфейса, который вы используете в своей учетной записи хостинга.
Перейдите в папку «wp-content» и перейдите в раздел «Темы».
Щелкните имя своей активной темы, чтобы найти все файлы шаблона темы.
Отредактируйте необходимые файлы и обновите содержимое.
Редактировать файлы темы в файловом менеджере
3.
Удаленное редактирование с помощью FTP
Последний вариант — удаленно редактировать файлы темы с помощью программного обеспечения FTP-клиента, такого как FileZilla. Преимущество здесь в том, что вы можете использовать свой любимый текстовый редактор для редактирования содержимого. Например, мы используем скобки от Adobe. Он покажет вам подсветку синтаксиса и поможет нам избежать пропуска тегов.
Запустите свой FTP-клиент и подключитесь к своему веб-серверу.
Перейдите в папку «/ wp-content / themes /» и найдите папку с активной темой.
Найдя нужный файл, щелкните его правой кнопкой мыши и выберите опцию «Редактировать».
Измените содержимое и повторно загрузите файл на сервер.
Редактировать файлы темы с помощью FTP
Риски при редактировании файлов темы
Редактирование файлов темы на вашем сайте сопряжено с множеством рисков.
Обновление темы
Хотя вы можете редактировать тему разными методами, у вас одинаковый риск для всех методов. Каждый раз, когда вы обновляете тему до следующей версии, все ваши изменения стираются. Например, вы могли изменить цвет заголовка с красного на синий в файле style.css. После обновления темы заголовок на вашем сайте вернется к исходному красному цвету. Это причина, по которой WordPress предупредит вас, когда вы попытаетесь получить доступ к файлам темы в панели администратора.
Предупреждение в редакторе тем
Неустранимые ошибки PHP
Неправильное добавление содержимого в файлы шаблонов может нарушить макет вашего сайта. Например, такие ошибки, как оставление закрывающего тега PHP, забывание запятой или точки с запятой и добавление точки в файле functions.php, покажут вам белый экран смерти. Поэтому при редактировании PHP-кода следите за правильным синтаксисом.
Альтернативные варианты добавления функций
Лучший и рекомендуемый способ добавления функций на сайт WordPress — использовать дочернюю тему. Однако это не поможет вам в редактировании существующей функции в файле шаблона вашей родительской темы. Другой вариант — использовать WordPress Hook API и вставлять настраиваемые разделы на свой сайт, что непросто для обычных пользователей. Однако такие темы, как GeneratePress и Astra, предлагают это как часть темы, так что вы можете вставлять собственные функции.
Программы для Windows, мобильные приложения, игры — ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале — Подписывайтесь:)
Похожие записи
9 лучших плагинов для редактирования внешнего интерфейса WordPress
Плагины для внешнего оформления страницы
1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP )
Ключевая особенность
2 Elementor (бесплатно)
Ключевая особенность
3 Редактор контента MotoPress (бесплатно)
Ключевая особенность
4 Live Composer (бесплатно)
Ключевая особенность
Плагины для редактирования контента переднего плана
1 Editus (ранее Lasso)
Ключевая особенность
2 Интерфейсный редактор (бесплатно)
Ключевая особенность
3 Контент-менеджер для WordPress
Ключевая особенность
4 Пограничный пост (бесплатно)
Ключевая особенность
5 Гутенберг (бесплатно)
Ключевая особенность
Заключение
Важной причиной популярности WordPress является простой в использовании интерфейс администрирования. Однако для некоторых пользователей (особенно нетехнических) создание сообщений и страниц с помощью панели управления WordPress может быть сложной задачей.
К счастью, доступно множество внешних плагинов WordPress, предлагающих тем, у кого меньше технических знаний, способ создавать контент и настраивать макеты, даже не касаясь серверной части WordPress.
В этом посте мы рассмотрим ряд полезных плагинов – для макета и редактирования контента – и расскажем о плюсах и минусах каждого из них. К концу у вас будет четкое представление о том, какие плагины вам подходят. Давайте начнем!
Отказ от ответственности: TechBlogSD является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.
Плагины для внешнего оформления страницы
Плагины внешнего интерфейса для макета страницы дают вам полный контроль над дизайном вашего веб-сайта. Хотя вы можете использовать их для добавления и редактирования содержимого, они также позволяют добавлять элементы макета, такие как строки и столбцы, а также другие элементы содержимого, например ползунки. Давайте посмотрим на трех лидеров.
1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP )
WPBakery Page Builder (ранее Визуальная Composer), вероятно, один из самых известных создателей страницы плагин для WordPress. Всего за 45 долларов вы можете добавить этот мощный плагин на свой сайт. Или вы можете рассмотреть премиальную тему, которая включает Visual Composer. Некоторые темы, такие как тема Total WordPress, включают в себя дополнительные модули и настройки элементов страницы, что дает вам еще больше возможностей для создания.
Переключение между внутренним и внешним редакторами Visual Composer очень просто – просто щелкните, чтобы изменить макеты сетки, добавить строки и столбцы, затем перетащите элементы содержимого на страницу, переставляя их по мере необходимости. У всех элементов также есть несколько вариантов и вариантов для настройки внешнего вида и функциональности вашей страницы.
Нужна помощь в начале работы с Visual Composer? Ознакомьтесь с нашим полным руководством по Visual Composer, которое проведет вас через весь процесс установки, настройки и создания страниц.
Ключевая особенность
Более 45 элементов содержимого с возможностью перетаскивания
Доступно более 150 сторонних надстроек
Более 60 готовых макетов
Плюсы: простота использования, предварительный просмотр в реальном времени, совместимость с большинством тем WordPress.
Минусы: может потребоваться некоторая кривая обучения, часто требуются надстройки тем или плагинов для дополнительной функциональности.
Получите конструктор страниц WPBakery
2 Elementor (бесплатно)
Когда дело доходит до бесплатной страницы и варианта создания контента, на ум приходит Elementor. Этот мощный плагин содержит полезные элементы для создания контента, такие как столбцы, заголовки, изображения, интервалы, списки и другие ключевые функции, которые вы, возможно, захотите добавить в свои сообщения. Плагин также включает в себя готовые шаблоны, которые можно использовать для еще более быстрого запуска, а также возможность настраивать CSS (для настройки стиля).
Для тех, кто разбирается в коде, Elementor хорошо построен и имеет открытый исходный код. Так что, если вы хотите внести несколько изменений и поделиться, не стесняйтесь (хотя это довольно надежно – так что это больше, если вам нужно индивидуальное решение).
Ключевая особенность
23 бесплатных строительных блока
+24 Больше профессиональных строительных блоков
Простые в использовании предварительно отформатированные шаблоны
Готов к переводу
Плюсы: простота использования, шаблоны быстрого запуска, совместимость с большинством тем.
Минусы: лучшие функции доступны в Pro (так что вы захотите обновить).
Скачать Elementor Builder
3 Редактор контента MotoPress (бесплатно)
Бесплатный редактор содержимого MotoPress позволяет создавать веб-сайты визуально, перетаскивая элементы содержимого. Этот плагин используется более чем на 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, что делает его достойным вашего внимания. Также доступна премиум-версия плагина, которая добавляет дополнительные элементы контента и премиум-поддержку.
Хотя редактор содержимого MotoPress очень прост в использовании, плагин будет работать только с вновь созданными страницами, а не с вашим существующим контентом. Вы можете узнать больше об этом плагине в нашем обзоре конструктора MotoPress.
Ключевая особенность
Более 30 элементов содержимого с возможностью перетаскивания
Возможность расширения за счет надстроек
Готовые макеты
Плюсы: очень проста в использовании, доступны предварительные просмотры в реальном времени, бесплатно.
Минусы: не работает с существующим контентом.
Получите редактор содержимого MotoPress
4 Live Composer (бесплатно)
Live Composer – это интерфейсный конструктор страниц с возможностью редактирования перетаскиванием. Он используется на более чем 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, поэтому его стоит проверить.
Чтобы включить редактор, нажмите зеленую кнопку «Активировать редактор» на странице, которая затем позволяет перетаскивать элементы на страницу. В целом, он прост в использовании, и все элементы можно полностью настроить с точки зрения стиля и функциональности.
Ключевая особенность
Более 30 элементов содержимого с возможностью перетаскивания
Импорт и экспорт разделов или макетов
Плюсы: Простота использования, Предварительный просмотр в реальном времени, Бесплатно, Для создания элементов не используются короткие коды.
Минусы: не может использоваться с существующим контентом, добавляет пользовательские типы сообщений при установке.
Загрузите Live Composer
Плагины для редактирования контента переднего плана
В то время как предыдущий выбор плагинов позволяет редактировать ваш контент и макеты, плагины для редактирования внешнего интерфейса немного более ограничены. Проще говоря, эти плагины позволяют пользователям обновлять текст, изображения и другое содержимое ваших сообщений и страниц без использования панели управления WordPress. Давайте взглянем на трех лучших из существующих.
1 Editus (ранее Lasso)
Editus изначально был известен как Lasso и пришёл к нам от разработчиков Aesop Story Engine (ASE). Это интерфейсный редактор, который позволяет просматривать изменения в режиме реального времени. Editus – мощный инструмент, начиная с 99 долларов за использование на трех сайтах.
Использовать Editus просто, и к нему можно получить доступ одним щелчком мыши с небольшой панели инструментов, отображаемой над вашими сообщениями и страницами. Оттуда при выборе соответствующего содержимого отображается панель инструментов форматирования для дальнейшего редактирования.
Ключевая особенность
Редактирование текста, ссылок, изображений и другого контента в реальном времени
Поддержка избранных изображений
Работает как с сообщениями, так и со страницами
Совместимость с несколькими сайтами
Плюсы: простой в использовании интерфейс, возможность расширения с помощью надстроек ASE, совместимость с большинством тем.
Минусы: относительно дорого.
Получить Editus WP
2 Интерфейсный редактор (бесплатно)
Форматировать текст легко с помощью плагина Front-End Editor.
Front-end Editor изначально разрабатывался как функциональный плагин для возможного включения в ядро WordPress. Хотя это больше не похоже на план, плагин по-прежнему доступен для использования – по последним подсчетам, было установлено более 2000 установок с рейтингом удовлетворенности 4,2 звезды.
Интерфейсный редактор прост в использовании и не требует настройки после установки. После активации пользователь с разрешениями на редактирование, посещающий любую публикацию или страницу на вашем веб-сайте, может использовать как ссылку «Изменить страницу» на панели инструментов в верхней части экрана, так и ссылку «Изменить» под содержимым, чтобы разрешить редактирование.
Ключевая особенность
Редактирование текста и ссылок в реальном времени
Поддержка избранных изображений
Работает как с сообщениями, так и со страницами
Плюсы: простой в использовании интерфейс, бесплатно
Минусы: ограниченная функциональность (например, вы не можете редактировать изображения), не работает со всеми темами.
Загрузите интерфейсный редактор
3 Контент-менеджер для WordPress
С помощью OTW Content Manager для WordPress вы можете быстро создавать адаптивные макеты для своих сообщений и страниц. Используйте параметры для пользовательского стиля, 50+ шорткодов для легкого создания страниц, редактирование интерфейса (конечно) и даже создавайте свои собственные шорткоды для использования. Просто вставьте шорткоды сборки страницы, перетащите их на место, внесите быстрые изменения стиля на лету и опубликуйте. Это так просто!
Для получения дополнительных возможностей Content Manager можно объединить с другими плагинами OTW, такими как их боковая панель и менеджер виджетов или Portfolio Manager Pro.
Ключевая особенность
50+ шорткодов
Внешнее и внутреннее редактирование
Настраиваемые боковые панели
Плюсы: легко расширяется с помощью других плагинов OTW.
Frontier Post – это бесплатный плагин, предназначенный для обеспечения полного управления публикациями из внешнего интерфейса вашего веб-сайта. Это выходит за рамки простого редактирования содержимого сообщений, позволяя пользователям с соответствующими разрешениями также создавать и удалять сообщения. Плагин в настоящее время используется более чем на 2000 активных веб-сайтах и имеет 4,9-звездочный рейтинг удовлетворенности.
Используя плагин, администраторы могут контролировать, как и когда редактировать сообщения, а также какие параметры доступны пользователям в интерфейсе. Кроме того, у вас есть полный контроль над разрешениями пользователей Frontier Post. Стандартные ссылки редактирования вызывают интерфейс Frontier, который представляет собой текстовый редактор, похожий на редактор WordPress TinyMCE. Вы также можете предварительно просмотреть свой пост перед публикацией.
Ключевая особенность
Возможность редактировать текст, ссылки, изображения и т.д.
Поддержка избранных изображений
Работает с сообщениями, страницами и пользовательскими типами сообщений
Наконец, нельзя не упомянуть Гутенберга. Этот бесплатный плагин для управления контентом скоро будет встроен в ядро WordPress, так что сейчас отличное время, чтобы попробовать. По сути, Gutenberg похож на многие другие конструкторы контента и страниц. Включены блоки, которые вы можете вставить, чтобы создать нужный макет.
Ключевая особенность
Простые блоки содержимого
Обратная совместимость сообщений
Плюсы: Бесплатно и скоро станет основным.
Минусы: не такой интуитивный, как у других строителей.
Скачать Gutenberg
Заключение
Хотя интерфейс администрирования WordPress спроектирован таким образом, чтобы его было легко использовать, многие пользователи, не обладающие техническими знаниями, по-прежнему считают его сложным. Использование плагинов, которые позволяют пользователям создавать и редактировать контент сайта из внешнего интерфейса, а не из панели управления WordPress, упрощает процесс и снижает нагрузку на тех, кто перемещается в незнакомой среде.
Мы хотели бы услышать о вашем опыте работы с плагинами для редактирования внешнего интерфейса WordPress, поэтому поделитесь своими советами и рекомендациями в разделе комментариев ниже!
Источник записи: https://www.wpexplorer.com
WordPress 6.0 — система управления сайтом – WP-Club
Новое и улучшенное полное редактирование сайта
Ранее WordPress представил редактор тем на основе блоков как часть нового редактирования сайта в WordPress 5. 9.
WordPress 6.0 предлагает больше улучшений для редактирования сайта с новыми блоками для всего сайта, редактируемыми шаблонами и другими шаблонами.
Примечание: Вам понадобится тема, поддерживающая полное редактирование сайта, например тема Twenty-Twenty по умолчанию, чтобы попробовать все ее функции. Полное редактирование сайта все еще находится в бета-версии и нуждается в дополнительной работе.
Легко переключать стили тем
WordPress 6.0 поставляется с простым способом переключения всего стиля темы одним щелчком мыши.
Нажмите на кнопку Стиль в правом верхнем углу, а затем перейдите на вкладку Обзор стилей, чтобы увидеть доступные стили для вашей темы.
Theme styles — это функция темы WordPress, и ее доступность зависит от вашей темы WordPress.
Редактируйте больше шаблонов тем с помощью WordPress 6.0
WordPress 6.0 предоставляет возможность редактировать еще больше шаблонов внутри редактора тем.
Новые шаблоны архивов, которые вы можете редактировать, включают:
Автор
Категория
Дата
Тег
Другие пользовательские таксономии
Экспортируйте тему блока со всеми изменениями
WordPress 6. 0 теперь позволяет сохранять и экспортировать все изменения, внесенные в тему блока.
WordPress подготовит zip-файл темы, который включает в себя все изменения, внесенные с помощью полного редактора сайта. Затем вы можете загрузить и установить эту тему на любой другой сайт WordPress.
Новые блоки в редакторе тем блоков
WordPress 6.0 приносит много новых блоков, которые теперь вы можете использовать внутри редактора тем.
1. Цикл запроса комментариев
WordPress 6.0 заменяет блок комментариев к публикации новым блоком цикла запроса комментариев.
Он поставляется с подблоками, такими как имя автора комментария, аватар, содержание комментария, ссылка для редактирования и многое другое.
Вы можете редактировать их индивидуально, чтобы стилизовать свои комментарии в своем блоге WordPress для более привлекательного вида.
2. Подробнее Блок
Теперь вы можете добавить блок Read More в выдержки из ваших сообщений в WordPress 6. 0. Это позволяет применять больше вариантов стиля, чтобы сделать ссылку Read More более заметной.
3. Нет результатов в цикле запросов
При добавлении блока цикла запроса теперь вы можете вставить в него блок No Results.
Однако блок будет доступен только тогда, когда выбранный вами запрос не даст никаких результатов.
4. Биография автора сообщения
Новый блок биографии автора сообщения теперь можно использовать вместе с блоками автора сообщения и аватара.
5. Аватар
Блок аватар позволяет отображать аватар пользователя (фотографию профиля). Вы можете выбрать, хотите ли вы отобразить аватар для конкретного пользователя или отобразить аватар текущего поста / страницы автора.
Выберите шаблон страницы
Ваша тема WordPress теперь может включать шаблоны для обязательных страниц для большинства веб-сайтов.
Это означает, что с WordPress 6.0 экран «Добавить новую страницу» теперь вызовет всплывающее окно со списком шаблонов, которые вы можете использовать для создания страниц.
Поскольку это совершенно новая функция, ваша тема WordPress может еще не включать никаких шаблонов страниц. В этом случае вы не сможете увидеть всплывающее окно.
Тем не менее вы все еще можете использовать библиотеку шаблонов.
Изменения редактора блоков в WordPress 6.0
Редактор блоков — это область, где большинство администраторов WordPress тратят большую часть своего времени на написание контента и создание страниц для своих сайтов.
Каждый выпуск WordPress основывается на этом, чтобы улучшить опыт написания и создания контента для пользователей WordPress.
WordPress 6.0 включает в себя некоторые действительно интересные функции, которые могут значительно улучшить работу вашего сайта.
Блокировка блокировки в WordPress 6.0
WordPress 6.0 теперь позволяет блокировать блок, чтобы пользователи не могли удалить его или изменить его положение.
Основная проблема с многоразовыми блоками заключается в том, что если какой-либо пользователь вносит в них изменения, то эти изменения сохраняются. Блокировка блоков в WordPress 6.0 на данный момент не решает эту проблему.
Скачать WordPress 6.0 — система управления сайтом
СкачатьДемо / Инфо
Если ссылка на скачивание файла не доступна — дайте нам знать об этом через форму обратной связи
Похожие статьи
CodeLobster IDE – редактор для HTML, CSS, PHP и плагин WordPress
Вниманию пользователей WordPress предлагаем познакомиться с бесплатным редактором для веб-разработки CodeLobster IDE. Это не новинка, он уже зарекомендовал себя в линейке редакторов. Главная особенность редактора – он может редактировать HTML/ CSS/ PHP/JavaScript файлы.
При наборе кода и его редактировании CodeLobsterIDE предлагает различные подсветки синтаксиса, дает подсказки при использовании различных элементов кода.
Если вы используете смешанный код, например, в JavaScript вставите код CSS, редактор подсветит каждый сегмент кода своим цветом, то же самое будет со вставками PHP и HTML.
Удобная функция автодополнения кода значительно ускорит работу веб-разработчиков, и защитит их от синтаксических ошибок. Автодополнение работает с атрибутами, функциями, тегами и другими элементами кода.
В редактор IDE вы можете воспользоваться клавишей F1, чтобы получить контекстную помощь. Информация в help-окно поступает с официальных сайтов. Не нужно искать необходимую документацию, например, по атрибутам CSS или HTML тэгам. Получайте все в одном месте в один клик.
CodeLobster IDE работает с расширением XDebug, при необходимости он пошагово запускает PHP скрипты. Процесс выполняется последовательно по строкам кода до точки останова, которую вы определяете самостоятельно. Удобно, что вы можете в процессе выполнения кода получать значения переменных.
Функционал интегрированной среды разработчика:
Редактор отлавливает скобки, открытые и закрытые, круглые и фигурные, парные теги.
Подсвечивает типы кода, можно выделить блоки, свернуть/развернуть код, делать закладки.
В специальном окне можно посмотреть структуру файла и проекта в целом.
Переведен на 15+ языков, в том числе на русский.
Поддерживает ОС: Windows 7-10, Mac OS, Linux, Ubuntu, Fedora, Debian.
Профверсия дополнена следующими функциями:
Работа с проектами через встроенного ftp/sftp клиента на удаленных серверах.
SQL менеджер.
Поддержка библиотек JavaScript.
Валидатор кода.
Встроенные расширения для работы с PHP фреймворками.
Предлагаются плагины для работы с CMS – WordPress, Drupal, Joomla, Magento.
Плагин WordPress IDE
Плагин WordPress IDE является частью профессиональной версии CodeLobster IDE. Этот плагин превращает редактор WordPress в полноценную интегрированную среду разработки.
WordPress IDE имеет следующие возможности для работы с WordPress CMS:
Установка WordPress CMS.
Автозаполнение WordPress.
Всплывающие подсказки для функций WordPress.
Контекстная и динамическая справка.
Предварительный просмотр шаблона WordPress (редактор тем).
1. Возможность установки WordPress CMS
Плагин WordPress дает возможность скачать последнюю версию WordPress с оригинального сайта и с помощью мастера установить ее в указанную папку.
2. Автозаполнение WordPress
Этот инструмент позволяет писать код быстрее. Всплывающий список автозаполнения включает функции
и аргументы
Этот список вызывается автоматически в необходимой области кода WordPress.
3. Всплывающие подсказки для функций WordPress
Такие подсказки помогают правильно писать код. Они включают описание функций WordPress.
Всплывающие подсказки автоматически отображаются в необходимой области кода WordPress.
4. Контекстная и динамическая справка
Вы можете быстро получить необходимую информацию о синтаксисе WordPress, используя эти функции.
Чтобы получить разделы справки с помощью контекстной справки, наведите мышку на элемент, по которому хотите просмотреть информацию, и нажмите кнопку F1.
Плагин WordPress ищет нужную справочную информацию непосредственно на сайте wordpress.org.
В окне динамической справки отображаются ссылки на разделы справки для элемента, на который установлен указатель. Поиск выполняется также на сайте wordpress.org.
5. Редактор тем WordPress
Редактор тем WordPress упрощает создание тем WordPress. Вам не нужно устанавливать WordPress. Вам даже не нужен сервер! Codelobster собирает различные страницы WordPress в WYSIWYG-версию вашего блога, которую вы можете редактировать в Inspector.
Редактор тем WordPress автоматически объединяет файлы тем WordPress, такие как index.php, header.php, sidebar.php, footer.php и style.css, в единую редактируемую страницу представления дизайна. Вы можете переходить к включенным страницам, щелкая мышью, удерживая клавишу CTRL.
Цена
Базовая версия – бесплатная. Профессиональная версия стоит 79.95 долларов США для 3 активаций на разных устройствах плюс 1 год бесплатного обновления. Будущие обновления будут стоить 19,95 долларов США за 1 год.
(Всего посетителей: 152, сегодня: 1)
Алексей Шевченко
Автор и редактор на wptheme.us
Опыт работы с WordPress более 10 лет. Создал более 1500 сайтов на Вордпресс. Перевел более 400 тем на русский и украинский язык. Сотни вылеченных сайтов от вирусов. Тысячи установленных и настроенных плагинов. Задать вопрос мне можно на https://profiles.wordpress.org/wpthemeus/
Что нового в WordPress 5.8
Недавно WordPress выпустил второе крупное обновление за год, и мы ожидаем увидеть множество улучшений и новых функций. В этом руководстве мы рассмотрим некоторые улучшения и улучшения, внесенные этим обновлением.
1. Редактор шаблонов в WordPress 5.8
В новом обновлении WordPress появилась новая функция — редактор шаблонов . Редактор шаблонов — это попытка создать полноценный инструмент редактирования сайта с помощью редактора блоков.
Теперь вы можете создать шаблон, нажав кнопку « Новый» на вкладке шаблона.
Если вы не найдете эту кнопку, скорее всего, ваша тема WordPress несовместима с этой функцией.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчас
После того, как вы нажмете кнопку, вам будет предложено выбрать имя для шаблона.
При нажатии кнопки « Создать» включается режим редактора шаблонов. Это позволит вам редактировать области, не относящиеся к содержанию, и создавать блоки по всему сайту.
Есть несколько общесайтовых блоков, которые вы можете добавить в свой шаблон с помощью этой опции. Однако эта функция будет использовать дизайн и внешний вид используемой вами темы.
2. Редактор блоков для виджетов в WordPress 5.8
Новое обновление WordPress использует редактор блоков для экрана виджетов. Чтобы попробовать, перейдите в раздел «Виджеты», а затем « Внешний вид» .
Вы увидите список готовых для виджетов областей, в которые вы можете добавлять виджеты в виде блоков. Вы можете добавить эти блочные виджеты во все области с включенными виджетами и на боковые панели вашего веб-сайта.
Блоки дают вам гораздо больший контроль над вашими виджетами, и вы можете создавать креативные и привлекательные пространства виджетов. От цветов до кнопок и дизайна — вы можете создавать виджеты, которые вам нужны.
Однако, если вам не нравится эта функция, вы можете использовать старые виджеты, используя опцию Legacy Widgets .
Вы также можете использовать плагин Classic Widgets, чтобы продолжать использовать старые виджеты в своем WordPress.
3. Редактор блоков в WordPress 5.8
Редактор блоков — это то место, где мы проводим большую часть времени, создавая контент. И похоже, что WordPress большую часть своего времени потратил на усовершенствования и улучшения редактора блоков.
Добавлено множество новых блоков, чтобы вы могли лучше контролировать контент и его внешний вид. Кроме того, недавно добавленные блоки предлагают гораздо больше творческого пространства для реализации ваших идей. Вот список улучшений, внесенных в редактор блоков.
1. Блок цикла запроса
С WordPress 5.8 вам не нужно использовать отдельный плагин для добавления нескольких сообщений на страницу WordPress. С помощью опции Query Loop вы отображаете список сообщений, продуктов или страниц.
Вы также можете выбрать множество раскладок и настроить параметры блока. Чтобы двигаться дальше, просто добавьте на свою страницу блок Query Loop .
2. Двухцветный фильтр для изображений.
Еще одна функция, представленная в WordPress 5.8, — это двухтональный фильтр для изображений и медиаблоков.
Он содержит несколько готовых фильтров и предустановок, которые вы можете использовать, а также можете создавать свои собственные на основе цветов по вашему выбору.
3. Рекомендации по шаблону
WordPress 5.8 имеет каталог шаблонов для общих элементов, и всякий раз, когда вы ищете блок, он рекомендует эти шаблоны, которые вы можете редактировать с новым контентом.
4. Простой выбор родительского блока
До обновления выбор родительского блока во вложенных блоках было несколько затруднительным. Однако с обновлением проблема решена, и на панель инструментов добавляется выделенная кнопка родительского блока.
5. Улучшенный просмотр списка
Обновление предоставляет нам улучшенный и расширенный список всех блоков на странице или в публикации, чтобы мы могли легко перемещаться при работе со сложными макетами.
6. Улучшенный инструмент выделения и лучшее выделение.
В новом обновлении инструмент выделения значительно улучшен и дополнен подсветкой. С обновлением стало намного проще перемещать блоки вверх и вниз.
7. Улучшения блока
Новое обновление также принесло нам много улучшений в уже существующих блоках. Например, теперь у нас есть больше возможностей для выбора текста, цветов и фона.
Теперь у вас есть возможность увеличить или уменьшить расстояние между столбцами.
Также есть возможность использовать градиентный фон для таблиц.
8. Изменения для разработчиков
Для разработчиков также есть много улучшений, которые они могут включить в свои темы и плагины.
Для настройки параметров блока в одном месте представлен новый файл theme.json . Вы можете использовать файл для управления и определения параметров блока.
Theme.json также позволяет изменять макеты или глобально устанавливать ширину содержимого.
Электронное сообщение для восстановления появится только тогда, когда его можно будет отправить.
Это некоторые из замечательных обновлений WordPress 5.8. Мы надеемся, что этот пост помог вам изучить и понять изменения и улучшения этого обновления. Присоединяйтесь к нам на наших Facebook и Twitter, чтобы быть в курсе нашего контента.
Редактор шаблонов — Форумы WordPress.org
Темы
О шаблонах
Что нужно для использования редактора шаблонов
Два способа доступа к редактору шаблонов
Как использовать редактор шаблонов через редактор блоков WordPress
Для редактирования шаблона
Чтобы создать новый пользовательский шаблон
Как использовать редактор шаблонов через редактор сайта
Для перехода к шаблонам
Для редактирования шаблона
Чтобы добавить новый шаблон
Как привязать шаблон к сообщению или странице
Как переименовать пользовательские шаблоны
Очистить настройки шаблонов в теме блока
Как удалить шаблон
Как узнать, что вы редактируете шаблон
Ссылки на ресурсы
Редактор шаблонов позволяет редактировать и создавать шаблоны с помощью блоков. Эти шаблоны определяют внешний вид сообщений, страниц или типов страниц на вашем сайте.
Редактор шаблонов доступен только , если на вашем сайте используется блочная тема или классическая тема, для которой включен редактор шаблонов на серверной части.
WordPress использует шаблоны для создания макета и структуры записей, страниц или определенных типов страниц на странице вашего сайта. Есть несколько базовых шаблонов, которые генерируются при выборе темы. Например:
Шаблон Home используется для отображения главной страницы сайта, если ваш сайт настроен на отображение последних сообщений на главной странице.
Шаблон Index используется для отображения главной страницы всех сообщений блога.
Шаблон Page используется для отображения страниц сайта, если странице не назначены определенные шаблоны.
Многие темы блоков предлагают другие встроенные шаблоны, такие как шаблон Single Post для настройки макета отдельных сообщений в блоге, шаблон 404 для настройки макета страницы ошибки 404, шаблон Search для настройки макет страницы результатов поиска и Архив шаблон для страниц категорий/архивов и т. д.
Кроме того, ваша тема блока может поставляться в комплекте с пользовательскими шаблонами.
В Редакторе шаблонов вы можете найти все шаблоны на вашем сайте, включая любые созданные вами пользовательские шаблоны и те, которые поставляются в комплекте с вашей темой. Вы можете редактировать эти шаблоны и создавать собственные макеты с помощью блоков.
Top ↑
Для работы с редактором шаблонов вам понадобится блочная тема с WordPress 5.9.или более поздней версии на вашем сайте или в классической теме, в которой включен Редактор шаблонов в бэкэнде.
Блочная тема — это тема, в которой используются блоки для всех частей сайта, включая меню навигации, верхний колонтитул, контент и нижний колонтитул сайта. Все блоки, доступные в редакторе блоков WordPress, можно использовать в редакторе шаблонов. Набор блоков, называемых блоками тем, специально создан для редактора сайта и редактора шаблонов.
Вы можете найти блочные темы в каталоге тем WordPress, выбрав Полное редактирование сайта в фильтре функций:
Как найти блочную тему
Top ↑
В зависимости от типа используемой темы вы можете получить доступ к редактору шаблонов двумя способами:
Если вы используете блочную тему, вы можете получить доступ к редактору шаблонов. при редактировании сообщений или страниц через редактор блоков WordPress, а также через редактор сайта.
Если вы используете классическую тему, в которой включен редактор шаблонов на серверной части, вы можете получить доступ к редактору шаблонов только при редактировании сообщений или страниц через редактор блоков WordPress.
В начало ↑
Чтобы использовать редактор шаблонов через редактор блоков WordPress, убедитесь, что на вашем сайте используется блочная тема или классическая тема, для которой включен редактор шаблонов на серверной части.
Наверх ↑
Для редактирования шаблона
Нажмите Сообщения > Добавить новый , чтобы добавить новый пост, или Страницы > Добавить новый , чтобы добавить новую страницу.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» выберите «Редактировать».
Редактировать шаблон в редакторе шаблонов
Опция редактирования доступна только , если вы используете блочную тему, позволяющую редактировать пользовательские шаблоны.
Откроется Редактор шаблонов и вы перейдете в режим редактирования шаблона, где вы можете внести изменения в выбранный шаблон. Чтобы вернуться в редактор блоков WordPress и продолжить вносить изменения в контент, нажмите ссылку «Назад» в левом верхнем углу.
Обратная ссылка в редакторе шаблонов
Когда вы закончите вносить изменения, выберите «Опубликовать». Вам будет предложено сохранить все внесенные вами изменения, включая шаблон и публикацию или страницу.
Нажмите «Сохранить», чтобы подтвердить изменения.
Сохранение шаблона и поста/страницы
При внесении изменений в шаблон редактор обновляет блоки на всех страницах/постах, использующих шаблон.
Наверх ↑
Чтобы создать новый пользовательский шаблон
Нажмите Posts > Add New для добавления нового сообщения или Pages > Add New для добавления новой страницы.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» выберите «Новый».
Создать шаблон в редакторе шаблонов
Опция «Создать» доступна только , если вы используете блочную тему, позволяющую создавать собственные шаблоны.
Откроется диалоговое окно, в котором вы можете указать имя пользовательского шаблона, который вы собираетесь создать. Обязательно дайте ему описательное имя, которое описывает цель шаблона, например. «Полная ширина».
Нажмите «Создать», чтобы открыть редактор шаблонов и перейти в режим редактирования шаблона, где вы можете создать собственный шаблон с помощью блоков. Чтобы вернуться в редактор блоков WordPress и продолжить вносить изменения в контент, нажмите ссылку «Назад» в левом верхнем углу.
Обратная ссылка в редакторе шаблонов
После внесения изменений выберите «Опубликовать». Вам будет предложено сохранить все внесенные вами изменения, включая шаблон и публикацию или страницу.
Нажмите «Сохранить», чтобы подтвердить изменения.
Сохранение шаблона и поста/страницы
Вверх ↑
Вверх ↑
Чтобы перейти к шаблонам
Перейдите к Внешний вид > Редактор (бета) , чтобы открыть Редактор сайта. Вы попадете на шаблон своей домашней страницы (исходя из того, что вы установили в настройках чтения), и вы сможете приступить к редактированию этого шаблона.
Чтобы просмотреть список шаблонов, доступных для вашего сайта, и переключаться между шаблонами:
Щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов.
Щелкните имя любого шаблона в списке, чтобы переключиться на этот шаблон.
В начало ↑
Чтобы отредактировать шаблон
В редакторе сайта ( Внешний вид > Редактор (бета) ), щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть Редактор сайта оставил навигацию.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте, включая все созданные вами и те, которые поставляются с вашей темой.
Щелкните любой из шаблонов в списке, чтобы отредактировать его. Отсюда вы можете настроить макет выбранного шаблона с помощью блоков.
Редактирование шаблонов в редакторе сайта
Когда вы закончите настройку шаблона, нажмите «Сохранить».
Когда вы вносите изменения в шаблон, редактор обновляет блоки на всех страницах/записях, использующих шаблон.
Сохраните шаблон
Чтобы вернуться в Редактор сайта, щелкните значок WordPress (или значок Сайта, если он установлен), чтобы открыть левую панель навигации в Редакторе сайта, и нажмите «Сайт».
Возврат к редактору сайта из редактора шаблонов
Вверх ↑
Чтобы добавить новый шаблон
Редактор сайта отображает ограниченное количество вариантов шаблонов, которые вы можете добавить на свой сайт. Пользовательские шаблоны нельзя создать в Редакторе сайта. Для этого вам нужно использовать редактор шаблонов через редактор блоков WordPress.
В Appearance > Editor (beta) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на сайте.
Доступ к шаблонам в редакторе сайта
Нажмите кнопку «Добавить новый» в правом верхнем углу, чтобы отобразить раскрывающееся меню со списком всех новых шаблонов, которые вы можете добавить на свой сайт.
Главная страница — для отображения домашней страницы вашего сайта, если ваш сайт настроен на отображение обычной страницы в качестве домашней страницы.
Автор – для отображения всех сообщений, написанных одним автором.
Категория — для отображения сообщений в категории.
Дата – для отображения постов на определенную дату.
Тег — для отображения постов на основе тега.
Таксономия — для отображения сообщений из определенного термина таксономии.
Добавление новых шаблонов
Вверх ↑
В панели инструментов WordPress откройте запись или страницу, которой вы хотите назначить шаблон.
Это открывает редактор блоков WordPress.
Перейдите на вкладку боковой панели «Параметры публикации/страницы».
В разделе «Шаблон» вы увидите раскрывающийся список со списком шаблонов, доступных для вашего сайта. Если вы не видите раскрывающийся список в разделе «Шаблон», это означает, что на вашем сайте не созданы шаблоны, и вам необходимо создать новые шаблоны.
Выберите шаблон, который вы хотите присвоить сообщению или странице.
Изменение шаблона страницы влияет только на эту страницу (а не на весь сайт).
Наверх ↑
Вы можете переименовывать только пользовательские шаблоны, созданные с помощью редактора блоков WordPress.
Существует два способа переименования пользовательских шаблонов:
ВАРИАНТ 1:
В редакторе сайта ( Внешний вид > Редактор (бета) ), щелкните значок WordPress (или значок сайта, если вы установили один), чтобы открыть редактор сайта слева.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Нажмите на любой из пользовательских шаблонов, которые вы создали с помощью редактора блоков WordPress.
В редакторе шаблонов щелкните стрелку вниз рядом с названием шаблона на верхней панели. Откроется раскрывающееся меню, в котором вы можете ввести новое имя для выбранного пользовательского шаблона. Убедитесь, что имя указывает на назначение шаблона, например: Полная ширина.
Переименование пользовательского шаблона
Когда вы закончите, нажмите «Сохранить» на верхней панели, чтобы сохранить пользовательский шаблон с новым именем.
Сохранение пользовательского шаблона с новым именем
ВАРИАНТ 2:
В редакторе сайта ( Внешний вид > Редактор (бета) ) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Щелкните значок меню с тремя точками на любом из пользовательских шаблонов, созданных с помощью редактора блоков WordPress. В раскрывающемся меню выберите «Переименовать».
Откроется диалоговое окно, в котором можно ввести новое имя для выбранного пользовательского шаблона. Убедитесь, что имя указывает на назначение шаблона, например: Полная ширина.
Нажмите «Сохранить», чтобы сохранить пользовательский шаблон с новым именем.
Переименование пользовательского шаблона
Этот параметр доступен только для пользовательских шаблонов, созданных с помощью редактора блоков WordPress.
Вверх ↑
При внесении изменений в шаблоны, поставляемые в комплекте с вашей темой блока, вы увидите возможность очистить настройки.
Щелкните значок меню из трех точек, чтобы открыть раскрывающееся меню, и выберите «Очистить настройки». Это приведет к сбросу шаблона в состояние по умолчанию, и вы потеряете изменения, внесенные в этот шаблон.
Удалить настройки для шаблона
Этот параметр доступен только для шаблонов, которые вы уже настроили. Если вы не найдете эту опцию, это означает, что ваш шаблон уже находится в состоянии по умолчанию.
Простой способ определить шаблоны, которые вы настроили, — это найти синюю точку рядом со значком шаблона в столбце «Добавлено» в списке шаблонов.
Синяя точка, указывающая на шаблоны, которые вы настроили.
При наведении курсора на синий шаблон также отображается всплывающая подсказка, указывающая на то, что шаблон был настроен.
Подсказка с указанием шаблонов, которые вы настроили.
В начало ↑
Вы можете удалить только пользовательские шаблоны, созданные с помощью редактора блоков WordPress, и новые шаблоны, добавленные с помощью редактора сайта.
В редакторе сайта ( Внешний вид > Редактор (бета) ) щелкните значок WordPress (или значок сайта, если он установлен), чтобы открыть левую навигацию редактора сайта.
Нажмите «Шаблоны», чтобы просмотреть список шаблонов на вашем сайте.
Щелкните значок меню с тремя точками на любом из пользовательских шаблонов, созданных с помощью редактора блоков WordPress, и на новых шаблонах, добавленных с помощью редактора сайта. В раскрывающемся меню выберите «Удалить». Это приведет к удалению шаблона.
Удаление шаблона
Вверх ↑
Существует три способа узнать, что вы редактируете шаблон, а не сообщение или страницу:
Вступительное руководство знакомит вас с этой функцией при первом открытии редактора шаблонов.
Приветственное руководство по редактору шаблонов
2. Темная рамка, появляющаяся вокруг шаблона во время редактирования.
Темная рамка при редактировании шаблонов
3. Имя шаблона отображается в верхней панели
Редактор шаблонов с названием шаблона
Вверх ↑
Знакомство с редактором шаблонов в WordPress 5.8
Создайте целевую страницу с помощью редактора шаблонов WordPress
Станьте одним из первых пользователей плагина Gutenberg
Список изменений:
Обновлено 22 мая 2022 г.
Добавление функций версии 6.0. обновление скриншотов и видео и переработка контента.
Отредактировано для добавления контента в Редактор сайта 5 января 2022 г.
Отредактировано для добавления дополнительного элемента ресурса 30 июля 2021 г.
Создано 11 июля 2021 г.
Знакомство с редактором шаблонов
20 ноября 2021 г. 👋 Друзья! Это руководство устарело из-за изменений в последних версиях Gutenberg. Я в процессе его обновления. Спасибо за терпеливость.
Приблизительное время прочтения: 7 минут
Это комбинированный урок и упражнение с введением в редактор шаблонов WordPress. Вы узнаете, как получить доступ к редактору, использовать интерфейс, а также узнать о различиях между редактором блоков и редактором шаблонов.
Чтобы проиллюстрировать, как работает редактор, я хочу показать вам два разных шаблона в блоках TT1. После этого вы создадите свой первый шаблон.
Для этого урока вам необходимо иметь:
Последние версии WordPress и Gutenberg (Этот урок написан для версии Gutenberg 11.2.1).
TT1 Тема блоков.
Содержание
Редактор блоков Раздел шаблонов
Интерфейс редактора шаблонов
Область содержимого редактора шаблонов
Как шаблоны отображают содержимое из редактора блоков
Создание новых шаблонов
0 Сводка 90 60
Редактор блоков Раздел шаблонов
Вы можете получить доступ к редактору шаблонов из редактора блоков. Начните с создания новой страницы. На этой странице я хочу, чтобы вы добавили заголовок страницы и немного контента. Содержимое может быть любым, например, несколько абзацев или изображение. -Сохраните страницу, прежде чем продолжить.
Затем откройте боковую панель настроек документа, щелкнув символ настройки шестеренки. Найдите раздел Шаблон под разделом Статус и видимость:
В заголовке раздела указано имя текущего шаблона: Шаблон: Страница. Под заголовком находится список всех шаблонов, которые можно использовать со страницами, за которыми следуют две опции: Редактировать и Создать .
Интерфейс редактора шаблонов
Чтобы открыть редактор шаблонов, просмотрите шаблоны в блоках TT1, выберите и отредактируйте шаблон по умолчанию .
Редактор шаблонов очень похож на редактор блоков. Оказавшись внутри, интерфейс должен показаться вам знакомым, но с темной рамкой вокруг области содержимого:
Боковая панель настроек документа в редакторе шаблонов называется Template , и на ней отображаются имя и описание шаблона.
Над областью содержимого, между меню панели инструментов и меню сохранения и настроек находится новый меню параметров шаблона , которое показывает заголовок страницы, имя шаблона и описание.
Когда вы создали пользовательские шаблоны, вы можете переименовать и удалить их из этого меню:
3. Еще одно отличие – кнопка «Назад» над областью содержимого, которая возвращает вас к редактору блоков и странице или публикации, которую вы редактировали.
Область содержимого редактора шаблонов
Область в редакторе, где вы размещаете блоки, называется областью содержимого и иногда как холст .
Шаблон по умолчанию в теме блоков TT1 включает заголовок страницы и содержимое, добавленное на предыдущем шаге. Он также включает заголовок сайта и слоган, заполнитель для навигационного блока, а также область комментариев и нижний колонтитул сайта, которые не были видны в редакторе блоков. Это представляет всю страницу, как она будет выглядеть на лицевой стороне веб-сайта.
Открыть список (последний значок в меню панели инструментов):
Здесь перечислены все блоки на странице (на изображении я свернул блоки нижнего колонтитула и блоки комментариев для экономии места). Когда вы щелкаете блок в представлении списка, он выделяется и выделяется в области содержимого.
Как шаблоны отображают содержимое из редактора блоков
Одним из наиболее важных блоков, которые вы будете использовать в редакторе шаблонов, является блок Post Content . В этом блоке отображается весь контент, который вы добавили на страницу в редакторе блоков.
Другими словами, редактор шаблонов берет ваш контент и помещает его в контекст полной страницы:
Теперь у вас есть два представления вашего контента; редактор блоков, в котором отображается только содержимое, и редактор шаблонов, в котором то же содержимое отображается на полной веб-странице.
— Таким образом вы можете использовать один и тот же шаблон для нескольких страниц или сообщений, но отображать d различный контент.
Создание новых шаблонов
Вы создаете новые шаблоны с помощью Новая опция в разделе «Шаблон» в редакторе блоков:
Когда вы выбираете «Новый», редактор показывает модальное или всплывающее окно для ввода имени шаблона. Имена необязательны, но я настоятельно рекомендую добавить то, которое описывает назначение шаблона. Продолжите, нажав кнопку «Создать».
При открытии редактора шаблонов в области содержимого могут быть уже размещены блоки. Эти блоки могут быть разными в зависимости от темы:
Сохранение изменений
Редактор шаблонов WordPress использует то, что разработчики называют «сохранением нескольких объектов», потому что вы можете сохранить три разные вещи:
Шаблон
Контент, то есть запись или страницу, которая находится в блоке контента
Блоки сайта: название сайта, слоган сайта, логотип сайта
Когда вы публикуете обновления, вас спросят, какую часть вы хотите сохранить. На панели сохранения будут отображаться только детали, для которых у вас есть несохраненные изменения:
Резюме
В этом уроке вы узнали, как выбирать шаблоны в разделе шаблонов, перемещаться между редакторами, а также создавать и сохранять новые шаблоны.
В следующем уроке вы узнаете о частях шаблона и о том, как внести изменения в шапку сайта. А пока продолжайте учиться и практиковаться, создавая шаблоны на своем тестовом сайте WordPress.
Знакомство с грядущим редактором шаблонов WordPress 5.8 — WP Tavern
Выпуск WordPress 5.8 намечен на 20 июля. Всего через месяц многие пользователи впервые почувствуют вкус одной из моих любимых новых функций: редактирования шаблонов. режим.
Редактор шаблонов — это новый инструмент, который позволяет конечным пользователям создавать собственные шаблоны, не выходя из экрана постредактирования. Он существует как ступенька к возможному редактору сайта, функция, которая передаст полный контроль над дизайном тем, кто этого хочет.
Недостатком новой функции в WordPress 5.8 является то, что пользователи не будут иметь доступа к верхнему и нижнему колонтитулам своей темы, боковой панели или другим частям шаблона. Это чистый лист, на который они должны надеть свои дизайнерские колпачки, чтобы создать всю страницу.
С учетом этих ограничений, какой смысл в запуске редактора шаблонов с WordPress 5.8?
Целевые страницы.
Чистый лист — это не всегда плохо. Есть причина, по которой все лучшие темы включают в себя шаблоны страниц с именами Blank, Empty, Canvas, Open или что-то подобное. Иногда пользователи хотят контролировать весь вывод страницы. И WordPress 5.8 предоставляет эту возможность каждому пользователю WordPress.
Я редактирую шаблоны уже несколько месяцев, но всегда в контексте темы блока. Я создал портфолио фотографий и целевую страницу WordCamp в рамках программы FSE Outreach Program. Несмотря на некоторые сбои, это было стоящее путешествие, поскольку эта функция была реализована. Тем не менее, большая часть моего тестирования была связана с темой TT1 Blocks.
Пришло время испытать его в реальных условиях с темами, которые на самом деле широко используются.
Будет ли он работать с моей темой?
У многих пользователей возникнет вопрос: будет ли этот новый редактор шаблонов работать с моей темой? Ответ заключается в том, что это зависит. В общем, да, в какой-то степени это сработает. Однако, поскольку старые проекты создавались без учета редактора шаблонов, не все возможности будут одинаковыми.
Я хотел действительно проверить эту теорию работы с каждой темой. Итак, я загрузил Twenty Fifteen, одну из моих любимых тем по умолчанию за последнее десятилетие.
Возможно, я слишком далеко зашел.
Twenty Fifteen имеет двухцветный фон, предназначенный для боковой панели и содержимого.
Редактор блоков еще не существовал, когда была построена Twenty Fifteen. Использование техники box-shadow на фоне страницы означало, что вся страница имеет два цветных столбца, идущих по ней. Команде дизайнеров пришлось использовать некоторые хакерские методы для боковой панели и фона контента одинаковой высоты. Аааа… старые добрые времена, когда у разработчиков не было доступа к CSS flex-box и grid.
Именно такие проблемы могут ограничивать некоторые старые темы. В случае с Twenty Fifteen я мог скрыть фон блоком Group или Cover поверх него.
Пользователи, скорее всего, получат лучшие результаты при использовании чего-то более современного, по крайней мере, темы, созданной в эпоху блоков. Даже такая простая вещь, как поддержка широкого выравнивания, изменит характер WYSIWYG редактора шаблонов. Если тема не поддерживает эту функцию, внешний интерфейс не будет соответствовать редактору.
Я прыгнул вперед на несколько лет. Twenty Nineteen была первой темой WordPress по умолчанию с поддержкой блоков. Это старо, но не древнее в годы Интернета.
Редактор против интерфейса Twenty Nineteen.
Существуют некоторые различия между представлениями редактора и внешнего интерфейса. Заполнение блока обложки отключено, интервалы по вертикали не совпадают, размер шрифта ввода поиска отличается, а радиус границы кнопки поиска округлен на переднем конце. Тем не менее, это тема почти трехлетней давности. В этом простом тесте он показал себя лучше, чем ожидалось.
Забегая вперед на пару лет, я активировал Twenty Twenty-One, последнюю стандартную тему WordPress.
Редактор и внешний интерфейс Twenty Twenty-One.
Редактор очень похож на то, что вы видите во внешнем интерфейсе. Наиболее заметными отличиями являются непоследовательные отступы для блока «Обложка» и светло-серая рамка для поля ввода поиска в представлении редактора.
Пришло время подвергнуть редактор шаблонов «настоящим» испытаниям. Я активировал последнюю версию Eksell, одну из самых полных блочных тем из существующих.
Редактор и внешний интерфейс Eksell.
Очевидно, тема выводит черный раздел слева. Это предназначено для боковой панели/выпадающего меню темы. Однако, поскольку у пользователя нет доступа к части шаблона, которая выводит этот элемент, для некоторых может оказаться невозможным создание пользовательских шаблонов с этой темой. Я уверен, что Андерс Норен, разработчик, решит эту проблему.
Подобные, неизвестные проблемы возникнут со многими тысячами тем в дикой природе. Это не значит, что тема обязательно плохая. Это просто означает, что он не был создан с учетом редактора шаблонов. Пользователям, возможно, придется немного поумерить свои надежды, пока они не протестируют режим редактирования шаблона со своей активной темой.
О, а этот уродливый пробел, показывающий фон содержимого в верхней части редактора? Вы увидите это буквально в каждой теме. Я понятия не имею, почему команда разработчиков думала, что это будет хорошим вариантом по умолчанию. Почти каждый веб-дизайн, который я рассматривал на протяжении многих лет, обнуляет элемента заполнения страницы.
Тем авторам темы, которые читают, нужно будет с этим разобраться. Если вы уже строили для редактора блоков, вы, вероятно, умеете справляться с такими причудами.
Если мы посмотрим на пользовательскую тему, которую я создавал, вы не увидите проблем с выравниванием между редактором и внешним интерфейсом.
Редактор и внешний интерфейс пользовательской темы блока.
Отличие моей темы в том, что я создаю ее, когда редактор шаблонов уже является частью плагина Gutenberg. Все остальные были созданы ранее. Не корректно их сравнивать. Однако пользователи должны знать, что старые темы могут работать некорректно. Возможно, им придется дождаться обновлений или попробовать новый дизайн, прежде чем воспользоваться преимуществами редактирования шаблона.
Я также выбрал Twenty Nineteen, Twenty Twenty-One и Eksell, потому что они были разработаны профессионалами в нашей отрасли и выпущены в последние несколько лет. Каждый из них хорошо держится, но имеет несколько проблем, которые было бы тривиально исправить.
Все это говорит о том, что результаты могут сильно различаться.
Идеальный способ использования редактора шаблонов
Я опасаюсь, что с редактором шаблонов пользователи начнут микшировать свой контент непосредственно в редакторе. Это вопрос, который я поднял во время 7-го раунда программы FSE Outreach Program. В конечном итоге речь идет о границе между контентом и шаблоном.
Традиционно авторы тем создавали собственные шаблоны, которые конечные пользователи применяли к своим страницам. Если эти пользователи не знали, как вносить прямые изменения в код, они только выбирали шаблон и редактировали свой собственный контент через редактор. Всегда было понятно, где заканчивается редактирование контента и начинается редактирование шаблона.
Новый режим немного мутит воду. Поскольку у пользователей есть прямой доступ к изменению шаблона из самого редактора постов/страниц, я не сомневаюсь, что многие будут создавать весь контент страницы из редактора шаблонов.
Даже я сделал ошибку, поместив то, что обычно было бы содержимым, в моих примерах шаблонов выше. Это было чисто для иллюстрации.
В этом нет ничего плохого, если это намерение пользователя. Однако шаблоны обычно предназначены для управления макетом страницы. Такие вещи, как верхний и нижний колонтитулы и элементы упаковки содержимого, принадлежат ему, а сам контент хранится отдельно. Шаблоны также предназначены для повторного использования. Если вы примените один и тот же шаблон к нескольким страницам, любые изменения, внесенные в этот шаблон, будут обновляться на каждой странице.
Я рекомендую начать с простого добавления блока Post Content в шаблон. Вы можете сделать это с помощью средства вставки блоков или вставив этот фрагмент кода:
Если вы просто хотите пустой/пустой шаблон, в чем сейчас хорош редактор, это все, что вам нужно. Вы можете вернуться к редактору страниц и дать волю своему творчеству.
Вот начало целевой страницы романиста, которую я создал из этого пустого шаблона:
Контент страницы был добавлен через редактор сообщений, а не в режиме редактирования шаблона. Это позволит мне создать несколько страниц, используя один и тот же открытый холст.
Если вы хотите добавить другие элементы макета, вы также можете прикрепить их. Попробуйте смешать и сопоставить заголовок сайта, слоган сайта и блоки навигации в качестве заголовка. Вставьте блок Columns с другими блоками, чтобы создать «область виджета» в нижнем колонтитуле.
Возможности редактора шаблонов связаны с темами блоков. Со временем дизайнеры смогут создавать эти шаблоны заранее, а пользователи смогут их настраивать. У них также будет доступ к более надежному набору блоков, таких как загрузка частей шаблона. Однако нам нужно дождаться, по крайней мере, выхода WordPress 5.9.позже в этом году, прежде чем они станут доступны, и это еще не высечено на камне.
А пока у нас есть вроде-нормальный-но-потрясающий генератор целевых страниц.
Категория: Мнение, WordPress
Нравится
Нравится Загрузка…
Объяснение полного редактирования сайта WordPres
Последняя версия WordPress 5.9 принесла ряд заманчивых изменений, в первую очередь долгожданное полное редактирование сайта WordPress (FSE). . Эта функция, кажется, меняет правила игры в создании и использовании тем.
В частности, WordPress 5.9 «Жозефина» была выпущена 25 января 2022 года и значительно расширила роль редактора блоков. Теперь вы можете редактировать практически любую часть вашего сайта WordPress.
FSE подразумевает следующие функции : темы блоков, редактирование шаблонов, блоки сайта и глобальные стили. И это звучит как практически безграничные возможности для Gutenberg и WordPress и серьезная заявка на то, чтобы немного побеспокоить визуальных разработчиков.
🙃Шучу.
Пока не знаем. Тем не менее, полное редактирование сайта WordPress выглядит очень многообещающе. Разрешая эксперименты с темами, WordPress смещает предвзятость в пользу редактора Gutenberg.
Что ж, будет интересно посмотреть, как будут разворачиваться события. А пока давайте разберемся, что такое FSE и что он несет.
Содержание
Суть полного редактирования сайта
Блоки и шаблоны для создания сайта
Улучшения многоразовых блоков
Темы на основе блоков
Редактор шаблонов
Настройка блоков и глобальные стили
Приложение Theme. json
Скрытые изменения в последней версии WordPress
Что это значит для разработчиков?
Последние мысли. эти блоки тоже.
Напомним:
Блок — это предварительно закодированный элемент контента, который вы можете добавить в область редактирования и спроектировать макет контента. Вы можете добавлять блоки для абзацев, мультимедиа, списков и т. д.
Раньше любой сайт WordPress делился на две большие части и требовал больше, скажем так, возни. Вы использовали WordPress Customizer для работы с глобальными элементами и обратились к редактору WordPress для разработки области содержимого.
В последнем выпуске WordPress вы сможете воспользоваться преимуществами новых блоков и шаблонов блоков, улучшить работу с повторно используемыми блоками и использовать новые настройки для точной настройки своего сайта.
Напоминаем:
Шаблон — это макет для различных частей веб-сайта, таких как нижний колонтитул, заголовок и т. д.
Краткий обзор концепций FSE:
Единый интерфейс для создания, редактирования и предварительного просмотра шаблонов постов и страниц.
Шаблоны полностраничного макета вместе с верхним и нижним колонтитулами сайта и областью содержимого.
Конкретные части шаблона или структурные блоки можно повторно использовать внутри любого шаблона (так называемые «многоразовые блоки»).
Новые блоки для создания логотипа сайта, названия сайта, слогана, меню, сайдбара.
Интерфейс Стили для выбора и применения стилей по умолчанию как для всего сайта, так и для отдельных блоков.
Файл конфигурации темы , содержащий стили и настройки по умолчанию (theme.json).
Наряду с реализацией полного редактирования сайта (FSE) WordPress продолжает повышать производительность веб-сайтов WordPress.
Теперь давайте углубимся в детали конкретных функций FSE.
Блоки и шаблоны для создания веб-сайта
Последняя версия WordPress приближает нас к полному редактированию сайта, включая новые блоки и шаблоны блоков для заголовка сайта, логотипа, боковой панели и т. д. Новый каталог шаблонов блоков позволяет вам найдите шаблоны блоков, которые вы можете установить, аналогично тому, как вы используете плагин и каталог тем для установки тем и плагинов. Редактор также предлагает шаблоны блоков на основе блока, с которым вы работаете.
Усовершенствования повторно используемых блоков
Многоразовые блоки позволяют вам стилизовать и настраивать определенный блок и повторно использовать его с теми же настройками на вашем сайте. В WordPress 5.9 вам будет предложено назвать повторно используемый блок во время создания.
Многоразовые блоки также поддерживают историю изменений, упрощая отзыв изменений.
Темы на основе блоков
Как вы могли догадаться по названию, темы на основе блоков — это темы, разработанные с учетом редактора блоков. Они также включают определенные стили для разных блоков. Прелесть блочных тем в том, что они позволяют редактировать каждую часть вашего веб-сайта, не ограничиваясь макетами страниц и постов.
До сих пор шаблоны писались на PHP. С переходом на полное редактирование сайта темы блоков определяют шаблоны по умолчанию и части шаблонов, которые представляют собой статические файлы HTML, а не файлы PHP. Полный шаблон включает в себя область содержимого и различные части, такие как footer.html или header.html. Другие шаблоны могут повторно использовать эти части шаблона.
Однако, поскольку части шаблона, такие как верхние и нижние колонтитулы, представляют собой статические HTML-файлы, их редактирование будет означать, что вам придется перезаписать их. Вот почему вы можете создавать и редактировать шаблоны и части шаблонов как пользовательские типы сообщений.
Кроме того, использование блочных тем означает, что вам не нужно переключаться между редактором контента WordPress и настройщиком. Вместо этого вы будете управлять всем в одном месте. Это упростит редактирование и настройку сайта и облегчит работу с сайтом вашим клиентам.
На момент написания в официальном репозитории не так много тем блоков. Тем не менее, это не означает, что неблочные темы перестанут работать в одночасье. Они будут продолжать работать, и многие пользователи по-прежнему могут полагаться на визуальные конструкторы и плагины для создания страниц, управления и добавления контента на свой веб-сайт.
Мир блоков — это будущее направление WordPress, а это значит, что вы должны начать создавать свои собственные темы на основе блоков.
Имея это в виду, возникает вопрос: есть ли место визуальным строителям в блочном мире?
Редактор шаблонов
Редактор шаблонов — это инструмент FSE, который позволяет создавать и редактировать пользовательские шаблоны, не выходя из области редактирования поста. Таким образом, вы можете создавать многоразовые шаблоны на основе блоков, которые ваши клиенты могут применять на каждой странице. Чтобы получить доступ к этой функции, вам нужно выбрать классическую или блочную тему — Twenty Nineteen, Twenty Twenty, Twenty Twenty-One или Twenty Twenty-Two, представленные в WordPress 5.9..
Когда вы нажимаете кнопку «Редактор» на вкладке «Внешний вид», вы получаете следующие параметры:
Если вы нажмете «Просмотреть все шаблоны», вы увидите шаблоны, которые вы можете редактировать, и добавить свои собственные. :
Новый редактор шаблонов позволяет манипулировать различными типами страниц в едином интерфейсе без каких-либо сторонних надстроек. Например, вы можете создать собственный макет для домашней страницы или целевой страницы, разработать страницы блога, избегая стандартного расположения, и т. д. Кроме того, вы можете легко создать страницу «О нас» или «Контакты», добавить страницу поиска и создать собственную страницу 404.
Также, если вы подключите плагин WooCommerce, вы сможете создавать и редактировать Woo-адаптированные шаблоны:
В режиме редактирования шаблона вы можете создавать шаблоны, применяя существующие блоки (в том числе новые FSE — Site Title, Слоган сайта, вход/выход и т. д.). Части веб-сайта, такие как верхний и нижний колонтитулы, также доступны для редактирования прямо здесь.
Новый редактор шаблонов также является интерфейсом для изменения глобальных настроек стилей, включая цвета, шрифты и индивидуальный дизайн. Эти настройки стиля и возможность редактировать шаблоны находятся на бэкенде, а интерфейс похож на привычный редактор WordPress.
По умолчанию блоки имеют собственные стили, чтобы обеспечить базовую поддержку без внесения каких-либо изменений. Однако, если вы не хотите использовать стиль по умолчанию, вы можете настроить или переопределить эти стили.
Что я также хочу сказать, так это то, что Редактор шаблонов великолепен: он позволяет любому расположить темы без кода, и это огромно!
До сих пор, если вы хотели внести изменения в стили своей темы, вам приходилось использовать WordPress Customizer. А если вы разработчик, вам пришлось использовать Customizer, чтобы сделать возможным изменение стиля для ваших клиентов.
Интерфейс глобальных стилей в рамках темы меняет подход к стилю. Отныне вы можете применять цвета и макеты из простого графического интерфейса всякий раз, когда вы хотите внести изменения в блоки или основной дизайн вашего сайта. Проще говоря, стили из Customizer можно применять глобально к нужным частям и блокам сайта в одном месте.
Тем не менее, обратите внимание, что в качестве функции FSE глобальные стили могут применяться только к тем темам и блокам, которые поддерживают соответствующие функции.
Кроме того, существующие блоки будут включать в себя новые инструменты дизайна и улучшения, такие как выбор цвета и типографики, параметры интервалов, перетаскивание для фона скинов и многое другое. Эти изменения позволят вам встраивать файлы PDF в блок файлов, и у вас будет больше возможностей для преобразования блоков.
В будущем, если вы будете разрабатывать собственные темы, вам нужно будет учесть эти изменения и убедиться, что ваши клиенты могут редактировать стили в одном месте.
Приложение Theme.json
Как я упоминал ранее, темы теперь будут использовать theme.json для управления и настройки параметров стиля, включая конфигурацию макета, поддержку блоков, цвета и многое другое. Таким образом, любые плагины, у которых есть логика, связанная со стилями, должны использовать API для получения файлов theme.json. Например, если плагин может применять темную тему, он должен использовать theme.json, чтобы настроить отображение текста в светлых тонах.
Это изменение направлено на решение одной из самых больших проблем, с которыми столкнулись разработчики темы. Это означает разрешение конфликтов, возникающих при рассмотрении ядра, темы, пользовательских стилей и возможных стилей блоков. Theme.json смягчает проблему, уменьшая количество CSS, которое должен выводить браузер. Он решает проблемы специфичности и предоставляет пользователям информацию о текущем стиле в элементах управления пользовательского интерфейса. Это звучит немного сложно, но постарайтесь думать об этом как о первом шаге к созданию места, где вы можете комбинировать базовые, пользовательские настройки и настройки стиля темы.
Скрытые изменения в последней версии WordPress
В дополнение к изменениям, описанным выше, есть несколько небольших изменений, ориентированных на разработчиков, которые вы уже могли найти в WordPress 5.8. К ним относятся, но не ограничиваются:
WordPress прекращает поддержку Internet Explorer 11.
Больше согласованности в выводе wp_get_document_title ().
Поддержка формата изображения WebP.
Используйте новую ловушку фильтра image_editor_output_format, чтобы изменить формат файла, используемый для подразмеров изображения.
Для получения дополнительной информации, пожалуйста, обратитесь к официальному сообщению в блоге WordPress с подробным описанием изменений.
Что это значит для разработчиков?
Если вы являетесь разработчиком WordPress, вы можете сначала узнать об изменениях для разработчиков и узнать о новых функциях фильтров и ловушках.
Однако это не означает, что вы должны игнорировать другие изменения. В частности, вы можете заглянуть под капот и понять все тонкости работы полного редактирования сайта. Включает в себя:
Просмотрите новый файл конфигурации, необходимый для создания как классической, так и блочной темы.
Записывайте все новые хуки и функции фильтров и изучайте Кодекс WordPress, чтобы понять, как они работают и как их использовать в темах, блоках и плагинах.
Изучите новые файлы шаблонов, чтобы понять, что WordPress ищет в первую очередь с точки зрения иерархии шаблонов.
Узнайте об API WordPress и API шаблонов блоков, чтобы создавать собственные шаблоны блоков, которые можно использовать в темах и плагинах.
Установите специальное промежуточное программное обеспечение или локальную установку, чтобы вы могли протестировать все изменения, прежде чем отправлять их на сайты ваших клиентов.
Последние мысли
Основные выводы из всего, что я рассказал вам ранее о полном редактировании сайта:
FSE преднамеренно предоставляет единый интерфейс для создания и редактирования глобальных и страничных элементов;
обеспечивает большую гибкость при разработке и создании макетов веб-сайтов;
у вас есть возможность вносить глобальные и специфичные для страницы изменения в единой области редактирования;
FSE стремится обеспечить единый рабочий процесс WordPress ;
вы не будете тратить время на бесконечное переключение между настройщиком и редактором WordPress.
Таким образом, концепция блоков становится основным инструментом для создания полного веб-сайта WordPress.
Кроме того, вы можете присоединиться к программе WordPress FSE Outreach Program, чтобы получать ранние обновления и знакомиться с новой версией заранее. Там вы можете оставить комментарии и поделиться некоторыми предложениями по производительности FSE.
И последнее, но не менее важное: несколько напутственных слов. Прежде чем устанавливать WordPress 5.9 и копаться в FSE, не забудьте провести бета-тестирование всего. Промежуточный сайт или локальная установка WordPress — идеальный способ протестировать новые функции. Это позволит вам эффективно обновлять сайты ваших клиентов и готовиться к любым изменениям, которые могут потребовать большего внимания.
Я надеюсь, что эта статья дала вам представление о том, что вы можете ожидать от последней версии WordPress и, в частности, от полного редактирования сайта. Поскольку WordPress продолжает добавлять новые функции и улучшать существующие, важно понимать направление, в котором он движется, и оставаться в курсе.
Удачи с FSE😉
Часто задаваемые вопросы
Что такое полное редактирование сайта Гутенбергом?
FSE — это концепция WordPress, подразумевающая построение всего сайта из блоков. Он позволяет редактировать различные части вашего веб-сайта, используя единый интерфейс и исключая применение сторонних плагинов.
Что такое редактор шаблонов WordPress?
Редактор шаблонов — это функция FSE, которая позволяет создавать и редактировать шаблоны для страницы или публикации с помощью блоков.
Что такое блочная тема WordPress?
Блочная тема WordPress — это тема, состоящая из шаблонов, полностью состоящих из блоков. Это означает, что помимо сообщений и страниц, вы можете редактировать различные области сайта, такие как боковая панель, заголовок сайта, верхний и нижний колонтитулы.
Как использовать повторно используемые блоки в WordPress?
Многоразовые блоки — это удобный способ сэкономить время и избежать дублирования контента каждый раз. Добавьте содержимое в повторно используемые блоки: Шаг 1. Найдите нужный блок. Шаг 2. Нажмите на три точки, которые вы видите на панели инструментов. Шаг 3. Нажмите кнопку «Добавить в многоразовые блоки» и дайте ему имя. Шаг 4. Нажмите кнопки «Опубликовать» и «Сохранить».
Работа с частями шаблона в полнофункциональном редакторе сайта WordPress — Центр поддержки хостинга InMotion
Перейти к содержимому
Обновлено 22 августа 2022 г. , автор Arnel Custodio
4 минуты, 51 секунда на чтение
Части шаблона — это шаблоны блоков в теме WordPress, которые можно использовать при создании вашего сайта. Например, верхние и нижние колонтитулы и их варианты считаются частями шаблона. Это руководство проведет вас через этапы создания и редактирования части шаблона в полнофункциональном редакторе сайта WordPress. Мы также покажем вам, как сбросить изменения ваших частей шаблона и удалить добавленные части шаблона.
Создание частей шаблона
Редактирование частей шаблона
Части шаблона Страница
Чтобы создать части шаблона, вам необходимо войти в Администратор WordPress и использовать блочную тему. В этом уроке мы используем тему Twenty Twenty two.
Войдите на сайт WordPress.
Нажмите Внешний вид , затем нажмите Редактировать .
На приведенном выше снимке экрана показана страница «Части шаблона». Чтобы перейти к нему из полного редактора сайта, нажмите на символ WordPress в правом верхнем углу. Это откроет столбец в левой части экрана.
Нажмите на Части шаблона . Откроется страница частей шаблона.
Здесь вы увидите список частей шаблона, которые были созданы или являются частью темы. Нажмите синюю кнопку Добавить новый в правом верхнем углу.
Откроется всплывающее окно со списком трех типов частей шаблона, которые вы можете создать.
Общий — это часть шаблона, которая не является обязательной частью какой-либо части веб-сайта. Как и шаблоны, вы можете использовать эту часть шаблона для быстрого создания страницы на своем сайте WordPress. Например, вы можете захотеть быстро использовать предопределенный блок информации о компании на своем сайте WordPress.
Заголовок — предопределенная область, которая находится в верхней части страницы вашего сайта. Заголовки часто содержат меню навигации или заголовок. Вы можете создавать варианты шапки для разных страниц сайта WordPress.
Нижний колонтитул — заранее заданная область внизу страницы вашего сайта. Нижние колонтитулы часто содержат одинаковую информацию и ссылки со страницы на страницу, но вам может понадобиться создать вариант нижнего колонтитула в зависимости от потребностей вашего веб-сайта.
Для этого урока мы создадим часть шаблона General . По умолчанию общий параметр уже установлен. Введите имя для своей части шаблона, затем нажмите синюю кнопку Create .
Вы увидите пустой экран с названием вашего шаблона в центре и вверху экрана. Нажмите на + знак в верхнем левом углу, чтобы начать создание части шаблона.
Выберите блоки или шаблоны для создания части шаблона. Пример на скриншоте ниже — информационный блок компании. В левой колонке будет логотип компании, а в правой — текст политики компании. Эта часть шаблона состоит из блока столбцов (2 столбца), блока логотипа сайта и двух блоков абзацев.
Поскольку эта часть шаблона может использоваться с другими блоками на странице, рекомендуется хранить все блоки в части шаблона как группу . Нажмите на Представление списка в верхней левой панели инструментов, затем выберите все блоки, которые составляют часть вашего шаблона. Верхняя часть выбранной группы блоков является блоком столбца. Щелкните вертикальное меню с тремя точками справа от него, а затем щелкните Group . Это сгруппирует блоки под Группа в виде списка.
Нажмите синюю кнопку Сохранить в правом верхнем углу, чтобы сохранить свою работу.
На этом создание детали шаблона завершено. Когда вы посмотрите на список частей шаблона, вы увидите, что ваш блок добавлен в список.
Редактирование частей шаблона
При редактировании частей шаблона вы модифицируете существующие части шаблона в соответствии с потребностями своего веб-сайта. В настоящее время WordPress позволяет вам вносить изменения в часть шаблона и удалять изменения, чтобы вернуть части шаблона в исходное состояние.
В полнофункциональном редакторе сайта WordPress нажмите логотип WordPress в верхнем левом углу, чтобы открыть параметры редактора .
Выберите часть шаблона, которую вы хотите отредактировать. На скриншоте ниже мы нажимаем на Заголовок .
Отредактируйте выбранную часть шаблона. Чтобы продемонстрировать изменение, мы изменили часть шаблона заголовка, чтобы под существующими блоками был добавлен блок изображения.
После завершения внесения изменений в часть шаблона. Нажмите синюю кнопку СОХРАНИТЬ в правом верхнем углу.
Удаление изменений частей шаблона
Может наступить момент, когда вам больше не понадобятся изменения, внесенные в существующие части шаблона. Вы можете нажать на существующие части шаблона темы и удалить все настройки. Вы также можете удалить любые части шаблона, которые вы могли добавить.
Чтобы очистить настроенные части шаблона по умолчанию:
Перейдите на страницу частей шаблона .
Нажмите на 3-точечное вертикальное меню справа от части шаблона.
Нажмите на появившуюся опцию Очистить настройки. Затем вы увидите подтверждение изменения в уведомлении, подтверждающем, что часть шаблона была отменена.
Чтобы удалить добавленную часть шаблона:
Перейдите на страницу Части шаблона .
Нажмите на 3-точечное вертикальное меню справа от части шаблона.
Нажмите на опцию Удалить шаблон .
Когда вы завершите удаление части шаблона, вы увидите подтверждение о том, что часть была удалена.
Создание и редактирование частей шаблона может помочь вам создать или изменить свой сайт WordPress с помощью визуального редактора.
Узнайте больше о новом редакторе WordPress, Gutenberg, и возможностях отдельного плагина Gutenberg из наших полезных статей о Gutenberg!
Arnel Custodio Content Writer I
Как писатель для InMotion Hosting, Arnel всегда стремился делиться полезной информацией и предоставлять знания, которые помогут решить проблемы и помогут в достижении целей. Он также принимает активное участие в местных группах и мероприятиях WordPress с 2004 года.0043
Полное редактирование сайта произвело революцию в том, как пользователи управляют сайтами WordPress, предлагая им полный контроль без технических сложностей. Он позволяет редактировать темы с помощью перетаскивания и полностью настраивать их.
Темы полного редактирования сайта используют макет на основе блоков и совместимы с блочными плагинами Gutenberg, что позволяет добавлять виджеты и надстройки. Тем не менее, количество тем для полного редактирования сайта весьма ограничено; в настоящее время репозиторий WordPress предлагает только 50+ таких тем.
Поскольку полное редактирование сайта все еще является относительно новой концепцией, вам может потребоваться некоторое время, чтобы освоиться, и вы не хотите усложнять адаптацию сложной темой.
Итак, чтобы помочь вам сделать правильный выбор темы для полного редактирования сайта WordPress, я перечислил 15 лучших претендентов вместе с их функциями, ежедневными загрузками и рейтингами пользователей.
Содержание
Ваби
Айно
Хансен
Двадцать двадцать два
WeCodeArt
Туве
Брикси
Она
Фрост
Аллель
Блокбаза
Гутена
ВОУМОЛЛ
Стюарт
Скейтпарк
Что такое полное редактирование сайта в WordPress?
Прежде чем я перечислю лучшие темы для полного редактирования сайта, давайте быстро узнаем об основных обновлениях. Пропустите эту часть, чтобы перейти непосредственно к списку, если вы уже знакомы с функциональностью.
Полное редактирование сайта рассматривает каждую часть вашего веб-сайта как блок, что позволяет пользователям легко настраивать свои сайты с помощью функции перетаскивания. Это позволяет пользователям работать со страницей и глобальными элементами в едином интерфейсе, а также вводит новые инструменты разработки.
Хотите узнать больше? Я рассказал о концепции полного редактирования сайта, новых изменениях, его активации и шагах по созданию темы в подробном блоге. Этот блог также включает мнения сообщества WordPress о плюсах и минусах FSE в этом блоге.
Зачем вам нужна тема для полнофункционального редактирования сайта в WordPress?
Вам нужна полная тема редактирования сайта, чтобы пользоваться возможностями FSE, которые включаются при использовании блочной темы в версии WordPress 5.9.
В то время как репозиторий тем WordPress предлагает 4600+ тем , только несколько тем поддерживают функцию полного редактирования сайта, что дает им преимущество перед конкурентами.
Итак, важно получить тему FSE из списка лучших тем WordPress, чтобы приступить к полному редактированию сайта на WordPress. Кроме того, темы FSE включают новые шаблоны, блоки и глобальные стили, что позволяет вам играть с блоками для создания шаблонов и многого другого.
Лучшие бесплатные темы для полнофункционального редактирования WordPress
Теперь, когда вы знаете о полном редактировании сайта и важности установки темы WordPress FSE, давайте перечислим 15 лучших тем, которые помогут вам сделать правильный выбор темы.
1. Wabi
— Источник изображения: WordPress
Wabi объединяет типографику, разнообразную цветовую систему и чистоту в одном пакете, чтобы предоставить все, что вы ожидаете от идеальной темы WordPress.
Вы также можете наслаждаться полной совместимостью функций редактирования сайта с новым редактором тем. Вы получаете несколько стилей, включая темные, светлые и динамические цветовые схемы, соответствующие теме вашего бренда.
Идеально подходит для писателей, его акцентный цвет отличает его от конкурентов и позволяет вам блистать минималистичным дизайном и стилем.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем, Wabi получает 103 загрузки в день в репозитории тем WordPress.
– Источник изображения: WordPress
2. Айно
— Источник изображения: WordPress
Aino — это блочная тема WordPress, которая поддерживает все функции редактирования сайта. Он позволяет создавать расширенный макет страницы с помощью предварительно разработанных блоков. Вы можете использовать эту тему для создания веб-сайта электронной коммерции, сайта с фотографиями или даже своего личного блога.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем, Айно получает 40 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
3. Hansen
— Источник изображения: WordPress
Hansen — это тема WordPress для полного редактирования сайта, которая предлагает большое количество шаблонов страниц и шаблонов блоков, чтобы облегчить пользователям и позволить им экспериментировать с дизайном.
Вы можете использовать редактор визуальных блоков для удобного оформления всех разделов вашего веб-сайта благодаря редактору перетаскивания.
Пользовательский рейтинг
– Источник изображения: WordPress
Ежедневных загрузок
В среднем Хансен получает 23 загрузки в день в репозитории тем WordPress.
— Источник изображения: WordPress
4. Twenty Twenty-Two
— Источник изображения: WordPress
Twenty Twenty-Two — пионер всех тем для полного редактирования сайта, так как это был первый и официальный выпуск вместе с выпуском версии WordPress 5. 9. Он вращается вокруг идеи создания уникальных и креативных веб-сайтов с абсолютной простотой.
Сосредоточив внимание на теме птиц, он предлагает вдохновленную природой цветовую палитру в сочетании с универсальными элементами макета и надежной типографикой. Вы можете настроить цвета, макет и типографику каждой страницы вашего сайта. Редактор позволяет переключаться между различными настройками для ваших шаблонов, сайта и частей шаблона.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Twenty Twenty-Two получает 7500 загрузок в день в репозитории тем WordPress и является самой загружаемой темой полного редактирования сайта WordPress .
— Источник изображения: WordPress
5. WeCodeArt
— Источник изображения: WordPress
WeCodeArt — это SEO-оптимизированная тема WordPress для полного редактирования сайта, созданная в первую очередь для повышения производительности веб-сайта. Его полная функция настройки позволяет вам настроить дизайн вашего веб-сайта, поскольку вы сосредоточены на достижении высоких показателей PageSpeed.
Вы можете использовать все функции редактирования сайта с этой темой, чтобы получить полный контроль над своим сайтом. Самое приятное то, что вы можете использовать эту тему FSE со всеми основными конструкторами страниц WordPress, включая Brizy, Elementor, Divi и другими, чтобы украсить свой сайт.
Простая функция перетаскивания позволяет всем пользователям экспериментировать с дизайном своего сайта независимо от их технического мастерства. И нет, это не только для новичков; те из вас, кто более технически ориентирован, могут сделать еще один шаг вперед с этой темой с ее основными блоками, оптимизированными с помощью разметки Bootstrap.
Рейтинги пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем WeCodeArt получает 45 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
6. Tove
— Источник изображения: WordPress
Tove — это яркая и живописная тема для полного редактирования сайта, подходящая для ресторанов, кафе и веб-сайтов, ориентированных на анимацию. Однако вы можете настроить его для любой ниши благодаря универсальным функциям компоновки.
Tove требует, чтобы у вас была версия 11.5 Gutenberg (или любая более поздняя версия), чтобы использовать функцию полного редактирования сайта.
Благодаря более чем 40 шаблонам блоков и различным оформлениям верхних и нижних колонтитулов вы можете использовать эту гибкую тему для украшения сайта вашего бренда. Он сочетает в себе макет с четкой типографикой, чтобы представить ваш контент визуально впечатляющим образом.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Туве получает 50 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
7. Bricksy
— Источник изображения: WordPress
Bricksy — еще одна блочная тема WordPress для полного редактирования сайта с современным макетом. Его шаблоны блоков позволяют нетехническим и техническим пользователям создавать свои страницы с помощью перетаскивания. Всего за несколько кликов, дизайнерские макеты и перемещение блоков здесь и там вы можете создать свой веб-сайт с нуля.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Bricksy получает 150 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
8. Ona
— Источник изображения: WordPress
Ona от DeoThemes — это минимальная тема WordPress для полного редактирования сайта. Как и другие темы FSE, он предлагает несколько предопределенных шаблонов блоков, которые позволяют создавать сайт с интересным дизайном.
Специально созданная для пользователей, стремящихся к высокой скорости, эта оптимизированная тема ориентирована на Core Web Vitals и предлагает отличный пользовательский интерфейс. Ona требует, чтобы у вас был активен плагин Gutenberg (11.7 или более новая версия).
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Ona получает 80 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
Дополнительная информация: Я спросил Эрика Карковака, дизайнера и разработчика WordPress, о его любимых темах для полного редактирования сайта, и вот его мнение:
Привет Сарим! Пока что мои фавориты — @frostwp, Tove и Bricksy
.
— Эрик Карковак (@karks88) 7 марта 2022 г.
9. Frost
— Источник изображения: FrostWP
Frost — это тема для полнофункционального редактирования сайта WordPress, которая преобразует процесс создания сайта с помощью редактора блоков WordPress. Эта современная тема предлагает готовые шаблоны и элементы дизайна для быстрого создания сайта.
Дизайнеры и разработчики ценят удобство и интуитивность Frost для мгновенного создания оптимизированных сайтов.
10. Allele
— Источник изображения: WordPress
Allele — это современная тема WordPress для полного редактирования сайта, предлагаемая DesignOrbital. Эта чистая тема предлагает предварительно определенные шаблоны блоков и полностраничные шаблоны, которые помогут вам создавать привлекательные веб-сайты.
Несмотря на то, что это бесплатная тема, она также предлагает версию Pro, в которой разблокированы такие функции, как все шаблоны, поддержка по электронной почте, страница компании и форум поддержки. Аллеле про стоит $79 .
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Allele получает 70 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
11. Blockbase
— Источник изображения: WordPress
Blockbase — это тема для полного редактирования сайта, созданная Automattic. Он предлагает различные минимальные шаблоны и дизайны, которые вы можете настроить с помощью глобальных стилей для создания потрясающих веб-сайтов.
Динамические элементы позволяют изменять макет страницы по своему вкусу. Кроме того, вы можете добавить предварительно определенные шаблоны блоков и части шаблона и сохранить индивидуальные настройки для повторного использования. Кроме того, Automattic предлагает недавно выпущенную дочернюю тему под названием Mayland (Blocks).
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Blockbase получает 180 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
12. Gutena
— Источник изображения: WordPress
Gutena — бесплатная тема WordPress FSE, созданная ExpressTech Systems. Эта тема на основе блоков предлагает множество шаблонов блоков и полностраничных шаблонов, чтобы облегчить вашу работу по созданию веб-сайта.
Gutena сочетает в себе функциональные возможности блочных тем и классической панели инструментов, чтобы предоставить своим пользователям оптимальное решение.
Оценки пользователей
— Источник изображения: WordPress.
— Источник изображения: WordPress
13. WAWMALL
— Источник изображения: WordPress
WAWMALL — это чистая тема для полнофункционального редактирования сайта WooCommerce. Тема имеет страницу уведомлений и страницу приветствия для администратора и в настоящее время предлагается в экспериментальном состоянии.
Поставляется с более чем 30 шаблонами блоков и множеством пользовательских стилей блоков. У вас должна быть версия Gutenberg не ниже 11.6 (или новее), чтобы использовать тему WOWMALL в WooCommerce.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем WOWMALL получает 25 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
14. Stewart
— Источник изображения: WordPress
Stewart — современная тема для полнофункционального редактирования сайта WordPress, предлагаемая Automattic. В основном созданный для сайтов, ориентированных на контент, он упрощает навигацию по вашему сайту через левую боковую панель и повышает удобство для пользователя благодаря своей отзывчивости.
Простой дизайн этой темы позволяет вашему контенту выделяться, и вы также можете стилизовать его с помощью параметров настройки. Цветовая схема по умолчанию из оранжевого и серого придает вашему блогу чистый вид.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Стюарт получает 40 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
15. Скейтпарк
— Источник изображения: WordPress
Skatepark — еще одна тема для полного редактирования сайта, предлагаемая Automattic (силой WordPress и WooCommerce). Эта современная тема придает смелый вид вашему сайту.
Благодаря таким функциям, как графическая цветовая схема, поддержка двухцветного изображения и игривая сетка, у вас есть все необходимое для создания потрясающего веб-сайта, который не только отзывчив, но и удобен для глаз. Кроме того, параметры настройки позволяют оптимизировать дизайн по своему вкусу и создать собственный внешний вид.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Skatepark получает 70 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
Резюме
Выбор правильной темы для полнофункционального редактирования сайта WordPress имеет решающее значение для плавного редактирования; иначе вы запутаетесь в технических деталях.
FSE полностью изменил способ взаимодействия пользователей со своим веб-сайтом, а это означает, что вы можете извлечь выгоду из функциональности только с помощью тем WordPress для полнофункционального редактирования сайта, которые предлагают удобные услуги и пользуются доверием пользователей по всему миру.
Если вы просто хотите пустой/пустой шаблон, в чем сейчас хорош редактор, это все, что вам нужно. Вы можете вернуться к редактору страниц и дать волю своему творчеству.
Вот начало целевой страницы романиста, которую я создал из этого пустого шаблона:
Контент страницы был добавлен через редактор сообщений, а не в режиме редактирования шаблона. Это позволит мне создать несколько страниц, используя один и тот же открытый холст.
Если вы хотите добавить другие элементы макета, вы также можете прикрепить их. Попробуйте смешать и сопоставить заголовок сайта, слоган сайта и блоки навигации в качестве заголовка. Вставьте блок Columns с другими блоками, чтобы создать «область виджета» в нижнем колонтитуле.
Возможности редактора шаблонов связаны с темами блоков. Со временем дизайнеры смогут создавать эти шаблоны заранее, а пользователи смогут их настраивать. У них также будет доступ к более надежному набору блоков, таких как загрузка частей шаблона. Однако нам нужно дождаться, по крайней мере, выхода WordPress 5.9.позже в этом году, прежде чем они станут доступны, и это еще не высечено на камне.
А пока у нас есть вроде-нормальный-но-потрясающий генератор целевых страниц.
Категория: Мнение, WordPress
Нравится
Нравится Загрузка…
Объяснение полного редактирования сайта WordPres
Последняя версия WordPress 5.9 принесла ряд заманчивых изменений, в первую очередь долгожданное полное редактирование сайта WordPress (FSE). . Эта функция, кажется, меняет правила игры в создании и использовании тем.
В частности, WordPress 5.9 «Жозефина» была выпущена 25 января 2022 года и значительно расширила роль редактора блоков. Теперь вы можете редактировать практически любую часть вашего сайта WordPress.
FSE подразумевает следующие функции : темы блоков, редактирование шаблонов, блоки сайта и глобальные стили. И это звучит как практически безграничные возможности для Gutenberg и WordPress и серьезная заявка на то, чтобы немного побеспокоить визуальных разработчиков.
🙃Шучу.
Пока не знаем. Тем не менее, полное редактирование сайта WordPress выглядит очень многообещающе. Разрешая эксперименты с темами, WordPress смещает предвзятость в пользу редактора Gutenberg.
Что ж, будет интересно посмотреть, как будут разворачиваться события. А пока давайте разберемся, что такое FSE и что он несет.
Содержание
Суть полного редактирования сайта
Блоки и шаблоны для создания сайта
Улучшения многоразовых блоков
Темы на основе блоков
Редактор шаблонов
Настройка блоков и глобальные стили
Приложение Theme. json
Скрытые изменения в последней версии WordPress
Что это значит для разработчиков?
Последние мысли. эти блоки тоже.
Напомним:
Блок — это предварительно закодированный элемент контента, который вы можете добавить в область редактирования и спроектировать макет контента. Вы можете добавлять блоки для абзацев, мультимедиа, списков и т. д.
Раньше любой сайт WordPress делился на две большие части и требовал больше, скажем так, возни. Вы использовали WordPress Customizer для работы с глобальными элементами и обратились к редактору WordPress для разработки области содержимого.
В последнем выпуске WordPress вы сможете воспользоваться преимуществами новых блоков и шаблонов блоков, улучшить работу с повторно используемыми блоками и использовать новые настройки для точной настройки своего сайта.
Напоминаем:
Шаблон — это макет для различных частей веб-сайта, таких как нижний колонтитул, заголовок и т. д.
Краткий обзор концепций FSE:
Единый интерфейс для создания, редактирования и предварительного просмотра шаблонов постов и страниц.
Шаблоны полностраничного макета вместе с верхним и нижним колонтитулами сайта и областью содержимого.
Конкретные части шаблона или структурные блоки можно повторно использовать внутри любого шаблона (так называемые «многоразовые блоки»).
Новые блоки для создания логотипа сайта, названия сайта, слогана, меню, сайдбара.
Интерфейс Стили для выбора и применения стилей по умолчанию как для всего сайта, так и для отдельных блоков.
Файл конфигурации темы , содержащий стили и настройки по умолчанию (theme.json).
Наряду с реализацией полного редактирования сайта (FSE) WordPress продолжает повышать производительность веб-сайтов WordPress.
Теперь давайте углубимся в детали конкретных функций FSE.
Блоки и шаблоны для создания веб-сайта
Последняя версия WordPress приближает нас к полному редактированию сайта, включая новые блоки и шаблоны блоков для заголовка сайта, логотипа, боковой панели и т. д. Новый каталог шаблонов блоков позволяет вам найдите шаблоны блоков, которые вы можете установить, аналогично тому, как вы используете плагин и каталог тем для установки тем и плагинов. Редактор также предлагает шаблоны блоков на основе блока, с которым вы работаете.
Усовершенствования повторно используемых блоков
Многоразовые блоки позволяют вам стилизовать и настраивать определенный блок и повторно использовать его с теми же настройками на вашем сайте. В WordPress 5.9 вам будет предложено назвать повторно используемый блок во время создания.
Многоразовые блоки также поддерживают историю изменений, упрощая отзыв изменений.
Темы на основе блоков
Как вы могли догадаться по названию, темы на основе блоков — это темы, разработанные с учетом редактора блоков. Они также включают определенные стили для разных блоков. Прелесть блочных тем в том, что они позволяют редактировать каждую часть вашего веб-сайта, не ограничиваясь макетами страниц и постов.
До сих пор шаблоны писались на PHP. С переходом на полное редактирование сайта темы блоков определяют шаблоны по умолчанию и части шаблонов, которые представляют собой статические файлы HTML, а не файлы PHP. Полный шаблон включает в себя область содержимого и различные части, такие как footer.html или header.html. Другие шаблоны могут повторно использовать эти части шаблона.
Однако, поскольку части шаблона, такие как верхние и нижние колонтитулы, представляют собой статические HTML-файлы, их редактирование будет означать, что вам придется перезаписать их. Вот почему вы можете создавать и редактировать шаблоны и части шаблонов как пользовательские типы сообщений.
Кроме того, использование блочных тем означает, что вам не нужно переключаться между редактором контента WordPress и настройщиком. Вместо этого вы будете управлять всем в одном месте. Это упростит редактирование и настройку сайта и облегчит работу с сайтом вашим клиентам.
На момент написания в официальном репозитории не так много тем блоков. Тем не менее, это не означает, что неблочные темы перестанут работать в одночасье. Они будут продолжать работать, и многие пользователи по-прежнему могут полагаться на визуальные конструкторы и плагины для создания страниц, управления и добавления контента на свой веб-сайт.
Мир блоков — это будущее направление WordPress, а это значит, что вы должны начать создавать свои собственные темы на основе блоков.
Имея это в виду, возникает вопрос: есть ли место визуальным строителям в блочном мире?
Редактор шаблонов
Редактор шаблонов — это инструмент FSE, который позволяет создавать и редактировать пользовательские шаблоны, не выходя из области редактирования поста. Таким образом, вы можете создавать многоразовые шаблоны на основе блоков, которые ваши клиенты могут применять на каждой странице. Чтобы получить доступ к этой функции, вам нужно выбрать классическую или блочную тему — Twenty Nineteen, Twenty Twenty, Twenty Twenty-One или Twenty Twenty-Two, представленные в WordPress 5.9..
Когда вы нажимаете кнопку «Редактор» на вкладке «Внешний вид», вы получаете следующие параметры:
Если вы нажмете «Просмотреть все шаблоны», вы увидите шаблоны, которые вы можете редактировать, и добавить свои собственные. :
Новый редактор шаблонов позволяет манипулировать различными типами страниц в едином интерфейсе без каких-либо сторонних надстроек. Например, вы можете создать собственный макет для домашней страницы или целевой страницы, разработать страницы блога, избегая стандартного расположения, и т. д. Кроме того, вы можете легко создать страницу «О нас» или «Контакты», добавить страницу поиска и создать собственную страницу 404.
Также, если вы подключите плагин WooCommerce, вы сможете создавать и редактировать Woo-адаптированные шаблоны:
В режиме редактирования шаблона вы можете создавать шаблоны, применяя существующие блоки (в том числе новые FSE — Site Title, Слоган сайта, вход/выход и т. д.). Части веб-сайта, такие как верхний и нижний колонтитулы, также доступны для редактирования прямо здесь.
Новый редактор шаблонов также является интерфейсом для изменения глобальных настроек стилей, включая цвета, шрифты и индивидуальный дизайн. Эти настройки стиля и возможность редактировать шаблоны находятся на бэкенде, а интерфейс похож на привычный редактор WordPress.
По умолчанию блоки имеют собственные стили, чтобы обеспечить базовую поддержку без внесения каких-либо изменений. Однако, если вы не хотите использовать стиль по умолчанию, вы можете настроить или переопределить эти стили.
Что я также хочу сказать, так это то, что Редактор шаблонов великолепен: он позволяет любому расположить темы без кода, и это огромно!
До сих пор, если вы хотели внести изменения в стили своей темы, вам приходилось использовать WordPress Customizer. А если вы разработчик, вам пришлось использовать Customizer, чтобы сделать возможным изменение стиля для ваших клиентов.
Интерфейс глобальных стилей в рамках темы меняет подход к стилю. Отныне вы можете применять цвета и макеты из простого графического интерфейса всякий раз, когда вы хотите внести изменения в блоки или основной дизайн вашего сайта. Проще говоря, стили из Customizer можно применять глобально к нужным частям и блокам сайта в одном месте.
Тем не менее, обратите внимание, что в качестве функции FSE глобальные стили могут применяться только к тем темам и блокам, которые поддерживают соответствующие функции.
Кроме того, существующие блоки будут включать в себя новые инструменты дизайна и улучшения, такие как выбор цвета и типографики, параметры интервалов, перетаскивание для фона скинов и многое другое. Эти изменения позволят вам встраивать файлы PDF в блок файлов, и у вас будет больше возможностей для преобразования блоков.
В будущем, если вы будете разрабатывать собственные темы, вам нужно будет учесть эти изменения и убедиться, что ваши клиенты могут редактировать стили в одном месте.
Приложение Theme.json
Как я упоминал ранее, темы теперь будут использовать theme.json для управления и настройки параметров стиля, включая конфигурацию макета, поддержку блоков, цвета и многое другое. Таким образом, любые плагины, у которых есть логика, связанная со стилями, должны использовать API для получения файлов theme.json. Например, если плагин может применять темную тему, он должен использовать theme.json, чтобы настроить отображение текста в светлых тонах.
Это изменение направлено на решение одной из самых больших проблем, с которыми столкнулись разработчики темы. Это означает разрешение конфликтов, возникающих при рассмотрении ядра, темы, пользовательских стилей и возможных стилей блоков. Theme.json смягчает проблему, уменьшая количество CSS, которое должен выводить браузер. Он решает проблемы специфичности и предоставляет пользователям информацию о текущем стиле в элементах управления пользовательского интерфейса. Это звучит немного сложно, но постарайтесь думать об этом как о первом шаге к созданию места, где вы можете комбинировать базовые, пользовательские настройки и настройки стиля темы.
Скрытые изменения в последней версии WordPress
В дополнение к изменениям, описанным выше, есть несколько небольших изменений, ориентированных на разработчиков, которые вы уже могли найти в WordPress 5.8. К ним относятся, но не ограничиваются:
WordPress прекращает поддержку Internet Explorer 11.
Больше согласованности в выводе wp_get_document_title ().
Поддержка формата изображения WebP.
Используйте новую ловушку фильтра image_editor_output_format, чтобы изменить формат файла, используемый для подразмеров изображения.
Для получения дополнительной информации, пожалуйста, обратитесь к официальному сообщению в блоге WordPress с подробным описанием изменений.
Что это значит для разработчиков?
Если вы являетесь разработчиком WordPress, вы можете сначала узнать об изменениях для разработчиков и узнать о новых функциях фильтров и ловушках.
Однако это не означает, что вы должны игнорировать другие изменения. В частности, вы можете заглянуть под капот и понять все тонкости работы полного редактирования сайта. Включает в себя:
Просмотрите новый файл конфигурации, необходимый для создания как классической, так и блочной темы.
Записывайте все новые хуки и функции фильтров и изучайте Кодекс WordPress, чтобы понять, как они работают и как их использовать в темах, блоках и плагинах.
Изучите новые файлы шаблонов, чтобы понять, что WordPress ищет в первую очередь с точки зрения иерархии шаблонов.
Узнайте об API WordPress и API шаблонов блоков, чтобы создавать собственные шаблоны блоков, которые можно использовать в темах и плагинах.
Установите специальное промежуточное программное обеспечение или локальную установку, чтобы вы могли протестировать все изменения, прежде чем отправлять их на сайты ваших клиентов.
Последние мысли
Основные выводы из всего, что я рассказал вам ранее о полном редактировании сайта:
FSE преднамеренно предоставляет единый интерфейс для создания и редактирования глобальных и страничных элементов;
обеспечивает большую гибкость при разработке и создании макетов веб-сайтов;
у вас есть возможность вносить глобальные и специфичные для страницы изменения в единой области редактирования;
FSE стремится обеспечить единый рабочий процесс WordPress ;
вы не будете тратить время на бесконечное переключение между настройщиком и редактором WordPress.
Таким образом, концепция блоков становится основным инструментом для создания полного веб-сайта WordPress.
Кроме того, вы можете присоединиться к программе WordPress FSE Outreach Program, чтобы получать ранние обновления и знакомиться с новой версией заранее. Там вы можете оставить комментарии и поделиться некоторыми предложениями по производительности FSE.
И последнее, но не менее важное: несколько напутственных слов. Прежде чем устанавливать WordPress 5.9 и копаться в FSE, не забудьте провести бета-тестирование всего. Промежуточный сайт или локальная установка WordPress — идеальный способ протестировать новые функции. Это позволит вам эффективно обновлять сайты ваших клиентов и готовиться к любым изменениям, которые могут потребовать большего внимания.
Я надеюсь, что эта статья дала вам представление о том, что вы можете ожидать от последней версии WordPress и, в частности, от полного редактирования сайта. Поскольку WordPress продолжает добавлять новые функции и улучшать существующие, важно понимать направление, в котором он движется, и оставаться в курсе.
Удачи с FSE😉
Часто задаваемые вопросы
Что такое полное редактирование сайта Гутенбергом?
FSE — это концепция WordPress, подразумевающая построение всего сайта из блоков. Он позволяет редактировать различные части вашего веб-сайта, используя единый интерфейс и исключая применение сторонних плагинов.
Что такое редактор шаблонов WordPress?
Редактор шаблонов — это функция FSE, которая позволяет создавать и редактировать шаблоны для страницы или публикации с помощью блоков.
Что такое блочная тема WordPress?
Блочная тема WordPress — это тема, состоящая из шаблонов, полностью состоящих из блоков. Это означает, что помимо сообщений и страниц, вы можете редактировать различные области сайта, такие как боковая панель, заголовок сайта, верхний и нижний колонтитулы.
Как использовать повторно используемые блоки в WordPress?
Многоразовые блоки — это удобный способ сэкономить время и избежать дублирования контента каждый раз. Добавьте содержимое в повторно используемые блоки: Шаг 1. Найдите нужный блок. Шаг 2. Нажмите на три точки, которые вы видите на панели инструментов. Шаг 3. Нажмите кнопку «Добавить в многоразовые блоки» и дайте ему имя. Шаг 4. Нажмите кнопки «Опубликовать» и «Сохранить».
Работа с частями шаблона в полнофункциональном редакторе сайта WordPress — Центр поддержки хостинга InMotion
Перейти к содержимому
Обновлено 22 августа 2022 г. , автор Arnel Custodio
4 минуты, 51 секунда на чтение
Части шаблона — это шаблоны блоков в теме WordPress, которые можно использовать при создании вашего сайта. Например, верхние и нижние колонтитулы и их варианты считаются частями шаблона. Это руководство проведет вас через этапы создания и редактирования части шаблона в полнофункциональном редакторе сайта WordPress. Мы также покажем вам, как сбросить изменения ваших частей шаблона и удалить добавленные части шаблона.
Создание частей шаблона
Редактирование частей шаблона
Части шаблона Страница
Чтобы создать части шаблона, вам необходимо войти в Администратор WordPress и использовать блочную тему. В этом уроке мы используем тему Twenty Twenty two.
Войдите на сайт WordPress.
Нажмите Внешний вид , затем нажмите Редактировать .
На приведенном выше снимке экрана показана страница «Части шаблона». Чтобы перейти к нему из полного редактора сайта, нажмите на символ WordPress в правом верхнем углу. Это откроет столбец в левой части экрана.
Нажмите на Части шаблона . Откроется страница частей шаблона.
Здесь вы увидите список частей шаблона, которые были созданы или являются частью темы. Нажмите синюю кнопку Добавить новый в правом верхнем углу.
Откроется всплывающее окно со списком трех типов частей шаблона, которые вы можете создать.
Общий — это часть шаблона, которая не является обязательной частью какой-либо части веб-сайта. Как и шаблоны, вы можете использовать эту часть шаблона для быстрого создания страницы на своем сайте WordPress. Например, вы можете захотеть быстро использовать предопределенный блок информации о компании на своем сайте WordPress.
Заголовок — предопределенная область, которая находится в верхней части страницы вашего сайта. Заголовки часто содержат меню навигации или заголовок. Вы можете создавать варианты шапки для разных страниц сайта WordPress.
Нижний колонтитул — заранее заданная область внизу страницы вашего сайта. Нижние колонтитулы часто содержат одинаковую информацию и ссылки со страницы на страницу, но вам может понадобиться создать вариант нижнего колонтитула в зависимости от потребностей вашего веб-сайта.
Для этого урока мы создадим часть шаблона General . По умолчанию общий параметр уже установлен. Введите имя для своей части шаблона, затем нажмите синюю кнопку Create .
Вы увидите пустой экран с названием вашего шаблона в центре и вверху экрана. Нажмите на + знак в верхнем левом углу, чтобы начать создание части шаблона.
Выберите блоки или шаблоны для создания части шаблона. Пример на скриншоте ниже — информационный блок компании. В левой колонке будет логотип компании, а в правой — текст политики компании. Эта часть шаблона состоит из блока столбцов (2 столбца), блока логотипа сайта и двух блоков абзацев.
Поскольку эта часть шаблона может использоваться с другими блоками на странице, рекомендуется хранить все блоки в части шаблона как группу . Нажмите на Представление списка в верхней левой панели инструментов, затем выберите все блоки, которые составляют часть вашего шаблона. Верхняя часть выбранной группы блоков является блоком столбца. Щелкните вертикальное меню с тремя точками справа от него, а затем щелкните Group . Это сгруппирует блоки под Группа в виде списка.
Нажмите синюю кнопку Сохранить в правом верхнем углу, чтобы сохранить свою работу.
На этом создание детали шаблона завершено. Когда вы посмотрите на список частей шаблона, вы увидите, что ваш блок добавлен в список.
Редактирование частей шаблона
При редактировании частей шаблона вы модифицируете существующие части шаблона в соответствии с потребностями своего веб-сайта. В настоящее время WordPress позволяет вам вносить изменения в часть шаблона и удалять изменения, чтобы вернуть части шаблона в исходное состояние.
В полнофункциональном редакторе сайта WordPress нажмите логотип WordPress в верхнем левом углу, чтобы открыть параметры редактора .
Выберите часть шаблона, которую вы хотите отредактировать. На скриншоте ниже мы нажимаем на Заголовок .
Отредактируйте выбранную часть шаблона. Чтобы продемонстрировать изменение, мы изменили часть шаблона заголовка, чтобы под существующими блоками был добавлен блок изображения.
После завершения внесения изменений в часть шаблона. Нажмите синюю кнопку СОХРАНИТЬ в правом верхнем углу.
Удаление изменений частей шаблона
Может наступить момент, когда вам больше не понадобятся изменения, внесенные в существующие части шаблона. Вы можете нажать на существующие части шаблона темы и удалить все настройки. Вы также можете удалить любые части шаблона, которые вы могли добавить.
Чтобы очистить настроенные части шаблона по умолчанию:
Перейдите на страницу частей шаблона .
Нажмите на 3-точечное вертикальное меню справа от части шаблона.
Нажмите на появившуюся опцию Очистить настройки. Затем вы увидите подтверждение изменения в уведомлении, подтверждающем, что часть шаблона была отменена.
Чтобы удалить добавленную часть шаблона:
Перейдите на страницу Части шаблона .
Нажмите на 3-точечное вертикальное меню справа от части шаблона.
Нажмите на опцию Удалить шаблон .
Когда вы завершите удаление части шаблона, вы увидите подтверждение о том, что часть была удалена.
Создание и редактирование частей шаблона может помочь вам создать или изменить свой сайт WordPress с помощью визуального редактора.
Узнайте больше о новом редакторе WordPress, Gutenberg, и возможностях отдельного плагина Gutenberg из наших полезных статей о Gutenberg!
Arnel Custodio Content Writer I
Как писатель для InMotion Hosting, Arnel всегда стремился делиться полезной информацией и предоставлять знания, которые помогут решить проблемы и помогут в достижении целей. Он также принимает активное участие в местных группах и мероприятиях WordPress с 2004 года.0043
Полное редактирование сайта произвело революцию в том, как пользователи управляют сайтами WordPress, предлагая им полный контроль без технических сложностей. Он позволяет редактировать темы с помощью перетаскивания и полностью настраивать их.
Темы полного редактирования сайта используют макет на основе блоков и совместимы с блочными плагинами Gutenberg, что позволяет добавлять виджеты и надстройки. Тем не менее, количество тем для полного редактирования сайта весьма ограничено; в настоящее время репозиторий WordPress предлагает только 50+ таких тем.
Поскольку полное редактирование сайта все еще является относительно новой концепцией, вам может потребоваться некоторое время, чтобы освоиться, и вы не хотите усложнять адаптацию сложной темой.
Итак, чтобы помочь вам сделать правильный выбор темы для полного редактирования сайта WordPress, я перечислил 15 лучших претендентов вместе с их функциями, ежедневными загрузками и рейтингами пользователей.
Содержание
Ваби
Айно
Хансен
Двадцать двадцать два
WeCodeArt
Туве
Брикси
Она
Фрост
Аллель
Блокбаза
Гутена
ВОУМОЛЛ
Стюарт
Скейтпарк
Что такое полное редактирование сайта в WordPress?
Прежде чем я перечислю лучшие темы для полного редактирования сайта, давайте быстро узнаем об основных обновлениях. Пропустите эту часть, чтобы перейти непосредственно к списку, если вы уже знакомы с функциональностью.
Полное редактирование сайта рассматривает каждую часть вашего веб-сайта как блок, что позволяет пользователям легко настраивать свои сайты с помощью функции перетаскивания. Это позволяет пользователям работать со страницей и глобальными элементами в едином интерфейсе, а также вводит новые инструменты разработки.
Хотите узнать больше? Я рассказал о концепции полного редактирования сайта, новых изменениях, его активации и шагах по созданию темы в подробном блоге. Этот блог также включает мнения сообщества WordPress о плюсах и минусах FSE в этом блоге.
Зачем вам нужна тема для полнофункционального редактирования сайта в WordPress?
Вам нужна полная тема редактирования сайта, чтобы пользоваться возможностями FSE, которые включаются при использовании блочной темы в версии WordPress 5.9.
В то время как репозиторий тем WordPress предлагает 4600+ тем , только несколько тем поддерживают функцию полного редактирования сайта, что дает им преимущество перед конкурентами.
Итак, важно получить тему FSE из списка лучших тем WordPress, чтобы приступить к полному редактированию сайта на WordPress. Кроме того, темы FSE включают новые шаблоны, блоки и глобальные стили, что позволяет вам играть с блоками для создания шаблонов и многого другого.
Лучшие бесплатные темы для полнофункционального редактирования WordPress
Теперь, когда вы знаете о полном редактировании сайта и важности установки темы WordPress FSE, давайте перечислим 15 лучших тем, которые помогут вам сделать правильный выбор темы.
1. Wabi
— Источник изображения: WordPress
Wabi объединяет типографику, разнообразную цветовую систему и чистоту в одном пакете, чтобы предоставить все, что вы ожидаете от идеальной темы WordPress.
Вы также можете наслаждаться полной совместимостью функций редактирования сайта с новым редактором тем. Вы получаете несколько стилей, включая темные, светлые и динамические цветовые схемы, соответствующие теме вашего бренда.
Идеально подходит для писателей, его акцентный цвет отличает его от конкурентов и позволяет вам блистать минималистичным дизайном и стилем.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем, Wabi получает 103 загрузки в день в репозитории тем WordPress.
– Источник изображения: WordPress
2. Айно
— Источник изображения: WordPress
Aino — это блочная тема WordPress, которая поддерживает все функции редактирования сайта. Он позволяет создавать расширенный макет страницы с помощью предварительно разработанных блоков. Вы можете использовать эту тему для создания веб-сайта электронной коммерции, сайта с фотографиями или даже своего личного блога.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем, Айно получает 40 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
3. Hansen
— Источник изображения: WordPress
Hansen — это тема WordPress для полного редактирования сайта, которая предлагает большое количество шаблонов страниц и шаблонов блоков, чтобы облегчить пользователям и позволить им экспериментировать с дизайном.
Вы можете использовать редактор визуальных блоков для удобного оформления всех разделов вашего веб-сайта благодаря редактору перетаскивания.
Пользовательский рейтинг
– Источник изображения: WordPress
Ежедневных загрузок
В среднем Хансен получает 23 загрузки в день в репозитории тем WordPress.
— Источник изображения: WordPress
4. Twenty Twenty-Two
— Источник изображения: WordPress
Twenty Twenty-Two — пионер всех тем для полного редактирования сайта, так как это был первый и официальный выпуск вместе с выпуском версии WordPress 5. 9. Он вращается вокруг идеи создания уникальных и креативных веб-сайтов с абсолютной простотой.
Сосредоточив внимание на теме птиц, он предлагает вдохновленную природой цветовую палитру в сочетании с универсальными элементами макета и надежной типографикой. Вы можете настроить цвета, макет и типографику каждой страницы вашего сайта. Редактор позволяет переключаться между различными настройками для ваших шаблонов, сайта и частей шаблона.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Twenty Twenty-Two получает 7500 загрузок в день в репозитории тем WordPress и является самой загружаемой темой полного редактирования сайта WordPress .
— Источник изображения: WordPress
5. WeCodeArt
— Источник изображения: WordPress
WeCodeArt — это SEO-оптимизированная тема WordPress для полного редактирования сайта, созданная в первую очередь для повышения производительности веб-сайта. Его полная функция настройки позволяет вам настроить дизайн вашего веб-сайта, поскольку вы сосредоточены на достижении высоких показателей PageSpeed.
Вы можете использовать все функции редактирования сайта с этой темой, чтобы получить полный контроль над своим сайтом. Самое приятное то, что вы можете использовать эту тему FSE со всеми основными конструкторами страниц WordPress, включая Brizy, Elementor, Divi и другими, чтобы украсить свой сайт.
Простая функция перетаскивания позволяет всем пользователям экспериментировать с дизайном своего сайта независимо от их технического мастерства. И нет, это не только для новичков; те из вас, кто более технически ориентирован, могут сделать еще один шаг вперед с этой темой с ее основными блоками, оптимизированными с помощью разметки Bootstrap.
Рейтинги пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем WeCodeArt получает 45 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
6. Tove
— Источник изображения: WordPress
Tove — это яркая и живописная тема для полного редактирования сайта, подходящая для ресторанов, кафе и веб-сайтов, ориентированных на анимацию. Однако вы можете настроить его для любой ниши благодаря универсальным функциям компоновки.
Tove требует, чтобы у вас была версия 11.5 Gutenberg (или любая более поздняя версия), чтобы использовать функцию полного редактирования сайта.
Благодаря более чем 40 шаблонам блоков и различным оформлениям верхних и нижних колонтитулов вы можете использовать эту гибкую тему для украшения сайта вашего бренда. Он сочетает в себе макет с четкой типографикой, чтобы представить ваш контент визуально впечатляющим образом.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Туве получает 50 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
7. Bricksy
— Источник изображения: WordPress
Bricksy — еще одна блочная тема WordPress для полного редактирования сайта с современным макетом. Его шаблоны блоков позволяют нетехническим и техническим пользователям создавать свои страницы с помощью перетаскивания. Всего за несколько кликов, дизайнерские макеты и перемещение блоков здесь и там вы можете создать свой веб-сайт с нуля.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Bricksy получает 150 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
8. Ona
— Источник изображения: WordPress
Ona от DeoThemes — это минимальная тема WordPress для полного редактирования сайта. Как и другие темы FSE, он предлагает несколько предопределенных шаблонов блоков, которые позволяют создавать сайт с интересным дизайном.
Специально созданная для пользователей, стремящихся к высокой скорости, эта оптимизированная тема ориентирована на Core Web Vitals и предлагает отличный пользовательский интерфейс. Ona требует, чтобы у вас был активен плагин Gutenberg (11.7 или более новая версия).
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Ona получает 80 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
Дополнительная информация: Я спросил Эрика Карковака, дизайнера и разработчика WordPress, о его любимых темах для полного редактирования сайта, и вот его мнение:
Привет Сарим! Пока что мои фавориты — @frostwp, Tove и Bricksy
.
— Эрик Карковак (@karks88) 7 марта 2022 г.
9. Frost
— Источник изображения: FrostWP
Frost — это тема для полнофункционального редактирования сайта WordPress, которая преобразует процесс создания сайта с помощью редактора блоков WordPress. Эта современная тема предлагает готовые шаблоны и элементы дизайна для быстрого создания сайта.
Дизайнеры и разработчики ценят удобство и интуитивность Frost для мгновенного создания оптимизированных сайтов.
10. Allele
— Источник изображения: WordPress
Allele — это современная тема WordPress для полного редактирования сайта, предлагаемая DesignOrbital. Эта чистая тема предлагает предварительно определенные шаблоны блоков и полностраничные шаблоны, которые помогут вам создавать привлекательные веб-сайты.
Несмотря на то, что это бесплатная тема, она также предлагает версию Pro, в которой разблокированы такие функции, как все шаблоны, поддержка по электронной почте, страница компании и форум поддержки. Аллеле про стоит $79 .
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Allele получает 70 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
11. Blockbase
— Источник изображения: WordPress
Blockbase — это тема для полного редактирования сайта, созданная Automattic. Он предлагает различные минимальные шаблоны и дизайны, которые вы можете настроить с помощью глобальных стилей для создания потрясающих веб-сайтов.
Динамические элементы позволяют изменять макет страницы по своему вкусу. Кроме того, вы можете добавить предварительно определенные шаблоны блоков и части шаблона и сохранить индивидуальные настройки для повторного использования. Кроме того, Automattic предлагает недавно выпущенную дочернюю тему под названием Mayland (Blocks).
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Blockbase получает 180 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
12. Gutena
— Источник изображения: WordPress
Gutena — бесплатная тема WordPress FSE, созданная ExpressTech Systems. Эта тема на основе блоков предлагает множество шаблонов блоков и полностраничных шаблонов, чтобы облегчить вашу работу по созданию веб-сайта.
Gutena сочетает в себе функциональные возможности блочных тем и классической панели инструментов, чтобы предоставить своим пользователям оптимальное решение.
Оценки пользователей
— Источник изображения: WordPress.
— Источник изображения: WordPress
13. WAWMALL
— Источник изображения: WordPress
WAWMALL — это чистая тема для полнофункционального редактирования сайта WooCommerce. Тема имеет страницу уведомлений и страницу приветствия для администратора и в настоящее время предлагается в экспериментальном состоянии.
Поставляется с более чем 30 шаблонами блоков и множеством пользовательских стилей блоков. У вас должна быть версия Gutenberg не ниже 11.6 (или новее), чтобы использовать тему WOWMALL в WooCommerce.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем WOWMALL получает 25 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
14. Stewart
— Источник изображения: WordPress
Stewart — современная тема для полнофункционального редактирования сайта WordPress, предлагаемая Automattic. В основном созданный для сайтов, ориентированных на контент, он упрощает навигацию по вашему сайту через левую боковую панель и повышает удобство для пользователя благодаря своей отзывчивости.
Простой дизайн этой темы позволяет вашему контенту выделяться, и вы также можете стилизовать его с помощью параметров настройки. Цветовая схема по умолчанию из оранжевого и серого придает вашему блогу чистый вид.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Стюарт получает 40 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
15. Скейтпарк
— Источник изображения: WordPress
Skatepark — еще одна тема для полного редактирования сайта, предлагаемая Automattic (силой WordPress и WooCommerce). Эта современная тема придает смелый вид вашему сайту.
Благодаря таким функциям, как графическая цветовая схема, поддержка двухцветного изображения и игривая сетка, у вас есть все необходимое для создания потрясающего веб-сайта, который не только отзывчив, но и удобен для глаз. Кроме того, параметры настройки позволяют оптимизировать дизайн по своему вкусу и создать собственный внешний вид.
Оценки пользователей
– Источник изображения: WordPress
Ежедневные загрузки
В среднем Skatepark получает 70 загрузок в день в репозитории тем WordPress.
— Источник изображения: WordPress
Резюме
Выбор правильной темы для полнофункционального редактирования сайта WordPress имеет решающее значение для плавного редактирования; иначе вы запутаетесь в технических деталях.
FSE полностью изменил способ взаимодействия пользователей со своим веб-сайтом, а это означает, что вы можете извлечь выгоду из функциональности только с помощью тем WordPress для полнофункционального редактирования сайта, которые предлагают удобные услуги и пользуются доверием пользователей по всему миру.