Ảnh bìa so với Ảnh nổi bật trong WordPress Block Editor (Hướng dẫn cho người mới bắt đầu)

Nội dung bài viết

WordPress 5.0 được phát hành với trình chỉnh sửa khối Gutenberg hoàn toàn mới và một loạt các tính năng thú vị. Một trong số đó là khối Cover, cho phép bạn thêm ảnh bìa vào bài viết và trang của mình.

Tính năng này đã khiến một số người dùng nhầm lẫn vì nó có vẻ giống với tùy chọn Hình ảnh nổi bật đã có trong WordPress kể từ phiên bản WordPress 2.9.

Trong bài viết này, chúng tôi sẽ giải thích sự khác biệt giữa ảnh bìa và ảnh nổi bật trong trình chỉnh sửa khối WordPress.

Cover Image vs Featured Image - WordPress Block Editor

Ảnh bìa là gì?

Ảnh bìa thường là một ảnh rộng được sử dụng làm ảnh bìa cho một phần mới trong bài đăng hoặc trang blog. Nó là một phần của bài báo tổng thể. Bạn có thể sử dụng ảnh bìa khi bắt đầu một phần mới hoặc một câu chuyện mới trong bài viết của mình.

Với khối Bìa trong WordPress, bạn có thể thêm văn bản và lớp phủ màu trên ảnh bìa của mình.

Cover block in WordPress block editor

Bằng cách thêm lớp phủ màu thích hợp phù hợp với màu chủ đề hoặc tâm trạng của nội dung, bạn có thể làm cho bài viết của mình hấp dẫn hơn.

Tương tự, việc thêm lớp phủ văn bản giúp người dùng của bạn dễ dàng xác định vị trí bắt đầu của phần mới trong bài viết của bạn và nội dung của phần đó.

Theo truyền thống, các blogger sử dụng văn bản tiêu đề để tách các phần trong một bài đăng blog. Với ảnh bìa, giờ đây bạn có các tùy chọn để tách các phần theo cách trực quan hơn.

Hình ảnh nổi bật là gì?

Hình ảnh nổi bật (còn được gọi là hình thu nhỏ của bài đăng) là hình ảnh chính của bài viết đại diện cho nội dung. Chúng được hiển thị nổi bật trên trang web của bạn trên các bài đăng đơn lẻ, các trang lưu trữ blog, cũng như trên trang chủ của các trang web tin tức, tạp chí và blog.

Bên cạnh đó, các hình ảnh nổi bật cũng được hiển thị trên các nguồn cấp dữ liệu mạng xã hội khi một bài báo được chia sẻ.

Hình ảnh nổi bật được thiết kế cẩn thận để làm cho chúng trông hấp dẫn. Những hình ảnh như vậy cung cấp cho người dùng cái nhìn nhanh về nội dung của bạn và nhắc họ đến toàn bộ bài viết.

Bạn sẽ tìm thấy một hộp meta trong màn hình chỉnh sửa bài đăng của mình để thêm hình ảnh nổi bật vì hầu như tất cả các chủ đề WordPress đều hỗ trợ hình ảnh nổi bật theo mặc định.

Featured image in WordPress

Vị trí và cách hiển thị hình ảnh nổi bật được kiểm soát hoàn toàn bởi chủ đề WordPress của bạn.

Đối với các tùy chọn hình ảnh nổi bật nâng cao, bạn có thể kiểm tra các plugin hình ảnh nổi bật tốt nhất của WordPress này .

Làm thế nào để thêm ảnh bìa trong WordPress?

Trình chỉnh sửa khối WordPress mới (Gutenberg) đi kèm với khối Bìa để cho phép bạn thêm ảnh bìa trong WordPress.

Đầu tiên, bạn cần tạo một bài đăng mới hoặc chỉnh sửa bài viết hiện có. Trên màn hình chỉnh sửa bài đăng, nhấp vào nút thêm khối mới rồi chọn Khối che.

Add cover block in WordPress block editor

Bạn có thể tìm thấy khối Bìa bên trong tab Khối chung.

