【プラグインでは、表示させる記事を選べなかった】当ブログで利用していたプラグイン「Wordpress Popular Posts」・「Linkwithin」では、表示させる記事を独自に選ぶことができませんでした。なので、自分で選んだ記事 … 人気ランキングー 見ちゃいますよねー もくじ プラグインを使えば簡単ですが 『functions.php』に追記する 『single.php』に追記する 人気記事（ランキング）を表示する 注意点 さいごに 1. プラグインを使う方法もありますが、今回はプラグインを使わず、テーマファイルをカスタマイズすることで実装できます。 記事が増えると重い。 （デフォルトの設定でアクセス事にデータベースとやり取りして保存しているのが原因） ‘/Related-article.php’ ); ?>あなたのWordpressブログに、複数のカテゴリを設定している場合は、上記を参考に、ソースを追記していってください。<a href=”記事２のURL” class=”Related-article-dt” onmouseover=”this.style.backgroundColor=’#dde'” onmouseout=”this.style.backgroundColor=””> 上述している通り、当ブログでは、今まで「人気記事」・「関連記事」を表示させるのに、プラグインを利用していました。ですが今回、プラグインを使わずに「人気記事」・「関連記事」を表示させるようにしました。そこで、当章では、その理由をまとめてみました（以下） 1.
WordPressプラグインなしで人気記事リストを表示する方法2パターン｜ニケッチャニッキ こちらで紹介されているコードでは「1時間ごとに集計したアクセス数」で表示される。 人気記事を取得してサイドバーなどに表示するカスタマイズ方法です。画像とタイトルを組み合わせた、以下のような人気記事リストを作成します。ただ、今回はプラグインを使用しないので、アクセス数でなくコメント数で並び替えることによって人気記事リストを 今回の記事では、「人気記事」・「関連記事」ウィジェットに、プラグインの利用をやめた理由について。 また、これらのウィジェットを、プラグインなしで作成する手順について、順に解説しています。

WordPressの人気記事ランキングをプラグインなしでつくる.

