Người Viết : ViKiMi Editor
Hướng dẫn cách tuỳ chỉnh để thêm một file biểu định kiểu style vào themes WordPress !
Khi tạo một Giao diện Theme, chắc chắn bạn sẽ gặp vấn đề là làm sao có thể tuỳ chỉnh Giao diện một cách tốt nhất. Việc tuỳ chỉnh theo mong muốn luôn giúp bạn có được một giao diện đẹp như mong muốn. Chính điều đó tạo nên một hình thức, cách thể hiện riêng cho Website của bạn.
Chúng ta
cũng cần biết rằng một Website muốn hoàn chỉnh sẽ không chỉ có Code Front End,
điều mà làm cho Website hoàn chỉnh đó chính là có đầy đủ tất cả các phần bổ trợ.
Các Plugin và các biểu định kiểu được sử dụng hài hoà đó chính là mục đích phải
đạt được, tránh các dữ liệu không rõ ràng gây xung đột phá hỏng thiết kế. Tất
nhiên đây chính là một phần bạn phải nắm rõ trước khi bắt tay làm một điều gì.
Cách thức để
bạn thêm một scripts hoặc bất kỳ biểu định kiểu style nào vào Theme thiết kế thật
đơn giản. Điều này đơn giản đến nỗi bạn chỉ cần vài thao tác lệnh nhưng lợi ích
sẽ lớn hơn bạn nghĩ. Đối với WordPress bạn chỉ cần thêm vào bằng cách tạo ra một
Chức năng liệt kê các scripts và style cần thiết sẽ sử dụng trong Theme.
Khi chức
năng này được tạo ra, bạn hãy yên tâm vì lúc đó WordPress đã tự động tạo một
Handle và đường dẫn để giúp bạn sử dụng những gì bạn muốn. Cuối cùng của quá
trình này là bạn hãy chọn một Hook của WordPress để giúp bạn có thể thêm vào các scripts và style
mà bạn mong muốn.
Function cơ bản để chúng ta sử dụng :
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
Giải
thích các tham số :
•
$handle tên của biểu định kiểu.
•
$src đường dẫn chỉ tới File biểu định kiểu.
• $deps tham
số này sẽ chỉ ra rằng biểu định kiểu này có phụ thuộc một biểu định kiểu khác
không? Nếu có thì nó chỉ được tải khi biểu định kiểu phụ thuộc được tải.
•
$ver số phiên bản.
•
$media chỉ định phương tiện tải biểu định kiểu
Example :
wp_enqueue_style( ‘Main’, get_template_directory_uri() . ‘/css/clipper.css’,
false, ‘1.0’, ‘print’);
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. Đồng thời giúp dễ dàng quản lý các chức năng trong
Giao diện Theme
function add_theme_custom_styles() {
wp_enqueue_style( ‘style’, get_stylesheet_uri()
);
wp_enqueue_style( ‘Main’, get_template_directory_uri() . ‘/css/clipper.css’, false, ‘1.0’, ‘print’ );
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_custom_styles’ );