Khi nhấp vào khối, bạn sẽ thấy khối Bìa được thêm vào trình chỉnh sửa nội dung của bạn với các tùy chọn để thêm ảnh bìa mới của bạn.

Cover block with options to upload image

Bạn có thể chỉ cần kéo và thả hình ảnh hoặc video trong khu vực khối để tải lên ảnh bìa mới. Ngoài ra, bạn có thể nhấp vào nút Tải lên, chọn một hình ảnh trong máy tính của mình và mở để tải lên.

Nếu bạn muốn thêm hình ảnh đã được tải lên thư viện phương tiện của mình, bạn có thể nhấp vào nút Thư viện phương tiện và chọn một hình ảnh từ thư viện phương tiện của bạn.

Upload cover image in WordPress block editor

Sau khi ảnh bìa của bạn được thêm vào, bạn có thể dễ dàng tùy chỉnh nó bằng cách nhấp vào ảnh bìa.

Thao tác này sẽ hiển thị cho bạn thanh công cụ với các tùy chọn tùy chỉnh phía trên hình ảnh, trường Viết tiêu đề… ở giữa hình ảnh và cài đặt khối bao gồm lớp phủ màu trong bảng điều khiển ở phía bên phải.

Cover block options

Ngoài tùy chọn căn chỉnh, khối ảnh bìa cung cấp cho bạn hai lựa chọn chiều rộng: Chiều rộng rộng và Chiều rộng đầy đủ.

Tùy chọn chiều rộng rộng làm cho hình ảnh trông rộng như nội dung của bạn. Tùy chọn toàn chiều rộng làm cho hình ảnh của bạn bao phủ toàn bộ màn hình cửa sổ.

Full width cover image in WordPress block editor

Tiếp theo, bạn có thể thêm tiêu đề cho ảnh bìa của mình. Khi bạn nhấp vào ảnh bìa, bạn sẽ thấy trường “Viết tiêu đề…” ở giữa ảnh bìa của bạn.

Chỉ cần nhấp vào khu vực đó để thêm văn bản. Bạn có thể viết tiêu đề ảnh bìa của mình và định dạng nó bằng cách sử dụng các tùy chọn định dạng xuất hiện trên đầu văn bản hoặc trên đầu ảnh bìa.

Add text on your cover image in WordPress block editor

Cuối cùng, có các cài đặt khối che ở bảng điều khiển bên phải. Bạn có thể bật Nền cố định để tạo hiệu ứng thị sai khi người dùng cuộn xuống trang.

Fixed background option in cover block in Gutenberg

Bên dưới đó, có các tùy chọn lớp phủ màu. Theo mặc định, nó thêm màu chủ đề của bạn làm màu lớp phủ với độ trong suốt 50%, nhưng bạn có thể thay đổi màu lớp phủ và cũng có thể thay đổi độ mờ bằng cách di chuyển điểm.

Cover block color overlay options

Cuối cùng, bạn có thể thêm mã CSS và thêm nhiều kiểu khác vào ảnh bìa của mình bằng cách nhấp vào tùy chọn Nâng cao.

Đó là nó!

Bạn có thể lặp lại bước này để thêm nhiều ảnh bìa trong một bài viết nếu cần.

Làm thế nào để thêm một hình ảnh nổi bật trong WordPress?

Quá trình thêm hình ảnh nổi bật giống như trước đây. Nếu bạn đã cóblog WordPress một thời gian, thì bạn đã biết cách thêm hình ảnh nổi bật.

Để thêm hình ảnh nổi bật, trước tiên bạn cần mở màn hình chỉnh sửa bài đăng, sau đó điều hướng đến hộp meta Hình ảnh nổi bật ở bên phải màn hình.

Bạn sẽ cần nhấp vào tùy chọn Đặt hình ảnh nổi bật.

Featured image meta box in WordPress

Tiếp theo, bạn có thể tải lên một hình ảnh mới bằng cách sử dụng trình tải lên kéo và thả hoặc chọn một hình ảnh từ thư viện phương tiện hiện có của bạn.

