Có một bạn đọc tên là LE TUAN VU có hỏi mình về cách thêm nút download và demo cho trang của bạn ý, nhân tiện đang không có việc gì làm mình xin chia sẻ luôn cho các bạn dễ theo dõi và biết đâu lại hữu ích cho các bạn thì sao 😀

Trước hết, ta phân tích rằng: do nút download và Demo là hai đường link phụ thuộc vào Post ID, mà trong core của WordPress mặc định có Post Meta ( trường tùy biến ) là đáp ứng được điều này, ta sẽ thêm dữ liệu vào Post meta cho mỗi bài đăng, cụ thể là hai trường Download và Demo.

Tiếp theo, ta hãy mở file functions.php và thêm đoạn code sau vào:

function jamviet_auto_add_downloadbutton( $post_id ) {
    if (  get_post_meta($post_id, 'download', true) == '' ) {
        add_post_meta($post_id, 'download', 'http://', true);
        add_post_meta($post_id, 'demo', 'http://', true);
    }
}
add_action('save_post', 'jamviet_auto_add_downloadbutton');

Đoạn code trên giúp chúng ta có thêm hai trường download và demo trong khi đăng bài viết, chúng sẽ tự sinh ra khi bạn bấm nút “viết bài mới” một cách tự động, như sau:

Thêm hai trường tùy biến vào trong WordPress

Giờ thì ta chỉ cần thêm giá trị cho hai trường tùy biến này thôi !

Bước cuối cùng, hiển thị

Để lấy được hai trường này ra và hiển thị theo ID của bài đăng, ta thêm code sau vào file single.php để hiển thị, ta thêm code sau:

echo '<a href="'. get_post_meta(get_the_ID(), 'demo', true) . '" class="demobutton">DEMO</a>';
echo '<a href="'. get_post_meta(get_the_ID(), 'download', true) . '" class="downloadbutton">DOWNLOAD</a>';

Code này bạn có thể đặt ở chỗ nào bạn muốn, ngoài ra nếu bạn cần trang trí thì thêm CSS vào là xong, điều này tùy thuộc vào năng khiếu của các bạn 😀

Chúc các bạn thành công, nếu vướng mắc cứ để lại comment nhé !