,%20Phần%201%20!!!)
Người Viết : ViKiMi Editor
Hướng dẫn thêm script tới giao diện theme giúp quản lý chặt chẽ và tốc độ tối ưu DOM !
Việc tạo giao diện sẽ nhanh chóng và hoàn thiện hơn nếu bạn có hỗ trợ thiết kế. Hỗ trợ nhiều cho các thiết kế là các script, hỗ trợ của các script sẽ giúp giao diện nhanh hơn, đạt độ bóng bảy hơn. Thiết kế các giao diện khi có phần hỗ trợ của các ngôn ngữ khác nhau giúp cho chúng đạt độ linh hoạt cần thiết.
Với WordPress để có thể sử dụng các script trong thiết kế theme bạn cần phải tuân thủ theo chuẩn của CMS này. Cách dễ dàng và nhanh chóng để thêm một script vào trong thiết kế giao diện theme :
wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);
Khi sử dụng chức này để tải bất kỳ một tệp script nào vào theme sẽ luôn đạt độ an toàn cao hơn, đảm bảo script sẽ được tải và lưu vào bộ nhớ đệm phù hợp. Chức năng này cũng cho phép tạo ra các điều kiện và ngắm đến các trang cụ thể.
Giải thích các tham số :
• $handle tên cho tệp lệnh thêm vào.
• $src đường dẫn nguồn cho tệp lệnh script.
• $deps là một mảng có thể xử lý bất kỳ tập lệnh nào mà tập lệnh mới của bạn phụ thuộc vào, chẳng hạn như jQuery.
• $ver số phiên bản.
• $in_footer (true/false) Cho phép bạn đặt tập lệnh vào vị trí footer/chân trang của HTML, điều này giúp DOM tải nhanh hơn.
Example :
wp_enqueue_script( ‘MyExmaple’, get_template_directory_uri() . ‘/js/readyScript.js’, array( ‘jquery’ ), 1.0, true);
Cách thức thêm vào có sử dụng Hook :
Chúng ta sử dụng hành động wp_enqueue_scripts trong file function.php để đạt mục đích như mong muốn. Đây là cách tốt nhất mà chúng ta có thể sử dụng kết hợp cả script và style để thêm vào theme của WordPress :
function add_option_script() {
wp_enqueue_style( ‘style’, get_stylesheet_uri() );
wp_enqueue_style( ‘LeftContent’, get_template_directory_uri() . ‘/css/leftContent.css’, array(), ‘1.0’, ‘all’ );
wp_enqueue_script( ‘MyExample’, get_template_directory_uri() . ‘/js/readyScript.js’, array( ‘jquery’ ), 1.0, true );
}
add_action( ‘wp_enqueue_scripts’, ‘add_option_script’ );
