如何获取 Elementor 自定义小部件的简码

Question

我制作了一个自定义小部件来显示一些软件工具的卡片（它通过 Elementor Controls 渲染它们并按类型、标签过滤它们......） 现在我正在制作分类术语的模板（分类是类型；术语示例：“图像”）

我的问题是：我想将此小部件的短代码添加到模板中并调整其设置，以便能够根据各自的分类术语过滤软件卡。但我无法让它发挥作用。这是我在模板中使用短代码的方法：

<?php echo do_shortcode(sprintf( '[custom-wdiget display_type="grid" card_type="mini" number_of_software="-1" filter_type="%s" card_style="light"]', esc_attr($term_slug)  )); ?>

更多详情：

• 我正在使用 Elementor 免费版
• Elementor 版本 3.25.3

我认为它非常简单，并且如上所述。但显然事实并非如此

Answer 1

您需要执行几个步骤来获取自定义 Elementor 小部件的短代码，因为 Elementor 本身不会生成自定义小部件的短代码。以下是为 Elementor 自定义小部件创建短代码的指南，允许其在 Elementor 编辑器之外使用：

public function get_title() {
    return __( 'Your Custom Widget', 'plugin-name' );
}

public function get_icon() {
    return 'eicon-code';
}

public function get_categories() {
    return [ 'general' ];
}

protected function render() {
    echo '<div>Your custom widget content here</div>';
}

有关更多详细信息，请了解：如何获取 Elementor 自定义小部件的短代码？ [4个简单步骤]