จะแสดงลิงค์ที่เป็นมิตรในแนวนอนได้อย่างไร? WordPress Homepage Bottom Horizontal Friendship Chain CSS

การค้าต่างประเทศ网络营销และต้องการใส่ลิงก์ที่เป็นมิตรของวิดเจ็ตด้านข้างที่ด้านล่างของหน้าแรก

ด้วยวิธีนี้ เพื่อน ๆ ใน Affiliate Links สามารถดูการเชื่อมต่อของพวกเขาบนโทรศัพท์ได้

เฉิน เว่ยเหลียงพบวิธีการบางอย่างบนอินเทอร์เน็ตและในที่สุดก็พบวิธีแก้ปัญหาที่สมบูรณ์แบบ

สำหรับ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;}

หลังจากทำการเปลี่ยนแปลงข้างต้นแล้ว รหัสมักจะแสดงตามปกติและลิงก์ Affiliate Link Manager จะแสดงในแนวนอน