Сайт

Редактирование сайта: Редактирование сайтов: что и как

13.03.2019

Содержание

Редактирование сайтов: что и как

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

Но в последнее десятилетие появилось большое количество средств редактирования и создания сайтов без помощи профессионалов. Создать небольшой сайт-визитку достаточно просто. Если вы хотите научиться создавать сайты самостоятельно, рекомендуем начать с нашего бесплатного курса HTML для начинающих.

Проще всего редактировать сайты в блокноте. Можно воспользоваться стандартным блокнотом или скачать популярную программу notepad++.

Для того чтобы создать новую страницу сайта, можно просто создать файл с расширением .html и добавить в файл следующий код:

<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<p>Hello world</p>
</body>
</html>

Сохраните. Далее запустите файл в любом современном браузере.

Всё. Вот так просто. Вы создали свой первый сайт. Для этого вы применили язык гипертекстовой разметки HTML. В Интернете есть много уроков, посвящённых этой тематике. С помощью этого языка можно редактировать так называемые статические сайты.

CMS

Чтобы создать или редактировать более сложный сайт, можно воспользоваться CMS. CMS (Content menedgment system) — это система управления контентом.

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

д. без использования программирования. CMS есть платные и бесплатные. Самые популярные бесплатные CMS — WordPress и Joomla. Кому что по вкусу, но лично мне больше нравится WordPress. И очень много сайтов в Интернете написано на этом движке. Из платных можно отметить 1с битрикс малый бизнес.

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

Редактирование сайтов — очень интересный процесс. В этой области можно очень долго развиваться, дойдя в конечном итоге до очень серьёзного уровня программирования. И рамок здесь практически нет. Информации очень много, как и инструментов. Всё зависит от того, насколько есть желание тратить время на изучение чего-то нового, и насколько полезна информация.

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

Первое, что нужно сделать, это изучить HTML. Это то, на чём строятся все остальные технологии. Язык гипертекстовой разметки необходим для построения каркаса сайта — вставки текста, картинок, списков. Когда вы закончите изучение HTML, вы уже будете понимать теги. Но вам покажется, что вы пока не можете отредактировать интерфейс своего сайта полностью так, как хотите — изменить отступы, толщину границы, шрифт. Тогда можно приступать к изучению CSS. Технология каскадных таблиц даст вам решение этой проблемы. Свойств каскадных таблиц очень много, и зачастую это справочная информация, которую необязательно знать наизусть. CSS3 уже даст возможность вставлять анимацию. И сайт начнёт приобретать современный вид.

Когда возникнет потребность динамической обработки информации, долговременного хранения информации в памяти, можно приступать к изучению PHP.

Это уже язык программирования. С помощью него можно подключать к сайту базу данных, манипулировать более сложными технологиями, использовать время, установленное на сервере, определять IP-адрес пользователя, адрес, откуда пришёл посетитель на страницу.

Но писать свои скрипты, как уже было сказано выше, далеко не всегда рационально. И тут мы приходим к необходимости изучения CMS. Когда вы знаете PHP, вы уже можете изменять код движка под свои нужды. Но этим занимаются только опытные люди. Обычно создают свой шаблон и устанавливают его на движок.

Чтобы более гибко использовать анимацию на сайте, необходимо изучить JavaScript. Лично мне во время изучения он показался сложнее PHP, и я советую изучать JavaScript уже после PHP. В целом JavaScript позволяет манипулировать любыми объектами на сайте, создавать сложную анимацию, когда в зависимости от состояния одного объекта, изменяется состояние и внешний вид другого объекта.

Редактирование сайтов в Setup.

ru — Setup.ru — бесплатный конструктор сайтов, создать сайт бесплатно

1. Тексты

Создание сайта прошло успешно. Впереди самая трудоемкая, но и самая интересная работа — наполнение его текстами, картинками, полезной информацией. Чтобы к этому приступить, переходим в панель редактирования ресурса: для этого необходимо нажать на ссылку «Редактировать».

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

После нажатия на иконку перед нами открывается выбранный блок в стандартном текстовом редакторе. Система подсказывает вам, где будет размещен заголовок, а где — основная статья.

Прежде, чем мы поговорим об оформлении статьи, следует немного остановиться на ее содержании. Этот текст — первое, что увидит посетитель, оказавшись на вашем сайте, поэтому он должен быть одновременно и «цепляющим», и информативным: чтобы ваш потенциальный клиент сразу понял, что именно ваша компания может предложить ему то, что он искал, и выполнит заказ на высшем уровне.

Как это сделать? Написание так называемых «продающих текстов» - настоящее искусство. Если вы действительно хотите получить качественный контент, проще (хоть и придется за это заплатить) заказать его у профессиональных копирайтеров. Найти такую студию не составляет труда: стоит лишь ввести в поисковую систему соответствующий запрос — а затем выбирайте исполнителей, ознакомившись с их портфолио и отзывами клиентов.

Однако если ваш бюджет не предусматривает услуги копирайтеров, вы можете написать текст и самостоятельно. Но не поленитесь и посвятите время изучению правил написания статей для сайтов. Обратите внимание на размер текста, он не должен быть очень большим, чтобы пользователь смог прочесть его быстро, «на одном дыхании».

Ни в коем случае не копируйте контент у коллег, даже если вам очень понравился их материал: мало того, что это неэтично, так еще и запрещено правилами поисковых систем.

После написания статьи внимательно взгляните на полученный результат глазами вашего «клиента» — насколько привлекательным вышло ваше предложение? Если текст вам содержательно понравился, можем переходить к его оформлению.

Для работы с текстом используйте линейку редактора, расположенную ниже заголовка — все обозначения знакомы и аналогичны значкам в традиционном Word.

Все функции становятся активными только после того, как вы отметите левой кнопкой мыши нужный фрагмент в тексте (слово или словосочетание, которое необходимо выделить).

Закончили работу над текстом? Теперь можете сохранить созданную статью и перейти к следующему этапу.

В редакторе сайта расположены еще несколько текстовых блоков. Отредактируйте статьи в них согласно описанному выше алгоритму. Блок «Новости» — тоже текстовый, однако, он строится по иному принципу, который мы рассмотрим в следующих пунктах.

2. Изображения. Слайдер.

Тексты для сайта готовы, можно переходить к картинкам — начинаем работу над внешним видом будущего ресурса. У нас есть несколько графических блоков, которые следует отредактировать.

Оставлять стандартные картинки не стоит, так как они могут повториться на другом ресурсе. Каждая компания должна иметь индивидуальность, иначе как клиент выделит вас среди сотни конкурентов?

Где взять фотографии? Есть три варианта:

  • Найти изображение в сервисах «Картинки» поисковых систем Яндекс или Google. Это самый простой выход, но не самый лучший: не забывайте, что у каждого изображения есть владелец. Разместив без его согласия фото на своем сайте, вы нарушаете его авторские права, что преследуется законодательно.
  • Скачать изображения в бесплатных фотобанках. Их в Интернете сотни — можно выбрать фотографии по любой тематике. «Подводный камень» такого метода: неуникальность картинок. Скачав красивое изображение, вы можете обнаружить его еще на десятке сайтов.
  • Создать фотографии самостоятельно. Идеальный вариант, особенно если у вас есть фантазия, время и хороший фотоаппарат.

Определились с изображениями? Теперь поместим их на сайт. Начнем со слайдера — это большая картинка на главной странице. Для того, чтобы начать его редактирование, достаточно нажать на «плюсик» в правом нижнем углу блока.

Нажимаем клавишу и видим своеобразную базу наших изображений. Пока она пустая, но сейчас мы загрузим в нее картинки, которые затем распределим по сайту. Нажимайте на кнопку «загрузить их» и сохраняйте фото, подготовленные вами для сайта.

Вы можете загрузить сразу все фотографии или лишь те, которые понадобятся вам на ближайших этапах. Дозагрузка картинок возможна в любое время: вы также можете удалить ненужные изображения, выбрав необходимую функцию при наведении курсора мышки на изображение.

Также вы можете выбрать ту часть изображения которая вам необходима.

Изображение появится в слайдере, можно добавить на него надпись и ссылку на какую-нибудь страницу или другой ресурс в Интернете.

Обязательно сохраняем.

По такому принципу можно добавить столько изображений в слайдер, сколько вы хотите. После этого можно настроить то, как они будут появляться в слайдере: период и эффект смены.

Обратите внимание на то, что для вашего во всех графических блоках слева вверху обязательно указан размер изображения.

Не забывайте сохранять изменения.

Аналогичную процедуру производим со всеми графическими блоками на странице.

3. Меню

Переходим к пунктам меню. Прежде, чем приступить к редактированию, возьмите лист бумаги и подумайте, какие разделы будут на вашем сайте: достаточно ли предложенных в шаблоне или, наоборот, что-то лишнее? Может, некоторые из них стоит переименовать? Все это позволяет сделать система Setup.ru.

Чтобы приступить к редактированию пунктов меню, нажимаем на зеленую иконку с изображением карандаша.

При наведении на нее курсором на иконке появляется надпись «Изменить», нажимаем на нее левой клавишей мыши. Открывается окно настройки пунктов меню.

Принцип работы с ним следующий:

4. Лого

Логотип компании, или ее фирменный знак, является важнейшей составляющей корпоративного стиля. Логотип изображается на всем, что имеет отношение к фирме: на автомобилях, форменной одежде, продукции, канцелярии и сувенирах. Разумеется, должен он быть и на сайте компании — видя его, клиент запоминает ваш знак, что способствует узнаваемости бренда и его популярности.

В каждом шаблоне системы Setup.ru предусмотрено место для размещения логотипа: как правило, это верхняя часть сайта — здесь он максимально заметен.

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

Перенесите логотип с компьютера в базу вашего сайта, нажав кнопку загрузки картинки.

Затем нажмите левой клавишей мышки на выбранное изображение в вашей базе, и оно автоматически появится на сайте на месте логотипа.

Появившиеся в блоке логотипа кнопки позволят вам скорректировать размер картинки или удалить ее, если внешний вид изображения вас не устроил. Вы также можете использовать кнопку «Написать» и создать логотип сами.

5. Шапка

«Шапкой» сайта называется верхний блок ресурса.

Здесь размещается самая важная информация, которую должен запомнить посетитель: контакты организации, в Интернет-магазинах — кнопка «Сделать заказ». Такое расположение обусловлено удобством для клиента: если при посещении сайта у него возник какой-то вопрос, он сразу видит контакты представителя компании, ему не нужно уходить со страницы и специально искать телефоны или e-mail менеджера.

Редактирование «Шапки» осуществляется по стандартной схеме — нажимаем на зеленую иконку с изображением карандаша. Открывается панель для ввода информации.

После того, как контактные данные введены, сохраните изменения.

Как видите, вся информация расположилась справа, а левая часть «шапки» остается пустой. Это нарушает гармонию сайта, и, более того, пропадает ценное место в самом дорогом для читательского взгляда сегменте! Не упускайте его: разместите здесь слоган компании или ее название. Чтобы вставить в «шапку» графический материал, нажмите на значок изображения или кнопку «Вставить» — «Изображение».

Открывается окно вставки картинки из базы сайта.

Нажимаем на кнопку «Загрузите новое» и попадаем в уже знакомое нам меню загрузки изображений. Загружаем в него изображение со слоганом вашей компании (разумеется, оно должно быть подготовлено заранее).

После загрузки изображения нажмите на него левой клавишей мыши, и откроется окно вставки картинки в «шапку». В нем уже будет прописана ссылка на выбранную вами картинку. Нажмите кнопку «Сохранить».

Изображение появится в «шапке». Теперь можете установить выравнивание по левому краю (ведь именно он у нас был незаполненным).

Если отображение вас устраивает, сохраните настройки. Если не нравится, то можете удалить изображение, выделив его левой кнопкой мыши и нажав на клавиатуре компьютера клавишу «Delete».

6. Изменение порядка блоков

Вы заполнили основные блоки, но внешний вид страницы вам все равно не нравится? Кажется нелогичной ее структура и хочется поменять местами блоки? Нет проблем! Слева от текстовых блоков находятся серые стрелки — при наведении на них мышкой они становятся оранжевыми. Одновременно появляются подсказки: с помощью какой стрелки можно поднять блок выше или, наоборот, опустить. Экспериментируйте! Все изменения сохраняются автоматически.

7. Добавление страниц

Предположим, вам понадобилось создать еще одну страницу, чтобы написать информацию, которая не подошла к другим разделам. Сделать это очень просто: нажимаем на кнопку «Создать страницу», расположенную в верхней панели системы Setup. ru.

При нажатии откроется окно создания страницы. В нем нужно будет указать название страницы, добавить ее в меню и сохранить изменения.

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

Работа над страницей не окончена, пока вы не проверите ее свойства. Для этого необходимо нажать на кнопку «Свойства страницы», расположенную в верхней панели системы.

Поля прописываются автоматически, но обратите особое внимание на пункт «Описание страницы». Заполняя его, не просто опишите общее содержание страницы, но и вставьте в текст ключевые слова, по которым вы планируете продвигать эту страницу — правильное описание поможет поисковым системам быстрее найти ваш сайт. Сохраните изменения.

Если по каким-то причинам вам понадобилось удалить страницу, это можно сделать при помощи кнопки «Все страницы», расположенной в верхней панели системы.

При нажатии на кнопку система показывает все страницы, созданные на вашем сайте. При наведении на любую страницу появляется предложение удалить ее — нажмите на слово «удалить» левой клавишей мышки, если вам не нужен тот или иной раздел.

8. Каталог

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

Для Интернет-магазинов основной раздел — товаров. Чтобы он появился на сайте, необходимо нажать кнопку «Создать страницу» в верхней панели окна редактирования.

В открывшемся окне заполните соответствующие поля, не забудьте указать тип страницы «Каталог» — только в этом случае у вас появится возможность добавлять на сайт товары для продажи.

Новый раздел сайта появился в меню и автоматически стал доступен для правки. Заполнение каталога следует начать с внесения в него групп товаров. Для этого нажмите кнопку «Добавить группу».

Открылось окно новой группы товаров. Чтобы ее отредактировать, нажмите на зеленую иконку с изображением карандаша — эта кнопка позволяет редактировать поле (аналогичная система работает для всех блоков системы: как текстовых, так и графических).

В окне редактирования укажите название группы и ее описание, чтобы ваши покупатели сразу могли понять, какую продукцию предлагает ваш Интернет-магазин. Чтобы загрузить картинку, иллюстрирующую содержание группы, необходимо нажать на зеленую кнопку с изображением карандаша в соответствующем поле.

В базе вашего сайта пока нет изображений: чтобы вставить картинку, ее необходимо загрузить с компьютера. Нажмите на кнопку «Загрузите новое» и выберите нужные изображения.

После загрузки картинок щелкните левой кнопкой мыши на той, которую хотите сделать иллюстрацией к группе.

Выбранная картинка появится в окне редактирования. В любой момент вы можете заменить ее или откорректировать. Если этого не требуется, сохраните изменения.

Поздравляем, вы создали первую группу товаров в каталоге собственного Интернет-магазина.

Чтобы создать следующую группу, вернитесь в раздел «Каталог» и нажмите кнопку «Добавить группу» — повторяйте эти действия, пока не внесете в каталог все группы товаров.

В нашем гипотетическом Интернет-магазине появилось три группы товаров

Следующий этап — внесение непосредственно товаров в соответствующие группы. Добавим продукцию в категорию «Название группы товаров»: зайдите в эту группу и нажмите на кнопку «Добавить товар».

Открылось уже знакомое окно редактирования — для изменения содержания блока нажмите на зеленую кнопку с изображением карандаша.

В открывшемся окне заполните необходимые поля, которые позволят вашим покупателям ознакомиться с характеристиками продукции. Не забудьте указать цену товара.

После сохранения изменений новый товар появится в соответствующей группе — «Название группы товаров».

Аналогичным образом добавьте весь ассортимент в те группы, которые вы создали ранее. Все товары будут соответствовать указанным категориям и отображаться на соответствующих страницах.

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

Вы можете указать способ, по которому будут сортироваться товары внутри категории или подкатегории внутри главного раздела. Для этого перейдите в «Свойства страницы» и выберите нужную сортировку.

Тут же вы можете указать сколько товаров/подкатегорий будет отображаться на одной странице.

9. Фотогалерея

Фотогалерея необходима практически каждому сайту: как правило, такая структура характерна для портфолио. Компания выкладывает в раздел примеры своих работ, демонстрируя профессиональные достижения.

Создаем страницу фотогалереи. Начало процедуры стандартно для любой страницы: нажимаем соответствующую кнопку в верхнем меню системы.

В открывшемся окне пишем название страницы и не забываем указать, тип страницы — фотогалерея. Сохраняем изменения.

После создания «Фотогалереи» система нас сразу переадресовывает на эту страницу и предлагает добавить альбом.

Переходим на страницу создания альбома: чтобы его отредактировать, нажимаем зеленую иконку с изображением карандаша.

Открывается окно редактора: заполняем поля заголовка и описания альбома. Сразу можно добавить и картинки, для этого необходимо нажать на соответствующую кнопку на странице. Изображения добавляются прямо с компьютера, вам не нужно искать их в базе сайта. Также возможно выбрать способ отображения альбома.

Также можете к каждой картинке добавить описание.

После добавления картинок сохраните изменения. У вас появился новый раздел с готовым альбомом: пополняйте его примерами работ по мере развития компании.

10. Новости

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

На странице раздела уже добавлены шаблоны для пяти новостей, позже мы их заполним. У нас также есть поле заголовка раздела. Мы можем оставить стандартную надпись «Новости» или конкретизировать их тематику, например, «Новости компании» или «Новости рекламы». Для редактирования поля заголовка нажимаем зеленую иконку с изображением карандаша.

