Tải mẫu trang bên ngoài và tập lệnh enqueue từ plugin gây ra lỗi 403 bị cấm

Tôi có một plugin tạo bảng điều khiển trên trang sau:

mysite.com/wp-content/plugins/myplugin/includes/mypanel.php

Tôi muốn sử dụng bảng này trên trang sau

mysite.com/mypanel

Giải pháp mà tôi đã thử là sử dụng mypanel.phplàm mẫu trang như dưới đây:

add_filter( 'page_template', 'wpa3396_page_template' );
function wpa3396_page_template( $page_template )
{
    if ( is_page( 'mypanel' ) ) {
        $page_template = dirname( __FILE__ ) . '/includes/mypanel.php';
    }
    return $page_template;
}

Bằng cách này, trang sẽ hiển thị nhưng không có javascript nào hoạt động. Vì vậy, tôi đã cố gắng nhập javascript của plugin trong các chức năng php.

add_action('wp_enqueue_scripts','Load_Template_Scripts_wpa83855');
function Load_Template_Scripts_wpa83855(){

    if ( strpos(get_page_template(), 'mypanel.php') !== false ) {
        wp_enqueue_script('wtd', $_SERVER['DOCUMENT_ROOT'].'/wp-content/plugins/myplugin/js/wtd.js');
    }

}

Mà kết quả 403 lỗi bị cấm. Tôi đã thêm thử thêm thư mục .htaccess vào trang của plugin nhưng nó vẫn tiếp tục báo lỗi.

Xin vui lòng cho tôi biết đâu là cách chính xác để giải quyết vấn đề này.

EDIT: Sau một số câu trả lời dưới đây (cảm ơn mọi người). Tôi đã chuyển mã của mình sang trang của plugin và không còn lỗi 403 bị cấm. Nhưng các nút của tôi không hoạt động và tôi cảm thấy như tệp js của tôi không chạy trên trang.

Tập tin js của tôi bắt đầu bằng: jQuery(document).ready(function()

Đây là mã cuối cùng trên trang của plugin:

/* Make tisort-tasarla page as template */
add_filter( 'page_template', 'wpa3396_page_template' );
function wpa3396_page_template( $page_template )
{
    if ( is_page( 'tisort-tasarla' ) ) {
        $page_template = dirname( __FILE__ ) . '/includes/tshirt-designer-design-template.php';
    }
    return $page_template;
}
/* Add Javascript to T-Shirt Design Page */

add_action('wp_enqueue_scripts','Load_Template_Scripts_wpa83855');
function Load_Template_Scripts_wpa83855(){

    if ( is_page( 'tisort-tasarla' ) ) {
        wp_enqueue_script( 'wtd', plugins_url( '/js/wtd.js' , __FILE__ ), array( 'jquery' ));        
    }    
}

MÃ của bạn vẫn ổn, lý do bạn nhận được lỗi 403 là vì $_SERVER['DOCUMENT_ROOT']trả về PATH tuyệt đối cho gốc web của bạn chứ không phải URL.

JavaScript cần phải được thêm dưới dạng URL. Vì vậy, bạn có thể sử dụng Load_Template_Scripts_wpa83855chức năng trong plugin của mình và sau đó sử dụng:

wp_enqueue_script( 'wtd', plugins_url( '/js/wtd.js' , __FILE__ ) );

MÃ để thêm JavaScript.

Lưu ý: rõ ràng bạn có thể làm cho CODE thậm chí tốt hơn bằng cách sử dụng logic như những gì @nathan đã sử dụng trong câu trả lời của mình , tức là thêm:

add_action('wp_enqueue_scripts','Load_Template_Scripts_wpa83855');

trong wpa3396_page_template()hàm trong if ( is_page( 'mypanel' ) ) {}khối điều kiện; nhưng đó không phải là lý do của lỗi. Trình duyệt PATH không thể được truy cập bởi trình duyệt, đó là lý do tại sao máy chủ trả về Access Forbiddenlỗi.

MÃ đầy đủ (Cập nhật):

Dưới đây là CODE đầy đủ để thuận tiện cho bạn (thêm nó vào tệp plugin chính của bạn):

add_filter( 'page_template', 'wpse_262042_page_template' );
function wpse_262042_page_template( $page_template ) {
    if( is_page( 'mypanel' ) ) {
        add_action( 'wp_enqueue_scripts', 'wpse_262042_enqueue_scripts' );
        $page_template = plugin_dir_path( __FILE__ ) . 'includes/mypanel.php';
    }
    return $page_template;
}

function wpse_262042_enqueue_scripts() {
    wp_enqueue_script( 'wtd', plugins_url( 'js/wtd.js' , __FILE__ ), array( 'jquery' ) );
}

Nếu bạn đã có hoặc đang có kế hoạch để có một trang có tên 'mypanel', thì bạn có thể sử dụng page_templatebộ lọc để lọc mẫu được sử dụng trên trang đó. Tôi cho rằng đó là những gì bạn đang làm.

Chúng tôi có thể sử dụng page_templatebộ lọc để sử dụng một mẫu tùy chỉnh cho trang này. Trong khi sử dụng bộ lọc này, chúng tôi có thể thêm một hành động để liệt kê các tập lệnh cụ thể cho trang này.

add_filter( 'page_template', 'wpse_262042_page_template', 10, 1 );
function wpse_262042_page_template( $page_template ) {
  if( is_page( 'mypanel' ) ) {
    add_action( 'wp_enqueue_scripts', 'wpse_262042_enqueue_scripts' );
    $page_template = plugin_dir_path( __FILE__ ) . 'includes/mypanel.php';
  }
  return $page_template;
}
function wpse_262042_enqueue_scripts() {
  wp_enqueue_script( 'wpse-262042', plugins_url( '/js/wpse-262042.js', __FILE__ ) );
}

Trong /includes/mypanel.phptệp mẫu, đảm bảo gọi wp_head()và wp_footer()nếu không các tập lệnh được xử lý sẽ không được in.