在WordPress页面或文本中插入一个水平分隔线或分隔符，非常简单，直接选择divider即可，但有时候我们需要插入一个竖直的分隔线，如何操作呢？方法有好几种，具体取决于你想要的样式和效果。

方法1：使用文本编辑器

1.在编辑文章或页面时，使用键盘输入竖直线字符 |。

方法2：使用小部件HTML

1. 在Elementor编辑器中选择小部件HTML。
2. 插入你要想放置分隔符的位置。
3.  复制并粘贴代码：|

方法3：使用短代码

1. 在编辑文章或页面时，插入一个自定义短代码。
   [separator]
2. 在主题的 functions.php 文件中添加短代码的处理函数。

   function custom_separator_shortcode() {
   return '<div class="custom-separator"></div>';
   }
   add_shortcode('separator', 'custom_separator_shortcode');

3. 在主题的样式表中添加 CSS 规则。

   .custom-separator {
   border-left: 1px solid #000; /* 根据需要调整颜色、宽度等样式 */
   height: 50px; /* 根据需要调整高度 */
   }

   这将在页面或文章中插入一个自定义样式的竖直分隔符。

选择适合你需求的方法，并根据需要进行样式定制。请记得备份你的主题文件或使用子主题来进行修改，以防止不小心破坏主题文件。

在查看完此文章的同时，您会发现以下资源也很有用：

• 如何自动和批量添加图片的alt属性？
• 如何提交API主动推送而加快百度普通收录？
• 如何把WordPress网站转换成手机APP？
• 15个WordPress网站必备插件
• 10个最好的WordPress缓存插件
• 8个最佳联盟营销WordPress在线赚钱插件

如果您喜欢这篇文章，请订阅我的网站，您将会收到最新的资源分享信息。您还可以在YouTube和小红书上找到我。