Открывается стандартное окно текстового редактора, заполняем поля заголовка раздела и его описания. Показывать даты публикации — необязательная функция, но рекомендуется ее активировать для удобства посетителей вашего сайта. Глядя на дату, они смогут понять, насколько актуальна та или иная новость. Сохраните изменения.

Переходим непосредственно к публикации новостей. Для этого необходимо войти в раздел «Новости». Вы увидите ссылки на уже готовые шаблоны заметок: Новость 5, Новость 4 и т.д. Нажимайте на них левой кнопкой мышки.

Откроется страница конкретной новости: чтобы отредактировать ее текст, нажимаем на зеленую иконку с изображением карандаша.

В окне текстового редактора откроются стандартные поля для заполнения: заголовок и текст новости. Загрузите картинку в соответствующий блок. Сохраните изменения.

Новость размещена, осталось заполнить еще 4 шаблона. У вас пока не так много информации? Не проблема, удалим лишние шаблоны. Снова заходим в раздел «Новости» и нажимаем на ссылку «лишней» публикации.

Открывается окно редактирования новости, одновременно появляется кнопка «удалить». Нажимаем ее, и новость удаляется с сайта.

Со временем возникнет необходимость добавлять статьи. В системе Setup.ru это не составит труда: заходите в раздел «Новости» и нажимайте желтую кнопку «Добавить запись».

Откроется окно новой статьи, нажимаем на кнопку редактирования (зеленая иконка с изображением карандаша) и заполняем поля будущей новости.

Сохраните изменения — ваша лента новостей готова.

11. Смена дизайна

Сайт уже готов, но вы понимаете, что дизайн все же не совсем вам нравится. Бывает и такое: система Setup. ru позволяет изменить дизайн сайта даже после его наполнения. Для этого в вашем аккаунте предусмотрена функция «Смена дизайна».

При нажатии открывается знакомая нам страница выбора дизайна. Выбирайте понравившийся, наводите на него стрелку мышки и щелкайте один раз левой клавишей. Для того, чтобы рассмотреть главную страницу своего сайта в этом дизайне, нажмите на кнопку справа, которая раскроет дизайн в отдельном окне. Если он вам подходит, нажимайте на кнопку «Сохранить» или Enter на клавиатуре.

Дизайн изменен, система уведомит вас об этом специальным сообщением.

Если и новый дизайн вам не нравится, вы можете поменять его в любой момент.

12. Показать другу

Когда сайт готов, сложно оценить его объективно: после долгой работы глаз «замыливается», и вы можете пропустить какие-то ошибки. Прежде, чем выпускать ресурс в Интернет, протестируйте его на фокус-группе своих знакомых. Это позволит вам исправить ряд недочетов до того, как их заметят ваши клиенты. Чтобы пробную версию сайта могли увидеть ваши «эксперты», в системе Setup.ru предусмотрена функция «Показать другу». Нажмите на соответствующую кнопку в верхней панели редактора сайта.

В открывшемся окне появится ссылка на демо-версию текущего варианта вашего сайта. Скопируйте ее и отправьте друзьям.

Ваши знакомые смогут увидеть ресурс таким, каким он появится в Интернете. Будьте готовы к конструктивной критике 🙂

13. Публикация

Полагаете, что сайт уже готов? Значит, пора выкладывать его на всеобщее обозрение. Для этого нажимаем на крайнюю правую кнопку в верхней панели системы.

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

Как узнать, сколько страниц уже заполнено на сайте? Для этого есть подсказка в верхней панели системы.

Еще раз внимательно проверьте свой сайт и заполните пустые страницы. Если таковые отсутствуют, создайте новые разделы. Как только количество заполненных страниц превысит 3, система автоматически предложит вам отправить сайт на модерацию.

Система присылает уведомление о том, что сайт проходит модерацию как в редакторе сайта, так и на странице «Мои сайты».

Во время ожидания можно продолжать работать над улучшением ресурса.

14. Модерация

Как узнать, прошел ли ваш сайт модерацию? Система сама уведомит вас об окончании процесса. В интерфейсе профиля появится пометка о важном сообщении — в случае если у модератора есть замечания к ресурсу.

Нажав на сообщение, вы увидите ответ модератора с объяснением причин отклонения сайта. Если у вас возникли вопросы по замечаниям, вы можете их задать в форме, расположенной ниже. Модератор отвечает от нескольких минут до нескольких часов.

Не бойтесь пропустить сообщение об отклонении сайта — уведомление продублируется на почту.

Если сайт прошел модерацию, вы также получите письмо от системы.

В вашем профиле появляется предложение выбрать домен для сайта.

15. Счетчики

Счетчики на сайте — важный инструмент анализа посещаемости ресурса. Установить их не составляет труда, зато впоследствии вы сможете использовать данные для корректировки продвижения сайта. Информация счетчиков покажет, сколько человек посетили ваш ресурс, с каких сайтов они пришли и какие поисковые запросы помогли им обнаружить ваш ресурс.

Чтобы поставить счетчик в системе Setup.ru, откройте нижнюю часть страницы, где расположена кнопка «Добавить счетчик».

При нажатии на кнопку открывается окно-подсказка с предложением добавить счетчики. Вы можете выбрать любой на ваше усмотрение или вставить 3 из них на выбор.

Установим вместе счетчик Яндекс.Метрики. Для начала работы зарегистрируйтесь, если у вас еще нет аккаунта в Яндекс, затем по ссылке приступаем к созданию счетчика. Заполните необходимые поля.

Нажимаем на кнопку “Создать счетчик”, откроется окно с настройками: “Выберите способ установки кода счетчика Метрики”. Укажите нужные настройки, например, если Вы хотите чтобы счетчик отображался на сайте, то необходимо установить галочку в разделе “Дополнительные настройки” у “Информер”:

После всех настроек, нажмите на кнопку “Скопировать код”, разместите его на вашем сайте, затем нажмите кнопку “Начать пользоваться”:

Итак, вы скопировали код счетчика, теперь устанавливаем его на сайт. Для этого нужно вернуться в редактор сайта и вставить скопированный код счетчика в окно формы-подсказки.

Сохраните изменения и не забывайте анализировать статистику. Учтите, что счетчик можно установить только на сайт, который уже имеет собственный домен.

16. Копирайты

Термин «Копирайт» в создании сайтов означает определение авторских прав создателей ресурса. Вы неоднократно замечали, что в нижней части сайта стоят подписи типа «Разработано в студии N» или «Продвижение сайта — компания N». Это сделано не только для удовлетворения авторской гордости разработчиков или оптимизаторов, но и для защиты их прав.

Сайт системы Setup.ru также имеет копирайт создателя — вы можете увидеть эти ссылки в нижней части.

Вы можете разместить на вашем сайте такой же значок, например, в самом нижнем блоке в редакторе вашего сайта

Добавление или редактирование сайта » JSmart CMS

Вкладка «Основное»

[image=1]

Значение полей
ID Длина идентификатора должна быть не более 2-х символов.
Название Название сайта. Отображается в модуле Структура сайта (см. «Структура сайта»).
Доменное имя Укажите домен или поддомен, по которому будет доступен сайт. Если доменное имя не указано, необходимо указать директорию.
Директория Директория, по которой будет доступен сайт. Если директория не указана, необходимо указать доменное имя.
Префикс WWW Включите опцию, если хотите, чтобы сайт был доступен по адресу с префиксом WWW. Работает только для сайта, расположенного на отдельном домене или поддомене..
Включить Включить / отключить публикацию сайта.

На новый сайт вы можете зайти либо по домену, либо через директорию. В зависимости от того, что вы укажете. Если вы укажете для дополнительного сайта домен site2.ru, сайт будет доступен по этому домену.

Если домен основного сайта site.ru, а для дополнительного сайта указана директория site2, то на дополнительный сайт можно будет зайти по адресу site.ru/site2


Вкладка «Свойства»

[image=2]

Значение полей
Название сайта Используется в качестве имени отправителя в e-mail сообщениях и в хлебных крошках. Поле необязательно для заполнения.
Если поле не заполнено, название берется из системных настроек. Система → Основные
Заголовок сайта Значение HTML-тега title. Данный заголовок будет отображаться в заголовке окна браузера и в результатах выдачи поисковых систем.
E-Mail Адрес электронной почты, с которого будут отправляться системные уведомления данного сайта. Поле необязательно для заполнения. Если поле не заполнено, адрес берется из системных настроек. Система → Основные
Язык Язык интерфейса.
Шаблон сайта Выберите шаблон сайта. Подробнее о шаблонах см. «Шаблонизация».

Основы редактирования сайта—ArcGIS Hub | Документация

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

В этом разделе вы узнаете, как сделать следующее:

  • Запустить сессию редактирования в редакторе сайт, сохранить работу и просмотреть изменения.
  • Различать строки и карточки и использовать их для разработки сайта или компоновки страницы.
  • Определить, какие настройки нужны для установки цвета фона, цвета текста и шрифтов.
  • Настроить заголовок и колонтитул.

Открытие сайта в режиме редактирования

Чтобы начать, откройте сайт в режиме редактирования. Подробнее об открытии страницы в режиме редактирования см. в Открыть страницу в режиме редактирования.

Из окна браузера

Чтобы открыть сайт в режиме редактирования из браузера, выполните следующие шаги:

  1. Откройте URL сайта в новом окне браузера и щелкните Войти на глобальной панели навигации сайта.
  2. Щелкните кнопку редактирования , чтобы открыть редактор сайтов.

    Чтобы войти и редактировать сайт, глобальная навигация должна быть включена и вы должны принадлежать основной команде сайта, иметь права администратора или быть исходным владельцем сайта или инициативы.

Из ArcGIS Hub

Если глобальная навигация отключена для сайта, вы можете открыть сайт из ArcGIS Hub:

  1. Войдите в ArcGIS Hub на hub.arcgis.com.
  2. На странице Обзор щелкните Управлять в Cайты или Инициативы.
  3. Щелкните на названии сайта или инициативы, чтобы открыть редактор сайта.

Из ArcGIS Online

Чтобы открыть сайт в режиме редактирования изArcGIS Online, выполните следующие шаги:

  1. Войдите в ArcGIS Online.
  2. Найдите сайт или сайт инициативы элемента Hub Site Application в разделе Ресурсы.
  3. Щелкните элемент, чтобы открыть Информацию об элементе и щелкните Настроить приложение.

Сохранение изменений

Так как вы редактируете сайт, регулярно сохраняйте изменения. Кнопка Сохранить находится в верхнем правом углу панели навигации редактирования. У вас есть возможность опубликовать сайт как черновик для просмотра для других пользователей. Более подробно см. раздел Публикация сайтов или страниц.

Если участники основной команды редактируют сайт одновременно или сайт открыт на нескольких вкладках, применяются изменения, сделанные последним пользователем, выполнившим сохранение и выход. Открытые вкладки не обновляются автоматически для отображения новых изменения, поэтому рекомендуется, чтобы одновременно только один участник основной команды редактировал сайт.

Операции на боковой панели и панель навигации редактирования

Чтобы получить больше возможностей редактирования сайта, вы будете использовать боковую панель сайта. Эта панель включает меню Настройки, Заголовок, Тема, Компоновка и Колонтитул.

Чтобы открыть боковую панель, щелкните на кнопку переключения боковой панели . Щелкните на кнопку Назад рядом с Настроить наверху панели, чтобы вернуться к главному меню.

Редактор сайта также включает панель навигации редактирования вверху редактора компоновки, что дает вам доступ к дополнительным функциям, таким как команды, обратная связь и библиотека ресурсов. Вы также можете сохранить сайт и получить доступ к странице информации об элементе в ArcGIS Online из этой панели. Щелкните на кнопке и выберите Редактирование в ArcGIS Online.

Создание компоновки сайта

Чтобы начать разработку компоновки сайта, откройте меню Компоновка на боковой панели, чтобы получить доступ к набору карточек, которые позволят вам добавлять изображения, текст, приложения, медиа и другие компоненты на ваш сайт.

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

Чтобы познакомиться с редактированием компоновки сайта, выполните эти три шага и добавьте новую карточку строки:

  1. Щелкните Компоновка на боковой панели.
  2. Перетащите карточку Строка с боковой панели на компоновку и расположите строку там, где вы хотите.

    Строки — это строительные блоки компоновки и требуются везде, где вы хотите вставить карточку, например, как текст, приложение или карточку изображения.

  3. Перетащите карточку, например текстовую карточку, из боковой панели в новую строку и расположите карточку там, где вы хотите.
    Подсказка:
    Чтобы переместить карточку в строку, удерживайте курсор над верхним правым углом карточки и используйте кнопку размещения , чтобы переместить карточку. Также вы можете использовать стрелки вправо и влево у карточки, чтобы изменить ее размер.
  4. Дополнительно, чтобы переместить строку, удерживайте курсор над верхним правым углом строки и используйте кнопку размещения , чтобы переместить строку.

    Вы можете переместить строку, включая все карточки, которые она содержит, в новое место на компоновке.

  5. Щелкните Сохранить.
  6. Для удаления карточки или строки, щелкните на ее кнопку удаления .

Настройки сайта

У каждого сайта есть свой настройки, позволяющие вам управлять определенными элементами, таким как конфигурация URL-адреса, имя и краткая информация о сайте, взаимодействия, такие как частные загрузки и глобальная навигация.

Подсказка:

URL адрес — это важная настройка вашего сайта и ее надо настроить заранее. Чтобы настроить URL-адрес с пользовательским доменом или чтобы переименовать сайт, см. настройка URL-адреса сайта.

Более подробно см. Настройка параметров сайта

Заголовки, колонтитулы и глобальная навигация

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

Дополнительно во всех новых сайтах включена глобальная навигация, набор возможностей в виде узкой, компактной панели над заголовком. Эта панель позволяет посетителям найти ресурсы сайта по ключевым словам и фразам, получить доступ к своему профилю пользователя и просмотреть уведомления.

На небольших устройствах, таких как мобильный телефон, заголовок сворачивается в ниспадающее меню, и элементы глобальной навигации (включая премиум опцию ArcGIS Hub добавлять инициативу в избранное) доступны на боковой панели, так что посетители могут перемещаться по сайту независимо от размера экрана.

Заголовок, колонтитул и панель глобальной навигации остаются неизменными на сайте и его страницах, чтобы гарантировать, что посетители могут перейти обратно к исходной странице при переходе во ссылкам на другие страницы.

Вы можете использовать пользовательский код в заголовках и колонтитулах. Вы также можете использовать опции в меню Заголовок на боковой панели, чтобы настроить следующее (написание кода не требуется):

  • Логотип
  • Цвет фона заголовка и текста
  • Иконки социальных сетей, чтобы связать посетителей с платформами социальных сетей
  • Ссылки меню на страницы и дополнительные ресурсы для создания навигации сайта

Для получения дополнительной информации см. Бренд сайта с заголовком и опциями темы и Настройка глобальной навигации и ссылок меню.

Цвета и шрифты

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

Вы можете изменить цвета темы для отдельных строк, чтобы получить более структурное управление цветами компоновки. У каждой строки есть собственные настройки, которые позволяют вам задавать цвета текста и фона, так же как и применять изображение в качестве фона.

Подсказка:

Посмотрите это видео, чтобы изучить, как использовать настройки строки.

Чтобы начать, удерживайте курсор над правым верхним углом строки и щелкните кнопку настроек , чтобы изменить следующее:

  • Выберите широкую или квадратную компоновку — Широкая раскрывает строки через всю компоновку. Квадратная отображает ресурсы с зафиксированной шириной в строке.
    Подсказка:

    Квадратная — это рекомендуемая настройка для публикации сайтов, предназначенных для просмотра преимущественно на мобильных устройствах.

  • Измените цвет текста и фона с помощью шестизначных кодов цвета или бегунка цвета — Любой цвет отображается в строке таким, каким вы его задали в этой настройке. Это включая текст, отображаемый в строке с помощью любой карточки Вы можете также применить цвет к фону строки.
    Подсказка:

    Убедитесь, что цветовой контраст между цветом текста строки и цветом фона удовлетворяет критерию доступности 4.5:1 для обычного текста и 3:1 для крупного текста или символа. Существует много вебсайтов, где вы можете проверить цветовойконтраст, например WebAIM.

  • Задать фоновое изображение — Вы можете дополнительно установить изображение в качестве фона для строки, загрузив изображение или вставив ссылку на размещенный файл изображения.
    Подсказка:

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

Более подробно о форматировании строк см. в Добавление текста и изображений и Создание темы.

Страницы

Страница — это дополнительная вебстраница, которую вы можете прикрепить к сайту и которая использует заголовок, колонтитул и пользовательский домен вашего сайта. Вы можете добавить ссылку на дополнительные страницы, используя ссылки меню в заголовке.

Если вы планируете охватить область информации или отобразить несколько элементов с помощью iframes и карточки карты (вебкарты и вебсцены), рассмотрите использование страниц для разделения содержимого по теме. Это сохранит загрузку и производительность вашего сайта и позволит посетителям сайта возможность изучать ресурсы в своем собственном темпе.

Каждая страница, добавленная на сайт, содержит боковую панель с таким же меню Компоновка, включенным в боковую панель. Это означает, что вы можете создать компоновку своей страницы с помощью карточек так же, как вы разрабатывали сайт.

Для подробной информации о страницах см. Добавление страниц на ваш сайт.


Отзыв по этому разделу?

Редактировать сайт MODX Revolution

Сайт не должен быть статичным, как и поисковым системам, так и посетителям вашего ресурса, важно, чтобы документы обновлялись, информация, в них содержащаяся, была актуальной, и появлялась новая информация.

Для добавления новой страницы, навести курсор на значок «Новый документ»

Если же необходимо редактировать ранее опубликованный документ, следует кликнуть по названию этого документа в левом поле.

Переходим на следующую страничку:

