Cara Pasang Script Grabber MyAnimeList Info

Cara Pasang Script Grabber MyAnimeList Info - Halo Sob, Pada kesempetan kali ini Code Pelajar bakalan buatin 1 tutorial yang pasti di tunggu2 para pemain fanshare anime. Tutorial ini dibuat karena banyaknya yang request minta di buatkan Tutorial Grab MyAnimeList.


Dimana jika dulu Api ini sempat dipakai beberapa dev wordpress untuk mengambil anime info, tapi karena dulu Api ini sangat old dan tidak ada perkembangan maka Api sempat di tinggalkan. Tapi di update terbaru kali ini, JIKAN api sudah bisa mendapatkan trailer youtube dan tidak kalah dengan API devLokal, sayangnya masih belum ada auto translate sinopsisnya :(

Cara Pasang Script Grabber MyAnimeList Info - JIKAN api

  1. Bukalah Theme-Function.php, letakkan kode php berikut sebelum penutup kode php yang?> terakhir.
  2. function meta_mal_api() {
        add_meta_box( 'meta_mal_api', __( 'MyAnimeList API', 'meta_mal' ), 'meta_mal_modal', 'anime', 'advanced', 'high' );
        
    }
    function meta_mal_modal() {
    ?>
    <div class="rwmb-meta-box">
        <div class="rwmb-field rwmb-text-wrapper">
            <div class="rwmb-label">
                <label for="meta_mal_api_input">MyAnimeList ID</label>
            </div>
            <div class="rwmb-input ui-shortable">
                <div class="rwmb-clone rwmb-text-clone">
                    <input size="30" type="text" id="meta_mal_api_input" class="rwmb-text " name="meta_mal_api_input" placeholder="input MyAnimeList ID"/>
                    <span class="spinner" id="spinner"></span>
                </div>
                <a class="button-primary" id="meta_mal_api_button">Generate</a>
            </div>
        </div>
    </div>
    <?php
    }
    add_action( 'add_meta_boxes', 'meta_mal_api' );
    function meta_mal_enqueue() {
      wp_enqueue_script( 'meta-mal', get_template_directory_uri() . '/js/api.js', array(), '4', true );
    }
    add_action( 'admin_enqueue_scripts', 'meta_mal_enqueue' );
    
    Perhatikan, jika theme kamu memakai Post-type sesuaikanlah dengan Post-typenya. Contoh saya memakai Post-type anime di dalam tutorial ini.
  3. Simpan, dan lihat di bagian post-type anime editor add anime. jika belum muncul coba perbaiki peletakkannya.
  4. Kedua, Buatlah sebuah file.js baru di theme kamu dengan plugin File Manager & berilah nama file tersebut dengan nama api.js.
  5. Jika sudah, bukalah file tersebut di theme editor, lalu salin dan terapkan kode php berikut.
  6. (function(global){
        "use strict";
        global.prefix = "#";
        global.fillMal = function(meta, value){
            return global(global.prefix + meta).val(value);
        }
        global.modalMal = {
            "Id_Metabox_": "image_url",
            "id_metabox_": "trailer_url",
            "id_metabox_": "title_english",
            "id_metabox_": "title_japanese",
            "id_metabox_": "type",
            "id_metabox_": "episodes",
            "id_metabox_": "status",
            "id_metabox_": "aired",
            "id_metabox_": "duration",
            "id_metabox_": "score",
        }
        global.mal = function(id){
            global("#meta_mal_api_button").attr("disabled", true).html("Please wait...");
            global("#spinner").addClass("is-active");
            global.ajax({
                url: "https://api.jikan.moe/anime/" + id,
                method: "GET",
                dataType: "JSON",
                beforeSend: function(){
                    global("button#content-html.wp-switch-editor.switch-html, button#meta_mal_background-html.wp-switch-editor.switch-html").click();
                }
            }).done(function(json){
                global("#meta_mal_api_button").attr("disabled", false).html("Generate");
                global("#spinner").removeClass("is-active");
                if(typeof(json.error) !== "undefined"){
                    console.log("Error: " + json.error);
                    alert("Error: " + json.error);
                }else{
                    alert("Ciee berhasil nich :* ");
                    global("input#title").val(json["title"]);
                    global("textarea#content").val(json["synopsis"]);
                    global("input#new-tag-genre").val(json["genres"]);
                    // PARSING SINGLE DATA
                    global.each(global.modalMal, function(key, value){
                        global.fillMal(key, json[value]);
                    });
                    
                }
            });
        }
        global("#meta_mal_api_button").on("click", function(){
            var input = global("#meta_mal_api_input").val();
                global.mal(input);
        });
    })(jQuery);
    Perhatikan, "Id_Metabox_": "image_url",. Sebelahkan kiri adalah ID dari metabox kamu sob, dan yang image_url adalah variabel api.jikan.moe untuk mendaptkan url gambar posternya.
  7. Seperti yang di jelaskan di atas kamu hanya perlu mengSingkronisasi ID_metabox dengan Variabel Grab apiNya.
  8. Kamu bisa check url di bawah ini, dengan browser mozila firefox agar hasil yang di dapat rapih.
  9. https://api.jikan.moe/anime/1
  10. jika sudah simpan dan lihat hasilnya, jika masih gagal berarti kamu masih salah dalam mengatur ID metabox dengan variabel GrabNya.
  11. Saya hampir lupa tambahkan ini di dalam metabox kalian.
  12. array(
                    'id' => $prefix . 'gposter',
                    'type' => 'file_input',
                    'name' => esc_html( 'Gambar Poster' ),
                    'desc' => esc_html( 'URL REMOTE' ),
                    'max_file_uploads' => '1',
                    'max_status' => false,
                ),
  13. Script di atas untuk membuat sebuah Metabox input link gambar
  14. Selemat mencoba

Jika bingung tanyakan di komentar jangan di wa, supaya yang punya masalah atau problem sama dengan kamu bisa sama-sama solve. Semoga berhasil sob!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel