DE{CODE}: Современные темы и будущее WordPress: работа с полным редактированием сайта и не только

WordPress 5.9 представил полнофункциональное редактирование сайта в ядре, что означает серьезный сдвиг в том, как мы создаем веб-сайты с помощью WordPress. В этом сеансе DE{CODE} присоединяйтесь к адвокату разработчика WP Engine Нику Диего, который расскажет об этих изменениях, а также о некоторых способах их использования для создания лучших веб-сайтов — современный способ WordPress.

Слайды сессии

Полный текст стенограммы

НИК ДИЕГО : Здравствуйте и добро пожаловать в раздел «Работа с полным редактированием сайта и будущее современной тематики в WordPress». Меня зовут Ник Диего, и я являюсь защитником разработчиков здесь, в WP Engine. Итак, немного обо мне — я начал работать с WordPress еще в 2012 году. В основном я был разработчиком плагинов, и с тех пор я перешел на работу с блочными темами. На самом деле я присоединился к WP Engine в ноябре 2021 года, так что для меня это что-то новое. Я увлечен блоками и шаблонами, а также всем, что связано с полноценным редактированием сайта, поэтому я очень рад представить эту презентацию сегодня.

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

Итак, в нашем сегодняшнем разговоре мы собираемся затронуть несколько разных вещей. Мы собираемся начать с основ. Я хочу убедиться, что мы все на одной странице, особенно с точки зрения терминологии. Затем мы поговорим об анатомии блочной темы, затем о глобальных стилях и настройках, которые включают файл theme.json. И, наконец, я собираюсь поделиться своими мыслями о современной тематике и о том, как она будет выглядеть.

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

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

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

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

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

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

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

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

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

Далее у нас есть Редактор. Мы не можем не говорить о редакторе. Если вы использовали WordPress, вы, вероятно, хорошо знакомы с этим. Но я хочу упомянуть об этом, потому что в прошлом у редактора было много разных имен — редактор блоков, Гутенберг, Редактор Гутенберга. Для целей этого обсуждения мы просто позвоним редактору. Это официальное название для этого, и это то, что вы видите здесь. Опять же, это было введено еще в WordPress 5.0 в конце 2018 года.

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

Таким образом, редактор сайта берет наш стандартный редактор, к которому мы привыкли за последние несколько лет, и выводит его на новый уровень, позволяя пользователям редактировать дополнительные области вашего веб-сайта, которые теперь работают с блоками. Итак, WordPress 5.9 представил полное редактирование сайта, а вместе с ним и редактор сайта. А в версии 6.0, которая выйдет в мае, мы увидим множество улучшений, что очень радует.

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

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

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

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

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

Итак, если мы перейдем к шаблонам, мы увидим все шаблоны, которые включены в 2022. Вы должны увидеть некоторые знакомые, такие как Page и Index, Home и 404. А затем, если мы перейдем к нашим частям шаблона, мы увидим некоторые пользовательские части шаблона, которые были включены авторами темы. Итак, у нас есть пара разных заголовков и нижний колонтитул.

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

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

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

И потом я хочу отметить, что тема блока может быть очень простой. Все, что ему нужно сделать, это состоять из файла style.CSS и файла index.html, а также файла index.PHP. Этот файл PHP является своего рода остатком разработки традиционной темы WordPress и, вероятно, исчезнет в будущем.

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

Затем мы также замечаем, что есть несколько папок, а именно Templates и Template Parts. В каждой из этих папок у вас есть все файлы HTML для каждого шаблона и части шаблона. То, что не видно здесь, что на самом деле очень интересно, поэтому я хотел протащить это, Гутенберг, плагин Гутенберга, где выполняется все это будущее полное редактирование сайта, на самом деле недавно представил новую папку под названием «Шаблоны». Таким образом, вы можете разместить свои файлы шаблонов прямо в папке Pattern, и WordPress зарегистрирует их для вас. Просто беглый взгляд. Я настоятельно рекомендую вам проверить Гутенберг и все новые функции.

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

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

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

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

Теперь, когда мы смотрим дальше, у нас есть некоторая разметка, просто некоторая основная разметка, а затем у нас есть div. Я не собираюсь слишком углубляться в это. Здесь происходят некоторые интересные вещи, а именно макет здесь, правда, который выполняет некоторые настройки макета, но это просто общая разметка для страницы, шаблон 404.

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

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

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

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

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

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

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

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

И я кратко расскажу о пользовательских шаблонах и частях шаблонов. Так что здесь, если у вас есть настраиваемый шаблон, полностью настраиваемый шаблон, который WordPress естественным образом не распознает, вы можете зарегистрировать его здесь. Здесь вы также регистрируете все эти части шаблона, такие как верхние и нижние колонтитулы. Любой традиционный шаблон, такой как Index, Page, Post — те шаблоны, которые WordPress обычно распознает — вам не нужно размещать здесь, только пользовательские и, конечно же, ваши собственные части шаблона.

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

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

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

Теперь займемся стилем. Таким образом, стили в основном похожи на ваш CSS. Итак, традиционно вы добавляете весь свой CSS в файл styles.CSS или в какую-либо другую настройку. Но раздел стилей в theme.JSON позволяет вам установить стиль на уровне блоков, а также на глобальном уровне для всей вашей темы. Думайте об этом как о настройках по умолчанию, верно, потому что Редактор — весь смысл в том, что пользователи могут войти туда и начать модифицировать и вносить изменения и проектировать свой сайт, как им нравится, используя блоки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но, как мы видим в экономике, у нас есть Squarespace, Wix, Element или другие конструкторы страниц. Существует огромный контингент веб-сообщества пользователей, которым нужен инструмент, который позволяет им и дает им возможность редактировать и создавать свой собственный сайт. И я думаю, что WordPress действительно не хватает в WordPress, особенно в Core. И я думаю, что это цель полного редактирования сайта, и это своего рода обещание полного редактирования сайта.

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

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

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

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

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

Но есть парочка ресурсов. Итак, первый — Фрост. Я упоминал об этом ранее. Так что это тема, которую строят отношения с разработчиками WP Engine. И это экспериментальный продукт. Я не должен говорить продукт. Это эксперимент, в котором мы пытаемся использовать его для обучения сообщества тому, как создавать блочные темы. Мы учимся по ходу дела. Мы вносим множество изменений и обновлений, пытаясь идти в ногу с WordPress, но это отличный ресурс. Кроме того, опять же, тема 2022 года — фантастическое место для начала и обучения.

Далее я хочу подключить Learn WordPress. Это Learn.wordpress.org. Команда по обучению на wordpress.org проделала большую работу, пытаясь обучить и донести многие из этих концепций до общественности. Так что, если вам интересно и вы хотите узнать больше, это фантастическое место. У нас есть семинары и всевозможный контент, в том числе пространства для социального обучения. Они проводятся еженедельно, где мы говорим на разные темы, подробно разбираемся в том, как кодировать блок, как создать тему блока — так далее и тому подобное.

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

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