چگونه لینک های دوستانه را به صورت افقی نمایش دهیم؟ صفحه اصلی وردپرس 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;}

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