Прежде всего, заполняем название страницы (обязательно к заполнению!), затем, вкладку «Расширенный заголовок», которая формирует заголовок всего текста на данной странице.

Поисковые системы, в частности Google, лояльно относятся к страницам сайтов, содержащих метатег «description», что означает описание страницы. Посему, если планируется продвижение сайта, то рекомендуется заполнить и это поле, которое должно содержать около 160 символов с пробелами.

Как правило, веб-мастер в настройках сайта указывает шаблон, который используется системой по умолчанию, но при наличии нескольких шаблонов, вам необходимо будет самим выбрать наиболее уместный шаблон к редактируемой странице.

Система MODX Revolution помогает формировать адрес страницы, и после заполнения названия страницы будет сформирован, так называемый, человекопонятный url. Однако при необходимости url можно редактировать.

Система сама формирует систему навигации на сайте. Для того чтобы MODX выводил пункт меню, следует заполнить поле «Пункт меню».

Ну и, наконец, опускаемся ниже и заполняем поле «Содержимое ресурса». Данное поле напоминает интерфейс текстового редактора Word. Для того чтобы убрать форматирование заготовленного документа, следует нажать иконку «Вставить как текст», если необходимо сохранить форматирование, нажимаем иконку со значком Word.

Доступны и другие иконки для редактирования, в частности: отменить редактирование, повторить редактирование, отступы, маркированный список, нумерованный список, подчеркивание и другие. При наведении на иконку появляется всплывающая подсказка.

Следует иметь в виду, что напрямую скопировать и вставить в этом поле система не всегда позволяет (зависит от браузера), для вставки скопированного текста следует воспользоваться сочетаниями клавиш: ctrl + с или ctrl + insert – копировать, ctrl + v или shift + insert – вставить.

Для «превращения» какой-либо фразы или слова в заголовок, следует воспользоваться кнопкой «Абзац».

После окончания редактирования, нажатием кнопки «Сохранить», новая страничка сохраняется и документ публикуется.

ReadyScript: Режим редактирования

Режим редактирования — это особый режим сайта, который позволяет:

  • редактировать информацию, не входя в административную панель;
  • настраивать блоки, расположенные на текущей странице;
  • видеть отладочную информацию.

Для включения режима редактирования необходимо авторизоваться под пользователем с правами администратора, а затем воспользоваться переключателем в правом верхнем углу вашего сайта.

Переключатель режима редактирования

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

Блоки на странице

Рассмотрим стандартные инструменты блока, отображающего какой-либо тип объектов, например, «категории товаров».

Панель инструментов блока

  • Добавить объект — откроет диалог добавления объекта, например, категории товаров или товара либо пункта меню и т. д.
  • Настроить блок — откроет диалог настройки блока. Такой же диалог можно открыть из раздела Конструктор сайта в административной панели.
  • Настроить модуль — откроет страницу настройки модуля, к которому относится блок.
  • Отладочная информация — при наведении будет отображена краткая информация о блоке, его технических параметрах. При нажатии на иконку откроется окно со списком переменных, переданных в шаблон блока.

Благодаря использованию технологии ORM в ReadyScript стал доступен уникальный сервис по редактированию информации прямо на сайте. Наведя курсор на любой объект, будь то товар, категория товаров, пункт меню, новость, комментарий или что-либо еще, и нажав правую кнопку мыши, администратору доступна возможность выбрать действие, которое можно произвести с данным объектом. Чтобы создать новый объект в блоке, необходимо нажать правой кнопкой мыши на свободной области блока.

Меню редактирования товара

Выбрав пункт “Редактировать”, прямо на сайте откроется окно редактирования товара.

Редактирование товара

Внедрение режима редактирования полностью изменяет привычный порядок действий администратора интернет-магазина. Теперь администрирование всего контента может происходить прямо из клиентской части сайта. Вот некоторые типовые задачи, которые можно решить, не входя в панель администрирования:

  • исправление ошибок в текстах,
  • удаление нецензурных комментариев,
  • создание нового пункта меню,
  • добавление товаров,
  • добавление новостей.

Возможность редактирования объектов в странице должна поддерживаться темой оформления. Все темы оформления, созданные ReadyScript lab., поддерживают данную технологию.

При наведении на инструмент блока “Отладочная информация” отображается краткая информация о блоке, которая может быть полезна для изменения отображения данного блока. Рассмотрим подробнее отладочную информацию блока «Товары из категории»:

  • Название — здесь отображается название модуля, к которому принадлежит блок.
  • Описание — краткое описание модуля.
  • Класс — системное название модуля (имя каталога, в котором находится модуль).
  • Версия — версия модуля, которому принадлежит блок.
  • Автор — разработчик модуля.
  • Контроллер — класс контроллера для текущего блока в системе ReadyScript. Данное значение соответствует пути к файлу относительно папки /modules.
  • Шаблон — шаблон, используемый для отображения содержимого блока.

Краткая информация о блоке

Если нажать мышью на иконку “Отладочная информация”, откроется окно с информацией обо всех переменных, переданных в шаблон. Эти сведения можно использовать при редактировании шаблона блока.

Переменные в шаблоне

Atom.io — удобная работа с редактирование кода на сайте в реальном времени по FTP

Atom — очень крутая среда редактирования кода от GitHub. Сайт https://atom.io/

Тут расскажу о редактировании кода на сайте в реальном времени.

Есть 3 основных метода разработки сайтов:

  1. Редактирование сайта на живую (сайт работает и тут же идет разработка). Этот метод хорош для простых правок или если сайт не боевой.
  2. Создание тестовой копии сайта где-либо на внешнем хостинге и его разработка.
  3. Создание локальной копии у себя и загрузка кода по готовности, возможно через GIT (наиболее правильная, но не всегда оптимальная)

Данная статья будет полезная для первых двух методик и бесполезна для третьей.

Итак имеем:

  1. Сайт на каком либо внешнем хостине с доступом по FTP (или SFTP)
  2. Редактор Atom

Далее…

Берем тут https://atom.io/packages/Remote-FTP и устанавливаем в Atom через менеджер пакетов

На своем компьютере создаем папку для работы с сайтом. У меня все такие папки хранятся на рабочем столе.

Далее открываем эту папку в редакторе через команду Add Poject

Очень важно, чтобы эта папка была в списке проектов первой. Если это не так, то надо закрыть все проекты и добавить нужную папку.

У нее должна быть синяя рамка слева:

Данные о FTP подключении сохраняются в эту самую папку как файл .ftpconfig

Для этого нужно выполнить команду:

Далее появляется файл

Где обычно заполняются параметры: host, user, pass  и иногда remote (указание пути для подключения).

Сохраняем. И проверяем что этот файл сохранился в папке из шага 2.

Если все сделано правильно, то можно подключаться. Для этого даем команду:

Просто щелкаем по нужным файлам, они подгружаются в рабочую папку с сохранением структуры подпапок. Правим и тут же обновленные файлы загружаются на хостинг.

Я по началу опешил от такого. И отключил эту опцию. Но потом все же вернулся к ней, оказалось что это очень удобно. Поправил — тут же посмотрел результат.

7 оцените контент и участвуйте в выборе трендов

Будущее строительства на WordPress

Если вы знакомы с источниками новостей или онлайн-сообществами WordPress, вы, вероятно, слышали болтовню о том, как полноценное редактирование сайта приходит в WordPress.

Что именно это означает и что вам нужно знать, чтобы быть готовым к грядущим изменениям? Эти (и многие другие) вопросы мы рассмотрим в этой статье и в следующих статьях о полном редактировании сайта.

Наша цель — помочь вам оставаться в курсе и быть на шаг впереди с открытым исходным кодом и WordPress. Отличный способ сделать это — быстро освоить полное редактирование сайта до того, как оно будет добавлено в WordPress #Core.

Что такое полное редактирование сайта?

Традиционно в WordPress темы, плагины и собственный редактор контента играли разные роли. Темы обеспечивают логику, структуру (верхний колонтитул, нижний колонтитул, область содержимого и т. Д.) И внешний вид сайта. Плагины расширяют основные функции WordPress. А редактор контента (ранее классический редактор, а теперь редактор блоков) используется для создания контента и управления им.

При полном редактировании сайта эта парадигма меняется.

Блоки больше не предназначены «только для содержания», а вместо этого берут на себя более широкую роль. При полном редактировании сайта блоки можно использовать в других местах на сайте WordPress, таких как верхний колонтитул, нижний колонтитул или боковая панель.

Что это значит для тем и плагинов? Ну пока не совсем понятно. Ясно одно: то, как мы думаем о создании сайтов на WordPress, в будущем будет выглядеть иначе.

Полное редактирование сайта все еще находится в зачаточном состоянии, так что знайте, что особенности реализации и т. Д.будет продолжать развиваться. Тем не менее, любые примеры, представленные в этой статье, предназначены для объяснения концепций и не должны использоваться в производственной среде.

Язык полного редактирования сайта

С развитием блочного редактора развивается и словарный запас WordPress. Хотя существует официальный глоссарий, для начала мы выбрали несколько основных терминов и понятий.

Блоки

Если вы уже работали с Гутенбергом (он же редактор блоков), то вы знакомы с концепцией блоков.

Блоки рассматривают абзацы, заголовки, мультимедиа и встраиваемые элементы как компоненты, которые, будучи объединены вместе, составляют контент… — Руководство редактора блоков

Вместо создания содержимого с текстом произвольной формы, вставленными мультимедиа, вставками и короткими кодами, содержимое создается в виде блоков. Редактор блоков был представлен в WordPress 5.0.

Диалоговое окно «Вставить блок»

Следует отметить, что есть как статические, так и динамические блоки. Статический блок содержит контент, известный на момент сохранения сообщения (например, блок Paragraph содержит введенный текст).Однако динамический блок содержит контент, который может быть неизвестен во время сохранения сообщения, но вместо этого определяется, когда сообщение отображается на передней панели сайта. Примером может служить список последних сообщений. Этот контент является динамическим, поскольку определяется во время показа сообщения.

Шаблоны блоков

В WordPress 5.3 был введен групповой блок. Это позволило группировать или вкладывать дочерние блоки в родительский контейнер.

Шаблоны блоков

развивают идею группировки блоков и дают пользователям возможность использовать предопределенные макеты на своих сайтах.Это приносит пользу пользователям, предоставляя отправную точку для макета страницы по сравнению с пустым холстом.

Шаблоны блоков — это предварительно определенные макеты блоков, которые могут быть вставлены в качестве начального содержимого и предназначены для изменения пользователем каждый раз. После вставки они существуют как локальные сохранения и не являются глобальными.

Gutenberg 8.0 добавляет шаблоны в существующий модуль вставки

Марк Урейн, участник WordPress и Automattician, заявил, что на шаблоны блоков в значительной степени влияют плагины Atomic Blocks и Design Library.

На момент написания этой статьи шаблоны блоков еще не были частью ядра WordPress. Они доступны с плагином Gutenberg v7.7 +. Некоторые шаблоны блоков будут изначально существовать в WordPress. Темы и плагины также могут определять шаблоны блоков через API шаблонов блоков (представленный в Gutenberg 7.8).

шаблоны

Шаблон — это предопределенное расположение блоков, которое может включать предопределенные атрибуты или даже содержимое-заполнитель.

Традиционно в WordPress файлы шаблонов включаются в темы (а иногда и плагины) и применяются контекстно к сообщениям и страницам на основе иерархии шаблонов WordPress.Хотя файлы шаблонов написаны на PHP, они могут содержать некоторую разметку HTML.

Типичная структура каталогов темы может выглядеть так:

├── название темы

│ ├── шаблон-детали

│ │ ├── content.php

│ ├── шаблоны

│ │ ├── template-cover.php

│ │ ├── template-full-width.php

│ ├── index.php

│ ├── style.css

Что касается полного редактирования сайта, концепция аналогична, за исключением того, что шаблоны (и части шаблона, о которых мы вскоре поговорим) представляют собой файлы HTML, содержащие разметку блоков.Измененная структура темы может выглядеть так:

├── название темы

│ ├── блок-шаблон-детали

│ │ ├── header.html

│ │ ├── footer.html

│ ├── блоки-шаблоны

│ │ ├── index.html

│ ├── index.php

│ ├── style.css

Пример шаблона блока

Простой шаблон, состоящий из заголовка, области содержимого и нижнего колонтитула, может выглядеть как этот файл index.html из темы Twenty Twenty Blocks:

  

Независимо от окончательной реализации, шаблоны блоков, такие как их предшественники, шаблоны тем, используются для определения макета.

Детали шаблона

Части шаблона — это блоки, эквивалентные частям шаблона темы. Они представляют собой многократно используемые фрагменты кода, что означает, что одна часть шаблона (например, footer.html) может быть включена в различные шаблоны.

Как и шаблоны блоков, части шаблона блоков включают заранее заданное расположение блоков и разметку HTML. Части шаблона написаны на HTML и не включают PHP.

Пример части шаблона

Вот пример заголовка.html часть шаблона из темы Twenty Twenty Blocks:

  

Двадцать двадцать

Еще один сайт на WordPress

Эта часть шаблона состоит из макета из двух столбцов с заголовком и описанием сайта в первом столбце и меню навигации во втором. В редакторе блоков он может отображаться так:

Пример отображения части шаблона «заголовок» в редакторе блоков
Шаблоны, редактируемые пользователем

Хотя темы могут определять начальные шаблоны и части шаблонов, пользователи могут захотеть изменить их или даже создать новые.

Как только шаблон используется в сообщении, контент сериализуется и сохраняется в базе данных как post_content. На момент написания этой статьи неясно, как ведут себя пользовательские шаблоны, если активирована новая тема, содержащая одноименные шаблоны.

Например, если пользователь отредактировал часть шаблона header.html в существующей теме, этот «шаблон» теперь существует в базе данных как сериализованные данные. Если пользователь активирует новую тему, которая включает в себя часть шаблона, также называемую header.html, предположительно, определяемый пользователем шаблон будет иметь приоритет. Однако рабочий процесс вокруг редактируемых пользователями шаблонов и иерархии шаблонов еще не задокументирован.

Блоки многоразовые

Повторно используемые блоки — это способ совместного использования блока (или группы блоков) как повторно используемых, повторяемых частей контента.Хорошим вариантом использования может быть форма призыва к действию или форма регистрации по электронной почте, которую вы хотите использовать в нескольких местах на сайте.

Пример блока многократного использования

Одно важное замечание о блоках многократного использования: они являются глобальными, что означает, что любые изменения в блоке многократного использования применяются к каждому использованию этого повторяемого блока на сайте.

Блочные темы

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

Со временем блочные темы будут включать поддержку полного редактирования сайта. Вот экспериментальная версия темы Twenty Twenty, которая поддерживает полное редактирование сайта. Вы можете проверить это, чтобы получить представление о том, как блочная тема будущего может быть структурирована и закодирована.

Глобальные стили

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

При полном редактировании сайта глобальные стили позволят использовать такие вещи, как масштаб шрифта, цвета, кнопки и т. Д., И повсеместно применять эти стили по всему сайту.

Эта инициатива добавляет интерфейс для применения стилей в режиме редактирования сайта. Изначально стиль будет глобальным, но его также можно будет применить только к документу (например, к странице или публикации) или к самому компоненту. Например, стилизация отдельной кнопки, всех кнопок на странице и / или всех кнопок на всем сайте.- Руководство по дизайну WordPress

Как и другие основные концепции полного редактирования сайта, которые мы обсуждали, интерфейс для глобальных стилей все еще находится в стадии изменения. Чтобы увидеть предлагаемые / примеры интерфейсов для первой фазы глобальных стилей, следуйте этой заявке на Github.

Что все меняется с FSE?

Полное редактирование сайта — это полная смена парадигмы. Для создателей контента это расширение возможностей редактирования на основе блоков и предлагает более высокий уровень контроля без необходимости программирования.

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

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

Блоки, везде блоки

Введение редактора блоков в WordPress 5.0 дало пользователям возможность создавать богатый контент в настраиваемых блоках. Однако редактор блоков был ограничен созданием страниц и сообщений.Компоненты полного макета сайта, такие как верхний колонтитул, боковая панель или нижний колонтитул, были оставлены теме.

При полном редактировании сайта темы по-прежнему могут включать эти элементы макета, однако они могут редактироваться и настраиваться пользователем напрямую. Блоки предназначены не только для содержания. Они используются для определения макета сайта.

Демократичный дизайн

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

Хотите изменить цвет фона для заголовка? Изучать CSS не нужно — просто измените настройки этого блока.А как насчет изменения шрифтов на всем сайте? Для этого пользователям также не понадобится код.

В то время как дизайнеры могут съеживаться, предоставляя пользователям такой большой контроль, многие пользователи хотят этого. WordPress может доминировать на рынке CMS, но популярность конструкторов веб-сайтов, таких как Squarespace и Wix, свидетельствует о том, что люди хотят иметь возможность разрабатывать и создавать веб-сайты, не зная, как кодировать.

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

В конце концов, роли или разрешения пользователей могут также помочь определить, какие пользователи могут получить доступ к этим стилям.

Пользовательские шаблоны

В современном мире WordPress темы (а иногда и плагины) используются для определения шаблонов. Например, тема может содержать шаблон целевой страницы, шаблон для архива блога или главную страницу.Плагины, регистрирующие настраиваемый тип сообщения, могут предоставлять настраиваемый шаблон для этого типа сообщения.

Темы на основе блоков в конечном итоге будут использовать шаблоны блоков и части шаблонов блоков, что даст пользователям отправную точку для интеллектуального дизайна сайта. Создатели сайтов и контента могли затем настроить стили, макеты и т. Д. По мере необходимости для удовлетворения своих потребностей.

Есть ли место для конструкторов страниц в мире блоков?

Конструкторы страниц

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

