加载脚本只是为了在admin中自定义帖子类型


18

我创建了一个自定义帖子类型“ portfolio”,内容如下:

$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:入队不应该去上初始化。(很多人做到这一点,但它不是一个排队正确的地方)..
t31os

Answers:


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”以在页脚区域而不是头部发送代码-缩短了加载时间

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.