چگونه لینک های وابسته را به صفحات داخلی در وردپرس اضافه کنیم؟ 3 مرحله برای ایجاد پیوندهای صفحه داخلی

وردپرس به شما امکان می‌دهد لینک‌های دوستی را در بخش مدیریت اضافه و مدیریت کنید، اما قابلیت اضافه کردن لینک‌های دوستی به صفحات داخلی را ندارد.

با توجه به سهولت استفاده و دقت در ساخت وب‌سایت وردپرس ، تصمیم گرفته شد از تابع wp_list_bookmarks برای لینک‌های دوستان استفاده شود که با استفاده از یک الگوی صفحه داخلی جداگانه پیاده‌سازی شده است.

برای مثال‌های خاص، لطفاً به صفحه پیوند در وبلاگ چن ویلیانگ ▼ مراجعه کنید.

• تبادل لینک های دوستی (لینک های صفحه داخلی)

نحوه ایجاد پیوندهای دوستانه در صفحات داخلی

مرحله ۱: ایجاد یک صفحه جدید

• صفحه جدید ایجاد کنید، و پیوندهای دائمی صفحه را روی "پیوندها" تنظیم کنید.

مرحله ۲: فایل page.php را کپی کنید

• فایل page.php را در دایرکتوری ریشه تم کپی کنید و نام آن را به page-links.php تغییر دهید
• در واقع می توانید نام پس از صفحه این فایل را به دلخواه خود تعریف کنید.
• هنگام ایجاد یک صفحه، باید آدرس صفحه را با این نام مطابقت دهید.

مرحله ۳: تابعی را که محتوای مقاله را نمایش می‌دهد، پیدا کنید.

در فایل page-links.php، تابع نمایش محتوای مقاله ▼ را پیدا کنید

<?php the_content(); ?>

در زیر آن کد زیر را وارد کنید ▼

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

• مراقب نظرات کد باشید.

سبک های CSS را به پیوندهای صفحه اضافه کنید

برای زیباتر شدن آن، می توانید سبک کلاسی پیوندهای صفحه را تعریف کنید.

استایل‌های CSS مربوط به قالب مورد استفاده توسط چن ویلینگ به شرح زیر است ▼

/*内页链接*/
.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;}

شما تمام شده اید!