Πώς να εμφανίσετε φιλικούς συνδέσμους οριζόντια; Αρχική σελίδα WordPress Κάτω Οριζόντια Αλυσίδα Φιλίας CSS

ένα εξωτερικό εμπόριο网络 营销, και θέλετε να βάλετε τον φιλικό σύνδεσμο του πλευρικού γραφικού στοιχείου στο κάτω μέρος της αρχικής σελίδας.

Με αυτόν τον τρόπο, οι φίλοι στους Συνδέσμους Συνεργατών μπορούν επίσης να δουν τις συνδέσεις τους στα τηλέφωνά τους.

Chen WeiliangΒρήκα μερικούς τρόπους στο διαδίκτυο και τελικά βρήκα την τέλεια λύση.

Για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 θα εμφανίζεται οριζόντια.