كيف يتم عرض الروابط الودية أفقيًا؟ صفحة WordPress الرئيسية أسفل سلسلة الصداقة الأفقية CSS

تجارة خارجية网络 营销، وتريد وضع الرابط الودود للأداة الجانبية في أسفل الصفحة الرئيسية.

بهذه الطريقة ، يمكن للأصدقاء في الروابط التابعة أيضًا عرض اتصالاتهم على هواتفهم.

تشن ويليانجتم العثور على عدة طرق على الإنترنت ووجدت أخيرًا الحل الأمثل.

إلى عن علىWordPressكيفية إضافة روابط إلى موقع الويب ، يمكنك البحث عن اختبار تثبيت البرنامج المساعد 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;}

بعد إجراء التغييرات المذكورة أعلاه ، عادةً ما يتم عرض الكود بشكل طبيعي وسيعرض ارتباط Link Manager Affiliate أفقيًا.