フレンドリーリンクを横に表示するには? WordPress ホームページ下部の水平友情チェーン CSS

外国貿易ウェブサイト、サイドウィジェットのフレンドリーリンクをホームページの下部に配置したい。

このようにして、アフィリエイト リンクの友人は、携帯電話でつながりを表示することもできます。

チェン・ウェイリアンインターネットでいくつかの方法を見つけ、最終的に完璧な解決策を見つけました。

ために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 アフィリエイト リンクは横方向に表示されます。