Hiển thị các bài viết có liên quan trong WordPress bằng Plugin YARPP

Thủ thuật WordPress
1

Hiển thị các bài đăng có liên quan là một trong những cách tốt nhất để tăng lượt xem trang trên trang web của bạn. Trình bày các bài viết liên quan một cách hợp lý sẽ khuyến khích người dùng tiếp tục đọc và cuối cùng tăng tỷ lệ nhấp chuột (CTR).

Có rất nhiều plugin WordPress để hiển thị các bài đăng liên quan trên blog WordPress. YARPP là plugin phổ biến để hiển thị các bài đăng có liên quan trong blog WordPress của bạn.

YARPP là viết tắt của Yet Another Related Posts Plugin . Nó hiển thị các tham chiếu liên quan như bài đăng, trang, phương tiện cho người dùng dựa trên thực thể hiện tại. Chúng tôi có thể tùy chỉnh nguồn hoặc các ứng cử viên mà các mục liên quan sẽ được chọn bằng cách sử dụng cài đặt quản trị của plugin này.

Ngoài ra, chúng tôi có thể chỉ định số lượng tối đa các mục liên quan được xem, các mẫu và các cài đặt khác.

Ảnh chụp màn hình này hiển thị giao diện người dùng của bài đăng có liên quan bằng cách áp dụng mẫu YARPP tùy chỉnh.

Thêm và cài đặt YARPP

Tải xuống YARPP và sao chép thư mục plugin-plugin-có-liên-quan-khác vào thư mục plugin WordPress. Nếu không, chọn Plugins -> Add New menu để tìm kiếm và cài đặt YARPP. Sau khi thêm plugin này, hãy chọn Plugins -> Plugin đã cài đặt để kích hoạt nó.

Mẫu YARPP

Plugin YARPP cung cấp các tệp mẫu khác nhau cho giao diện người dùng của bài đăng liên quan. Sao chép các tệp mẫu YARPP từ thư mục có-liên-quan-bài-viết-plugin / yarpp-tệp-mẫu vào chủ đề của bạn.

Chúng tôi cũng có thể sử dụng mẫu của riêng mình. Trong mỗi mẫu, tên của mẫu được chỉ định ở đầu tệp. Tên này sẽ được liệt kê trong menu thả xuống trong trang cài đặt YARPP để cho phép chúng tôi chọn mẫu.

Mã mẫu tùy chỉnh sau được sử dụng để hiển thị bài đăng có liên quan cho người dùng. Mẫu này hiển thị các bài đăng có liên quan với tiêu đề và hình thu nhỏ của bài đăng. Nó sẽ được áp dụng cho các chủ đề hỗ trợ hình thu nhỏ của bài đăng.


/ *
 * Mẫu YARPP: Thư viện
 * Mô tả: Yêu cầu chủ đề hỗ trợ hình thu nhỏ của bài đăng
 * Tác giả: Vincy
 * /
<div class = "Related-post">
    <h3> Bài đăng liên quan </h3>

if (have_posts ()):
    while (have_posts ()):
        bài();
<div class = "minientry">
        <div class = "post-img">
        the_post_thumbnail (); 
        </div>
        <div class = "post-info">
                <a href="<?php the_permalink() ?> "> <? php the_title (); ?> </a>
        </div>
    </div>
    cuối cùng;
 khác:
<p> Không có ảnh liên quan. </p>
 endif; 
</div>

và phong cách,

. liên quan đến bài h3 {
    border-bottom: # 000 1px solid;
}

.minientry liên quan đến .yarpp {
    chức vụ: thân nhân;
    tràn: ẩn;
    chiều rộng tối đa: 230px;
    đệm: 0px;
    lề: 20px 20px 20px 0px;
    display: inline-block;
    float: trái;
    chiều cao: 141px;
}

.post-info liên quan đến .yarpp {
    vị trí: tuyệt đối;
    dưới cùng: -1px;
    trái: 0;
    đúng: 0;
    đệm: 15% .75rem .75rem .75rem;
    background-color: trong suốt;
    background-image: -webkit-linear-gradient (trong suốt, rgba (0,0,0,0.8));
    background-image: linear-gradient (trong suốt, rgba (0,0,0,0.8));
    background-position-y: -1px;
    màu: #FFF;
}

.yarpp liên quan đến một {
    màu: #FFF;
}

Sau khi thêm mẫu tùy chỉnh này vào chủ đề, nó sẽ được liệt kê dưới dạng các tùy chọn mẫu trong trang cài đặt YARPP như được hiển thị trong ảnh chụp màn hình. Ảnh chụp màn hình này cũng hiển thị nhiều cài đặt có thể định cấu hình khác được cung cấp bởi plugin YARPP.