Free!なランサー3

ふとした疑問やコアなお役立ち情報をお届けする情報サイト

サイドメニューの人気記事と新着記事を切り替え式で表示できるwordpressプラグイン

      2014/09/11

切り替え2

前から思ってたんですが、サイドメニューに新着記事と人気記事、両方を表示させているとブログデザインもゴチャゴチャするし、場所をとるので何とかスッキリさせたいと悩んでいました。どちらか1つは選べない・・・しかし出来れば両方設置したい・・・・

そんな、私と同じ悩みを持っているあなたに朗報です!

なんと、切り替えタブ式で人気記事や新着記事をユーザーがクリック一つで閲覧出来るプラグインがあります。当ブログのサイドに設置しているのでクリックで切り替えてみてください。

しかもデザインもシンプルでおしゃれです。是非活用しましょう。

今回は使用するプラグインはWP Tab Widgetです。

注意点

先に注意点だけ言っておきます。人気記事と新着記事を別々に設置する事で、ユーザーの目に自分の記事をアピールすることにつながります。ひとまとめにする事で、あなたの記事がユーザーの目に止まる確率が減るかもしれません。あとページが若干重くなったような気がします。

このプラグインはサイドメニューをシンプルかつスッキリさせたい人におすすめです。なおテーマによってはうまくマッチしないものもあります。

 

スポンサーリンク

WP Tab Widgetをインストールする

1.管理画面からプラグインを開く
2.新規追加をクリック
3.WP Tab Widgetで検索
4.一番上に出てくるので、今すぐインストールをクリック

有効化してください

これでインストールは完了です。続けて設定に進みます。

 

設定方法

管理画面>外観>ウィジェットと開きます。

WP Tab Widget by My ThemeShopのウィジェットがあるので好きな場所に追加してください。

一応これで表示はされます。

細かい設定

WP Tab Widget by My ThemeShopを開きます。

切り替え

 

Select Tabs

表示させたいタブを選択します。

初期設定では

Popular Tab(人気記事)

Recent Tab(新着記事)

Comments Tab(コメント一覧)

Tags Tab(タグ一覧)

と表示されます。ブログ内の表示も英語なので、下記で変更方法も解説します。

Tab Order

表示させる記事の数を決める事ができます。

Allow pagination

指定した記事数以上をさら見ることができる。

最後の記事にNextの文字がでます。

Number of posts to show

ポストの数を指定

Show post thumbnails

サムネイルの有無の指定

Thumbnail size

表示サイズの指定

 Show post date

日付を表示

Show number of comments

記事についているコメントを表示

Show post excerpt

冒頭文を表示

 

以上が細かい設定です。お好きなように表示させてください。

続けて、表示される文字を日本語に直します。

タブの文字を英語から日本語に変える

変更

方法としてはプラグん自体を編集します。絶対に編集する場所を間違えないでください。プラグインに異常をきたす可能性があります。特に空白、全角スペースを入れたりしても通常通りに作動しなくなることもあるので注意してください。

変更方法

管理画面>プラグイン>インストール済みプラグイン>WP Tab Widgetの編集をクリック

プラグイン編集画面になります。

例えばPopularを人気記事に変えたい場合は、Popularの文字を探して人気記事に変えます。

ctrl+fで探すと楽です。

変更2

注意

ctrl+fで検索するとPopularが26箇所出てきますが必ず頭文字が大文字のものだけ変更してください。小文字の物は違います。Recentを変更する場合も手順は同じです。

 

まとめ

以上で終了です。正しく表示されましたか?自分のブログを開いて確認してみましょう。

 - プラグイン , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

  関連記事

wordpress プラグイン
wordpressでビジュアルエディタを拡張出来る、おすすめプラグイン!

デフォルトのビジュアルエディタって少し寂しいですよね・・・ プラグインを導入する …

wordpress プラグイン
wpプラグインでサイドメニューに追尾型広告を簡単に設置する方法!

ブログを運営するにあたり、追尾型広告はかなり効果的です。 あなたも、wordpr …

ソースコード
ソースコードをみんながやってるみたいに、それっぽくブログに掲載する方法

はいっ! 少しタイトルが長くなって解りづらい部分がありますが、どういう事かと言う …

集計2
ブログでアンケート、投票を簡単に設置できるwordpressプラグイン【Polldaddy】

ブログ内でアンケートを取りたいと考えている人は多いかと思います。 「みんなの意見 …

amazon.co.jp
WPプラグインAmazonjsを使わずにアマゾンのアフィリエイトリンクを自分好みに貼る方法

wordpressプラグインのAmazonjsを導入したのですが何かうまく作動し …

追跡
サイドメニューに追尾型広告、Standard Widget Extensionsを設定する方法

追尾型広告の効果は絶大です。しかしどのプラグインがいいのかわからない人は管理人も …

リンク
wordpressプラグインBrowser Shotsでサムネイル付きリンクをみんながやっているみたいに表示させる

どういう事かと言うとこうゆう事です↓。 Free!なランサー3 意外と色々試行錯 …

Googleアナリティクス
wordpressプラグインGoogle Analytics Dashboard for WPの設定方法

wordpressのアクセス解析を行うならGoogleAnalyticsは、有能 …