Thêm tiêu đề mặc định bổ sung vào chủ đề WordPress Twenty Ten

Chủ đề Twenty Ten đi kèm với tám tiêu đề mặc định. Bất kỳ tiêu đề mặc định nào bạn đặt đều được thay thế bằng “hình ảnh nổi bật” của bài đăng. Bạn chỉ có thể thấy tiêu đề mới khi xem bài đăng đó. Trong Mẹo nhanh cho WordPress của tuần này, chúng ta sẽ thấy việc thêm các tiêu đề bổ sung vào Bảng điều khiển tiêu đề đơn giản như thế nào.

Xem Screencast

Functions.php

Mở tệp functions.php của chủ đề Twenty Ten. Tìm phần sau:

// Default custom headers packaged with the theme. %s is a placeholder for the theme template directory URI.

Sau đây là một mảng liệt kê các tiêu đề mặc định hiện tại và vị trí của chúng. Để thêm của riêng bạn, hãy thêm dấu phẩy sau dấu ngoặc đơn cuối cùng của mảng tiêu đề hoàng hôn. Dưới đây là một ví dụ về những gì nó có thể trông như thế nào sau khi thêm hai tiêu đề nữa:

register_default_headers( array(
‘berries’ => array(
‘url’ => ‘%s/images/headers/berries.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/berries-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Berries’, ‘twentyten’ )
),
‘cherryblossom’ => array(
‘url’ => ‘%s/images/headers/cherryblossoms.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/cherryblossoms-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Cherry Blossoms’, ‘twentyten’ )
),
‘concave’ => array(
‘url’ => ‘%s/images/headers/concave.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/concave-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Concave’, ‘twentyten’ )
),
‘fern’ => array(
‘url’ => ‘%s/images/headers/fern.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/fern-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Fern’, ‘twentyten’ )
),
‘forestfloor’ => array(
‘url’ => ‘%s/images/headers/forestfloor.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/forestfloor-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Forest Floor’, ‘twentyten’ )
),
‘inkwell’ => array(
‘url’ => ‘%s/images/headers/inkwell.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/inkwell-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Inkwell’, ‘twentyten’ )
),
‘path’ => array(
‘url’ => ‘%s/images/headers/path.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/path-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Path’, ‘twentyten’ )
),
‘sunset’ => array(
‘url’ => ‘%s/images/headers/sunset.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/sunset-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Sunset’, ‘twentyten’ )
),
‘waterfall’ => array(
‘url’ => ‘%s/images/headers/waterfall.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/waterfall-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Waterfall’, ‘twentyten’ )
),
‘mountain’ => array(
‘url’ => ‘%s/images/headers/mountain.jpg’,
‘thumbnail_url’ => ‘%s/images/headers/mountain-thumbnail.jpg’,
/* translators: header image description */
‘description’ => __( ‘Mountain’, ‘twentyten’ )
)
) );

Hãy mổ xẻ đoạn mã một chút.

register_default_headers: Đây là hàm tạo và hiển thị các tiêu đề mặc định của chúng ta. Nó chấp nhận một mảng các tham số.

name: Đặt giá trị bằng tên tiêu đề của chúng tôi. Sau đó, chúng tôi có thể đặt một mảng các giá trị và khóa bổ sung.

url: Đường dẫn tương đối đến hình ảnh tiêu đề. Lưu ý rằng đường dẫn hiện tại là /images/headers/image_name.jpg

thumbnail_url: Đường dẫn tương đối đến hình thu nhỏ của hình ảnh tiêu đề. Đường dẫn hiện tại là /images/headers/image_name-thumbnail.jpg

Mô tả: Mô tả của hình ảnh. Điều này sẽ được hiển thị khi di chuột qua hình ảnh bên trong Bảng tiêu đề.

Những điều cần lưu ý

Tiêu đề Twenty Ten là 940 × 198, bất kỳ thứ gì lớn hơn sẽ được thay đổi kích thước; bất cứ thứ gì nhỏ hơn sẽ được kéo dài để phù hợp với các kích thước đó. Hình ảnh thu nhỏ có thể được đặt thành bất kỳ kích thước nào, 230 × 48 là mặc định. Hình ảnh chỉ có thể là .jpg hoặc chúng sẽ bị bỏ qua và sẽ không được hiển thị.