REDO JSComposer Additional – plugin dodający widget do WPBakery

W tym artykule stworzymy nowy widget do stworzonego wcześniej pluginu, o którym dowiesz się z poprzedniego artykułu: Własna wtyczka dodająca widget do pluginu WPBakery

Załóżmy, że chcielibyśmy określić widok, który będzie wyświetlał w określony sposób, w dowolnym miejscu na stronie dla konkretnego typu posta i z wybranymi polami. Dodatkowo całość ma być kompatybilna z pluginem WPBakery Page Puilder. Do tego celu użyjemy stworzonego we wcześniejszym wpisie pluginu REDO JSComposer Additional.

Jak stworzyć plugin dodający widget do WPBakery, który wyświetla wybrane Custom Post’y ?

Zabierajmy się do działania.

Wchodzimy do folderu z naszym pluginem – redo-jscomposer-additional – następnie wchodzimy w folder – widgets – i tworzymy nowy plik .php, który nazwiemy custom-post-widget.php.

Teraz podobnie jak w poprzednim poście tworzymy podstawowy szkielet naszego widget’u. Do tego celu wykorzystamy wcześniej stworzony widget projekty i skopiujemy co nam potrzebne.

Zostawiamy ścieżkę zabezpieczającą dostęp do plików ABSPATH, zmieniamy nazwę klasy dziedziczącej na WPBakeryShortCode_customPostWidget. Należy zostawić tablicę $args oraz zapytanie WP_Query oraz funkcję vc_map(). Wszystko należy poprawnie skonfigurować.

Poniżej znajduje się pusty szkielet naszego widget’u skonfigurowany pod napisanie naszego nowego dodatku do pluginu.

<?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'
    ) );