Bagaimana cara melihat data json di wordpress?

Seperti yang mungkin atau mungkin tidak Anda ketahui, WordPress JSON REST API ada di cakrawala untuk versi WordPress yang akan datang. Ini akan menjadi salah satu tambahan terpenting dan berpengaruh pada inti WordPress yang mungkin kita lihat, terutama bagi mereka yang menggunakan WordPress sebagai kerangka kerja untuk membuat aplikasi web dan seluler. Penyertaan API standar, mudah digunakan, dan dapat diperpanjang untuk WordPress membuka banyak sekali kemungkinan baru tentang cara kami membuat aplikasi dengan WordPress di masa mendatang

Namun bagaimana jika Anda tidak ingin menunggu penyertaan WP-API atau menggunakan versi plugin resmi WP-API, ke mana Anda pergi? . Ini mungkin diperlukan untuk panggilan AJAX di dalam situs Anda atau untuk memungkinkan pihak ketiga mengakses beberapa data Anda. Saya akan menunjukkan cara cepat untuk menyiapkan endpoint Anda sendiri dan mengembalikan data Anda dalam format JSON

Atur Teladan Kami

Sebagai contoh kami, kami memiliki tugas yang sangat penting untuk membuat tempat menyimpan GIF animasi kami dan menyediakan cara mudah untuk mengakses tautan dari pihak ketiga. Kami ingin mengakses ini dengan mengirimkan tag dan yang kami perlukan hanyalah tautan ke gif dan deskripsi singkatnya. Untuk ini, kami akan membuat CPT baru hanya dengan gambar dan judul unggulan dan taksonomi non-hierarkis

function wds_gif_cpt_and_tax() {

    $cpt_args = array(
        'label'   => 'GIFs',
        'show_ui' => true,
        'supports' => array( 'title', 'thumbnail' ),
    );
    register_post_type( 'wds_gif', $cpt_args );

    $tax_args = array(
        'label'   => 'GIF Tags',
    );
    register_taxonomy( 'wds_gif_tag', 'wds_gif', $tax_args );

}
add_action( 'init', 'wds_gif_cpt_and_tax' );

Buat Titik Akhir kami

Selanjutnya kita akan menggunakan bagian dari API penulisan ulang WordPress untuk mendaftarkan tag penulisan ulang dengan benar dan kemudian menambahkan aturan penulisan ulang sehingga kita dapat mengaksesnya di http://example.com/gifs/tag/. Untuk ini, kami menggunakan fungsi add_rewrite_tag() dan add_rewrite_rule(). Seperti yang Anda lihat, kami menggunakan ekspresi reguler sederhana untuk menguraikan tag yang diteruskan ke URL titik akhir. Kami akan menggunakan tag ini nanti untuk menanyakan jenis kiriman khusus GIF kami

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

Mengeluarkan Data

Sekarang kita perlu mengeluarkan data ke titik akhir baru kita sehingga kita dapat memiliki akses ke GIF animasi penting tersebut. Kami pertama-tama akan memanggil $wp_query global sehingga kami dapat menemukan tag penulisan ulang dengan benar dari URL kami. Kami sedang memeriksa keberadaan string kueri wds_gif, yang kami tulis ulang menjadi /gifs/ di URL kami. Jika ini tidak ada, kami akan mengembalikan dan menyelamatkan dari fungsi ini. Jika berhasil, kami menyiapkan array kami yang akan kami bagikan dalam format JSON dan kemudian menjalankan loop WP_Query standar untuk jenis posting kustom baru kami. Kami akan menjalankan kueri taksonomi tentang ini untuk tag yang diteruskan setelah /gifs/ di URL

Setelah loop selesai, kami akan mengirimkan array data dalam format JSON menggunakan

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

function wds_gif_endpoint_data() {

    global $wp_query;

    $gif_tag = $wp_query->get( 'wds_gif' );

    if ( ! $gif_tag ) {
        return;
    }

    $gif_data = array();

    $args = array(
        'post_type'      => 'wds_gif',
        'posts_per_page' => 100,
        'wds_gif_tag'    => esc_attr( $gif_tag ),
    );
    $gif_query = new WP_Query( $args );
    if ( $gif_query->have_posts() ) : while ( $gif_query->have_posts() ) : $gif_query->the_post();
        $img_id = get_post_thumbnail_id();
        $img = wp_get_attachment_image_src( $img_id, 'full' );
        $gif_data[] = array(
            'link'  => esc_url( $img[0] ),
            'title' => get_the_title(),
        );
    endwhile; wp_reset_postdata(); endif;

    wp_send_json( $gif_data );

}
add_action( 'template_redirect', 'wds_gif_endpoint_data' );

Hasil

Sekarang, Anda dapat memasukkan GIF animasi favorit Anda ke admin WordPress di bawah Custom Post Type baru dan menandainya dengan beberapa kata kunci yang tepat dan Anda akan dapat menggunakan URL yang mudah untuk mengakses data ini dalam format JSON dengan menambahkan slug dari tag . Misalnya, Anda dapat menggunakan

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

Mengapa Menggunakan Metode Ini?

Tentu saja, ini bukan satu-satunya metode untuk mendapatkan data Anda. Seperti yang dinyatakan di atas, WP-API sudah di depan mata. Itu akan membuka API umum untuk semua bagian WordPress yang dapat Anda bangun dan akan menjadi standar di masa mendatang. Namun, kadang-kadang, Anda mungkin memerlukan beberapa data cepat dan kotor. Ini dapat digunakan untuk memberikan akses ke layanan pihak ketiga atau saat Anda melakukan panggilan AJAX front-end di situs Anda sendiri

Anda mungkin bertanya, mengapa Anda tidak menggunakan

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

function wds_gif_endpoint() {

    add_rewrite_tag( '%wds_gif%', '([^&]+)' );
    add_rewrite_rule( 'gifs/([^&]+)/?', 'index.php?wds_gif=$matches[1]', 'top' );

}
add_action( 'init', 'wds_gif_endpoint' );

Bagaimana cara membaca file JSON di WordPress?

Bagaimana cara melihat konten JSON?

Bagaimana cara melihat data JSON di situs web?

Bagaimana cara mengaktifkan JSON di WordPress?