Когда Gutenberg был впервые выпущен, блочный редактор применялся только к области содержимого, что отличало его от конструктора страниц как с точки зрения опыта, так и с точки зрения возможностей. Однако, когда не за горами полное редактирование сайта, редактор блоков становится все более конкурентоспособным по сравнению с конструкторами страниц.

Означает ли это, что у конструкторов страниц нет будущего? Не обязательно.Такие конструкторы страниц, как Elementor, Divi и Beaver Builder, широко используются, и маловероятно, что их клиентская база выйдет из строя, как только станет доступно полное редактирование сайта.

Джастин Тэдлок сделал проницательную редакционную статью о том, останутся ли конструкторы страниц конкурентоспособными в эпоху блоков.

Когда следует переходить на FSE?

Редактор блоков был представлен в ядре WordPress в декабре 2018 года. Многие пользователи отказались от принятия Gutenberg и продолжили использовать классический редактор по разным причинам, но в первую очередь потому, что редактор больше походил на MVP, чем на полностью запеченную функцию.С тех пор опыт редактирования блоков значительно улучшился.

Если вы (или ваши клиенты) все еще полагаетесь на классический редактор, самое время переключиться на редактор блоков, поскольку он является основой для полного редактирования сайта.

Тем не менее, FSE все еще находится в стадии разработки, поэтому то, насколько быстро вы с ним начнете, зависит от того, как вы используете WordPress. Согласно дорожной карте WordPress, полное редактирование сайта является главным приоритетом при разработке проекта на 2020 год. Неудивительно, что к концу 2020 или в начале 2021 года FSE станет основной.

Создатели контента

Людям, которые используют WordPress для создания контента, на данный момент нечего «принимать». Вам больше ничего не нужно делать, кроме как освоить редактор блоков для создания контента.

Просто знайте, что опыт создания контента с помощью WordPress будет продолжать улучшаться новыми и интересными способами.

Консультанты и создатели сайтов

Это подходящее время для того, чтобы полностью использовать редактор блоков для ваших собственных сайтов и для использования в новых сборках клиентских сайтов.Чем удобнее вы работаете с блоками, тем легче вы сможете перейти к полному редактированию сайта, когда придет время.

На данный момент убедитесь, что вы используете готовые для Gutenberg блочные темы. Это темы, созданные специально для редактора блоков. Одно из самых больших изменений, которое вы заметите, заключается в том, что виджеты играют меньшую роль, чем когда-либо прежде. Темы на основе блоков позволяют создавать визуально сложные макеты, поэтому вместо жестко заданных областей виджетов в темах (особенно на главной странице) вы используете блоки в качестве основы для дизайна контента.

Тема Navigation Pro от StudioPress — хороший тому пример. Глядя на демонстрацию домашней страницы (или на снимок экрана ниже), вы увидите наложение текста на изображения, перекрывающиеся элементы, многоколоночные и сеточные макеты и т. Д. Каждый из этих компонентов является блоком, некоторые из них встроены в WordPress, а некоторые — предоставляется бесплатным плагином Atomic Blocks.

Снимок экрана домашней страницы темы Navigation Pro

Создание макетов с блоками вместо виджетов дает вам большую гибкость, когда дело доходит до создания привлекательного дизайна для ваших клиентов.И, конечно же, вы можете выполнять множество настроек, не касаясь кода, что ускоряет рабочий процесс.

Если вы еще не начали работать с темами на основе блоков, которые доступны в настоящее время, загрузите бесплатную тему с WordPress. org или тему StudioPress, такую ​​как Navigation Pro *, и начните экспериментировать. Как только вы почувствуете себя комфортно при работе с блочными макетами контента, вы будете готовы к полному редактированию сайта, когда оно будет официально запущено в WordPress.

* все пакеты тем StudioPress бесплатны для клиентов WP Engine

Разработчики тем и плагинов

Пришло время полностью погрузиться в редактирование сайта!

Следует повторить, что это экспериментальные функции и не предназначены для использования на производственных площадках.Однако, когда вы планируете будущую разработку темы или разработку плагинов, которые будут использовать блоки, вы захотите ознакомиться с разработкой полного редактирования сайта.

В дополнение к приведенным ниже инструкциям имеется соответствующая документация разработчика:

Чтобы отслеживать проект Gutenberg в Github, вот два замечательных «сводных» билета:

Следите за обновлениями второй части этого поста, в которой будет представлена ​​дополнительная подробная информация о том, как приступить к полному редактированию сайта. По мере того, как мы приближаемся к его запуску в WordPress #Core, в блоге WP Engine, а также на других каналах будет гораздо больше, чтобы помочь вам быстро освоиться.

Блоки полного редактирования сайта — Полное редактирование сайта

Есть новые блоки WordPress для полного редактирования сайта, которые помогут нам создавать сайты, а не отдельные записи и страницы.

Перечисленные здесь блоки можно использовать с установленной последней версией плагина Gutenberg и с полной активной темой редактирования сайта.

Они доступны как в стандартном редакторе блоков, так и в новом редакторе сайтов, который находится в стадии разработки.

Обновлено 12 декабря 2020 г. — версия Гутенберга 9.5.2

Некоторые из этих блоков все еще находятся в своей самой базовой форме и не имеют дополнительных настроек, таких как панели инструментов, к которым мы привыкли. Но работа продвигается быстро и есть частые обновления.

Вы можете следить за прогрессом по этим ссылкам:

Основные этапы редактирования сайта: https: // github. ru / WordPress / Gutenberg / issues / 24551

Обзор блоков сообщений

: https://github.com/WordPress/gutenberg/issues/15623

Обзор тега шаблона

: https://github.com/WordPress/gutenberg/issues/22724

Доступные блоки

Заголовочные блоки:

Почтовых блоков:

Блокировок комментариев:


Название сайта

С помощью основной надписи сайта вы можете отображать заголовок сайта и редактировать текст заголовка.
Если вы измените текст заголовка сайта, вам необходимо обновить страницу, чтобы изменения вступили в силу.

Основная надпись сайта — это ссылка на домашнюю страницу, но только при просмотре спереди.

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Тег HTML можно изменить между уровнями заголовка h2-H6 и абзацем.
Выровнять по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

    

Выход:

   

Предварительный просмотр темы

Слоган сайта

С помощью блока слогана сайта вы можете отображать слоган и редактировать текст. Если вы измените текст, вам необходимо обновить страницу, чтобы изменения вступили в силу.

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Выровнять по левому, правому и центру.

Наценка:

    

Выход:

  

Еще один сайт на WordPress

Логотип сайта

Этот блок доступен, даже если в теме не объявлена ​​поддержка темы для пользовательского логотипа.

С помощью блока логотипа сайта вы можете загрузить новое изображение логотипа или выбрать изображение из медиатеки. В этом блоке нет новых настроек обрезки изображения.

Настройки боковой панели: Ширина изображения.

Настройки панели инструментов: Выровнять по левому, правому и центру. Заменить или удалить изображение.

Наценка:

    

Выход:

    Предварительный просмотр темы    

Заголовок сообщения

Блок заголовка сообщения позволяет отображать и редактировать текст заголовка.

Настройки боковой панели: Типографика, цвета. Настройки ссылки.

С помощью настроек ссылки вы можете сделать заголовок ссылкой, добавить rel и выбрать, открывать ли ссылку в новом окне:

Настройки панели инструментов: Тег HTML можно изменить между уровнями заголовка h2-H6.
Выровнять по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

    
    

Выход:

   

Привет, мир!

Автор записи

Блок автора сообщения — это один из блоков, который имеет дополнительные настройки. Возможные варианты:

  • Выберите автора из раскрывающегося списка.
  • Показать или скрыть аватар пользователя.-Невозможно выбрать положение аватара.
  • Выберите один из следующих размеров аватара: 24 × 24, 48 × 48, 96 × 96 пикселей.
  • Показать или скрыть биографию — Невозможно редактировать биографию внутри блока. Контент загружается из пользовательских настроек.
  • Изменить цвет текста и цвет фона. -Невозможно выбрать градиент.
  • Выровнять текст по левому краю, центру или правому краю.

Когда выделен текст, он также может быть выделен жирным шрифтом и / или курсивом, и может быть применено зачеркивание.

Дата публикации

С блоком даты публикации вы можете:

  • Выберите формат даты для отображения:
    • Только время,
    • Месяц, день и год
    • Месяц, день, год и время
  • Выберите дату публикации в календаре с помощью средства выбора даты. Вы можете запланировать публикации с помощью этой функции.
  • Сбросить дату публикации. Это сделает ваш пост черновиком.

В этом блоке есть окно справки с инструкциями по использованию средства выбора даты.

Опубликовать рекомендуемое изображение

Выберите, загрузите и отобразите избранное изображение, назначенное для публикации или страницы.

В этом блоке нет новых возможностей обрезки изображения или параметров изменения размера, заголовка или альтернативного текста.

Настройки боковой панели: Настройки ссылки: Ссылка на публикацию.

Настройки панели инструментов: Выровнять по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

  

  

Выход:

(Примеры размеров.Обратите внимание, что упаковывающий тег p является частью вывода по умолчанию.)

  

Проблемы и запросы на вытягивание

https://github. com/WordPress/gutenberg/labels/%5BBlock%5D%20Post%20Featured%20Image

Содержание сообщения

Настройки панели инструментов: Полная и широкая ширина.

Наценка:

    

Выход:

  

Добро пожаловать в WordPress.Это ваше первое сообщение. Отредактируйте или удалите его, а затем пишите!

Отрывок из сообщения

Блок отрывка сообщения позволяет создать отрывок.

  • Выберите длину отрывка.
  • Когда текст отрывка выделен, вы можете выделить его жирным шрифтом и / или курсивом.
  • Выровняйте текст по левому краю, по центру или по правому краю.
  • Блок поддерживает следующие встроенные настройки:
    • Встроенный код
    • Встроенное изображение
    • Зачеркнутый
    • Подстрочный индекс
    • Надстрочный индекс
    • Цвет текста
  • Добавьте ссылки.
  • Включите ссылку «Подробнее». Вы можете отредактировать текст ссылки и выбрать отображение ссылки справа от содержимого отрывка или на новой строке.

Почтовые теги

В своей первой базовой версии блок отображает теги постов. В приведенном ниже тикете вы можете прочитать о запланированных функциях.

https://github.com/WordPress/gutenberg/pull/20418

Наценка:

    

Выход:

   образец  |  test  

Категории сообщений — Иерархические термины сообщений

Блок иерархических терминов публикации в настоящее время включает один вариант, который включает список категорий, используемых в публикации.

Настройки боковой панели: Типографика, цвета.

Наценка:

    

Выход:

    

В этом блоке отображается несколько комментариев.
Он выводит комментарии, используя функцию comments_template () спереди. См. Https://developer.wordpress.org/reference/functions/comments_template/

.

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Выровнять по левому, правому и центру. Полная ширина и широкая ширина.

Наценка:

    

Проблемы и запросы на вытягивание

https://github.com/WordPress/gutenberg/labels/%5BBlock%5D%20Post%20Comments

В этом блоке отображается один комментарий.При размещении блока необходимо вручную ввести идентификатор комментария.

Наценка:

  

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Выровнять по левому, правому и центру.

Наценка:

    

Выход:

   1   

Использует comment_form () спереди, см. Https: // developer.wordpress.org/reference/functions/comment_form/

Настройки боковой панели: Типографика, цвета.

Настройки панели инструментов: Выровнять по левому, правому и центру.

Наценка:

    

Запрос, цикл и разбивка на страницы запросов

Блоки запросов получили много интересных обновлений за последний месяц. Этот новый блок WordPress для полного редактирования сайта теперь поддерживает готовые макеты и фильтры контента.

Запрос определяет, что будет запрашиваться, например, установленное количество последних сообщений. У него есть псевдоним блока, который называется список сообщений.

Цикл отображает содержимое, например заголовок сообщения, отрывок сообщения, автора сообщения или дату. То, что отображается, зависит от отдельных блоков, помещенных внутри блока цикла.

Пагинация запроса выводит ссылки на следующую и предыдущую страницы.

Самая простая разметка:

  
 

  

Пример с содержимым внутри цикла:

  






  

Варианты списков сообщений

Блок запроса теперь имеет четыре готовых варианта блока, в которых цикл содержит различные макеты для представления списков сообщений:

  • Название и дата
  • Название и выдержка
  • Название, дата и отрывок
  • Изображение, дата и название
Настройки панели инструментов запроса

Выберите вид списка (вертикальный) или вид сетки.

  • Настройки дисплея:
    • Элементов на странице: выберите количество элементов, отображаемых на странице.
    • Смещение: следует ли использовать смещение или начинать список сообщений с первого сообщения.
    • Количество страниц
Настройки боковой панели запроса
  • Выберите тип сообщения: по умолчанию вы можете выбирать между сообщениями и страницами.
  • Сортировать по:
    • От новых к самым старым
    • От новых до новейших
    • от А до Я
    • Z до
  • Прилепленных сообщений:
    • Включить
    • Исключить
    • Отображать только прикрепленные сообщения

Если выбран вид сетки, вы можете выбрать количество отображаемых столбцов.

Фильтры

Отфильтруйте контент, указав категорию или тег или выбрав автора.

Деталь шаблона

Часть шаблона — это уникальный тип блока, поскольку он не представляет собственное содержимое. Это контейнер, в который разработчики темы помещают другие блоки.

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

Части шаблона поддерживают цвет текста, цвет фона и цвет ссылок.После выпуска Gutenberg версии 9.6 мы сможем выбрать тег HTML, который будет использоваться. Для получения дополнительной информации об этом обновлении см. Https://github.com/WordPress/gutenberg/pull/27101.

Полное редактирование сайта в WordPress 5.6

Возможно, вы видели термин «Полное редактирование сайта», или FSE, в списке функций темы WordPress 5.6 и Twenty-Twenty-One. В настоящее время полное редактирование сайта можно использовать с плагином Gutenberg и экспериментальной темой (обсуждается далее в этой статье).В будущем эта функция будет иметь стабильную версию и будет интегрирована в WordPress Core, но не в версию WordPress 5.6.

Что такое полное редактирование сайта?

При полном редактировании сайта теперь вы можете редактировать как содержание отдельного сообщения, так и, с выпуском Gutenberg 9.6, шаблон, который использует отдельное сообщение.

В настоящее время глобальные элементы сайта, такие как заголовок сайта, слоган сайта и меню, добавляются из настройщика, а элементы страницы, такие как текст и изображения, добавляются из редактора.Цель полного редактирования сайта — обеспечить полное создание страницы с использованием только блоков Гутенберга, то есть ВСЕ элементы веб-сайта добавляются или изменяются из режима редактирования страницы, как показано ниже. Имейте в виду, что вы по-прежнему сможете вносить глобальные изменения в верхний и нижний колонтитулы своего сайта с помощью полного редактирования сайта.

При полном редактировании сайта будут использоваться блочные темы. Шаблоны блоков и части шаблонов блоков являются основными частями блочной темы. Разработчики Gutenberg создают библиотеку строительных блоков.Большинство базовых элементов уже заложено: заголовок сайта, слоган сайта, заголовок сообщения, контент сообщения, различные блоки метаданных и комментариев и многое другое. Полный список можно найти в Руководстве редактора блоков.

В активной разработке находятся три области для поддержки полного редактирования сайта — манипуляции с шаблоном, шаблоны блоков и глобальные стили.

Управление шаблоном

Это основной проект, и большинство элементов, связанных с полным редактированием сайта, включены сюда в проект GitHub.Манипулирование шаблонами означает обновление способов взаимодействия пользователей с различными шаблонами сообщений и страниц при использовании полного редактирования сайта, при этом сохраняя при этом старую функциональность для тем, не относящихся к FSE.

Шаблоны блоков

Шаблоны блоков

— это макеты, состоящие из нескольких блоков Гутенберга. В тему Twenty Twenty-One должны быть включены специальные шаблоны блоков, которые в полной мере используют возможности полного редактирования сайта. Примеры текущих шаблонов блоков показаны ниже, и вы можете узнать больше о шаблонах блоков здесь.

Глобальные стили

Глобальные стили расширяют функциональные возможности полного редактирования сайта, вместе они обеспечивают больший контроль над дизайном сайта в целом. Стиль может быть глобальным (затрагивающим весь сайт) или специфичным для публикации или страницы. Например, вы можете установить стиль кнопки в качестве глобального по умолчанию, а затем создать другую кнопку, которая будет использоваться в определенных местах. Объяснение глобальных стилей Core можно найти здесь.

Как использовать полное редактирование сайта в WordPress 5.6

WordPress ранее объявил, что будет официальная версия для редактирования всего сайта Twenty Twenty-One по умолчанию WordPress 5.6, которая называется Twenty Twenty-One Blocks. Эта тема была переименована в TT1 Blocks, чтобы избежать путаницы с темой Twenty Twenty-One, когда обе темы находятся в каталоге WordPress.

Использование полного редактирования сайта с темой Twenty Twenty-One

Прежде чем вы начнете, важно найти безопасную среду тестирования. Мы рекомендуем использовать облачный сервис WordPress BoldGrid для создания полнофункциональных бесплатных установок WordPress в облаке за считанные секунды.Если при установке произойдет что-то неожиданное, просто удалите и начните заново!

Начните с установки и активации основного плагина Gutenberg или обновления до последней версии.

Затем перейдите на https://github.com/wordpress/theme-experiments и загрузите zip-архив.

Разархивируйте файл, который называется мастер-экспериментов темы, чтобы увидеть все, что доступно. Найдите папку tt1-blocks и создайте новый zip-архив ТОЛЬКО с этой папкой.Это будет тема, которую вы загрузите в свою установку WordPress. Теперь в вашей панели управления WordPress будет ссылка на Site Editor (beta) , как показано ниже. Если вы не видите эту ссылку, полное редактирование сайта не будет активным.

