adminのカスタム投稿タイプのみにスクリプトをロードします


18

次のようなカスタムポストタイプ「ポートフォリオ」を作成しました。

$args = array(
    'labels' => $labels,
    'public' => true,
    'publicly_queryable' => true,
    'show_ui' => true,
    'query_var' => true,
    //'menu_icon' => get_stylesheet_directory_uri() . '/article16.png',
    'rewrite' => true,
    'capability_type' => 'post',
    'hierarchical' => false,
    'menu_position' => 4,
    'taxonomies' => array('post_tag','category'),
    'supports' => array('title','editor','comments','trackbacks','revisions','custom-fields','page-attributes','thumbnail', 'excerpt', 'tags')
  ); 

register_post_type( 'portfolio' , $args );

そして、アクションを持つ他のカスタムフィールドがあります:

add_action("admin_init", "admin_init");
function admin_init(){ // add_meta_box( $id, $title, $callback, $page, $context, $priority ); 
  add_meta_box("media", "Media Type", "media", "portfolio", "side", "high");
  add_meta_box("map_meta", "Mapping Info", "map_meta", "portfolio", "normal", "high");
}

私はかつてこれを機能させていましたが、このページのためだけにスクリプトをロードするように理解することはできません。今、私はちょうどwp_enqueue_scriptこのような残りの部分でそれらを持っています:

function my_init() {
    if (!is_admin()) {
                       ....
        }

 if (is_admin()) {
        wp_register_script('Gmaps', 'http://maps.google.com/maps/api/js?sensor=false', false, '3.0', false);
        wp_enqueue_script('Gmaps');


        wp_register_style('admin_js', get_bloginfo('template_directory') . '/admin.js');
        wp_enqueue_script('admin_js');

        wp_register_script('Zmaps', get_bloginfo('template_directory') .'/scripts/maps.js', array('Gmaps'), '1.0', true);
        wp_enqueue_script('Zmaps');
        }
           }
add_action('wp_enqueue_scripts', 'my_init');

しかし、これらのどれも私にはロードされていません。これらのスクリプトを管理ページに読み込むにはどうすればよいですか?さらに良いのは、ポートフォリオのカスタム投稿タイプの編集ページ専用にロードする方法ですか?


2
FYI:エンキューは、initに行くべきではありません...(多くの人々はそれを行うが、それは、エンキューのための適切な場所ではありません)...
t31os

回答:


32

ポートフォリオのカスタム投稿タイプの編集ページにスクリプトを追加するには、このコードを試してください。

add_action( 'admin_print_scripts-post-new.php', 'portfolio_admin_script', 11 );
add_action( 'admin_print_scripts-post.php', 'portfolio_admin_script', 11 );

function portfolio_admin_script() {
    global $post_type;
    if( 'portfolio' == $post_type )
    wp_enqueue_script( 'portfolio-admin-script', get_stylesheet_directory_uri() . '/admin.js' );
}

1
もはや正確ではありません。@Smartikの答えは正しいアプローチです。
ヤロン

25

受け入れられた答えは古く、正しいフックを使用していないため、より良い解決策を投稿します。

まず第一に:管理エリアでスクリプトとスタイルをエンキューするには、使用する必要がadmin_enqueue_scriptsあります。

第二:グローバル変数を忘れてください。現在の画面オブジェクトを使用して、さまざまなチェックを実行します。

コピーペーストコードの準備は次のとおりです。

<?php 
function wpse_cpt_enqueue( $hook_suffix ){
    $cpt = 'portfolio';

    if( in_array($hook_suffix, array('post.php', 'post-new.php') ) ){
        $screen = get_current_screen();

        if( is_object( $screen ) && $cpt == $screen->post_type ){

            // Register, enqueue scripts and styles here

        }
    }
}

add_action( 'admin_enqueue_scripts', 'wpse_cpt_enqueue');

注:'portfolio'必要なポストタイプのスラグと交換します。


1
// Enter custom JS TO ADMIN AREA

add_action( 'admin_print_scripts-post-new.php', 'banner_admin_script', 11 );
add_action( 'admin_print_scripts-post.php', 'banner_admin_script', 11 );

function banner_admin_script() {
    global $post_type;
    if ( $post_type == 'banner' )
        wp_enqueue_script( 'portfolio-admin-script', plugins_url( '/js/admin.js', 
            __FILE__), '', '', true ); // "TRUE" - ADDS JS TO FOOTER
}

私はこのコードにいくつかの変更を加えて動作させました。

  1. に変更get_stylesheet_directory_uri() . '/admin.js'しましたplugins_url( '/js/admin.js', __FILE__),-これは、バナー用のプラグインを開発したために必要でした。これは、CPTを内部で作成するより良いソリューションですfunctions.php

  2. true頭ではなくフッター領域にコードを送信するために「」を追加しました-ロード時間を改善します

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.