You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WordPress Elementor表单的两个输入字段间添加段落?

解决WordPress Elementor表单字段间添加段落及补充字段说明的方法

方法一:用Elementor内置功能实现(无需代码)

  • 给上方输入字段补充说明:
    1. 打开Elementor编辑器,选中目标表单组件进入编辑状态。
    2. 在左侧面板找到需要加说明的输入字段,点击展开设置项。
    3. 找到「描述」选项,输入要补充的说明文字,还能调整描述的字体样式、显示位置(字段上方/下方)。
  • 在两个输入字段之间插入段落:
    1. 在表单的字段列表里,定位到两个目标字段的中间位置,点击「添加字段」按钮。
    2. 在弹出的字段类型中选择「HTML」字段,插入到两个输入字段之间。
    3. 点击这个HTML字段,在左侧面板的「HTML代码」框中输入段落内容,比如直接写纯文本或者<p>自定义段落内容</p>,Elementor会自动适配格式。

方法二:自定义代码实现(适合个性化需求)

如果需要更灵活的样式或逻辑,可通过以下方式操作:

  • 给字段说明添加自定义样式:
    通过浏览器开发者工具找到对应字段说明的CSS类(通常为elementor-field-description),然后在Elementor的「自定义CSS」面板中添加样式代码,示例:
    .elementor-field-description {
        color: #666;
        font-size: 14px;
        margin-top: 5px;
    }
    
  • 通过钩子函数插入段落:
    在主题的functions.php文件(建议用子主题,避免主题更新丢失代码)中添加以下代码,指定在某个字段后插入段落:
    add_action('elementor_pro/forms/render_field/after', function($field, $form) {
        // 替换成你要定位的字段ID
        if ($field['id'] === 'your-target-field-id') {
            echo '<p>两个字段之间的段落内容</p>';
        }
    }, 10, 2);
    

内容的提问来源于stack exchange,提问作者Shahzaib Javaid

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 18:40:55