Теперь перейдите во внешний интерфейс вашего веб-сайта. Посмотрев на верхнюю часть экрана, вы увидите, что ссылка «Настроить» отсутствует на верхней панели администратора и заменена ссылкой Изменить сайт .

Если щелкнуть ссылку «Изменить сайт», страница будет перезагружена в режиме редактирования, который очень похож на основной редактор WordPress.Теперь просто щелкните любой элемент, который хотите изменить, или щелкните значок + , чтобы добавить новый элемент. Внизу экрана вы увидите, что вы редактируете и как это добавлено на ваш сайт. В нашем примере мы щелкнули заголовок сайта.

WordPress Core Call for Testing

WordPress Core активно ищет отзывы о функциональности полного редактирования сайта. Есть несколько способов оставить отзыв. До 13 января 2021 г. вы можете прокомментировать этот основной пост.Вы всегда можете создавать новые выпуски в github в репозитории Gutenberg или тематических экспериментов.

Часто задаваемые вопросы

Я разработчик тем. Что мне делать?

Разработчики тем, которые ищут ресурсы, могут просмотреть руководство по WordPress Core о том, как создать блочную тему. Несмотря на то, что полное редактирование сайта находится в активной разработке и рабочий процесс в этом руководстве, вероятно, изменится, он все же дает разработчикам тем представление о том, что их ждет. Если вы хотите просмотреть открытые заявки для проекта полного редактирования сайта, вы можете просмотреть проблемы на GitHub.

Повлияет ли программа FSE на требования к темам, которые не являются темами полного редактирования сайта?

На недавнем совещании группы разработчиков основной темы было решено, что нет, FSE не должна влиять на требования для старых тем. Вы можете прочитать полные заметки о встрече здесь. В другом посте Core о блочных темах они подтвердили, что не планируется отказываться от способа создания тем сегодня, и существующие темы будут продолжать работать в обозримом будущем.

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

Все, что вам нужно для создания и управления веб-сайтами WordPress в одном центральном месте.

Обновление для редактирования всего сайта

Пришло время обновить информацию о полном редактировании сайта!

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

Обзор

WordPress 5.6 официально выпущен! Первоначально предполагалось включить общедоступную бета-версию полного редактирования сайта, но теперь она была перенесена в WordPress 5.7. Это неудивительно, поскольку FSE все еще находится в активной разработке, а критические компоненты, такие как обработка файлов шаблонов тем, остаются в постоянном движении.

Чтобы рассмотреть ситуацию в перспективе, давайте выделим подвижные элементы:

  • Плагин Gutenberg
  • Ядро WordPress
  • Блочные темы

Плагин Gutenberg — это то место, где происходит вся разработка, связанная с блоками.Это экспериментальная площадка, где более 650 разработчиков работают над редактором блоков, включая новые функции, улучшенный интерфейс, глобальные стили и другие базовые элементы, которые открывают путь к полному редактированию сайта.

Когда функции плагина проходят бета-тестирование, они затем переносятся в ядро ​​WordPress. Первоначально ожидалось, что полное редактирование сайта войдет в ядро ​​WordPress 5.6, но это больше не является планом. Вместо этого полное редактирование сайта будет частично готово в Гутенберге, когда выйдет версия 5.6.

Параллельно с полноценным редактированием сайта идет разработка блочных тем.С момента появления редактора блоков в WordPress 5.0 блоки используются для создания контента. Полное редактирование сайта расширяет идею блочного контента, делая другие компоненты темы (такие как верхний колонтитул, боковая панель и нижний колонтитул) доступными для редактирования с помощью блоков.

В оставшейся части этой статьи мы более подробно рассмотрим каждую из этих движущихся частей, выделив аспекты, наиболее важные для полного редактирования сайта.

Новые блоки редактирования всего сайта

Gutenberg 9.2 был выпущен 21 октября 2020 года и является последним выпуском плагина, который будет включен в WordPress 5.6. В этой статье WP Tavern рассказывается о некоторых новых функциях Gutenberg, которые мы здесь не рассматриваем.

Вместо этого мы поделимся серией новых блоков, которые приблизят нас к полным возможностям редактирования сайта.

Заголовочные блоки

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

  • Блок заголовка сайта — отображает заголовок сайта в виде ссылки на главную страницу.Название сайта заключено в тег h2, хотя вы можете изменить его на любой уровень заголовка (h2-H6). Кроме того, вы можете редактировать текст заголовка.
  • Блок слогана сайта — отображает слоган сайта. Как и заголовок, текст можно редактировать.
  • Блок логотипа сайта — загрузите новое изображение логотипа или выберите изображение из медиатеки. Изображение логотипа связано с первой страницей.

Если вы когда-либо пробовали настраивать заголовок для темы (особенно той, которая не поддерживает собственный логотип), вам понравится легкость, с которой вы можете размещать заголовки сайта.

С добавлением шаблонов блоков в WordPress 5.5 вы, вероятно, можете ожидать, что различные шаблоны макета заголовков появятся в природе.

Почтовые блоки

Не только заголовок сайта получает новые блоки. Также в WordPress 5.6 (и уже включенный в Gutenberg 9.1+) появятся следующие новые блоки для сообщений:

  • Блок заголовка сообщения
  • Блок автора сообщения
  • Блок даты публикации
  • Блок избранного изображения сообщения
  • Блок содержимого сообщения
  • Блок выдержки сообщения
  • Блок тегов сообщения
  • Блок категорий сообщений

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

Хотя эти блоки могут показаться простыми на первый взгляд, они предлагают огромные возможности как создателям тем, так и конечным пользователям. Например, обычно тема управляет макетом отдельных сообщений и архивов. Где и как отображается изображение, автор сообщения и т. Д. Обычно определяется темой. Если вы хотите переупорядочить эти элементы, вы либо создаете собственный шаблон темы, либо, если вы используете Genesis Framework, используйте хуки, чтобы получить нужный макет.

Введение блоков сообщений позволяет создавать эти шаблоны в редакторе блоков — код не требуется.Авторы тем могут использовать блоки сообщений для творчества и разработки интересных макетов, а отдельные пользователи могут вносить изменения в эти дизайны или даже создавать свои собственные.

Блоки комментариев

Вместе с блоками сообщений эти блоки комментариев дополняют общие элементы сообщения:

  • Блок комментариев к сообщениям
  • Блок счетчиков комментариев к сообщениям
  • Блок формы комментариев к сообщениям

Это сложные блоки (в частности, форма комментариев к сообщениям), однако доступные атрибуты блока на данный момент довольно просты — например, вы можете изменить выравнивание, размер шрифта и настройки цвета, но нет элементов управления для изменения меток или текста.

Кроме того, стандартные фильтры комментариев WordPress пока нельзя использовать для изменения вывода. Это один из многих примеров паритета функций между редактором блоков, который мы сейчас используем, и полными блоками редактирования сайта.

Блоки запросов

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

WordPress 5.6 будет включать три новых блока, связанных с запросами:

  • Блок запроса
  • Блок цикла запроса
  • Блок пагинации запроса

Блок запроса — это «блочная версия» цикла сообщений WordPress и определяет, что будет запрашиваться (например, сообщения, пользовательские типы сообщений, категории и т. Д.) . Затем блок Query Loop можно использовать в блоке Query для контекстного отображения содержимого, такого как заголовок сообщения, выдержка из сообщения и т. Д. Наконец, как вы можете представить, блок Query Pagination выводит кнопки разбивки на страницы.

Эти блоки являются очень простыми в их нынешнем виде, но в разработке находится ряд улучшений.

Как и блоки сообщений, блоки запросов обладают большой мощностью для менее технических пользователей, позволяя им создавать собственные запросы без кода.

Невыполнение требований для 5.6

Не все, что изначально предназначалось для версии 5.6, выдержит.

WordPress поддерживает более 39% веб-сайтов, а это означает, что при внедрении новых функций необходимо проявлять огромную ответственность.

Экран навигации

Часть полного опыта редактирования сайта означает переосмысление того, как меню добавляются на сайт. На сегодняшний день меню создаются и управляются через Внешний вид> Меню или через Настройщик. Новый экран навигации пытается перенести процесс управления меню в редактор.

Экран навигации на данный момент все еще является экспериментальным и имеет несколько основных блокировщиков, прежде чем он будет готов к выпуску:

Итак, хотя эта функция изначально планировалась для включения в WordPress 5.6, его отодвинули в пользу сосредоточения на экране виджетов.

Экран виджетов

Как и в случае с меню навигации, полное редактирование сайта дает возможность превратить управление виджетами в блочный интерфейс. В мире блочных виджетов все существующие базовые виджеты преобразуются в блоки. Затем пользователи могут добавлять эти блоки в определенные области виджетов темы (также называемые боковыми панелями).

В то время как экран виджетов получил огромное внимание во время последнего цикла разработки, работа над основными функциями все еще продолжается.Джозефа Хаден, исполнительный директор проекта WordPress и руководитель выпуска версии 5.6, объяснил причину отказа от поставки экрана виджетов в версии 5.6:

.

«Заставить настройщик работать с редактором блоков — сложный процесс, требующий серьезной и вдумчивой работы, чтобы обеспечить наилучшее взаимодействие с пользователем.

«На текущем этапе этого проекта большая часть этой работы уже выполнена, но более сфокусированное тестирование выявило заметные проблемы с общим удобством использования (включая взаимодействие с настройщиками, некоторую путаницу между блочными и устаревшими виджетами, а также различия UX между старым и новым экранами). .”

Что касается решения перенести экран виджетов в будущую версию, ведущий разработчик Хелен Хоу-Санди выразилась так:

«Для истории и на тот случай, когда мы вернемся к этому, я оставлю здесь свои мысли« не дожил до версии 5.6 », потому что они должны сообщить, как мы видим функцию для основной готовности:

«Мой вопрос по функциям, влияющим на интерфейс:« Могу ли я попробовать эту новую вещь, не опасаясь испортить мой сайт? » — то есть доверие пользователей. В настоящий момент, учитывая, что области виджетов не отображаются так же, как то, что вы видите на вашем сайте без тем, которые действительно прилагают к этому усилия, и что вам нужно сохранить свои изменения в реальном времени без изменений, чтобы получить фактическое контекстное представление, блоки области виджетов не позволит вам попробовать эту новую функцию, не наказывая вас за эксперименты.”

Короче говоря, забота о проблемах доступности и удобства использования сделала разумным убрать экран виджетов. Ориентировочно планируется включить в 5.7.

Темы на основе блоков

Когда редактор блоков был впервые представлен в WordPress 5.0, идея блочной темы означала ту, которая включала поддержку функций Гутенберга, таких как выравнивание по всей ширине, цветовые палитры блоков и т. Д.

Итак, блочные темы в том виде, в каком мы их знаем сейчас, позволяют пользователям добавлять блоки в область содержимого.Поскольку полное редактирование сайта становится менее экспериментальным и становится все более новым стандартом, разработка тем будет развиваться в этом направлении.

В настоящее время в стадии разработки находится несколько тематических экспериментов, призванных продемонстрировать, как работает полное редактирование сайта. Читайте дальше, чтобы узнать больше о двух, в частности…

Тема «Двадцать двадцать один блок»

Каждый год, начиная с 2010 года, WordPress выпускает новую тему по умолчанию, предназначенную для выделения новейших и лучших функций WordPress.Как вы можете себе представить, предстоящая тема Twenty Twenty-One (TT1), которая будет выпущена вместе с WordPress 5.6, выделяет блоки и шаблоны блоков.

Вариантом темы TT1 является Twenty Twenty-One Blocks (TT1 Blocks). Он находится в активной разработке (как и TT1) и предусматривает полное редактирование сайта *.

Он включает части шаблона блока (например, header.html, footer.html) и шаблоны блоков (например, single.html, front-page.html). Он также включает в себя несколько шаблонов блоков и глобальных стилей, которые объявлены через одну экспериментальную тему.json файл. Если вы разработчик, которому интересно, что происходит «под капотом» полноценной темы редактирования сайта, вам стоит покопаться в репозитории TT1 Blocks.

Блоки TT1 и TT1 соответствуют критериям темы для специальных возможностей. Это захватывающе, поскольку подчеркивает важность доступности в разработке тем WordPress и служит моделью для других разработчиков тем.

На данный момент в репозитории тем WordPress всего 18 тем, которые готовы к доступности и включают стили редактора блоков.Исторически существовала потребность в большем представительстве в категории тем с поддержкой специальных возможностей, и приятно видеть особый акцент на доступности во время разработки полного редактирования сайта.

Сара Рикер, веб-разработчик WP Engine и руководитель отдела доступности версии 5.6, сказала:

«Очень часто темы разрабатываются за счет соображений доступности. Как хранители передового опыта в Интернете, мы обязаны создавать темы, которые будут лидерами в обеспечении доступности, гарантируя, что все наше сообщество может наслаждаться превосходным цифровым опытом, независимо от каких-либо ограничений, с которыми они могут столкнуться.”

Когда TT1 Blocks выйдет из экспериментальной стадии, это, вероятно, станет первой темой в репозитории, которая будет доступна и поддерживает полное редактирование сайта.

* Чтобы опробовать все функции редактирования сайта, вам потребуется установить плагин Gutenberg и включить «Полное редактирование сайта» в Experiments .

Тема Genesis Block (БЕТА)

Команда разработчиков Genesis здесь, в WP Engine, также работает над бета-версией будущей темы FSE под названием Genesis Block Theme, выпущенной 11 ноября 2020 года.

Период бета-тестирования будет служить для получения обратной связи с командой разработчиков и помощи в дальнейшей разработке темы Genesis Block Theme.

Если вы хотите принять участие в бета-тестировании, следуйте инструкциям, изложенным в этой статье.

Что дальше для создателей тем?

Во-первых, не паникуйте. Полное редактирование сайта нужно пройти, прежде чем оно станет массовым.

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

Менее 8% всех тем в репозитории WordPress.org в настоящее время поддерживают стили редактора блоков (стили для основных блоков), поэтому внедрение редактора блоков (по крайней мере, для разработчиков тем) идет медленно. И хотя темы StudioPress не представлены в репозитории, они были одними из первых, кто развернул темы, оптимизированные для Гутенберга, и сделали это в течение недели после выпуска WordPress 5.0 выпуск.

Все это говорит о том, что если вы разработчик тем, вам нужно идти в ногу с полным редактированием сайта по мере его продвижения, но в данный момент нет необходимости создавать полные темы редактирования сайта. Помимо просмотра репозитория Gutenberg Github, есть несколько отличных ресурсов для обновления:

Конечно, здесь, на StudioPress.com, вы также можете найти дополнительные ресурсы.

Заключение

Это захватывающее время в истории WordPress.Как участники и участники проекта WordPress с открытым исходным кодом, у нас есть уникальная возможность помочь сформировать будущее тематики с помощью редактора блоков.

Если вы хотите принять участие, следите за еженедельными обновлениями Gutenberg + Themes и взвешивайте проблемы!

шаблонов тем в режиме полного редактирования сайта с Энрике Пикерасом в WordPress

Обсуждение с членом команды разработчиков Gutenberg Энрике Пикерасом (@ epiqueras1), который расскажет нам об основных моментах экспериментального полнофункционального редактирования, а затем мы обсудим, как могут работать блочные темы и как они работают в обратном направлении. совместимый.


Прокрутите вниз до стенограммы, предоставленной Pauli Systems, Неаполь, Флорида

Ресурсы

Убедитесь, что вы также ознакомились с более ранним Live Q&A «Переосмысление тем в WordPress» с Уильямом Паттоном из группы проверки тем, создателем CoBlocks Rich Tabor и владельцем магазина тем Эллен Бауэр.

Выписка

Биргит Паули-Хаак : Добро пожаловать в наш 21-й выпуск вопросов и ответов Gutenberg Times Live.Меня зовут Биргит Паули-Хаак. Я ваш хозяин и куратор Gutenberg Times. Спасибо всем, что присоединились к нам. Как здорово, что ты был рядом.

На сегодняшней выставке мы обсудим и покажем вам некоторый экспериментальный опыт редактирования на всем сайте Gutenberg и то, как можно использовать шаблоны тем и их части. Есть большой нюанс. Ничто не является окончательным или окончательным. Экспериментальный флаг стоит на этих вещах неспроста.

Для меня большая честь иметь сегодня в качестве нашего гостя Энрике Пикераса из команды разработчиков Gutenberg.Привет, Энрике.

Энрике Пикера сек: Привет. Спасибо, что пригласили меня.

Биргит Паули-Хаак : Добро пожаловать. Мне нравится то, что вы сделали на работе. Это действительно круто. Где ты сейчас?

Энрике Пикера s: В настоящее время я навещаю семью в Перу, но обычно живу за пределами Сиэтла.

Биргит Паули-Хаак : Хорошо. Я также полагаю, что в Перу погода лучше.

Энрике Пикера с: Ага.Надо бежать от зимы за это… ага. Когда вы работаете удаленно, вы можете переключаться между полушариями, когда вам удобно.

Биргит Паули-Хаак : Что ж, я рада, что мы все еще находимся в одном часовом поясе, поэтому мне или вам не нужно вставать посреди ночи. А где все остальные? Откуда ты слушаешь? Воспользуйтесь окном чата справа или внизу есть небольшая кнопка проверки, и сообщите нам, откуда вы.

У нас их довольно много.Я вижу знакомые лица. Ну, на самом деле имена, но у нас также есть несколько новых людей здесь, на нашем Zoom, так что я немного объясню перед сессией вопросов и ответов. Внизу страницы есть кнопка вопросов и ответов, где у нас есть вопросы. И вот тут я читаю. Для вопросов и ответов YouTube, наблюдая за нами на YouTube, пожалуйста, используйте окно чата справа, и я переключаюсь между двумя системами, так что, возможно, я не очень хорошо соблюдаю порядок. Пожалуйста, прости меня. Также, пожалуйста, будьте добры.Даже если вы не согласны, будьте добры. Это семейное предприятие.

