Tổng hợp Hướng dẫn toàn tập về custom Wordpress bằng CODE
           

Hướng dẫn này mình hướng đến tạo giá trị - hỗ trợ mọi người và không nhằm mục đích thương mại. Trong hướng dẫn này mình chỉ vào trọng tâm tất tần tật về tùy biến website bằng code (hạn chế plugin nhiều nhất có thể) nên nội dung nó sẽ cực kỳ ngắn và không vòng vo. Hi vọng bạn không quá khó chịu vì sự quá ngắn gọn của mình.

  • CODE chỉnh sửa mình thường can thiệp trực tiếp vào file (mục đích là để dễ kiểm soát vị trí hiển thị hơn là sử dụng hook)
  • Nếu bạn có khó khăn hay cần mình hỗ trợ bất kì nội dung nào thì hãy để lại bình luận phía bên dưới, mình sẽ sớm ra nội dung hướng dẫn bạn.
  • Nếu bạn thấy website mình có gì hay ho muốn ứng dụng lên website bạn thì liên hệ với mình để được hỗ trợ!

Tự động lấy ảnh đầu tiên trong bài làm ảnh đại diện WordPress

Nhiều website cũ khi nâng cấp lên phiên bản WordPress cao hơn có thể gặp phải tình trạng mất ảnh đại diện hoặc theme lúc trước không hỗ trợ ảnh đại diện thì có thể sử dụng code dưới đây cho vào file functions.php để chúng tự động lấy ảnh đầu tiên trong bài viết đặt thành ảnh đại diện khi truy cập vào chuyên mục hoặc trang lưu trữ (archive).

// Add a function to automatically set the first image as featured image
function vutruso_autoset_featured() {
      global $post;
      $already_has_thumb = has_post_thumbnail($post->ID);
      if (!$already_has_thumb)  {
         $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
         if ($attached_image) {
            foreach ($attached_image as $attachment_id => $attachment) {
               set_post_thumbnail($post->ID, $attachment_id);
            }
         }
      }
   }
   add_action('the_post', 'vutruso_autoset_featured');
   add_action('save_post', 'vutruso_autoset_featured');
   add_action('draft_to_publish', 'vutruso_autoset_featured');
   add_action('new_to_publish', 'vutruso_autoset_featured');
   add_action('pending_to_publish', 'vutruso_autoset_featured');
   add_action('future_to_publish', 'vutruso_autoset_featured');

Sau khi cho code vào file functions bạn lưu lại và xem kết quả. Với code này bạn cũng có thể code thêm điều kiện, nếu bài viết không có ảnh nào luôn thì có thể đặt cho nó 1 ảnh mặc định ví dụ no-thumbnail.png hoặc 1 ảnh nào đó tuỳ bạn.

Nội dung được tham khảo từ Vũ trụ số

Nếu bạn gặp khó khăn trong chỉnh sửa hoặc muốn phát triển tính năng riêng cho website thì có thể tham khảo dịch vụ bảo trì - phát triển tính năng website wordpress tại TNDigi nhé!

Mình tự học - tìm hiểu - nghiên cứu và làm việc với WordPress được khoảng thời gian nhất định nên lên serial chia sẻ những gì mà mình từng gặp qua. Sẽ có nhiều thiếu sót nên nếu như có chổ nào chưa đúng hay chưa hoạt động được bạn contact với mình để hoàn thiện hơn.

Ghi chú quan trọng:
Cách tuỳ biến không cần can thiệp vào CODE mà sử dụng hook (nếu chưa có trong hướng dẫn) sẽ được mình sớm cập nhật!

Kênh Zalo hỗ trợ miễn phí. Chúc bạn áp dụng thành công!

Tặng mình 1 vote tăng động lực ra thêm nội dung:

TNDigi cho ra mắt Hướng dẫn thiết kế website bằng wordpress từ cơ bản đến nâng cao miễn phí
Hướng dẫn gồm có 2 phần: phần 1 hướng dẫn bạn cách làm website | phần 2 hướng dẫn bạn tuỳ biến, phát triển tính năng website bằng CODE

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

CSKH
0915 666 571
Admin
Trung Ngoc