כיצד להציג קישורים ידידותיים בצורה אופקית? דף הבית של וורדפרס למטה שרשרת ידידות אופקית CSS

סחר חוץשיווק באינטרנט, ורוצים לשים את הקישור הידידותי של הווידג'ט הצדדי בתחתית עמוד הבית.

בדרך זו, חברים ב-Afiliate Links יכולים גם להציג את הקשרים שלהם בטלפונים שלהם.

צ'ן וייליאנגמצא כמה דרכים באינטרנט ולבסוף מצא את הפתרון המושלם.

לוורדפרסכיצד להוסיף קישורים לאתר, ניתן לחפש ברקע את מבחן התקנת התוסף 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 יוצג אופקית.