Энрике, я думаю, мы готовы взяться за дело. Энрике, на кого ты работаешь и чем занимаешься? Просто своего рода небольшое введение.

Энрике Пикера s: Я работаю в Automattic. Большую часть времени я работаю над Гутенбергом.

Биргит Паули-Хаак : Хорошо. Круто. Итак, о чем шоу? У Ярона уже был вопрос. «Спасибо за настройку. Это будет доступно для загрузки позже и посмотреть его еще раз? »

Да, мы ведем прямые трансляции на YouTube.Я не знаю, после того, как шоу закончится, YouTube сделает это. Иногда на это уходит полчаса. Иногда на это уходит час. Запись будет доступна на канале youtube.com/gutenbergtimes. Мы также создадим стенограмму этого и разместим сообщение в Gutenberg Times позже на следующей неделе, с ресурсами и ссылками, которыми мы делимся здесь, в окне чата, а также с дополнительной информацией, которую мы могли бы затронуть или Энрике мог бы затронуть здесь .

Передовое экспериментальное редактирование всего сайта

Энрике расскажет нам об основных моментах экспериментального полнофункционального редактирования, а затем мы обсудим, как могут работать блочные темы, как они имеют обратную совместимость, и многое другое, и мы ответим на вопросы между ними. .

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

Без лишних слов, Энрике, все твое.

Энрике Пикера s: Я собираюсь показать свой экран. Я хочу начать с визуального ознакомления с тем, как это работает и что мы сделали с темами.

Биргит Паули-Хаак : Отлично.

Энрике Пикера s: Тогда мы оставим слово для вопросов, потому что я полагаю, что их будет много.

Биргит Паули-Хаак : Я просто поприветствую нескольких человек. Привет, Рой из Сиэтла. Привет, Деннис из Род-Айленда. привет Эйлин из Филадельфии. Бублик из Бонна. Я ходил в школу в Бонне 10 лет.

Это занятие будет… Зависит от того, сколько вопросов у нас будет, но оно продлится около часа.

Энрике Пикера s: Теперь вы видите мой экран?

Биргит Паули-Хаак : Да, я вижу ваш экран. Могут ли все остальные видеть экран Энрике?

Энрике Пикера с: Да? Я вижу чат прямо сейчас, но-

Биргит Паули-Хаак : Хорошо, круто.

Энрике Пикера s: Все эти вещи в настоящее время находятся под флагом функции или экспериментом Гутенберга, как мы их называем.Чтобы работать с этим, вы должны перейти на эту страницу в разделе экспериментов Гутенберга, включить это, сохранить изменения, что я уже сделал.

Нужно время.

Биргит Паули-Хаак : Весь мир проходит через трубу.

Энрике Пикера s: Это в моей локальной среде.

Вот оно. Хорошо.

Главное, что я собираюсь сделать, это изменить способ работы разрешения шаблона в коде разрешения темы.Темы будут улучшены за счет возможности определять шаблоны блоков и части шаблонов блоков. Это своего рода параллель с тем, что мы всегда делали традиционно с файлами PHP, но вместо кода PHP у них есть HTML, который представляет собой сериализованное содержимое блока из редактора блоков. Это то, что ваш редактор блоков сохраняет, когда вы редактируете сообщение, и будет отображаться во внешнем интерфейсе.

Я пошел дальше и установил тему, которая использует это преимущество. В WordPress есть репозиторий для экспериментов с темами, в котором на данный момент четыре темы играют с этими функциями.Большинство из них основаны на теме Мела Йоханнеса. Если вы хотите поэкспериментировать с этим самостоятельно, я бы посоветовал вам начать с этого, потому что это намного более простой и полностью работает с плагинами.

Некоторые из них пробуют новые вещи, которые не так стабильны, и вы можете столкнуться с некоторыми ошибками. Вам просто будет немного сложнее понять, как все работает.

Для этого я установил Parisienne и покажу вам мой локальный каталог, как он выглядит.Это тема. У меня пустой указатель. Это просто для условности. Вы можете удалить его в будущем, возможно, мы удалим его. Лицензия, файл ReadMe, CSS классического стиля, глобальный сброс стилей и —

Биргит Паули-Хаак : Энрике, могу я побеспокоить вас, чтобы вы немного увеличили код?

Энрике Пикера s: Конечно. Сбрасывается просто случайный CSS.

Биргит Паули-Хаак : Вправо. Я знаю это. Но немного читать действительно сложно.

Энрике Пикера s: Так лучше?

Биргит Паули-Хаак : Замечательно, да.

Энрике Пикера с: Хорошо.

В ваших функциях у вас есть поддержка темы, некоторые изменения цвета для редактора блоков. У этого есть стартовый контент. Это не сильно изменилось, за исключением того факта, что этот стартовый контент теперь является блочным.

Здесь все меняется. Теперь у нас есть шаблон блока и папка частей шаблона блога.Здесь у нас есть эти HTML-шаблоны, которые представляют собой сериализованное содержимое блока, о котором я говорил. Итак, части шаблона и шаблоны. Как это работает, чтобы понять, вы должны посмотреть на иерархию тем. Когда ваш экземпляр WordPress выполняет поиск на сайте во внешнем интерфейсе, он проходит через эту иерархию, чтобы решить, какой шаблон он должен отображать. Если вы смотрите на похожую страницу, вас спросят: «Это статическая страница, страница с одним сообщением?»

Допустим, это статическая страница. Нам нужен шаблон страницы.Есть ли специальный шаблон, назначенный этой странице, или мы должны просто использовать шаблон по умолчанию? Допустим, пользовательского нет, поэтому мы смотрим на вариант по умолчанию. Есть ли страничное тире: краткое изложение этого типа CPT или краткое изложение страницы? Извините, есть только один, который будет его использовать? Если нет ни одного, который перейдет к следующему, и так далее, пока он не найдет шаблон, весь ваш индекс — это PHP, который у вас должен быть, и эти HTML-шаблоны теперь, когда у вас включен флаг функции, будет иметь высокий приоритет над этой иерархией шаблонов PHP.Итак, теперь мы будем искать не только файлы PHP, но и эти шаблоны HTML, и они будут делать это своего рода усовершенствованным способом, который позволяет пользователям манипулировать ими.

Это немного сбивает с толку, но я попытаюсь объяснить это немного проще. Допустим, мы загружаем ту же страницу, о которой говорили. Ни один из этих штрафов не является штрафом, поэтому мы получаем единичные суммы. Теперь движок сначала спросит, есть ли отдельный настраиваемый шаблон, сохраненный пользователем? Таким образом, это будет сохранено как фактическое сообщение в скрытой части базы данных, которая фактически не отображается, в отличие от сайта.Итак, используя шаблон CPT. Если есть, он будет использовать это, и это будет шаблон, к которому он приведет, потому что это настроенный пользователем шаблон, и пользователь мог настроить его по какой-то причине. Он не захочет, чтобы он был перезаписан начальным контентом из темы.

Либо такого сейфа нет, нужно перейти к теме и найти файл шаблона блога. Если его там нет, то он сделает файл PHP. Таким образом, это похоже на трехуровневую иерархию на вершине этой иерархии для разрешения этих шаблонов.Таким образом, это позволяет темам постепенно принимать шаблоны блоков.

Постепенное улучшение иерархии шаблонов PHP

У вас могут быть даже случаи, когда темы хотят зарегистрировать определенные области для прямого управления. Таким образом, весь смысл этого заключается в том, что шаблоны становятся редактируемыми пользователем, потому что они просто сериализуют содержимое блока, где они могут быть загружены редактором блоков в любом контексте, отредактированы и сохранены пользователями. Но у вас могут быть очень строгие требования к тому, какие части вашего сайта можно обновлять, и может быть нелегко справиться с такими вещами, как разрешения.Таким образом, у вас все еще может быть несколько статических HTML-шаблонов PHP, которые требуют определенных частей HTML-шаблона в определенных областях. Поэтому я просто пытаюсь показать, насколько он очень гибкий. Это не ограничивает вас простым использованием HTML. Это прогрессивное усовершенствование существующей иерархии шаблонов PHP. Итак, давайте посмотрим, я активировал эту тему Parisienne, только что у меня есть индексный HTML. Здесь нет шаблонов PHP, поэтому он будет полностью завершен и приведен к этому при загрузке сайта, и вот как это выглядит.

Вы видите, у меня здесь этот Гутенберг, меню навигации, мой адрес, я думаю, это блок обложки и нижний колонтитул. Итак, здесь вы можете увидеть парк шаблонов Хизер. Контент — это то, что называется контентом публикации WP. И нижние колонтитулы сайта и другие части шаблона. Итак, сначала давайте посмотрим, как выглядит эта часть шаблона Heather. Это то, что мы видим наверху. Это блок меню навигации со ссылками для навигации. Справа есть столбец с несколькими абзацами для адреса и группой внизу.О, все это в ловушке группы.

Еще одна вещь: вы, вероятно, не собираетесь создавать эти шаблоны вручную. Подобно тому, как вы пишете шаблоны PHP, вы будете использовать редактор, а затем экспортировать вывод туда, где вы будете писать, и кодирование будет фактическими блоками, которые вы здесь используете для рендеринга там. Затем содержимое этого сообщения WP отображает содержимое. Это динамический блок, который просто загружает содержимое первого сообщения в цикле. И нижний колонтитул сайта — еще одна часть шаблона.

Итак, поскольку это всего лишь блоки, мы можем загрузить их в редактор блоков. Итак, помните, как я сказал, что на каждом этапе иерархии он сначала будет искать настроенную пользователем версию вне шаблона, а затем искать файл. И использовать файл только в том случае, если он не может найти настроенный?

Итак, это означает, что теперь у нас могут быть эти интерфейсы, в которых мы можем полностью редактировать сайт. Это то же самое, что я вижу здесь, но в режиме редактирования в редакторе блоков.Итак, что это за классика, это меню NAF. Это основная надпись сайта и столбец с абзацем. То же, что и в досье. Теперь причина, по которой вы видите слои классических блоков, заключается в том, что у вас есть разметка, которая не находится внутри блока, например, в этом шаблоне индекса есть этот HTML-код Heather или этот основной HTML-код, который по-прежнему будет работать в редакторе, но будет классический блок, который можно редактировать до чистого рта. Так что, вероятно, это не лучший пользовательский интерфейс, но это одна из первых тем, и, вероятно, сейчас нет никаких блоков для поддержки такого рода произвольного класса, такого как нижний колонтитул сайта.У нас, наверное, еще нет ничего подобного. И вот почему они это сделали.

Но теперь позвольте мне показать вам, как вы можете редактировать вещи. Итак, я собираюсь скрыть и отредактировать нижний колонтитул. Так что укажите адрес темы, возможно, измените его местоположение и здесь. Мы можем сделать кое-что интересное, например, войти в систему, чтобы вы предполагали, что у вас есть части шаблона, которые используются здесь. Теперь здесь не отображаются все части шаблона из папки, потому что вы не используются ни в каких шаблонах. Вы должны вставить первый, чтобы они загрузились.Но вы можете пройти через Heather, и изменения должны синхронизироваться. Но что-то происходит, и теперь я синхронизирую. Вы можете обновить знак, и изменения отобразятся в интерфейсе пользователя.

Биргит Паули-Хаак : Да. Все это видели, правда? Это было так быстро.

Энрике Пикера s: Итак, теперь это шоу настроено, потому что оно было настроено. И он говорит вам, что больше не будет смотреть файлы. Он будет загружать эти настроенные версии.

Сила блочных шаблонов

Так вот в чем идея.Какие шаблоны блоков могут использовать? Поэтому, естественно, у людей возникает следующий вопрос: как с помощью этих шаблонов делать более динамичные вещи? Потому что они HTML. Так что они выглядят статичными. Как мне переводить? Как мне создать цикл постов, как всегда на PHP, например, я хочу заархивировать страницу всех своих постов с рецептами. Итак, ответ на этот вопрос состоит в том, что теперь все по блокам. Таким образом, у вас может быть динамический блок, называемый блоком запроса, где вы можете предоставить пользователю способ визуальной настройки запроса в редакторе и который отображает список сообщений, используя его внутренние блоки в качестве конфигурации для макета.И это все еще PHP, потому что в этом блоге есть PHP-код, который можно запускать и вести себя таким образом. Его просто нет.

Это PHP-файл, который содержит определение блога. Таким образом, мы как бы представляем еще один слой между динамическим кодом PHP и тем, что отображается на сайте. И этот новый слой доступен для непосредственного редактирования пользователями, что намного удобнее для людей, использующих WordPress. Теперь я сказал, что собирался сказать, что такое демонстрационный шаблон, и, по сути, это просто то, что мы встроили прямо в плагин, потому что вы можете включить его, не активировав тему с шаблонами блоков, и она будет отображаться как пустой интерфейс, который не будет работать.

Таким образом, демонстрационные шаблоны — это хитрость для поставки плагина с некоторыми шаблонами, которые не могут быть объединены в тему и плагин в WordPress. Это похоже на специальный способ доставки шаблонов с плагином, только временно, чтобы люди могли это проверить. Так если вы его включили? Он загрузит несколько шаблонов, которые есть здесь, в плагине, только первую страницу и вереск, который используется для тестирования разработки.

И да. То, что я говорил раньше, тоже о людях, создающих такие темы, что вы, вероятно, не собираетесь кодировать шаблоны вручную.Я имел в виду, что у вас может быть такое дно, где вы говорите, что экспорт — это тема, и он экспортирует ваш текущий набор шаблонов и заблокированные части шаблонов с вашими станциями клиентов, а затем вы открываете его и у вас есть своего рода стартовая тема с шаблоны, а затем вы можете продолжить и сказать, что редактируйте свои функции PHP в PHP, и вы можете расширить это. Я мог видеть, как люди создают плагины для визуального выполнения таких действий, как начальный контент, или это может быть сделано ядром в будущем.Может быть, ты можешь сделать гораздо больше. Построение темы также может быть визуальным. Да, думаю, это все, что я хотел показать.

Биргит Паули-Хаак : Спасибо, Энрике. Это было довольно, я думаю, для того, кто увидел это в первый раз, немного ошеломило. Так что, возможно, вы сможете снова распаковать детали, у вас был отличный обзорный рисунок с разными уровнями. Итак, цвета, я не уверен, было ли все понятно, какие цвета были. Вы читаете его слева направо или справа налево?

Энрике Пикера s: Итак, вы читаете это слева направо.Эти серые блоки на самом деле не шаблоны. Они больше похожи на вопросы, которые здесь называют типами страниц. Итак, если вы смотрите на отдельную страницу, вас спросят, это отдельная страница сообщения или статическая страница? А затем, исходя из этого, он перейдет на следующий уровень и на следующий уровень. Тогда оранжевые называются шаблонами переменных. Так что это на самом деле первые.

Простите, я не знаю, почему в этой комнате звонит телефон. А вот где это будет искать, это подтип ума.php.find. Если нет, он перейдет к следующему, следующему и так далее. И цвета меняются, потому что они немного другие. Итак, роль опроса, так что они являются своего рода динамическими, основанными на некоторых параметрах с сообщением, например, типа ума, подтипа. Вторичные, я не уверен, в чем разница между вторичными и первичными, кажутся произвольными. Думаю, это просто иерархическая дифференциация.

Биргит Паули-Хаак : Нет, это настоящий статический PHP, который вроде как соглашение об изменении некоторых вещей.И затем правильные … Да, некоторые шаблоны тем, которые в Ирландии обычно используются, и там строки. Хорошо. Есть вопросы по этому поводу?

Enrique Piquer as: Еще одна интересная вещь, которую вы можете себе представить, когда смотрите на нее, — это то, что если вы официально редактируете в редакторах, скажем, заголовок типа сообщения. так что, допустим, это единый рецепт. Единый рецепт по шаблону HTML. Вы редактируете во внешнем интерфейсе. Пользовательский интерфейс, вероятно, будет иметь способ, это больше похоже на функцию опытного пользователя, но вы могли бы сказать, что я хочу развить ее или как развернуть вариант этого шаблона для этого другого типа сообщений, потому что они очень похожи.Вы можете использовать части шаблона между ними и тому подобное.

Биргит Паули-Хаак : Хорошо, отлично. Ага, вот и рисунок. А теперь, когда мы как бы снова вернулись к началу, у нас есть несколько вопросов. Итак, я сначала пойду в чат. У Ярона есть вопрос; Можно ли создать один шаблон и просто экспортировать его, не всегда экспортируя весь файл темы? Идея заключается в том, что, если у вас есть возможность, вы еще не продемонстрировали это, что вы действительно можете изменить части шаблона, а затем они все, вы сможете их изучить.Правильно?

Энрике Пикера : Итак, он спрашивает, можно ли экспортировать отдельный шаблон, кроме всей папки? Я имею в виду, что это было бы похоже на переключение в представление кода и копирование вставки содержимого. Вы также можете просто загрузить все это и просто удалить все остальное. Но это определенно выполнимо. Это все еще как бы, этот интерфейс все еще определяется, и он разрабатывается в заявке на репо командой дизайнеров Орегона. и я не знаю, я даже мог представить, что вижу своего рода короткую модель страницы настроек, где вы можете проверить, что вы хотите экспортировать, например страницу конфигурации.У вас даже могут быть настройки для настройки начального контента, настройки цветов или глобальных стилей для экспортируемой темы. Все это похоже на знак.

