賢威カスタマイズ　サイドバーに「人気記事ランキング」を追加する方法

↓驚くほど簡単にクオリティの高い量産サイトを作成する!!↓

賢威テンプレート（WordPress版）で、
人気記事ランキングなどの表示系プラグインの追加方法をご説明します。

賢威の場合は、ソースが複雑で一部のプラグインが正しく表示出来ません。
WordPress3.1以上から搭載されたカスタムメニューも対応しておらず、
表示させるには少し苦労が必要になります。

そのための改善策として、いくつか回避方法はありますが、
今回はプラグインを使った対応方法をご説明します。

adsfas

賢威での表示系プラグインの表示バグを修正する方法

賢威5.0で、カスタムメニューや一部の表示系プラグインを使用する場合に、
賢威のソースが複雑なために起こる、表示崩れを修正する方法を説明します。

本来の方法としては、ウイジェットを使わずに、
テーマ編集からsidebar.phpに直接ソースを記入する事で解決出来ますが、
HTMLが苦手な方のためにプラグインでの対処方法をご説明します。

Exec-PHPプラグインを導入する

ウイジェット内でPHPを実行出来るプラグインを導入します。

WordPressのダッシュボードより
プラグインの新規追加をクリックします。

ab00003898

検索で「Exec-PHP」と入れて検索します。

検索結果に表示されますので、
「今すぐインストール」をクリックして、インストールを完了させてください。

次にダッシュボードのユーザーから
あなたのプロフィールをクリックします。

プロフィールの一番下にある「Exec-PHP Settings」に
チェックを入れて適用させてください。

これでウイジェットでPHPの使用が可能になりました。

人気記事ランキング「Popular Posts」（表示系プラグイン）を導入

次に、サイドバーに表示させたいプラグインをインストールします。
今回は、人気記事ランキングを表示する「Popular Posts」を導入します。

Popular Postsのインストール方法は省略しますので、
インストール方法をしりたい方は、下記URLを参照ください。
WordPressに人気記事ランキングを表示するプラグイン-その２『Popular Posts』

無事にPopular Postsのインストールが終わると、
ウイジェットの一覧に「Popular Posts+」が表示されます。

ab00003900

本来のテンプレートだと、
このウイジェットをサイドバーにドラックすると表示出来ますが、
賢威では下記のように表示が崩れてしまいます。

ab00003901

こちらを使用ぜずに、
テキストに直接Popular Postsのphpを記入する事で
この表示崩れを修正できます。

ab00003902

人気記事ランキングプラグインのPopular Postsの場合は、

<?php popular_posts(); ?>

関連記事一覧を表示するプラグインsimilar postsの場合は、

 <?php similar_posts(); ?>

WordPressの3.1以降のカスタムカテゴリの場合は、

<?php wp_nav_menu( array('menu_class' => 'side-menu', 'container' => '' )); ?>

これで表示崩れは解決出来ましたが、

まだ少しおかしいですね・・・

賢威のサイドバーの場合は、

<ul class="side-menu">～</ul>タグでデザインを表示しているため、

Popular Posts側に入れて指定する必要があります。

ab00003903

ダッシュボードの設定よりPopular Postsをクリックします。

Outputタブをクリックして、タグを指定します。

ab00003904

これで保存してください。

adsfas

これで無事に、

表示崩れが修正されていると思います。

注意ですがプラグインによっては、

親切で自動で表示される物がありphpがわからないものがあります。

その場合は賢威では使用する事ができませんので専用phpを探してくださいね。

以上

賢威カスタマイズサイドバーに「人気記事ランキング」を追加する方法

でした。

マメボーｗの無料メルマガ購読のご案内

ブ、ブログじゃとても言え無い･･･マメボーｗの稼ぐ裏話をご紹介します。

私自身が壮絶な遠回りと多くの失敗の末に、
現在では、安定して月収100万円以上を稼げるようになったのか？
その戦略的思考を包み隠さず、あなたにお伝えしていきます。

あわせてに読みたい関連記事

当ブログでも使用している最強のSEOテンプレート賢威↓↓

氏名（H.N可）	姓：名：
メールアドレス
確認用メールアドレス