WordPress 古腾堡编辑器的可重用区块终极指南

古腾堡编辑器简介

古腾堡编辑器(Gutenberg Editor)是WordPress 5.0版本引入的一款全新的文本编辑器，它具有丰富的功能和可重用区块系统，让用户可以轻松地创建和编辑网站内容，古腾堡编辑器的出现，标志着WordPress进入了一个新的时代，让网站建设变得更加简单和高效。

可重用区块的概念

可重用区块(Reusable Blocks)是古腾堡编辑器的核心概念之一，它允许用户将常用的页面元素(如标题、段落、列表等)封装成一个独立的区块，然后在需要的地方插入这个区块，这样，用户可以重复使用这些区块，提高工作效率，同时也可以保持网站的一致性和美观性。

创建和管理可重用区块

1、创建区块

在古腾堡编辑器中，点击“+”按钮，选择“添加新块”，然后输入区块的名称和描述，接下来，选择一个布局，这决定了区块在页面上的位置和大小，点击“保存”按钮，完成区块的创建。

2、编辑区块

创建好区块后，可以在“所有块”选项卡中找到它，点击区块，进入编辑模式，在这里，你可以修改区块的属性(如文本、图像等),以及设置区块的样式(如颜色、字体等)。

3、移动和复制区块

要移动或复制一个区块，首先选中它，然后拖动到目标位置或者右键点击选择“复制”，如果需要复制多个区块，可以使用快捷键Ctrl+D(Windows)或Cmd+D(Mac)。

4、删除区块

要删除一个区块，首先选中它，然后点击右侧的垃圾桶图标，如果需要批量删除多个区块，可以使用快捷键Ctrl+Shift+Delete(Windows)或Cmd+Shift+Delete(Mac)。

应用可重用区块

1、在页面中插入区块

在古腾堡编辑器中，点击“+”按钮，选择“从模板库中添加”，然后在弹出的菜单中选择“可重用区块”，找到需要的区块，点击“插入”，接下来，你可以根据需要调整区块的位置和大小。

2、通过代码插入区块

如果你熟悉PHP编程，还可以通过代码的方式插入可重用区块，在主题的functions.php文件中注册一个自定义函数：

function mytheme_register_custom_blocks() {
  register_block_template_location('core/column', 'my-custom-blocks');
}
add_action('init', 'mytheme_register_custom_blocks');

在主题文件夹中创建一个名为my-custom-blocks.php的新文件，编写如下代码：

<?php ob_start(); ?>
<div class="my-custom-block">
  <h2><?php echo get_field('block_title', 'option'); ?></h2>
  <p><?php the_field('block_content', 'option'); ?></p>
</div>
<?php return ob_get_clean(); ?>

在需要显示自定义区块的地方插入以下代码：

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <div class="column" role="contentinfo">
    <?php if (is_singular('post')) : ?>
      <?php $custom_blocks = get_field('custom_blocks', 'option'); ?>
      <?php if ($custom_blocks) : foreach ($custom_blocks as $block) : ?>
        <?php echo do_shortcode($block); ?>
      <?php endforeach; ?>
    <?php endif; ?>
  </div>
<?php endwhile; endif; ?>

常见问题与解答

1、如何为不同的页面类型显示不同的可重用区块？

答：要实现这个功能，你需要在主题的functions.php文件中为每个页面类型注册一个自定义函数，然后在这个函数中指定要显示的可重用区块。

function mytheme_register_page_specific_custom_blocks() {
  if (is_front_page()) {
    register_block_template_location('core/column', 'front-page-custom-blocks');
  } elseif (is_archive()) {
    register_block_template_location('core/column', 'archive-page-custom-blocks');
  } elseif (is_single()) {
    register_block_template_location('core/column', 'single-page-custom-blocks');
  } elseif (is_category()) {
    register_block_template_location('core/column', 'category-page-custom-blocks');
  } elseif (is_tag()) {
    register_block_template_location('core/column', 'tag-page-custom-blocks');
  } elseif (is_home()) {
    register_block_template_location('core/column', 'home-page-custom-blocks');
  } elseif (is_search()) {
    register_block_template_location('core/column', 'search-page-custom-blocks');
  } elseif (is_404()) {
    register_block_template_location('core/column', '404-page-custom-blocks');
  } elseif (is_attachment()) { // For media library page template files... etc... see https://developer.wordpress.org/reference/functions/get_queried_object/mtch=attachment for more info on how to use it in your own functions file... or you can just add a custom block template location like so: register_block_template('/wp-admin/edit.php?post=$post [new post]', 'media-library-page-custom-blocks'); // Replace "media-library" with your own name for this custom template location... and replace "[new post]" with your own template name for the new post form on media library pages. // Then you can use the same code in your functions file as shown above to display different custom blocks depending on the current post type being viewed by the user. // Note that you will need to repeat this process for each of the possible page types that you want to support in your theme. // See also: http://codex.wordpress.org/Function_Reference/register_block_templatesExamples for more information on how to use these functions in your theme files. // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files. // See also: http://codex.wordpress.org/The_LoopDisplaying_Templates for more information on displaying template files within the WordPress loop. // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex.wordpress.org/TemplatesBlocks for more information on creating custom block templates and registering them in your theme files // See also: http://codex