Биргит Паули-Хаак : И я поделюсь другой ссылкой, где вчера или накануне Джефф Онг опубликовал о том, как создать блочный шаблон, тему и кто фактически прошел через всю настройку. На самом деле это была очень хорошая статья и руководство, и я поделюсь им через минуту.Сначала я хотел перейти к вопросу Марсио. Таким образом, в традиционной системе шаблонов у нас есть полный контроль над разметкой части шаблона или шаблона страницы, но теперь блоки являются фундаментальной частью этой разметки для тем, которые планируют использовать функциональный CSS с блоками repres по умолчанию, например, как можем ли мы иметь такой же уровень контроля? Стоит ли создавать собственные блоки?

Enrique Piquera s: Таким образом, блоки имеют способ установки имен классов на них, пользовательские имена классов на боковой панели внизу.Я не уверен, видели ли вы, так что таким образом вы можете добавлять имена этих функциональных классов CSS в блоки. Вы также можете фильтровать, например, иметь фильтр, который делает это программно. Это определенно выполнимо. Это не то, что я бы поощрял, потому что вашим пользователям будет нелегко работать, если они не знают, как достаточно хорошо кодировать CSS, но это определенно выполнимо, если вам это нужно, используя существующие методы, такие как фильтры и функцию для имен пользовательских классов CSS.

Биргит Паули-Хаак : И я вижу, что есть несколько тем шаблонов, поддерживающих действия, в которых вы можете сузить число из списка размеров, размеров фондов, которые будут использоваться, списка цветов, которые будут использоваться, и я ‘ Я уверен, что рано или поздно их будет больше.Но спасибо, Марсио. Это очень хороший вопрос. И Бублик, да, потом будет запись, и тогда возник еще один вопрос. Я пропустил это? Бублик также спрашивает… «Где в иерархии шаблонов на самом деле находятся эти шаблоны блоков. Это последний уровень. Итак, кто сохранил последний вид побед или где это нужно?

Энрике Пикера s: Ну, они… Вы имеете в виду для данного шаблона, например, единичный или одиночный?

Биргит Паули-Хаак : Вправо.Да. Если у вас есть файл single.

Энрике Пикера s: Они уникальны. У вас не может быть двух индивидуальных. Итак, если вы попытаетесь перейти к своему единственному числу, он загрузит те, которые уже настроены, вам придется удалить его, чтобы загрузить тот из файла. Опять удалил, вероятно, также будет внизу, что будет что-то вроде вернуться к сбросу по умолчанию или что-то в этом роде.

Настройщик по-прежнему служит цели?

Биргит Паули-Хаак : Хорошо.Так что еще вы хотите показать нам сегодня? Мы все … Один был также,

Энрике Пикера s: У вас есть еще пара вопросов?

Биргит Паули-Хаак : У нас есть еще пара вопросов, которые мы не рассмотрели? О, да. У @zarcov_George есть вопрос: «Какова будет цель настройщика после полного редактирования сайта в WordPress?»

Энрике Пикера s: Таким образом, это было бы не очень полезно для блочных тем этих тем, которые полностью охватывают блочные шаблоны.Это по-прежнему будет полезно для тем, которые делают это частично или не делают вообще. И еще один момент в том, что этот редактор сайта или что-то еще, он в конечном итоге становится тем, что я демонстрировал, это своего рода новый настройщик, построенный на блоках, потому что вы редактируете весь свой сайт в одном месте.

О, еще одна интересная вещь, которую я хотел показать, — это раннее исследование того, как можно перемещаться по вещам здесь. Итак, если вы находитесь в Хезер, вы редактируете, скажем, я не хочу добавлять ссылку на свой дом, он распознает, что это не внутренняя ссылка.Затем будет сказано изменить шаблон страницы. Я могу щелкнуть по нему и перейти к редактированию. Я все еще нахожусь в заголовке, когда нажимаю на эту ссылку, но я нахожусь в шаблоне индекса, который будет отображать мою домашнюю страницу. Это похоже на настройщик, вы можете щелкать ссылки и перемещаться по ним, но все в редакторе блоков и мои изменения через Heather все еще там, и я их вижу.

Биргит Паули-Хаак : Итак, у нас есть еще один вопрос от Стивена Ван Нильсена.И он спрашивает: «Так как же хуки действий, такие как WP_school head, WP_photo или WP _body_open, вставлены в тему блока?»

Энрике Пикера s: Начнем. Итак, есть этот файл, называемый холстом шаблона, который фактически отображается после того, как заблокированный шаблон будет разрешен, он будет продолжать и отображать его с помощью этого файла PHP, который имеет как голые кости, которые будут головкой, это будут нижний колонтитул и тело, а затем шаблон идет сюда.

Биргит Паули-Хаак : Это было достаточно просто.Тогда у Джоша Бейкера есть еще один вопрос. Что ж, вот… «Я мог видеть, что многие из этих шаблонов используют блоки, которые созданы исключительно для размещения в определенных местах темы. В таком случае через блоки файлы остаются в плагине? Он спрашивает, потому что большинство его проектов в работе включают в себя как индивидуальную тему, так и коллекцию нестандартных блоков, но какие тракторы вы можете себе представить?

Enrique Piquer as: Так что да, это интересно, потому что действительно высококлассные темы, вероятно, будут иметь очень специфические требования для блогов, и они могут фильтровать существующие блоги, где они могут вводить новые блоки, и если они вводят новые блоки, это делает представьте это о том, как вы отправляете запуск с темами, потому что темы не могут действительно подключать контент, как плагины не могут иметь тем, так что это действительно связано с работой, выполняемой в каталоге блоков, и идея состоит в том, что каталог тем, когда вы ищете и просматриваете команды и хотите установить тему, он каким-то образом покажет вам блоки, которые вам нужно установить для поддержки темы, и он будет запрашивать или уведомлять вас что, активируя тему, вы также устанавливаете эти блоки из каталога блоков и для пользователя, все это будет происходить за один шаг для разработчиков, не так ли? Возможно, у вас уже есть некоторые из этих блоков.Поэтому они не хотели, чтобы я устанавливал их все.

И тогда для разработчика они все равно будут разрабатывать тему отдельно, а затем иметь блоки в каталоге блоков, и каким-то образом тема будет определять зависимости от этих блоков.

Биргит Паули-Хаак : И некоторые из них все еще остаются отличной теорией, потому что каталог блоков еще не создан, и они, я думаю, когда вернулись к чертежной доске пару месяцев назад, есть также идея, что темы, вероятно, также имеют шаблоны блоков, которые представляют собой набор блоков, которые отображаются в теме определенным образом.И это сделало это доступным через раздел шаблона блока устройства вставки, где вы как бы щелкаете знак плюса, а затем получаете … Так что все это в работе, и я думаю, просто возьмите их по одному — это действительно то, как вы можете исследовать все это прямо сейчас.

Так что здесь много движущихся частей. А теперь Энрике и я перейдем к твоему вопросу, Эйлин, через минуту. Энрике, ты собираешься показать в своей среде разработки, как, например, можно заменить шаблон одной страницы, где мы говорим, хорошо, тема идет вместе с этим, но я, как пользователь, хочу, чтобы там были разные вещи.Вы можете, это уже выпущено? Я знаю, что вы говорили об этом раньше.

Энрике Пикера s: Полностью переопределить этот шаблон индекса?

Биргит Паули-Хаак : Скажи это еще раз.

Энрике Пикера s: Хотите полностью изменить этот шаблон индекса?

Биргит Паули-Хаак : Не столько шаблон индекса, сколько когда у вас есть сообщение в блоге, так что у вас есть заполнитель содержимого сообщения, это просмотр отдельных сообщений в блоге или это просто первая страница?

Энрике Пикера s: Верно, это блок содержимого публикации WP, который я показал здесь ранее.Это вы собираетесь отобразить в первом посте цикла. Эта ветка не имеет этой функции, но она также может быть вложена в нечто, называемое блоком сообщения или блоком запроса, который устанавливает содержимое сообщения и заставляет его отображать определенные сообщения вместо простого чтения из цикла. И журнал запросов будет не просто отдельной записью, он будет результатом запроса WP запроса.

Биргит Паули-Хаак : Итак, у Эйлин возник вопрос: «Сможете ли вы установить цвета или шрифты для настройщика, и аналогично тому, как 2020 добавляет цвета в элементы управления инспектора через настройщик?»

Энрике Пикера s: Да, так что есть … Office, запущенный в прошлом месяце, и есть новые функции, которые имеют функции, называемые глобальными стилями.Все это действительно хорошо задокументировано по проблеме, и вставайте, если вы поищете глобальные стили, она обнаружится. И это своего рода способ для тем, это стандарт для тем, чтобы определять такие вещи интероперабельным способом.

Итак, это смежный объект, в котором у вас есть какие-то глобальные стили, такие как текст, например, абзац, размер шрифта, цвет, все эти виды глобальных вещей CSS. И здесь тоже есть иерархия. Итак, у вас есть global, поэтому он применяется ко всему сайту. У вас есть документ, поэтому он применяется к типу сообщения или конкретному сообщению, а затем у вас есть блоки.Так что это относится к конкретному блоку в конкретном посте.

Темы могут их экспортировать, могут поставляться с этими конфигурациями, в которые пользователи могут затем вносить изменения, а те сохраняются. А затем они могут переключаться между темами и редакторами, относящимися к теме, которую они использовали, когда они вносили эти изменения или настройки, чтобы они могли переключаться между темами и сохранять свои позиции клиентов. На самом деле есть визуальный прототип, в котором вы можете поиграть с некоторыми глобальными элементами управления стилем, цветом глаз и посмотреть, что происходит, когда вы переключаете темы, как настройки живут между темами, что есть, но на самом деле это именно то, что был упомянут там с 2020 годом, за исключением того, что это сделано таким же образом, что и для всех тем, и его можно использовать на других уровнях.

Биргит Паули-Хаак : Это можно увидеть в выпуске хорошей работы или PR. О, закрытый. Да, я помню. На самом деле это очень интересный способ сделать это. Ага, вот и все. Точно. Итак, на канале YouTube у Аристиды есть к вам вопрос, а затем, пока он смотрит из Греции, «есть ли какие-либо планы по включению PR адаптивной сетки эмоций для внутренних блоков, то есть это не полностью связано с темами, но да, это хороший вопрос. Я не уверен, что у вас есть на это ответ.Есть ли какие-либо планы по включению PR в режиме адаптивной сетки для внутренних блоков?

Энрике Пикера s: Да, нам определенно нужно это или что-то в этом роде в ядре, потому что вы, вероятно, захотите выйти за рамки столбцов, когда дело доходит до создания трехмерных макетов, но все еще есть много открытых вопросов по дизайну, и этот PR не влез и совет. Я не уверен, что он куда-нибудь будет смотреть, когда он поступит в продажу. Но поехать для начала.

Биргит Паули-Хаак : Что ж, спасибо.Итак, есть еще один вопрос … У Стивена есть еще один вопрос: если я получу будущую иерархию шаблонов в нашей теме блога, правильно, page.HTML будет предпочтительнее, чем page.PHP, но будет предпочтительнее page-Dollar ID, PHP предпочтительнее, чем page.HTML или всегда ли предпочтительнее будут шаблоны HTML?

Энрике Пикера s: Да, это хороший вопрос. Он уделял много внимания. Я не хотел говорить об этом без чьей-либо просьбы, потому что это сначала затрудняет понимание, но в исходном предложении говорилось, что да, я предложил этот идентификатор страницы.PHP должен быть предпочтительнее HTML страницы. Поэтому даже шаблоны PHP должны быть предпочтительнее шаблонов Schimel, если они более конкретны. Но для простоты использования этой функции отметьте ее. Если у вас активированы шаблоны Schimel, просто взгляните на шаблоны Schimel. Так что нет, но это еще не высечено в камне. Тем не менее, я изначально предполагал, что так и должно быть, ответ на этот вопрос должен быть положительным. Но теперь я вроде как убежден в обратном, потому что я вижу такие случаи, когда автор темы может захотеть иметь идентификатор страницы перед страницами Schimel.

Она очень сбивала с толку как пользователя, так и проблему с мостом, с которой можно было спорить, и в этом случае, например, если есть автор темы, который хочет этот контроль, я бы увидел, что у него все в виде шаблонов PHP. А затем вручную потребовать части шаблона как своего рода регистровые области, которые может редактировать пользователь. Но это своего рода вопрос, на который должны ответить люди с развивающимися темами, некоторые из повседневных и натыкающиеся на стены.

Биргит Паули-Хаак : Я снова отключен.Мне жаль. Так что я думаю, что это один из вопросов. Итак, как плагины, которые создают страницы с короткими случаями, будут редактировать, чтобы иметь доступ к шаблонам страниц, если они построены с использованием шаблонов блоков? Если в вашем плагине есть определенный блок, сможете ли вы его вставить? Думаю, на самом деле есть два вопроса, но да.

Энрике Пикера s: Итак, как плагины будут создавать страницы с короткими кодами? Я предполагаю, что?

Биргит Паули-Хаак : Да, короткие случаи — это своего рода весь API.

Энрике Пикера с: Хорошо. Добавив короткие кейсы, вы сможете получить доступ к шаблонам страниц, если они построены с использованием шаблонов блоков. Итак, когда вы говорите, хорошо, значит, шаблон страницы построен на основе шаблонов блога, и вы хотите, чтобы страница имела к нему доступ?

Birgit Pauli-Haac k: Плагин?

Энрике Пикера s: Так плагины.

Birgit Pauli-Haack : Плагины для вставки короткого кода.

Энрике Пикера s: На странице.

Биргит Паули-Хаак : Думаю, что, если я правильно понял, да.

Энрике Пикера s: Ну, страница, мы будем как контент для публикации. Так что вы можете просто добавить туда шоу-код. Если это нормально, если это пациент, не являющийся редактором блога, вы можете просто добавить короткий код. Если это контент публикации редактора блога, вы можете добавить блок короткого кода.

Birgit Pauli-Haack : поэтому я бы подумал, что плагины, которые используют короткие коды, вы можете использовать короткий код на странице, как я его использую, но вы не можете динамически вставлять в шаблон страницы, созданный с помощью HTML, короткий код из плагина.Думаю, в этом был вопрос. Я думаю, что Гутенберг и как делаются шаблоны, а также блоки. Рано или поздно вся система уйдет от коротких кодов, чтобы ее можно было реализовать. Так что у вас есть в этом случае, Эйлин,

Энрике Пикера s: Я предполагаю, что это похоже на действительно сложный короткий код, который долго не разрабатывался и не перестраивался в блоге, он не имеет смысла или стоит слишком дорого. Так что ты можешь это сделать. Вы можете вставить блок короткого кода и даже сделать это программно.Вам не обязательно, чтобы кто-то открывал страницу и редактировал ее в редакторе.

Биргит Паули-Хаак : Здесь потребуется серьезная доработка.

Enrique Piquera s: Если вы подключаете как конкретный

Биргит Паули-Хаак : Есть еще вопрос. Бублик, думая о клиентах, какие у пользователей есть шанс сбросить эти изменения блоков на стартовый контент? Это один вопрос, так что прямо сейчас настройщик не предлагает способа действительно начать с нуля, за исключением случаев, когда вы переустанавливаете WordPress, давая возможность изменять блочные темы как своего рода контент.

Энрике Пикера s: Да, так как файлы все еще там, ваши изменения не отменяют их. Пользовательский интерфейс редактора сайта или новый настройщик, или как бы мы его ни назвали, может предлагать способы возврата к исходному контенту либо для всей вашей темы, либо, может быть, только для определенного шаблона страницы или для определенной части шаблона. Так что можно сказать, что Хизер вернулась к стартовому состоянию.

Биргит Паули-Хаак : И наоборот, вы можете сказать, хорошо, выньте стартер и дайте мне несколько простых блоков.Я думаю, что они будут, я поделился статьей о формировании темы в окне чата в той теме, которую Джефф использует для этого, это блочная тема 2020, и у нее довольно значительный начальный контент, Индия, и она автоматически создает страницы с этой начальной темой. Так что, вероятно, это хорошая реализация, чтобы поиграть с ней и подумать, что может понадобиться. Несмотря на все предостережения, он все еще находится в процессе изменения, и, когда он, наконец, будет выпущен, с ним можно будет поступить иначе. Морис хочет знать, как будут обрабатываться наши боковые панели.

Enrique Piquera s: Итак, ваша боковая панель, у вас есть шаблон индекса, и он, вероятно, будет в столбце и будет состоять из блоков, и вы можете сделать его частью шаблона, если хотите повторно использовать его в других шаблонах без необходимости идти и делать это, он есть в каждом из них. Итак, ваша боковая панель, вероятно, будет частью шаблона с блоками.

Биргит Паули-Хаак : Хорошо. Спасибо. Есть еще вопросы? Нет. А потом я снова перехожу на YouTube.Нет, там тоже вроде нет никаких вопросов. Итак, я думаю, что с помощью ссылок, которыми поделились, и команда Гутенберга также поделилась в репозитории GitHub опыта работы с темами, определенными ресурсами, которые вы могли бы использовать, и отчасти прочитать об этом и посмотреть, как именно это может разыграться. Итак, над чем вам предстоит работать дальше? О, конечно, набрасывается. Но дизайнеры по-прежнему смотрят на это и привлекают к этому больше людей.

Энрике Пикера s: Итак, вы должны, в этом новом заказчике ведется много дизайнерских работ. Он должен выглядеть так, как навигация внутри него, как будут выглядеть вращающиеся вариации.Так что теперь я думаю, что сейчас я сосредоточился больше, пока на эти вопросы даны ответы, чтобы начать работу над лучшими блогами, основными блогами, предназначенными для такого рода контекста редактирования. Итак, как и у вас есть, ваш блок сообщений, который будет отображать их конкретное сообщение или список сообщений из цикла, который вы найдете, а затем внутри него для макета этих сообщений, у вас будет заголовок сообщения содержимого сообщения и Автор сообщения, категории сообщений и теги сообщений, все эти блоги, которые отображают поля из сообщения, и это только для сообщения, у вас будет то же самое для вашего сайта.

