Làm thế nào để thêm liên kết liên kết vào các trang bên trong WordPress? 3 bước để tạo liên kết trang bên trong

WordPress cho phép bạn thêm và quản lý liên kết bạn bè ở phần quản trị, nhưng không có tính năng thêm liên kết bạn bè vào các trang nội bộ.

Xét đến tính dễ sử dụng và độ chính xác của việc xây dựng website bằng WordPress , chúng tôi đã quyết định sử dụng hàm wp_list_bookmarks cho các liên kết bạn bè, được triển khai bằng cách sử dụng một mẫu trang nội bộ riêng biệt.

Để xem các ví dụ cụ thể, vui lòng tham khảo trang liên kết trên blog của Chen Weiliang ▼

• Trao đổi liên kết hữu nghị (Liên kết trang bên trong)

Cách tạo liên kết thân thiện trên các trang bên trong

Bước 1: Tạo trang mới

• Tạo trang mớivà đặt các liên kết cố định của trang thành "liên kết".

Bước 2: Sao chép tệp page.php

• Sao chép tệp page.php trong thư mục gốc của chủ đề và đổi tên nó thành page-links.php
• Trên thực tế, bạn có thể xác định tên từng trang- của tệp này theo ý muốn.
• Khi tạo một trang, bạn cần phải khớp địa chỉ trang với tên này.

Bước 3: Xác định chức năng hiển thị nội dung bài viết.

Trong tệp page-links.php, tìm chức năng hiển thị nội dung bài viết ▼

<?php the_content(); ?>

Bên dưới nó, thêm mã sau ▼

<div class="page-links">
    <h3>内页链接</h3>
    <ul>
        <?php
        $default_ico = home_url().'/links_default.ico'; //默认 ico 图片位置
        $bookmarks = get_bookmarks('title_li=&categorize=0&category=64,383&orderby=rand'); 

                    //如果你要输出某个链接分类的链接，更改一下get_bookmarks参数即可
                    /*如要输出链接分类ID为5的链接title_li=&categorize=0&category=5&orderby=rand */
                    
                    /*全部链接随机输出 title_li=&orderby=rand */
        if ( !empty($bookmarks) ) {
            foreach ($bookmarks as $bookmark) {
            echo '<li><img src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
            }
        }
        ?>
    </ul>
</div>

• Xem ra các bình luận mã.

Thêm kiểu CSS vào liên kết trang

Để làm cho nó đẹp hơn, bạn có thể xác định kiểu lớp của các liên kết trang.

Sau đây là các kiểu CSS cho giao diện mà Chen Weiliang đã sử dụng ▼

/*内页链接*/
.page-links{overflow:hidden;margin:0 0 24px;padding:0;}
.page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.page-links ul{margin:0;padding:5px 0 0 0;}
.page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
.page-links ul li:hover{background:#f2f2f2;}
.page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}

Bạn đã hoàn tất!