Q: Trang web của bạn rất hữu ích đối với tôi. Bạn có thể vui lòng cho tôi biết cách nhúng các bài đăng có liên quan như trong trang web của bạn vào trang web của tôi không? Tôi đã thử rất nhiều lựa chọn thay thế, bạn có thể vui lòng cho tôi biết cách bạn thêm các bài đăng có liên quan đó bằng hình thu nhỏ không?

Nếu bạn thường xuyên duyệt web, bạn sẽ nhận thấy rằng nhiều blog đang hiển thị hình thu nhỏ của hình ảnh cho phần Bài viết liên quan, giống như những gì chúng tôi đã làm trong Làm cho công nghệ dễ dàng hơn. Trong WordPress, có một số cách mà điều này có thể được thực hiện. Hãy cùng kiểm tra nào.

Sử dụng plugin

Cách dễ nhất để triển khai hình thu nhỏ của hình ảnh (không cần mã hóa) là thông qua một plugin. LinkWithin là một trong những công cụ mà bạn có thể sử dụng. Lợi thế của LinkWithin là nó không chiếm bất kỳ không gian máy chủ nào của bạn và băng thông (để lưu trữ các hình thu nhỏ) và có rất ít (hoặc không) cấu hình cần phải được thực hiện.

Truy cập LinkWithin. Điền chi tiết vào trang đầu.

Nhấp vào Nhận tiện ích con . Sau đó, bạn sẽ được chuyển đến trang nơi bạn có thể tải xuống plugin.

Cài đặt và kích hoạt plugin. Bài đăng liên quan đến hình thu nhỏ của bạn sẽ ngay lập tức xuất hiện trong blog của bạn.

Tốt như nó có thể nhận được, có một số nhược điểm và hạn chế sử dụng LinkWithin.

  1. có điều khiển giới hạn cho người dùng cuối: bạn không thể định cấu hình hình thu nhỏ của hình ảnh nào để hiển thị cho mỗi bài đăng.
  2. bạn không thể điều chỉnh kích thước và kiểu dáng của tiện ích.
  3. bạn không thể đặt vị trí cho tiện ích xuất hiện. Mặc định là để nó xuất hiện ngay lập tức sau khi nội dung bài viết kết thúc, nhưng có những lúc bạn muốn chèn thông tin tác giả hoặc quảng cáo trước tiên trước bài viết liên quan. trong trường hợp này, điều này không có ích.

Hacking các tập tin chủ đề WP

Cách tốt nhất để hoàn toàn tùy chỉnh trải nghiệm người dùng là đi vào tệp chủ đề và thực hiện một số thao tác hack. Điều này sẽ yêu cầu một số kinh nghiệm mã hóa.

Đầu tiên, sử dụng hướng dẫn ở đây, kích hoạt tính năng hình thu nhỏ bài đăng (chỉ áp dụng trong WP 2.9 trở lên).

Tiếp theo, cài đặt và kích hoạt plugin Yet Another Related Posts. Những gì tôi thích về điều này là khả năng sử dụng một hệ thống mẫu để tạo kiểu cho nội dung bài viết liên quan.

Trong thư mục plugin YARPP, vào thư mục yarpp-templates và sao chép tệp “yarpp-template-thumbnail.php” vào thư mục chủ đề của bạn.

Tiếp theo trong trang tùy chọn WordPress YARPP:

  • bỏ chọn “ Tự động hiển thị các bài viết liên quan? “
  • chọn số lượng bài viết liên quan mà bạn muốn hiển thị
  • chọn tệp yarpp-template-thumbnail.php từ danh sách thả xuống tệp mẫu.

Mở "yarpp-template-thumbnail.php" trong trình soạn thảo văn bản. Thay thế mã sau đây.

Ảnh liên quan 
 has_posts ()):?> 
     has_posts ()): $ related_query-> the_post (); ?> 
Không có ảnh liên quan.

Những gì mã này làm là để kiểm tra xem có một bộ thu nhỏ cho mỗi bài liên quan. Nếu có, nó sẽ hiển thị hình thu nhỏ và liên kết cố định.

Tiếp theo, trong thư mục chủ đề của bạn, mở tệp " single.php " của bạn và thêm dòng sau vào phần mà bạn muốn hiển thị bài viết liên quan:

Cuối cùng, chúng ta cần phải làm một số kiểu dáng. Sao chép và dán mã tạo kiểu sau vào tệp style.css của bạn.

.related_posts ul {width: 100%; kiểu danh sách: none; lề: 0; padding: 0; } .related_posts li {display: inline; float: trái; lề: 0; padding-left: 0; padding-right: 10px; chiều rộng: 140px; / * thay đổi giá trị này cho phù hợp với mẫu của bạn * /} .related_permalink {width: 140px; / * thay đổi giá trị này cho phù hợp với mẫu của bạn * / text-align: left; font-size: 0.85em; padding-top: 5px; } .related_thumbnail {width: 140px; / * thay đổi giá trị này cho phù hợp với kích thước hình thu nhỏ của bạn * / chiều cao: 80px; overflow: hidden; text-align: center; }

Đó là nó.

Hình ảnh tín dụng: wuzhao.album