WordPress怎么添加文字框，详细教程

在WordPress网站中，添加文字框可以帮助突出显示重要内容、引用或提示信息，使页面布局更加清晰美观。本文将介绍几种常用的方法，帮助你在WordPress中轻松添加文字框。

方法1：使用古腾堡编辑器（区块编辑器）

WordPress 5.0及以上版本默认使用古腾堡编辑器（Gutenberg），它提供了内置的文字框区块，操作简单：

1. 进入文章/页面编辑器，点击“+”添加新区块。
2. 在搜索栏输入“文字框”或“Group”（组合区块），选择适合的区块。
3. 在区块内输入文字，并可通过右侧面板调整背景色、边框、间距等样式。

方法2：使用经典编辑器插件（TinyMCE）

如果你仍在使用经典编辑器，可以通过以下方式添加文字框：

1. 在编辑器中切换到“文本”模式（HTML代码视图）。
2. 手动添加HTML和CSS代码，例如：

<div style="border: 1px solid #ccc; padding: 15px; background: #f9f9f9;">
这里是你的文字内容
</div>

1. 切换回“可视化”模式即可看到效果。

方法3：使用插件（推荐新手）

如果不想手动写代码，可以安装以下插件快速实现：

• Elementor：拖拽式页面构建器，提供丰富的文字框模板。
• WPForms 或 Shortcodes Ultimate：通过短代码插入预定义样式的文字框。

方法4：自定义CSS样式

对于高级用户，可以在主题的“外观 > 自定义 > 附加CSS”中添加全局样式，例如：

.custom-textbox {
border: 2px dashed #0073aa;
padding: 20px;
margin: 10px 0;
border-radius: 5px;
}

然后在文章中通过<div class="custom-textbox">内容</div>调用。

总结

无论是通过区块编辑器、插件还是代码，WordPress添加文字框都非常灵活。新手推荐使用古腾堡或插件，而追求个性化的用户可以选择自定义CSS。根据需求选择最适合的方式，让你的内容更吸引人！