Sau đó, bạn có thể thêm tiêu đề và văn bản thay thế cho hình ảnh nổi bật của mình, rồi nhấp vào tùy chọn Chọn.

Upload featured image in WordPress

Bạn đã thêm thành công một hình ảnh nổi bật vào bài viết của mình.

Nếu bạn muốn có hướng dẫn chi tiết hơn, thì bạn có thể đọc hướng dẫn cho người mới bắt đầu của chúng tôi để thêm hình ảnh nổi bật trong WordPress .

Khi bạn đã thêm hình ảnh nổi bật của mình, bạn có thể xem trước bài đăng của mình và xem nó trông như thế nào.

Nếu bạn đang sử dụng chủ đề mặc định mới Twenty Nineteen hoặc các chủ đề hiện đại khác, thì bạn cũng có thể thấy lớp phủ màu trên các hình ảnh nổi bật của mình.

Bạn có thể xóa nó hoặc thay đổi màu sắc bằng cách chuyển đến tùy biến WordPress.

Chỉ cần nhấp vào nút Giao diện »Tùy chỉnh trong menu WordPress của bạn.

Customize option WordPress

Khi ở trên bảng Customize , bạn cần nhấp vào tùy chọn Colors ở bên trái.

Customize colors WordPress twenty nineteen theme

Trên tab này, bạn sẽ thấy tùy chọn màu chính của chủ đề và tùy chọn bật hoặc tắt bộ lọc hình ảnh.

Color options in twenty nineteen theme

Bạn có thể thay đổi màu chính của chủ đề bằng cách chọn tùy chọn Tùy chỉnh và chọn màu.

Change primary color in Twenty Nineteen theme

Nếu bạn muốn tắt bộ lọc màu trên hình ảnh nổi bật của mình, thì bạn có thể chỉ cần bỏ chọn tùy chọn “Áp dụng bộ lọc cho hình ảnh nổi bật bằng màu chính”.

Disable color filter on featured images in Twenty Nineteen theme

Xin lưu ý rằng các hình ảnh nổi bật được quản lý bởi các chủ đề WordPress, vì vậy bạn có thể không tìm thấy tùy chọn này trong chủ đề của mình nếu nó không hỗ trợ bộ lọc hình ảnh.

Kết luận – Ảnh bìa so với Ảnh nổi bật trong WordPress

Bây giờ bạn đã biết cách thêm ảnh bìa và ảnh nổi bật, hãy cùng xem một số phương pháp hay nhất.

Hình ảnh nổi bật đã được sử dụng phổ biến bởi các blog WordPress , tạp chí trực tuyến, trang web tin tức và giải trí làm hình thu nhỏ của bài đăng hoặc hình ảnh bài viết chính.

Hình ảnh nổi bật được thiết kế tốt giúp thu hút nhiều người dùng mở bài viết hơn. Chúng rất tốt để làm cho trang web của bạn trông hấp dẫn và tương tác trực quan.

Hình ảnh bìa thực sự là một phần của bài viết của bạn. Người dùng nhìn thấy ảnh bìa của bạn sau khi họ mở bài viết của bạn để đọc. Do đó, chúng làm cho bài viết của bạn trở nên hấp dẫn và thú vị hơn khi đọc.

Việc sử dụng ảnh bìa tốt nhất là để thêm chuyển tiếp đẹp mắt giữa các phần bên trong một bài báo dài.

Ảnh bìa là duy nhất so với ảnh bài đăng thông thường vì chúng có tùy chọn toàn chiều rộng và bạn có thể thêm lớp phủ văn bản lên chúng.

Bằng cách thêm ảnh bìa đúng cách, bạn có thể cải thiện mức độ tương tác của người dùng trên bài đăng của mình.

Chúng tôi hy vọng bài viết này đã giúp bạn hiểu sự khác biệt giữa ảnh bìa và ảnh nổi bật trong trình chỉnh sửa khối WordPress mới. Bạn cũng có thể muốn đọc bài viết của chúng tôi về cách cập nhật các bài đăng WordPress cũ của bạn bằng trình chỉnh sửa khối Gutenberg .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
error: Cảnh báo: Không có quyền !!