• TOP
  • WordPress
    • まとめ
    • JavaScript
    • 記事
    • 画像/動画
    • 管理
    • アクセス/SEO対策
    • カテゴリ
    • サイドバー/ヘッダー
    • アイキャッチ
    • パスワード
    • コメント
  • プラグイン
  • CSS
  • ユーザー限定
Plus WordPress ワードプレスの基本・応用テクニックを紹介
ホーム › プラグイン › アクセス数の多い記事を自動表示

アクセス数の多い記事を自動表示

プラグイン名 Popular Posts

アクセス数の多い記事、俗にいう人気記事を自動で表示してくれるプラグインです。

インストール手順

このプラグインのインストール手順は2通り、英語版と日本語化された(日本語版)です。また、このプラグインは単体では動きません、先にPost-Plugin Libraryをインストールします。

  • プラグイン > 新規追加 > Post-Plugin Library > プラグインを検索 > いますぐインストール > プラグインを有効化
  • 英語版のインストール
    プラグイン > 新規追加 > Popular Posts > プラグインを検索 > いますぐインストール > プラグインを有効化
  • 日本語版のインストールは、WordPressのプラグイン検索ではヒットしないのでこちらからダウンロードしてください。

    ダウンロードしたzipを解凍します。
    ・wordpress-popular-posts-ja.mo
    ・wordpress-popular-posts-ja.po
    この2つをwp-content/plugins/popular-posts-pluginに入れれば日本語化されます。

設定

設定 > Popular Posts

General

設定は、関連記事を表示するSimilar Postsと大体同じです。人気記事なので表示する場所は、記事の下じゃなくても構いません。どこにしましょう?ウィジェットを使ってサイドバーに表示というのがセオリーなのかもしれませんが、とりあえずそれで。

Output

ウィジェットを使って人気記事をサイドバーに表示させる時、あまりスペースがないので、スタイルシートで調整サムネイルとタイトルをのみでいいのかなと思います。

出力テンプレートの入力例

  • タイトルのみ
    デフォルトのままで
  • サムネイルのみ
    <div class="popular">
    <a href="{url}">{php: echo get_the_post_thumbnail({postid},thumbnail); }</a>
    </div>
  • サムネイルとタイトル両方
    <div class="popular">
    <a href="{url}">{php: echo get_the_post_thumbnail({postid},thumbnail); }</a>
    <div class="popular_title">
    <a href="{url}">{title}</a>
    </div>
    </div>

タイトルのみならデフォルトのままで簡単ですが、サムネイルを入れるとなると基本サイドバーは幅300pxぐらいなので、タイトル、文字の大きさ、列数、これをどうするのかスタイルシートで調整しないといけません。

画像を呼び出す時の基本

get_the_post_thumbnail(‘thumbnail’);  サムネイル
get_the_post_thumbnail(‘medium’);  中サイズ
get_the_post_thumbnail(‘large’);  大サイズ
get_the_post_thumbnail(‘full’);  オリジナルのサイズ
get_the_post_thumbnail( array(100,100) );  他のサイズ

設定  > メディアのサムネイルのサイズ、中サイズ、大サイズを基準にできた画像が呼び出されます。

人気記事を好きな場所に表示する

↓これを好きなところに挿入するだけです。

1
<?php popular_posts(); ?>

サイト全体の人気記事ということで、トップページに挿入してもいいかもしれません。

タグ: 人気記事
カテゴリー: プラグイン, 記事

コメントを残す コメントをキャンセル

関連記事
記事の内容に関連した別の記事を自動表示
アイキャッチ(サムネイル)を呼び出す
記事をランダムに表示させる
画面幅に合うアドセンスの自動表示
管理画面の投稿一覧へアイキャッチを表示
プラグインをまとめて検索しインストールする
人気記事
高機能でオシャレな実用的メニュー(HTMLテンプレート)
Webページ全体をフェードイン、フェードアウト
投稿、固定ページ内にウィジェットを挿入
記事の続きを読むを消す
最新記事を自動でスライドショー
コメントに画像を挿入できるようにする
指定したカテゴリIDのカテゴリ名のみ取得
フリーの高機能HTMLテンプレート
記事ごとに個別のCSSやJavaScriptを追加
特定のカテゴリに個別のCSSを適応させる
カテゴリ別に違うカテゴリ(テンプレート)を表示
タイトルや本文からタグを自動生成
画像や動画をポップアップし再生
非表示、置換テクニック
Contact Form7の送信完了画面をカスタマイズ
phpMyAdminのユーザー名とパスワードの確認方法
カテゴリー別に違うサイドバーを出す
CSS3のみで画面外からメニューをスライド表示
CSSやJavaScriptのハンドル名(id)を確認
管理画面の投稿一覧で投稿IDを表示する
アイキャッチ(サムネイル)を呼び出す
スライドショー Meteor Slides
カテゴリに別々のアイコンを表示
レスポンシブなLightbox jQuery プラグイン Strip
背景をスライドショーにする
ページごとに違うヘッダーを読み込む
コメントのメールアドレス入力覧を消す
記事をランダムに表示させる
CSS3 角を丸くする
スライドショー Skitter Slideshow
パスワードを間違えると一定時間ログインできないようにする
購読者にパスワードを変更させない
ショートコードを追加するプラグイン
管理画面の投稿一覧へアイキャッチを表示
個別にJavaScriptを振り分ける
Contact Form7に画像認証機能を追加
リンクの表示順を並べ替える
サイト全体のサムネイルサイズを変更
CSS3 ボックスシャドウ
JavaScriptで画面外からメニューをスライド表示
    メルマガ購読
  • メールマガジンではWordPressのおもしろい使い方を紹介しています。またユーザー限定ページとも連動しているので、そちらも自由に観覧できるようになります。
  • 登録フォーム
PlusWordPress
  • お問い合わせ
  • このサイトについて
Link
  • 人気ブログランキング
  • 使えるWordPressテーマ
背景変更
  • デフォルト
  • ホワイト
  • ブラック
  • グレー
  • Facebook
  • RSS Feed
  • Google Plus
© 2023 Plus WordPress