Каталог статей
внешняя торговля网络 营销, и хотите поместить удобную ссылку бокового виджета внизу главной страницы.
Таким образом, друзья в партнерских ссылках также могут просматривать свои связи на своих телефонах.
Чен ВэйлянНашел несколько способов в Интернете и, наконец, нашел идеальное решение.
для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 отображается горизонтально.
Блог Хоуп Чен Вейлян ( https://www.chenweiliang.com/ ) поделился "Как отображать ссылки дружбы горизонтально? Горизонтальная цепочка дружбы CSS» в нижней части главной страницы WordPress будет вам полезна.
Добро пожаловать, чтобы поделиться ссылкой на эту статью:https://www.chenweiliang.com/cwl-2121.html
Добро пожаловать на Telegram-канал блога Chen Weiliang, чтобы быть в курсе последних обновлений!
📚 Это руководство содержит огромную ценность. 🌟Это редкая возможность, не упустите ее! ⏰⌛💨
Делитесь и ставьте лайк, если хотите!
Ваш обмен и лайки - наша постоянная мотивация!