ວິທີການສະແດງການເຊື່ອມຕໍ່ທີ່ເປັນມິດຕາມແນວນອນ? WordPress Homepage Bottom Horizontal Friendship Chain CSS

ການຄ້າຕ່າງປະເທດເວັບໄຊທ໌ທີ່ກ່ຽວຂ້ອງ, ແລະຕ້ອງການວາງການເຊື່ອມຕໍ່ທີ່ເປັນມິດຂອງ widget ຂ້າງຢູ່ດ້ານລຸ່ມຂອງຫນ້າທໍາອິດ.

ດ້ວຍວິທີນີ້, ຫມູ່ເພື່ອນໃນການເຊື່ອມໂຍງພັນທະມິດຍັງສາມາດເບິ່ງການເຊື່ອມຕໍ່ຂອງເຂົາເຈົ້າຢູ່ໃນໂທລະສັບຂອງພວກເຂົາ.

Chen Weiliangພົບບາງວິທີທາງອິນເຕີເນັດ ແລະສຸດທ້າຍກໍ່ພົບວິທີແກ້ໄຂທີ່ສົມບູນແບບ.

ສຳ ລັບWordPressວິທີການເພີ່ມການເຊື່ອມຕໍ່ກັບເວັບໄຊທ໌, ທ່ານສາມາດຄົ້ນຫາການທົດສອບການຕິດຕັ້ງ plugin Manager Link ໃນພື້ນຫລັງ.

ໃນທີ່ນີ້ພວກເຮົາຈະປຶກສາຫາລືກ່ຽວກັບວິທີການຍ້າຍລິ້ງໄປຫາລຸ່ມສຸດຂອງຫນ້າທໍາອິດຂອງເວັບໄຊທ໌, ທໍາອິດຊອກຫາໄຟລ໌ 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;}

ຫຼັງຈາກເຮັດການປ່ຽນແປງຂ້າງເທິງ, ລະຫັດຈະສະແດງຕາມປົກກະຕິແລະການເຊື່ອມໂຍງການເຊື່ອມໂຍງຜູ້ຈັດການຈະສະແດງຕາມແນວນອນ.