Hướng dẫn wp_enqueue_script wordpress - wp_enqueue_script wordpress

Nhúng CSS, JS vào Theme WordPress là một trong những bước rất quan trọng để bắt đầu lập trình Theme WordPress.Theme WordPress là một trong những bước rất quan trọng để bắt đầu lập trình Theme WordPress.Theme WordPress là một trong những bước rất quan trọng để bắt đầu lập trình Theme WordPress.

Nội dung chính ShowShow

• Nhúng CSS vào Theme WordPress
• Cách sử dụng:
• Nhúng JS vào Theme WordPress
• Trong đó:
• wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt
• wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt
• 1. Thêm Css, Javascipt, jQuery vào WordPress
• 2. Xóa Css, Javascipt, jQuery đã đăng ký
• 3. Cách tìm các $handle để xóa như thế nào?
• 4. Hạn chế chèn css và js sai cách

Bước này tưởng chừng rất đơn giản nhưng rất nhiều mắc phải khi bắt đầu làm quen với lập trình Theme WordPress.lập trình Theme WordPress.lập trình Theme WordPress.

Nhiều bạn thường chọn cách gọi trực tiếp file

0 và

1 vào file

2,

3 thông qua thẻ link và script. Nhưng với WordPress, làm cách đó không tối ưu và dễ xảy ra các lỗi không đang có.

Hôm nay tôi xin hướng dẫn bạn cách gọi file CSS, JS vào Theme WordPress thông qua hàm 

4 và 

5 chèn vào file

6 của Theme

Nhúng CSS vào Theme WordPress

Cách sử dụng:

wp_enqueue_style[ $handle, $src = false, $deps = array[], $ver = false, $media = 'all'];

• Nhúng JS vào Theme WordPress
• Trong đó:
• wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt
• 1. Thêm Css, Javascipt, jQuery vào WordPress
• 2. Xóa Css, Javascipt, jQuery đã đăng ký

Cách sử dụng:

Trong đó:

• wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt
• 1. Thêm Css, Javascipt, jQuery vào WordPress
• 2. Xóa Css, Javascipt, jQuery đã đăng ký

Nhúng JS vào Theme WordPress

Cách sử dụng:

1

• Nhúng JS vào Theme WordPress
• Trong đó:
• wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt
• 1. Thêm Css, Javascipt, jQuery vào WordPress
• 2. Xóa Css, Javascipt, jQuery đã đăng ký

Cách sử dụng:

3

Trong đó:

wp_enqueue_script[$handle, $src = '', $deps = array[], $ver = false, $in_footer = false ]4: Hàm gọi đường dẫn theme đang kích hoạt

1. Thêm Css, Javascipt, jQuery vào WordPress3: Tên hook có sẵn trong WordPress

6

Nhúng JS vào Theme WordPress

1. Thêm Css, Javascipt, jQuery vào WordPress3: Tên hook có sẵn trong WordPress

8

Nhúng JS vào Theme WordPress

2. Xóa Css, Javascipt, jQuery đã đăng ký

3. Cách tìm các $handle để xóa như thế nào?wp_enqueue_scripts.

1. Thêm Css, Javascipt, jQuery vào WordPress

2. Xóa Css, Javascipt, jQuery đã đăng ký

9

3. Cách tìm các $handle để xóa như thế nào?

0

• 4. Hạn chế chèn css và js sai cách
• Bước này tưởng chừng rất đơn giản nhưng rất nhiều mắc phải khi bắt đầu làm quen với lập trình Theme WordPress.lập trình Theme WordPress.
• Nhiều bạn thường chọn cách gọi trực tiếp file

• 0 và
  1 vào file
  2,
  3 thông qua thẻ link và script. Nhưng với WordPress, làm cách đó không tối ưu và dễ xảy ra các lỗi không đang có.
• Hôm nay tôi xin hướng dẫn bạn cách gọi file CSS, JS vào Theme WordPress thông qua hàm 

4 và 

5 chèn vào file

6 của Thememyassets ngay thư mục theme để tiện quản lý chúng. Bạn có thể dùng hàm get_theme_file_uri hoặc get_template_directory_uri tùy theo phiên bản wordpress đang dùng.

Cú pháp:

1

2. Xóa Css, Javascipt, jQuery đã đăng ký

3. Cách tìm các $handle để xóa như thế nào?

4. Hạn chế chèn css và js sai cách

2

3. Cách tìm các $handle để xóa như thế nào?

Trước tiên bạn cần view source hay xem nguồn trang

Tiếp theo bạn tìm đến các css đã đăng ký trước đó, id chính là các $handle

4. Hạn chế chèn css và js sai cách

Một số bạn khi mới làm quen với wordpress, hay nhúng các script sai cách là chèn thẳng chúng vào template header.php hoặc footer.php như sau:

Thực chất sử dụng cách như trên không sai, nhưng có một hạn chế là một khi website lớn, có nhiều người cùng dev chung, sẽ rất khó quản lý, một khi cần remove 1 script khỏi web chúng ta cũng không sử dụng được action wp_dequeue_script. Thứ hai nữa là khi bạn cần dùng nhiều thư viện jquery hỗ trợ khác, chúng ta nhúng kiểu trên sẽ không thiện cảm hay thiếu tính chuyên nghiệp.