Итак, у вас есть название сайта, описание сайта и все такое. Так что сейчас у нас их много. Это довольно простые сообщения, у них просто текстовые поля, которые вы можете редактировать. Но, конечно, мы хотим добиться большего. Итак, я работаю над такими вещами, как создание блога с датой публикации, вместо того, чтобы просто показывать дату, имея, вы можете щелкнуть по нему и отобразить их календарь, который они визуально настроили, а затем изменить формат даты на панели инструментов блока и заставить его работать как это. Так что делаем улучшенные блоки для полноценного редактирования сайта.

Биргит Паули-Хаак : Да, я поняла. Да. Многим людям очень интересно посмотреть, что на самом деле будет делать пост, коллекция постов, смазка для блочной темы. Так что я думаю, что это все, что у нас было. Если есть еще вопрос. Я думаю, что сейчас самое время спросить об этом, пока Энрике стоял здесь, если у вас есть, но так что часть обсуждения также так в репозитории GitHub экспериментов тем в нижней части, прочтите мне, Адель, статьи, которые нужно заблокировать документация на основе темы, на которой все еще есть экспериментальная метка, но она будет повторять им несколько вещей, которые Энрике сказал нам, а затем полное редактирование, метка в отчете GitHub.Итак, вы видите, что вас ждет, что обсуждается и как к этому будут подходить.

Так что это для тех из вас, кто очень заинтересован в этом и хочет внести свой вклад в обсуждение, а затем также статью об определении областей блока контента. Так что все это определенно помогает вам сориентироваться. Большое спасибо, Энрике, и замечательно, что вы сделали это для нас, потратили время и провели нас через это. Я тоже так, и это почти все. Я желаю вам всем хорошего дня или вечера, или где бы вы ни были, и до встречи завтра в следующий раз, Марк, Ирен и я, мы запишем подкаст журнала изменений Гутенберга, эпизод номер 13, который будет охватывать Гутенберг 7.3 вместе со всеми его многочисленными, я думаю, 160 PR уже сейчас в их выпуске.

Итак, мы не будем говорить об этом все, потому что никто не слушает двухчасовую серию подкаста. Но мы рассмотрим приятную и интересную часть этого. И да, спасибо, Марсио. Он говорит, что все это выглядит многообещающим, и благодарит за то, что поделились этим с нами. Приглашаем вас, и я желаю вам, Энрике, много добра, как и за вашу потрясающую работу, которую вы там проделали. И мы надеемся снова увидеть вас этим летом, если выйдет релиз об этом.Спасибо большое. Береги себя. Спасибо, Эйлин. Спасибо, Рита. Спасибо, Питер. Что ж, это здорово, что ты был рядом. Спасибо всем и увидимся в следующий раз. До свидания.

Энрике Пикера s: Ура.

Биргит Паули-Хаак : Пока.

Похожие сообщения

Поделиться

WordPress Полное редактирование сайта и Гутенберг 7,7

Полное редактирование сайта в WordPress находится в разработке, и вы уже можете это попробовать. Я взглянул и хотел поделиться своими выводами и тем, как разработки в Гутенберге прокладывают путь к полному редактированию сайта.

Частью движения к полному редактированию сайта являются новые разработки в самом Гутенберге. Итак, давайте начнем с обсуждения этих новых функций.

Как протестировать полноценное редактирование сайта WordPress и новые функции Gutenberg сегодня

Все инструменты, необходимые для тестирования полного редактирования сайта в WordPress, бесплатны и доступны вам уже сегодня. Но они находятся в нескольких местах, поэтому я подведу итог здесь для вас.

  • Установите плагин WordPress Beta — это позволяет загрузить и установить последнюю версию «WordPress Nightly Builds.«В ночных сборниках нет тонны, что вам понадобится, но при тестировании будущих версий WordPress я всегда считаю, что это лучше всего.
  • Установите подключаемый модуль Gutenberg — Несмотря на то, что на вашем сайте есть Gutenberg, этот подключаемый модуль имеет последние стабильные функции, которые находятся в разработке, включая «Эксперименты». Это необходимо, чтобы протестировать новые функции полного редактирования сайта.
  • Получить блочную тему — В настоящее время вы не можете протестировать полное редактирование сайта без темы, которая его поддерживает.В настоящее время в разработке находятся два. Оба находятся на Github: Audacious и Parisienne.

Конечно, убедитесь, что вы делаете все это в локальной среде или на действующем промежуточном сайте , где вам вообще не нужны данные. Это экспериментальный код, поэтому нет никаких гарантий, что ваши данные или сайт будут в безопасности.

После установки:

  1. Зайдите в «Панель инструментов> Обновления» и обновитесь до последней ночной сборки WordPress.
  2. Перейдите в пункт меню Гутенберга и нажмите «Эксперименты.На этом новом экране включите Полное редактирование сайта и Примеры шаблонов полного редактирования сайта.
  3. Затем перейдите в Внешний вид и включите тему Parisienne или Audacious.

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

После того, как вы все настроите, рассмотрите немного со мной в этом видео:

В полноэкранном режиме драма не нужна

Особенность ожидающего обновления Гутенберга, которая привлекла наибольшее (негативное) внимание, была добавлена ​​в последнюю минуту: по умолчанию используется полноэкранный режим.

Никто, кроме соучредителя WordPress Майка Литтла, был очень расстроен этим изменением:

Серьезно @photomatt? После общения и планирования на грани катастрофы, которым изначально был Гутенберг; это в последнюю минуту, одностороннее, серьезное решение об изменении пользовательского интерфейса навязывается пользователям и команде?
Полноэкранный режим включен по умолчанию в редакторе https://t.co/NFy82QXcpI

— Майк Литтл (@ mikelittlezed1) 9 марта 2020 г.

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

Переход к тому, чтобы сделать полноэкранный режим режимом записи / редактирования по умолчанию, кажется оправданным, если посмотреть, как меняется Гутенберг.

Обновления Гутенберга, заслуживающие внимания

В разработках самого Гутенберга есть несколько моментов, на которые стоит обратить внимание:

Улучшенный пользовательский интерфейс

Если вы установите плагин Gutenberg сегодня из WordPress.org, вы заметите некоторые очень четкие новые улучшения пользовательского интерфейса. Это соответствует изменениям в пользовательском интерфейсе администратора, которые мы заметили с выпуском WordPress 5.3.

Изменения пользовательского интерфейса кажутся внезапными, когда вы их впервые видите. Но по мере того, как вы больше взаимодействуете с редактором, вы начинаете замечать, насколько проще и насколько он интуитивно понятнее.

API градиента

В современном веб-дизайне часто используются градиенты. На сегодняшний день не было простого способа реализовать градиенты в Gutenberg без знания пользовательского CSS.Новый API градиентов меняет это. Наличие интерфейса по умолчанию для создания градиентов помогает Гутенбергу быть лучшим и современным инструментом дизайна.

Шаблоны блоков

Мне давно понравился ранний плагин Gutenberg под названием «Шаблоны блоков Гутенберга». Это дает пользователям возможность искать в библиотеке — по сути — шаблоны блоков и перетаскивать их в редактор. Он использует интеллектуальные имена классов, чтобы привнести мощность дизайна в ваши макеты Gutenberg.

Именно это и делают для Гутенберга блочные шаблоны.Такие люди, как Мишель Шулп и Крис Форд, не зря говорили на различных WordCamp-ах об «атомном дизайне». Эти шаблоны блоков подобны атомам, группам блоков, которые вместе составляют единый компонент. Шаблоны блоков откроют множество новых возможностей для пользователей, а также для авторов плагинов и тем.

Блочные темы и полное редактирование сайта

Следующие итерации Gutenberg в ядре WordPress проложат путь для полного редактирования сайта. Но в настоящее время это возможно только с поддерживающими его темами.Темы, поддерживающие полное редактирование сайта, называются «блочными темами».

В настоящее время экспериментальный пример полного редактирования сайта Гутенберга позволяет вам выбрать шаблон или часть шаблона. Затем вы можете настроить свой шаблон с помощью блоков, аналогичных настройке страницы или публикации.

Эти шаблоны могут быть предварительно определены темой программно.

Из экспериментальной документации по блочной теме

В том виде, в каком она существует сегодня, я могу представить, как я могу индивидуально настраивать различные шаблоны, и тема отвечает за правильный вывод этих частей во внешнем интерфейсе.

Чего не хватает, так это того, как я мог бы редактировать эти части «согласованно». Мне кажется, что в какой-то момент этот опыт логически перейдет в настройщик или в какой-то интерфейс редактирования.

Однако, копаясь в проблемах Github, я наткнулся на эту ветку и эту концепцию от Шона Эндрюса:

Концепция пользовательского интерфейса для полного редактирования сайта от Шона Эндрюса

Нечто подобное могло бы значительно сократить разрыв между редактированием макетов и действительно хорошим просмотром макетов.

Если вся концепция внешнего редактирования заключается в том, чтобы разрабатывать каждую часть изолированно, то ожидайте, что интерфейс будет выглядеть правильно, я боюсь, что мы все дальше уходим от предоставления пользователям контроля над дизайном всего их сайта. Тот факт, что такой подход дает пользователям возможность редактировать весь сайт, не означает, что он дает им возможность управлять своим дизайном или макетом. Визуальный опыт по-прежнему отделен от редактирования макета.

Заключительные впечатления и последствия

В целом, Гутенберг как редактор страниц и сообщений действительно вырос.Мы приветствуем новые улучшения.

«Гутенберг как полноценный редактор сайта является одновременно чрезвычайно экспериментальным и, скорее всего, требует серьезных концептуальных изменений. Но это также имеет далеко идущие потенциальные последствия ».

«Гутенберг как полноценный редактор сайта является одновременно чрезвычайно экспериментальным и, скорее всего, требует серьезных концептуальных изменений. Но это также имеет далеко идущие потенциальные последствия ».

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

Кроме того, авторы плагинов будут часто использовать части шаблона. Подумайте о WooCommerce и GiveWP. Возможность отправить «Шаблон истории пожертвований», который можно разместить в любом месте вашей темы, — это действительно мощная идея.

Хотя то, что вы видите сегодня при полном редактировании сайта, является сырым и недостаточно развитым, его потенциал действительно впечатляет.Как всегда, я всегда поддерживаю этот потенциал. Я хотел бы услышать мнение других разработчиков и участников WordPress об изменениях, которые ждут вас в WordPress. Будем болтать в комментариях.

Ранний взгляд на полное редактирование сайта в WordPress

Вот экзистенциальный вопрос для веб-разработчиков: насколько должно быть разделение между системой управления контентом (CMS) веб-сайта и его дизайном?

За многие доступные услуги DIY (Wix, Squarespace и т. Д.)), практически каждый аспект веб-сайта можно редактировать визуально. Будь то контент, дизайн или макет, вы можете настроить их по своему усмотрению. И для этого не нужно понимать код.

Но, за исключением некоторых продуктов для построения страниц без кода, WordPress традиционно избегал полноценного редактора сайтов. Настройщик темы позволяет пользователям изменять определенные аспекты темы, но только те, которые определены ее разработчиком.

Это скоро изменится. Полное редактирование сайта (FSE) позволит использовать редактор блоков Gutenberg для редактирования всего сайта — темы и всего.

Эта новомодная функция может просто произвести революцию в возможностях темы WordPress. При этом я хотел как можно раньше посмотреть, на что он способен. Вот что я нашел…

Настройка полного редактирования сайта в WordPress

На момент написания этой статьи полное редактирование сайта не было включено в ядро ​​WordPress. Это бета-функция, доступная через плагин Gutenberg. Итак, я возьму плагин и сначала активирую его.

Тогда нужно найти совместимую тему.Q — первая тема WordPress, поддерживающая FSE, и она послужит основой для этого эксперимента. Установив и активировав бесплатную тему, теперь мы можем посмотреть, что она делает.

Еще одно замечание: я делаю все это на локальной установке WordPress. Когда дело доходит до полного редактирования сайта, нужно многое протестировать и исправить. Таким образом, он еще не готов к производственной среде. Тестируйте соответственно!

Первоначальные наблюдения

После активации темы Q в WordPress есть несколько заметных отличий.На задней панели теперь в меню есть запись Site Editor . А при просмотре интерфейса пользователя при входе в систему на панели администратора отображается ссылка Edit Site . Да, и еще есть предупреждение о том, что полное редактирование сайта является экспериментальным (мы просто проигнорируем это).

Сама тема довольно скудная — что идеально. Это дает нам более простой способ настройки. Когда вы думаете об этом, вы, вероятно, не захотите разрушать замысловатый дизайн, а только для того, чтобы превратить его во что-то еще.На самом деле меньше значит больше.

Заглядывать в редактор сайта

Теперь о редакторе сайта. При нажатии на нее открывается редактор блоков Гутенберга. Но на этот раз это больше, чем обычная пустая страница. Вместо этого теперь у меня есть доступ ко всему — заголовку, навигации (через экспериментальный блок навигации), области содержимого и нижнему колонтитулу.

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

Но это еще не все. Нажмите на логотип WordPress в верхнем левом углу экрана, и вы откроете боковую панель редактора сайта. Здесь вы можете просматривать и создавать шаблоны тем (например, индекс сайта или шаблон сообщений ) или части шаблона (например, заголовок и нижний колонтитул ).Обратите внимание, что вы также можете получить доступ к этим элементам через меню «Внешний вид» в WordPress. Также есть способ перемещаться по страницам, сообщениям и таксономиям сайта.

Что действительно приятно, так это то, что у вас есть возможность изолировать только те части шаблона, которые вы хотите редактировать. Если я подниму заголовок из раздела «Тема »> «Части шаблона », это все, что я увижу в редакторе блоков. Но если я предпочитаю редактировать его в контексте всей темы, я могу просто остаться на этой начальной странице редактора сайта.

Создание новых шаблонов

Если вы знакомы с редактором блоков Гутенберга, создание новых шаблонов тем будет довольно простым. Процесс очень похож на создание любой другой страницы или сообщения. Создайте желаемый макет, используя доступные блоки, и сохраните — готово!

Следует отметить, что на данный момент кажется, что пользовательские шаблоны должны будут соответствовать соглашениям об именах иерархии шаблонов WordPress. То есть заголовок настраиваемого шаблона должен соответствовать названию соответствующей цели в вашей теме (без .php в конце).

Например, если вы хотите создать шаблон, который будет использоваться на вашей домашней странице, его ярлык должен называться front page . Хотите настроить таргетинг на страницу «О нас» ( yoursite.com/about-us/ )? Шаблон с ярлыком page-about-us сделает свое дело.

Шаблоны доступны для загрузки через меню настроек в правом верхнем углу редактора. Это позволяет вручную сохранять шаблоны на устройство, а затем загружать их на сервер, защищая вас от любых возможных сбоев.

Использование частей шаблона

Как упоминалось ранее, полное редактирование сайта WordPress позволяет нам редактировать и создавать части шаблона. Сюда входят верхний и нижний колонтитулы сайта, но есть много других возможностей.

Части шаблона могут быть созданы и затем включены в любой шаблон с помощью блока. Вы также можете добавить часть шаблона на определенную страницу или сообщение.

Это может пригодиться в тех случаях, когда вы хотите добавить определенный фрагмент контента на несколько страниц или типов сообщений.

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

Части шаблона — это средство для настройки без использования передовых методов, таких как условная логика.

Вопросы для будущего тем WordPress

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

Тем не менее, возникают некоторые вопросы:

На кого ориентировано полное редактирование сайта?

Одним из основных аргументов в пользу редактора блоков Гутенберга была необходимость поддерживать актуальность. У конкурентов на рынке DIY более наглядный подход к созданию сайтов, и WordPress отстал.

Таким образом, имеет смысл, что полное редактирование сайта будет нацелено на пользователей, которые: а) не знают или не хотят использовать код; и б) хотят получить доступ к большинству (если не всем) элементам своего веб-сайта.

Что это значит для веб-дизайнеров?

Есть некоторые преимущества. Например, открытие заголовка может позволить клиенту быстро обновить новый номер телефона или адрес. Это могло бы избавить дизайнеров от очень простых изменений.

Тем не менее, некоторые веб-профессионалы захотят заблокировать некоторые вещи.Защита сайта от клиентов часто выполняется для защиты от поломки. Макеты и функциональность являются важными элементами, с которыми мы не хотели бы рисковать.

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

Как полное редактирование сайта повлияет на рынок коммерческих тем?

На это будет интересно смотреть.Прямо сейчас кажется, что очень мало тем было настроено для Гутенберга. Они по-прежнему полагаются на плагины сторонних разработчиков для создания расширенных макетов. А некоторые продукты, такие как Divi и Beaver Builder, уже имеют собственные полные возможности редактирования сайтов.

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

На мой взгляд, разработчикам необходимо реализовать это таким образом, чтобы повысить гибкость для пользователей, а также минимизировать риск поломки. Это может принять форму предложения готовых (и частично заблокированных) шаблонов и предоставления пользователям возможности выбирать, какие из них они хотят. Но мы все еще в самом начале игры.

Более цельный WordPress

По большей части экосистема WordPress разрознена. Возьмите тему из здесь , плагин из там там и там ) и попытайтесь объединить все вместе.Это часть его привлекательности и работает замечательно.

Но опыт проектирования не получил особой выгоды от этого потока. Внешний вид и макет темы всегда каким-то образом разделялись. Будь то взлом шаблонов или использование настройщика тем, приходится много работать.

Любите вы или ненавидите, но полное редактирование сайта — это шаг к унификации процесса проектирования. С его помощью все можно создать в одном месте в едином пользовательском интерфейсе. Это более удобный интерфейс, который должен принести пользу многим пользователям.

.