Làm thế nào để hiển thị các liên kết thân thiện theo chiều ngang? Trang chủ WordPress Bottom Horizontal Friendship Chain CSS

ngoại thương网络 营销, và muốn đặt liên kết thân thiện của tiện ích phụ ở cuối trang chủ.

Bằng cách này, bạn bè trong Liên kết liên kết cũng có thể xem các kết nối của họ trên điện thoại của họ.

Chen WeiliangĐã tìm một vài cách trên internet và cuối cùng đã tìm ra giải pháp hoàn hảo.

choWordPressCách thêm liên kết vào website, bạn có thể tìm kiếm thử nghiệm cài đặt plugin Trình quản lý liên kết trong nền.

Ở đây chúng ta sẽ thảo luận về cách di chuyển liên kết đến cuối trang chủ của trang web, trước tiên hãy tìm tệp footer.php trong thư mục chủ đề (Appearance → Edit → footer.php)

Lưu ý: Trước khi chỉnh sửa tệp chủ đề, hãy đảm bảo sao lưu tệp.

Thêm mã liên kết đơn vị

Thêm mã sau vào 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-->

Thường thì sau khi thêm vào sẽ hiển thị như bình thường, nhưng nếu bạn cần chỉnh lại kiểu thì sẽ cần chỉnh sửa lại tệp CSS.

Liên kết liên kết CSS được hiển thị theo chiều ngang ở cuối trang chủ

Appearance >> Edit >> style.css để chỉnh sửa css, mã cụ thể như sau,

/*首页底部横排显示友情链接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;}

Sau khi thực hiện các thay đổi trên, mã thường sẽ hiển thị bình thường và liên kết Liên kết Trình quản lý liên kết sẽ hiển thị theo chiều ngang.