Tiện ích Bài đăng gần đây mặc định của WordPress chỉ tạo danh sách các bài đăng gần đây nhất của bạn. Mặc dù có những plugin mà bạn có thể thêm sẽ cho phép bạn sử dụng hình ảnh cho các bài đăng gần đây, nhưng bạn sẽ không cần chúng, nếu bạn sử dụng Genesis Framework của StudioPress. Nó đi kèm với tiện ích Genesis - Bài đăng nổi bật có thể được sử dụng trong bất kỳ khu vực tiện ích nào để thêm nội dung bài đăng đầy đủ, đoạn trích có hoặc không có hình ảnh nổi bật và bài đăng cho các danh mục đơn lẻ và được sắp xếp với các tùy chọn sắp xếp thông thường của WordPress.
Một trong những cách sử dụng yêu thích của tôi về tiện ích Genesis - Bài đăng nổi bật là hiển thị các bài đăng gần đây hoặc các bài đăng gần đây cho một danh mục trong thanh bên với một hình ảnh thu nhỏ nhỏ và chỉ có tiêu đề. Vì vậy, hãy xem xét một số cài đặt tiện ích Genesis - Bài đăng nổi bật để xem chúng tôi có thể làm gì.
Đây là giao diện của tiện ích Genesis - Bài đăng nổi bật.
Có nhiều tùy chọn trong plugin này; chúng tôi sẽ chỉ xem xét những cái mà chúng tôi cần cho hướng dẫn này. Các số màu đỏ ở trên là cài đặt chính mà chúng tôi đang sử dụng cho các bài đăng đầu tiên gần đây:
- Thêm Tiêu đề tiện ích, trong trường hợp này là “Bài đăng gần đây”
- Chọn một danh mục duy nhất từ menu thả xuống hoặc để dưới dạng Tất cả Danh mục, như ở đây
- Chọn số lượng bài viết bạn muốn sử dụng, trong trường hợp này là 3.
- Kiểm tra Hiển thị Hình ảnh Nổi bật
- Kích thước hình ảnh - Nhấp vào trình đơn thả xuống để xem liệu bạn có kích thước nhỏ hơn “hình thu nhỏ (150 × 150)” hay không; nếu vậy hãy chọn nó để thay thế.
- Căn chỉnh hình ảnh - Sử dụng Left cho hướng dẫn đầu tiên này, nhưng bạn cũng có thể chọn Không có hoặc Phải.
- Kiểm tra Hiển thị Tiêu đề Bài đăng
- Loại nội dung - Điều này sẽ phụ thuộc vào những gì bạn cần, nhưng bây giờ hãy chọn “Không có nội dung”
Kích thước phương tiện WordPress (Hình ảnh)
Đầu tiên chúng ta hãy nói một chút về kích thước hình ảnh. Các chủ đề WordPress sử dụng kích thước hình ảnh mặc định mà bạn có thể thấy nếu bạn truy cập trang tổng quan WordPress của mình và nhấp vào Cài đặt> Phương tiện. Kích thước hình ảnh mặc định thường là:
- Hình thu nhỏ - 150px X 150px,
- Trung bình - 300px X 300px
- Lớn - 1024px X 1024px
Chủ đề của bạn thường sẽ đặt kích thước hình ảnh bổ sung trong functions.php. Chúng ta sẽ xem xét kích thước hình ảnh nhiều hơn sau. Nếu bạn có kích thước hình thu nhỏ nhỏ hơn 150px X 150px, bạn có thể muốn chọn kích thước đó thay vì kích thước hình thu nhỏ mặc định.
Các bài đăng gần đây có tiêu đề và hình ảnh nhỏ nổi bật
Sử dụng cài đặt Genesis - Bài đăng nổi bật ở trên, đây là giao diện trong chủ đề Genesis Sample (Lưu ý rằng tôi đã thêm các bài đăng có hình ảnh.). Hình ảnh và tiêu đề có vẻ hơi lớn ở cài đặt chủ đề mặc định (hình ảnh bên trái), vì vậy chúng tôi có thể chỉnh sửa style.css hoặc thêm CSS vào một plugin css tùy chỉnh, như plugin trong Jetpack để tạo giao diện ở bên phải. (Nếu bạn thực sự muốn thêm kích thước hình ảnh mới, nhỏ hơn, hãy xem phần cuối của hướng dẫn này.)
Đây là mã để thêm vào style.css của bạn hoặc một plugin CSS tùy chỉnh cho các bài đăng gần đây ở trên. Tìm phần có nhãn “Thanh bên” và ở cuối phần “Thanh bên”, hãy thêm:
/* Sidebar Genesis Featured Posts Widget */
.sidebar .featured-content .entry-title {
font-size: 18px;
font-size: 1.8rem;
}
.sidebar .featured-content img {
width: 100px;
margin-right: 12px;
margin-right: 1.2rem;
}
.sidebar .featured-content a {
border: 0;
}
Đoạn mã trên thực hiện những việc sau để làm cho các bài đăng gần đây trông giống như hình ảnh thứ hai:
- làm cho .entry-title nhỏ hơn một chút (là 24px)
- làm cho hình ảnh (img) hiển thị nhỏ hơn (100px, thay vì 150px từ widget)
- loại bỏ đường viền trên các liên kết (a) vì có một dòng bên dưới hình ảnh
Bạn có thể thử với CSS này để có được giao diện bạn muốn cho chủ đề của mình.
Các bài đăng gần đây có hình ảnh, tiêu đề và nội dung nhỏ nổi bật
Bây giờ chúng ta hãy tạo một bài đăng gần đây khác để hiển thị thêm một chút về mỗi bài viết. Lần này, chúng tôi sẽ thêm một hình ảnh, tiêu đề bài đăng và một chút nội dung. Hãy nhớ rằng bạn có thể thêm nhiều tiện ích Genesis - Bài đăng nổi bật vào thanh bên của mình, nếu bạn muốn sử dụng các bài đăng danh mục.
Chỉnh sửa cài đặt trong tiện ích Genesis - Bài đăng nổi bật, như sau:
- Thêm Tiêu đề tiện ích con “Bài đăng gần đây”
- Chọn tất cả danh mục
- Chọn 3 bài đăng
- Kiểm tra Hiển thị Hình ảnh Nổi bật
- Kích thước hình ảnh - Chọn “hình thu nhỏ (150 × 150)”.
- Căn chỉnh hình ảnh - Sử dụng Trái
- Kiểm tra Hiển thị Tiêu đề Bài đăng
- Loại nội dung - Chọn “Hiển thị giới hạn nội dung” và “Giới hạn nội dung trong 60 ký tự”
Bây giờ, hãy thêm mã sau vào plugin style.css hoặc CSS tùy chỉnh của bạn, như trước đây:
/* Sidebar Genesis Featured Posts Widget */
.sidebar .featured-content .entry-title {
font-size: 16px;
font-size: 1.6rem;
margin: 0 0 .6rem;
}
.sidebar .featured-content img {
width: 75px;
margin-right: 12px;
margin-right: 1.2rem;
}
.sidebar .featured-content .entry-content {
line-height: 1.2;
}
.sidebar .featured-content a {
border: 0;
}
Đoạn mã trên đã thực hiện như sau đối với các bài đăng gần đây với hình ảnh, tiêu đề và một chút nội dung:
- làm cho .entry-title nhỏ hơn một chút (16px) so với trước đây
- làm cho hình ảnh (img) hiển thị ở chiều rộng 75px
- thay đổi chiều cao dòng .entry-content để hiển thị gọn gàng hơn
- loại bỏ đường viền liên kết (a)
Một lần nữa, bạn có thể thử với mã này để có được giao diện bạn muốn cho chủ đề của mình.
Thêm kích thước hình ảnh mới vào các chức năng chủ đề của bạn
Nếu bạn thực sự muốn thêm kích thước hình ảnh mới vào chủ đề của mình, bạn có thể chỉnh sửa tệp functions.php của mình. Mở functions.php trong trình soạn thảo văn bản. Ở dưới cùng, hãy thêm:
add_image_size('sidebar-featured', 100, 100, TRUE);
hoặc
add_image_size('sidebar-featured', 75, 75, TRUE);
Lưu tệp và sau đó sử dụng FTP để tải tệp đó lên thư mục chủ đề của bạn. (Lưu ý rằng điều này không được khuyến khích, trừ khi bạn đã chỉnh sửa functions.php của mình và sử dụng FTP trước đó. Giải thích cách sử dụng FTP nằm ngoài phạm vi của hướng dẫn này.)