Як відображати дружні посилання горизонтально? Домашня сторінка WordPress Нижній горизонтальний ланцюжок дружби 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;}

Після внесення зазначених вище змін код зазвичай відображатиметься нормально, а партнерське посилання Link Manager відображатиметься горизонтально.