投稿者： アンディ . <div class=”Related-article-title”>記事２のタイトル</div>//——関連記事の表示文字列設定 End——ですが今回、プラグインを使わずに「人気記事」・「関連記事」を表示させるようにしました。具体的には、テーマ・テンプレートのstyle.css に、人気記事部分のスタイルを追記していきます。WordPressの「人気記事」・「関連記事」表示に、プラグインを利用している方は多いと思います。具体的にいうと、上記の「$RelatedArticle」という変数に、１カテゴリごとの関連記事の内容を定義しています。なので、自分で表示させる記事を選定して、それらを固定で表示させるようにすれば、わざわざプラグインを利用する必要はありません。<a href=”記事３のURL” class=”Related-article-dt” onmouseover=”this.style.backgroundColor=’#dde'” onmouseout=”this.style.backgroundColor=””>当ブログでは、「人気記事」を、サイドバーに表示させていて、表示内容はブログ全体で統一しています。ですが、プラグインを使わずに、表示させる記事情報を固定で保持しておくことで、動的に取得するといった工程が無くなるので、ページ表示速度の高速化を期待できます。今回は、「Related-article.php」というファイルを追加して、このファイルに定義しています（下記）<div class=”Related-article-headline”>よく読まれる関連記事</div>「single.php」には、記事（投稿）ページの、表示フォーマット（テンプレート）が定義されています。具体的には、関連記事を表示させたい場所に、下記の赤文字部分を追記してください。【wordpress/wp-content/themes/twentytwelve/Related-article.php】この「●●」の数値が、カテゴリIDになります（下図では、14 になります）<ul class=”wpp-list”>//——記事のカテゴリIDによって、表示内容を変更する処理 End——では、最後に下記ファイルに、「関連記事」のスタイルを追記していきます。$RelatedArticle = <<<EOT【wordpress/wp-content/themes/●●●/style.css】<img src=”記事３のサムネイル画像-URL” title=”記事３のタイトル” alt=”記事３のタイトル” class=”Related-article-img” width=”100″ height=”100″/>次に、「記事のカテゴリ」によって、表示する関連記事の内容を変更する処理を記述していきます（上記の続きに、記述していってください）そこで、今回の記事では、プラグインの利用をやめた理由と、「人気記事」・「関連記事」ウィジェットを、作成する手順について、順に解説していきます。当章では、上記のように「関連記事」を表示させるウィジェットの作成手順を、順に解説していきます。手順も、簡単で「HTML」と「CSS」の知識があれば十分です。上記を参考に、HTMLを記載したら、Wordpressの管理画面メニュー「外観」→「ウィジェット」を選択して、上記の赤文字部分「case ‘1’:」に設定する数値は、カテゴリIDを設定してください。ですが、プラグインを使わず自分でウィジェットを作成することで、当然ですが、カスタマイズを容易におこなうことができます。//——関連記事の表示文字列設定 Start——プラグインを使うことで、表示させる記事情報（記事タイトルやサムネイル画像）を、動的に取得して表示していました。//——記事のカテゴリIDによって、表示内容を変更する処理 Start——これで、下記のように「人気記事」が表示されるようになるでしょう。なので、このファイルの任意の場所に、「関連記事」を表示させるウィジェットを設定する必要があります。なので、自分で選んだ記事を表示させるために、プラグインの利用をやめ、自分でウィジェットを作成することにしました。なので、「PHP」の知識も多少必要になります（記事のカテゴリごとに、表示させる関連記事を変更させる必要があるため）<!– 関連記事 end–>ウィジェット画面が開いたら、「メインサイドバー」に「テキスト・ウィジェット」を設定してください（下図参考）<img src=”記事２のサムネイル画像-URL” title=”記事２のタイトル” alt=”記事２のタイトル” class=”Related-article-img” width=”100″ height=”100″/>なので、下記の場合、記事のカテゴリIDが「１」の場合は、「$RelatedArticle」に定義した関連記事を表示させる。といった処理内容になります。あとは、先ほど記載したHTMLを、この「テキスト・ウィジェット」にコピペすればOKです。<div class=”Related-article-title”>記事３のタイトル</div>【wordpress/wp-content/themes/twentytwelve/style.css】<div class=”Related-article”>また、「echo $RelatedArticle;」ですが、こちらは、上記で定義した「関連記事の内容：$RelatedArticle」を、表示する。といった処理になります。なので、カテゴリが多数ある場合は、その分、変数を増やして、その変数に設定する「関連記事の内容」を増やしてあげる必要があります。$categories = get_the_category($post->ID);「Linkwhithin」を利用していた時は、「関連記事」を、記事の最後に表示させていて、表示内容は、記事ごとに「関連のある記事」を、自動選定して表示していました。当章では、「人気記事」を表示させるウィジェットの作成手順を、順に解説していきます。カテゴリID は・・・Wordpressの管理画面メニューから「投稿」→「カテゴリー」を選択して、次に、関連記事の内容や、表示するときの処理を、PHPファイルに定義します。ですが、今回、上記のプラグインの利用をやめ、自作で、これらのウィジェットを作成しました。「記事のカテゴリと、同じカテゴリ内の記事を、自分で選定して表示させる」ようにしていきます。当ブログで利用していたプラグイン「Wordpress Popular Posts」・「Linkwithin」では、表示させる記事を独自に選ぶことができませんでした。上述している通り、当ブログでは、今まで「人気記事」・「関連記事」を表示させるのに、プラグインを利用していました。【wordpress/wp-content/themes/●●●/single.php】プラグインは、非常に便利なのですが、どうしてもその仕様に合わせて使う事を求められます。すると、下図のような画面が開くので、そのURLの「category&tag_ID=●●」といった部分を確認してください。カテゴリ一覧画面を開いたら、カテゴリIDを確認したい「カテゴリ名」を選択してください（下図参考）そして、もしカスタマイズしたいとなった場合、PHPやWordpressの関数など、ある程度の知識・技術がいります。<?php include( TEMPLATEPATH .

アースモンダミンカップ 2020 開催 放送, 西日本 住宅 評判, Dアカウント 生体認証 未設定, Suica 出場記録なし 解除, Word ダブルクォーテーション 全角 になる, ヴィッセル神戸 ファンクラブ トートバッグ, 鉄拳 パッド ボタン配置, 高齢者 筋力低下 プロテイン, あの日兄貴が灯 した 光 DVD, Canon Rock D,