Руководство по пользовательским блокам Гутенберга
Опубликовано: 2022-11-08На случай, если вы опоздали на вечеринку WordPress, блоки находятся в файлах .
WordPress продолжает развиваться и улучшать работу с Gutenberg, что заставляет многих разработчиков задаваться вопросом, должны ли они создавать собственные блоки Gutenberg.
В этом посте мы рассмотрим, как работают пользовательские блоки, когда их использовать, альтернативные варианты создания вашего веб-сайта и как создавать блоки Гутенберга.
Что такое пользовательские блоки Гутенберга?
Блоки — это основная единица для создания страниц и постов в WordPress. WordPress представил блоки с возможностью редактирования Gutenberg в 2018 году. WordPress включает множество блоков типов контента по умолчанию, включая заголовки сообщений, изображения и галереи. Кроме того, плагины также добавляют свои собственные блоки для редактирования. Например, в некоторых из последних выпусков WooCommerce были представлены новые блоки, упрощающие добавление продуктов и функций электронной коммерции на любую страницу или запись в WordPress.
Создание пользовательского блока Гутенберга позволяет использовать этот блок на любой странице или публикации на вашем сайте. Например, вы можете создать блок, который извлекает и отображает отзывы клиентов.
Если вы не хотели полностью использовать блоки, вы многое упускаете. Все последние функции WordPress сосредоточены на улучшении работы редактора блоков. Вам нужно будет использовать блоки, чтобы воспользоваться преимуществами многих недавних и будущих функций WordPress .
Загрузите нашу электронную книгу о том, как начать работу с полным редактированием сайта, чтобы узнать больше о том, как использовать блоки для создания и редактирования всего сайта.
Когда использовать пользовательские блоки Гутенберга
Вы можете создать собственный блок Gutenberg, если существующие параметры блока не соответствуют вашим потребностям, и вы не можете найти жизнеспособную альтернативу своим плагинам или темам.
Создание пользовательского блока Гутенберга обычно не подходит для начинающих. Две наиболее распространенные причины кодирования собственных пользовательских блоков Gutenberg — это когда вы разрабатываете плагин или создаете собственную тему.
Создание блока — это не проект, который большинство людей предпринимают для одного веб-сайта, если только это не проект корпоративного уровня с выделенным разработчиком или командой разработчиков. Мы делимся некоторыми альтернативными методами, которые могут работать лучше, если вам нужен настраиваемый блок только для одного сайта.
Альтернативы использованию пользовательских блоков Гутенберга
Прежде чем вы выполните всю работу по выяснению пользовательских блоков, подумайте, может ли одна из этих альтернатив вам подойти.
Шаблоны блоков или повторно используемые блоки
Если вам не нужно извлекать динамический контент и вы действительно хотите, чтобы блок копировал макет, используйте вместо этого новую функцию «Шаблоны блоков» или «Многоразовые блоки». Этот вариант удобен для начинающих и может быть реализован практически без написания кода.
Паттерны похожи на мини-шаблоны, которые вы можете использовать в любом месте вашего сайта. Вы можете вставить его на страницу, а затем отредактировать. Многоразовые блоки работают аналогичным образом. Большая разница заключается в том, как они обрабатываются после того, как вы используете их на странице или в публикации.
Шаблон — это отправная точка. Как только он появится на странице, любые изменения, которые вы вносите, уникальны для этой страницы. Если вы измените шаблон позже, он не изменится там, где он уже использовался.
Многоразовые блоки остаются связанными друг с другом. Если вы обновите блок, изменения будут применяться ко всем местам, где вы использовали этот блок.
Кодовый блок
Используйте блок кода, чтобы вставить пользовательский код на страницу. Разработчики тем и плагинов создают настраиваемые блоки для использования на нескольких сайтах. Если вы работаете над одним сайтом, вы, вероятно, сможете достичь той же цели за меньшее время, добавив собственный фрагмент кода. Оба варианта требуют одинакового уровня технических знаний.
Единственный случай, когда стоит подумать о создании собственного пользовательского блока, — это если вы разработчик, который хочет передать сайт клиенту. Клиент может работать с вашим пользовательским блоком с помощью редактора Гутенберга, но будет совершенно потерян, пытаясь отредактировать ваш код.
Как создать собственный блок Гутенберга
У вас есть два варианта создания пользовательского блока Гутенберга. Вы можете написать код самостоятельно или использовать плагин для создания блоков. Оба варианта требуют некоторого кодирования. Вы захотите освежить в памяти основы веб-разработки, прежде чем попробовать.
Кодируй сам
Создание пользовательских блоков требует опыта разработки. Если вам нравится работать с редакторами WYSIWIG, и ваше сердце бьется каждый раз, когда вы случайно нажимаете опцию «Показать код», это не для вас.
Для создания пользовательских блоков требуются промежуточные знания HTML, CSS, JavaScript и React.
Начните с настройки среды разработки и инструментов. Вам понадобится среда WordPress, Node, NPM и редактор кода. После этого следуйте этому руководству по созданию вашего первого блока из официального руководства по редактору блоков WordPress.
Использование плагина
Если вы хорошо разбираетесь в HTML, CSS и JavaScript, но не готовы кодировать все с нуля, рассмотрите возможность использования плагинов. Использование плагина для создания пользовательских блоков — отличный вариант, когда вам нужен пользовательский блок для использования на одном веб-сайте.
Плагин Genesis Custom Blocks — самый популярный плагин для создания пользовательских блоков. Вы создадите поля блока, используя знакомый интерфейс WordPress. После настройки полей вам нужно будет предоставить шаблон HTML, CSS, JavaScript и PHP, чтобы блок работал.
Несмотря на то, что это проще, это все равно требует некоторого кодирования. Разница в том, что вы можете сделать все это из своего администратора WordPress, не настраивая локальную среду разработки. Плагин также упрощает тестирование и предварительный просмотр блока, чтобы убедиться, что он работает правильно.
Что бы вы ни строили, мы можем помочь
Независимо от того, как вы создаете свой сайт, с настраиваемыми блоками или если вы все еще не пользуетесь классическим редактором, вам нужен надежный хостинг. Pressable гордится тем, что является местом, где WordPress лучше всего работает для всех, от индивидуального предпринимателя до команды продвинутых разработчиков.
Pressable предлагает простой в использовании интерфейс, первоклассную безопасность и молниеносную скорость. С хостингом Pressable ваш сайт будет легко обновлять, а вашим клиентам будет просто его найти и использовать.
Зарегистрируйтесь сегодня и начните создавать свой сайт или узнайте больше о переносе существующего сайта. Мы будем рады помочь вам перенести ваши сайты!
