چگونه لینک های دوستانه را به صورت افقی نمایش دهیم؟ صفحه اصلی وردپرس CSS زنجیره دوستی افقی پایین

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

به این ترتیب دوستانی که در Affiliate Links هستند نیز می توانند اتصالات خود را در گوشی خود مشاهده کنند.

چن ویلیانگ چند روش در اینترنت پیدا کرد و در نهایت راه حل کامل را پیدا کرد.

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

در اینجا نحوه انتقال پیوند به پایین صفحه اصلی وب سایت را مورد بحث قرار خواهیم داد، ابتدا فایل footer.php را در فهرست تم پیدا کنید (ظاهر → ویرایش → footer.php)

توجه: قبل از ویرایش فایل تم، حتما از فایل پشتیبان تهیه کنید.

کد پیوند وابسته را اضافه کنید

کد زیر را در بالا footer.php اضافه کنید:

<!--links-bottom-index-->

<div class="span12 home-links">
<div class="widget-box">
<div class="widget-title"><span class="icon"><i class="fa fa-link fa-fw"></i></span><h3>友情链接</h3></div>
<div class="widget-content">
<ul>
<?php wp_list_bookmarks('orderby=id&categorize=0&category=66,192&title_li='); ?>
</ul>
<div class="clear"></div>
</div>
</div>
</div>

<!--end links-bottom-index-->

معمولاً پس از اضافه شدن، طبق معمول نمایش داده می شود، اما اگر نیاز به تنظیم سبک دارید، باید فایل CSS را ویرایش کنید.

پیوند وابسته CSS به صورت افقی در پایین صفحه اصلی نمایش داده می شود

ظاهر >> ویرایش >> style.css برای ویرایش css، کد خاص به شرح زیر است.

/*首页底部横排显示友情链接CSS*/
.widget-box {position:relative;clear:both;margin-bottom:20px;border-top:1px solid #E1E1E1;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;background:none repeat scroll 0 0 #fff;}
.widget-title {height:40px;border-bottom:1px solid #E1E1E1;background:#F8F8F8;}
.widget-content {position:relative;z-index:1;padding:10px 15px;border-bottom:1px solid #E1E1E1;}

پس از انجام تغییرات فوق، معمولاً کد به صورت عادی و لینک مدیر لینک به صورت افقی نمایش داده می شود.