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

WordPressCác liên kết có thể được thêm vào và quản lý thông qua nền, nhưng nó không có chức năng liên kết ở trang bên trong.

đang cân nhắcTrang web WordPressĐể dễ sử dụng và chính xác, tôi quyết định sử dụng chức năng liên kết wp_list_bookmarks để gọi và sử dụng một mẫu trang bên trong riêng biệt để đạt được.

Ví dụ cụ thể có thể tham khảoChen WeiliangTrang liên kết bên trong của blog ▼

• 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

第 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".

第 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.

第 3 步 ：Tìm 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àChen WeiliangCác kiểu CSS của chủ đề được 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!