REDO JSComposer Additional – plugin ajoutant un widget à WPBakery

Dans cet article, nous allons créer un nouveau widget pour le plugin créé précédemment, que vous découvrirez dans l’article précédent : Propre plugin ajoutant un widget au plugin WPBakery.

Supposons que nous voulions spécifier une vue qui s’affichera d’une certaine manière, n’importe où sur la page pour un type de message particulier et avec les champs sélectionnés. De plus, le tout doit être compatible avec le plugin WPBakery Page Puilder. Pour ce faire, nous utiliserons le plugin REDO JSComposer Additional créé dans l’entrée précédente.

Comment créer un plugin ajoutant un widget à WPBakery qui affiche les messages personnalisés sélectionnés ?

Passons aux choses sérieuses.

Allez dans le dossier avec notre plugin – redo-jscomposer-additional – puis allez dans le dossier – widgets – et créez un nouveau fichier .php, que nous appellerons custom-post-widget.php..

Maintenant, comme dans le post précédent, nous sommes en train de créer le cadre de base de notre widget. À cette fin, nous utiliserons le widget projets créé précédemment et copierons ce dont nous avons besoin.

Nous laissons un chemin pour accéder aux fichiers ABSPATH, renommez la classe héritée en WPBakeryShortCode_customPostWidget. Laissez le tableau et la requête $args WP_Query et query vc_map(). Tout doit être configuré correctement.

Vous trouverez ci-dessous un squelette vide de notre widget configuré pour écrire notre nouveau plugin.

<?php
if ( ! defined( 'ABSPATH' ) ) {
    die( '-1' );
}
class WPBakeryShortCode_customPostWidget extends WPBakeryShortCode
{

    protected function content()
    {

            $args = array(
                'post_type' => '',
                'posts_per_page' => -1,
                'orderby' => 'date'
            );

            $typ_posta = new WP_Query($args);

            ob_start(); ?>

                <!-- HTML DESIGN HERE -->
                
                    <?php while ($typ_posta->have_posts()) :  $typ_posta->the_post(); ?>
                    <!-- Wyświetlanie pól posta tutaj -->
                    <?php endwhile; ?>
            </div>
                <!-- HTML END DESIGN HERE -->
            <?php
            return ob_get_clean();
    }
}


    vc_map( array(
        "name" 			=> __( 'Custom Post Widget', 'custom_post_widget' ),
        "base" 			=> "custom_post_widget",
        "category" 		=> __('REDO JSComposer Additional'),
        "description" 	=> __('Display view for Custom Post Type'),
        "icon" => plugin_dir_url( __FILE__ ).'../images/eye-icon.png'
    ) );