Cách đặt hình ảnh nổi bật mặc định cho các bài đăng WordPress

WP Media Folder đi kèm với một tính năng mới thực sự thú vị, đó là thiết lập hình ảnh nổi bật mặc định cho các bài viết WordPress của chúng tôi! Bạn sẽ không còn gặp ác mộng về các bài viết không có hình ảnh nổi bật nữa, từ việc chọn một hình ảnh tĩnh đến việc chọn ngẫu nhiên hình ảnh từ một thư mục để nó không giống như chúng tôi quên thêm hoặc không thêm nó chút nào (+Các phương thức không cần plugin).

Đặt hình ảnh nổi bật mặc định trên các bài viết WordPress có thể là một thiết lập quan trọng cần lưu ý khi tạo bài viết cho trang web của bạn, Một trong những lý do không đặt hình ảnh nổi bật có thể là chúng ta có thể có một đội thiết kế chịu trách nhiệm tạo hình ảnh nổi bật có thể mất nhiều thời gian hơn để thiết kế hình ảnh hoặc chúng ta có thể quên thêm hình ảnh nổi bật.

Trong bài đăng này, chúng tôi sẽ xem cách thiết lập hình ảnh mặc định với WP Media Folder thật dễ dàng và cũng sẽ khám phá các phương pháp khác.

Hình ảnh nổi bật mặc định không cần plugin WordPress

 Điều quan trọng cần nói là phần này của hướng dẫn yêu cầu một số kiến thức về mã hóa vì chúng ta sẽ cần chỉnh sửa một số tệp theme để làm cho nó hoạt động và làm sai có thể gây ra các vấn đề lớn.

Nói như vậy, hãy bắt đầu! 

Chúng tôi sẽ thử 2 phương pháp trong phần này của hướng dẫn, một để đặt một hình ảnh tĩnh và một để sử dụng hình ảnh đầu tiên có sẵn trong bài viết.

Phương pháp 1 - Đặt hình ảnh tĩnh làm hình ảnh Nổi bật mặc định

Trong phương pháp này, chúng tôi sẽ sử dụng một đoạn mã để đặt một hình ảnh tĩnh và thêm nó vào một vị trí cụ thể trong bài viết/trang của chúng tôi.

Để làm điều này, chúng ta cần đi đến theme tệp và chỉnh sửa tệp nơi chúng ta muốn hình ảnh nổi bật xuất hiện, nó có thể được thêm vào bất kỳ tệp nào bạn muốn nhưng trong trường hợp này, chúng ta sẽ sử dụng single.php đó là tệp xử lý các bài đăng của chúng ta.

Mã code như sau:

the_post_thumbnail();
} else { ?>

Nó sẽ trông như thế này:

Nơi thêm mã phụ thuộc vào theme của bạn và chính xác nơi bạn muốn đặt hình ảnh, cũng /images/default-image.jpg nên được thay thế bằng đường dẫn đến hình ảnh mà chúng tôi sẽ sử dụng, hình ảnh này nên nằm trong thư mục theme.

Chúng ta cũng có thể thay thế <?php bloginfo('template_directory'); ?>/images/default-image.jpg bằng một URL hình ảnh trực tiếp và nó cũng sẽ hoạt động.

Bây giờ chúng ta có thể tạo một hình ảnh mà không cần ảnh đại diện và phép thuật đã được thực hiện!

Điều quan trọng cần lưu ý là mã này sẽ không đặt hình ảnh nổi bật mặc định, vì vậy chúng ta sẽ cần thêm nó vào mọi nơi mà chúng ta muốn nó được hiển thị, ví dụ như trên trang blog nơi các bài viết được hiển thị cũng như nơi chúng ta gọi các bài viết.

Phương pháp 2 - Sử dụng hình ảnh đầu tiên trong bài viết làm hình ảnh nổi bật

Phương pháp này sẽ yêu cầu chúng ta thực hiện 2 bước để xác định hình ảnh và một bước khác để gọi hình ảnh.

Phương pháp này tương tự như phương pháp đầu tiên nhưng chúng ta sẽ không cần thêm hình ảnh vào mã, thay vào đó, nó sẽ lấy hình ảnh đầu tiên trong bài đăng và thêm nó vào bất cứ nơi nào bạn đặt mã thứ hai.

Bước đầu tiên - thêm mã sau vào tệp functions.php của themecủa bạn.

Hàm main_image() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment
&post_mime_type=image&order=desc');
if($files) :
$keys = array_reverse(array_keys($files));
$j=0;
$num = $keys[$j];
$image=wp_get_attachment_image($num, 'large', true);
$imagepieces = explode('"', $image);
$imagepath = $imagepieces[1];
$main=wp_get_attachment_url($num);
$template=get_template_directory();
$the_title=get_the_title();
print "<img src='$main' alt='$the_title' class='frame' />";
endif;
}

