Elementorカスタムモジュールで既存のテンプレートをレンダリングする方法

Rank-LV1-Photonflux.com｜プロのワードプレス修理サービス、ワールドワイド、迅速な対応

投稿日時：12月13日 16:54

3681

Elementorのカスタムモジュールでリピーターを作成しているのですが、リピーターアイテムごとに既存のテンプレートを選択してレンダリングできるようにしたいです。Elementorコントロールでテンプレート選択を実装し、フロントエンドで選択に基づいて適切なテンプレートをレンダリングするにはどうすればよいでしょうか？

start_controls_section(
            'section_content', [
            [
                'label' => esc_html__('Content', 'textdomain'), [
                'tab' => \ElementorControls_Manager::TAB_CONTENT、
            ]
        );

        $this->add_control(
            'store_settings'.
            [
                'label' => esc_html__('店舗設定', 'textdomain')、
                'type' => \ElementorControls_Manager::REPEATER、
                'fields' => [
                    [
                        'name' => 'title_section', 'label' => [
                        'label' => __('セクションのタイトル', 'custom-store'), \ElementorControls_Manager::REPEATER
                        
                        
                        'default' => __('デフォルトタイトル', 'custom-store'), .
                    ]
                ]
            ]
        );

        $this->end_controls_section()；
    }

    protected function render()
    {
        $settings = $this->get_settings()；
        $args = []；

        show_template('template', $args, str_replace(get_stylesheet_directory() . directory_separator, '', __dir__));；
    }
}

お問い合わせ
記事が読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み

4人が評価

解説合計 1

コメントを投稿するにはログインしてください

サインイン在籍

著者のみご覧ください。

- 最高です0
  リピータ・コントロールへのテンプレート選択の追加 register_controls メソッドを修正して、テンプレート選択コントロールを追加します： 2.Elementorテンプレートのリストの取得 Elementorにすでに存在するテンプレートを動的に取得するメソッドget_elementor_templates()を作成します： private function get_elementor_templates() { $posts = get_posts([ 'post_type' => 'elementor_library', // Elementorテンプレートのカスタムタイプ 'posts_per_page' => -1, [ ]); foreach ($posts as $posts) { { $templatesを$postとして取得します。 $templates[$post->ID] = $post->post_title; // テンプレートのIDと名前を使用します。 } return $templates. } 3.フロントエンドでのテンプレートのレンダリング render() メソッドは、ユーザーによって選択されたテンプレートに基づいてテンプレートをレンダリングします： protected function render() { $settings = $this->get_settings_for_display()； if (!empty($settings['store_settings'])) { { foreach ($settings['store_settings']) foreach ($settings['store_settings'] as $item) { // タイトルをレンダリングします。 // タイトルをレンダリング if (!empty($item['title_section'])) { // タイトルをレンダリングします。 echo '' . esc_html($item['title_section']) . ''; } // 選択したテンプレートをレンダリング if (!empty($item['template_id'])) { // 選択したテンプレートをレンダリングします。 echo ''; } // 選択されたテンプレートをレンダリング echo echo ElementorPlugin::$instance->frontend->get_builder_content($item['template_id'], true)； echo ''； } } }
```
$this->add_control(
    'store_settings'、
    [
        'label' => esc_html__('店舗設定', 'textdomain')、
        'type' => \ElementorControls_Manager::REPEATER、
        'fields' => [
            [
                'name' => 'title_section', 'label' => [
                'label' => __('セクションのタイトル', 'custom-store'), \ElementorControls_Manager::REPEATER
                
                
                'default' => __('デフォルトタイトル', 'custom-store'), .
            ]
            [
                'name' => 'template_id', 'label' => __('タイトル', 'custom-store'), ], [
                'label' => __('Select Template', 'custom-store'), [
                'type' => \ElementorControls_Manager::SELECT、
                'options' => $this->get_elementor_templates(), // テンプレートリスト関数を呼び出す
                'default' => '', ?
            ]
        ]
    ]
);
```
  12月16日 15:57もどす
  届ける