Bước thứ hai - Bây giờ mã của chúng tôi đã được thêm vào functions.php, chúng tôi có thể tiến hành thêm mã sau vào nơi chúng tôi muốn hình ảnh được hiển thị (giống như chúng tôi đã làm cho phương thức đầu tiên).

echo get_the_post_thumbnail($post->ID);
} else {
echo main_image();
} ?>

Và xong! các bài đăng sẽ hiển thị bây giờ hình ảnh đầu tiên có sẵn trên nội dung của chúng.

Điều quan trọng cần lưu ý là giống như phương pháp đầu tiên, chúng ta sẽ phải thêm mã cuối cùng này vào tất cả các vị trí mà chúng ta muốn hình ảnh xuất hiện, ví dụ như trang blog, chính bài viết đó, và bất kỳ nơi nào khác mà các bài đăng được hiển thị.

Dễ dàng đặt hình ảnh nổi bật mặc định bằng cách sử dụng plugin WordPress

Bây giờ chúng ta đã thấy cách đặt ảnh đại diện mặc định bằng cách sử dụng các đoạn mã, hãy xem cách đặt nó bằng cách sử dụng plugin và cách WP Media Folder giúp quá trình này trở nên dễ dàng hơn trong các bài viết WordPress.

WP Media Folder vừa giới thiệu một tùy chọn để đặt hình ảnh nổi bật mặc định giúp ích khi xem xét tất cả các tính năng mà plugin này cung cấp.

Để kích hoạt tính năng này, hãy đi đến Cài đặt > WP Media Folder  > Cài đặt chính.

Trong phần này, ở dưới cùng, chúng ta sẽ thấy tùy chọn hình ảnh nổi bật mặc định với 2 tùy chọn chính:

Lựa chọn đầu tiên - Hình ảnh cụ thể cho phép chúng ta chọn một hình ảnh tĩnh sẽ được sử dụng trên tất cả các bài đăng khi không có hình ảnh nổi bật nào được chọn, để sử dụng tùy chọn này, chỉ cần chọn hộp kiểm và sau đó nhấp vào
CHỌN.

Sau khi nhấp vào CHỌN thư viện media của chúng tôi sẽ được kích hoạt với tất cả các Thư mục Media có sẵn để giúp quá trình tìm kiếm hình ảnh sẽ được sử dụng dễ dàng hơn, tất cả những gì chúng ta cần làm là nhấp vào hình ảnh và sau đó Chọn.

Finally click on Save Changes and the magic is done!

Lựa chọn thứ 2 - Bây giờ, điều gì xảy ra nếu chúng ta không muốn sử dụng chỉ một hình ảnh cụ thể mà thay vào đó là một lựa chọn hình ảnh để được sử dụng ngẫu nhiên?

Dễ dàng! Với WP Media Folder, có thể thực hiện được bằng cách nhấp vào Hình ảnh ngẫu nhiên từ thư mục sử dụng sức mạnh của các thư mục phương tiện được bao gồm, sẽ cho phép chúng ta chọn một thư mục phương tiện mà chúng ta đã tạo trước đó trong Thư viện Phương tiện của mình và nó sẽ lấy hình ảnh từ đó một cách ngẫu nhiên để được đặt làm hình ảnh nổi bật mặc định.

Sau khi chọn tùy chọn này, chúng ta sẽ có thể thấy các thư mục có sẵn có thể được đặt.

Trong trường hợp này, chúng ta đã tạo một thư mục gọi là Hình ảnh nổi bật vì vậy tất cả những gì chúng ta cần làm là nhấp vào nó và sau đó lưu thay đổi.

Điều kỳ diệu sẽ được thực hiện và bây giờ chúng ta sẽ không cần phải căng thẳng nữa cho các bài viết mà không có hình ảnh nổi bật, thật tuyệt vời! Phải không? :)

Như bạn có thể thấy, chúng tôi không cần mã nào cả, và ảnh đại diện mặc định đã được đặt.

Không còn bài viết WordPress nào không có hình ảnh nổi bật

Bây giờ chúng tôi đã có thể thấy việc thiết lập hình ảnh nổi bật mặc định cho tất cả các bài viết WordPress của chúng tôi bằng cách sử dụng plugin WP Media Folder thật dễ dàng, chỉ cần thực hiện 2 lần nhấp và không cần phải đặt mã trên tất cả các tệp tin với nguy cơ làm hỏng mọi thứ.

Phần tốt nhất của WP Media Folder là đây không phải là tính năng duy nhất mà nó cung cấp vì chúng tôi có nhiều tùy chọn khác như offloading media đến AWS, sử dụng Google Drive làm nguồn hình ảnh, hoặc tạo thư viện ảnh tuyệt đẹp!

Vậy bạn còn chờ đợi gì? Đi đây và nhận WP Media Folder ngay bây giờ