こんにちは、chieです(^^)

今回は、ワードプレスでよく読まれている記事をサイドバーに表示させることが出来るプラグイン【WordPress Popular Posts】のインストールと設定方法について図解入りで詳しく解説します。

よく読まれている記事として、サイドバーに記事の一覧を表示させているブログを見たことがあると思います。

こんな感じですね。

この表示がある事で、ここに表示されている記事への興味を持ってもらい、ブログへの滞在時間を伸ばしてもらう事にも繋がります。

設定も難しいものではないので、ぜひ導入するようにして下さい^^

WordPress Popular Postsのインストール

まずは、ワードプレスのダッシュボードから【プラグイン】→【新規追加】をクリック。

①右上の検索窓にWordPress Popular Postsと打ち込んで、

②今すぐインストールをクリック。

有効化をクリック。

これでインストールは完了です(^^)

WordPress Popular Postsの設定方法

人気記事(よく読まれている記事)の設定は、ウィジェットから行います。

ダッシュボードの【外観】→【ウィジェット】をクリック。

左側に表示されている利用できるウィジェットの中から、WordPress Popular Postsのウィジェットを探してください。

このウィジェットをクリックすると、選択できる項目の一覧が表示されます。
(※導入しているテーマによって、表示される項目は異なります。)

①サイドバーウィジェットを選択して、

②ウィジェットを追加をクリック。

サイドバーにウィジェットが追加されて設定画面が表示されました。

上から順に説明していきますね。

①サイドバーに表示するタイトルを決めます。
例:よく読まれている記事、人気記事など

②表示させたい記事の数を決めます。

③記事をどのように人気記事として決めるかの設定です。

・comment　        → コメント数が多い記事
・Total views        → ページビュー数が多い記事
・Avg.daily xiews → 一日の平均ページビュー数が多い記事

①人気記事として表示させる記事の集計期間を決めます。

・Last 24 hours → 1日
・Last 7 days     → 1週間
・Last 30 days   → 1か月
・All-time           → 全期間

②人気記事として表示させる記事のタイプを決めます。

デフォルトで設定されているpost,pageでは、投稿記事と固定ページの人気記事が表示されます。

投稿記事のみ表示させたい場合はpostのみを記入してください。

③人気記事として表示させたくない記事のIDを入力します。

複数ある場合は、画像のようにカンマで区切ってください。

④特定のカテゴリーのみを表示させたい場合にカテゴリーのIDを入力します。

複数ある場合はカンマで区切ってください。

⑤人気記事表示の投稿者を表示させる設定です。空欄でOKです。

①記事タイトルの文字数を制限する設定です。

②記事の抜粋を表示させる設定です。

③アイキャッチ画像を表示させる設定です。
チェックを入れて保存をクリックすると、赤枠のような設定項目が表示されます。

Set size manuallyにチェックを入れて、WidthとHeightに60と記入してください。

このように、記事のアイキャッチ画像が表示されます。

最後の設定です^^

①タグ表示の設定です。
・Display comment count →コメント数を表示させます
・Display views                 →ページビュー数を表示させます
・Display author               →投稿者を表示させます
・Display date                   →投稿日を表示させます

以前は上記のようにチェックを入れていたのですが、2018年現在は外しています。

②は上級者向けの設定なのでチェックは入れないでおきましょう。

全ての設定が終わったら、保存をクリックで設定完了です。

記事IDとカテゴリーIDの確認方法

記事のIDは、パーマリンクを数字.html　　page-数字で表示させる設定をしている場合、その数字の部分がIDにあたります。

他に確認する方法としては、ダッシュボードの【投稿】をクリックして表示させたくない記事のタイトルにカーソルを合わせます。

カーソルを合わせると、その記事についての情報が左下に表示されます。

この中の、post=数字の数字の部分が記事のIDになります。

カテゴリーIDの場合、ダッシュボードの【投稿】→【カテゴリー】をクリック。

カテゴリー名にカーソルを合わせると、左下にカテゴリーの情報が表示されます。

この中の、ID=数字の数字の部分が各カテゴリーのIDになります。

まとめ

設定お疲れ様でした♪
英語の表記でしかも設定項目が多くて少し疲れましたよね(^^;

設定は後からでも変更できますし、何度かしている内に慣れてきます。

状況に合わせて設定を変更してみて下さいね(*^^*)

こんにちは、chieです(^^)

今回は、記事を下にスクロールしていった時に、サイドバーも一緒に下りてくる(追尾)ようにする
プラグイン【Q2W3 Fixed Widget】について図解入りで詳しく解説します。

長い記事を書くと、サイドバーに設定していたウィジェットは途中で見えなくなってしまいます。

例えば、ウィジェットで

・ブログランキングのクリックのお願い
・特におススメのツール紹介

などの特に目立たせたいものや常に見てもらいたいウィジェットがある場合は、常に追尾してくるように設定することで、読者の目に入りやすくなります。

また、単純にサイドバーが途中で見えなくなるよりも、右側にサイドバーの表示が見えている方が見た目が良いです。

このようなメリットもあるので、ぜひ導入するようにして下さい^^

「サイドバーが追尾する」とは

記事をスクロールするとサイドバーがついてくるようにする(追尾)

という状況がどのようなものなのか。について、画像を使って説明します。

まずは、何も設定していない状態です。

長い記事を下にスクロールして読んでいると、

　　　　　　　　　　　　　　　　↓↓↓

このように、サイドバーは途中から表示されなくなってしまいます。

ついてくる(追尾)ように設定をすると、

　　　　　　　　　　　　　　　↓↓↓　　　　　　　　　　　

何も表示されていなかった箇所に、指定したウィジェットがページのスクロールに合わせて一番下まで追尾してくるようになります。

どのウィジェットを追尾させるかは、簡単に個別に選ぶことが出来ます。

ウィジェットが追尾してくる。

という状況が分かったところで、さっそくインストールしていきましょう♪

Q2W3 Fixed Widgetのインストール

まずは、ワードプレスのダッシュボードから【プラグイン】→【新規追加】をクリック。

①右上にある検索窓にQ2W3 Fixed Widgetと打ち込んで、

②今すぐインストールをクリック。

有効化をクリック。

これでインストールは完了です(^^)

Q2W3 Fixed Widgetの設定方法

追尾させる設定方法は、凄く簡単なので安心してくださいね^^

設定はウィジェットから行います。

ダッシュボードの【外観】→【ウィジェット】をクリック。

導入しているテーマによって少し表記が異なる可能性もありますが、ウィジェットの中のサイドバーという箇所で追尾の設定をしていきます。

試しに1つウィジェットを開いてみて下さい。

Fixed widgetという文字が追加されています。

ここにチェックを入れる事で、ウィジェットを記事に追尾させる事が出来ます。

凄く簡単ですよね(*^^*)

ちなみにこれ、サイドバーの全てのウィジェットで設定が出来るのですが、基本的には一番下のウィジェットから
追尾させるようにしましょう。

一番下のウィジェットだけか、一番下＋その上のウィジェット、さらにその上のウィジェットも。

というような感じで、一番下を基準に追尾させるようにして下さい。

例えば、このように追尾させるウィジェット①と②の間に、追尾の設定をしていないウィジェットが挟まれているとします。

すると、記事を下にスクロールしているとこのように設定をしていないウィジェットの項目に文字が被ってしまいます。
これではあまり見た目が良くないですよね。

なので、追尾をさせたいウィジェットは

・一番下に移動させてチェックを入れる
・一番下から順番にチェックを入れる

という風に設定してみて下さい(^^)

サイドバー追尾設定の際の注意点

サイドバーを追尾させる方法を説明しましたが、重要な注意点が１つあります。

それは、追尾する部分にアドセンスのタグを入れない事です。

これをしてしまうと、Googleアドセンスの規約違反となり、アカウント停止になってしまいます。

知らなかった・・。

となってからでは遅いので、しっかり覚えておいて下さいね。

まとめ

追尾の設定は、ウィジェットにチェックを入れるだけなので簡単でしたよね♪

これは見てもらいたい！というウィジェットが出来たら、追尾させてアピールするようにしてみて下さい^^

※アドセンスについてだけ注意して下さいね。

こんにちは、chieです(^^)

今回は、簡単にTwitterなどのSNSをサイドバーに設置する事ができるプラグイン、【Jetpack by WordPress.com】の導入と使い方について解説します。

・ブログのアクセスを増やしたい
・メルマガの集客をしたい

という方は積極的にTwitterなどのSNSを利用しましょう♪

Jetpack by WordPress.comのインストール

ワードプレスのダッシュボードから、【プラグイン】→【新規追加】をクリックします。

①検索窓に【Jetpack by WordPress.com】と打ち込みます。

②今すぐインストールをクリック。

有効化をクリックします。

WordPress.comと連携をクリック。

↑この画面ですが、①WordPress.comのアカウントを持っていない場合はアドレス、ユーザーネームなどの必要事項を記入して、Sign Up and Connect jetpackをクリックします。(アカウント作成)

※ワードプレスログインに使うアカウントとは違うので注意

Akismetなどのプラグイン設定時にすでにWordPress.comのアカウントを作っている場合は、②をクリック。

メールアドレスとパスワードを入力してLog Inをクリックします。

エラーが出る場合

Log Inをクリックしてエラーが出る場合、WordPress.comのアカウント作成時に送られてきた
メールをクリックしてない事が原因として考えられます。

以前WordPress.comのアカウントを作成した方は、その時に送られてきたメールを確認してください。

クリックするとこのような画面に切り替わるので、再び先ほどの画面からLog Inします。

Approve(承認)する

Approve(承認)をクリックします。

これでワードプレスで設定を使えるようになりました(^^)

このような画面が表示された場合

この画面は、有料の設定を使用したい方向けなので特に何も操作をしないままページを閉じて大丈夫です。

無料で使用できる機能は、Freeに記載されている項目のものです。

ワードプレスで設定

さっそくTwitterの設定をしていきましょう(^^)

ワードプレスのダッシュボードから【外観】→【ウィジェット】をクリック。

左側のウィジェットの中にTwitterタイムライン(Jetpack)というウィジェットが追加されているのでクリックします。

サイドバーウィジェット(もしくはサイドバー)が選択されている事を確認して、ウィジェットを追加をクリックします。

設定をしていきます。

①には、表示させたいメッセージを記入します。

②では、表示させたいツイートの数が設定できます。

③には、自分のアカウント名を記入します。(@～～～の＠以降)

④では、表示させるデザインが変更できます。

⑤では、表示画面の色を選択できます。

元々記入されているものに関しては、いじらなくて大丈夫です(^^)

設定が完了したら、保存をクリック。

細かい設定ができますので、お好きに設定してみて下さい♪

サイドバーを確認

最後に、サイドバーを確認します。

設定完了です♪

まとめ

これでツイッターが無事設置されましたね。

記事更新についてのツイートや、個人的なツイートなどを発信して自分なりに活用してみてください^^

こんにちは、chieです(^^)

今回は、

・ブログランキングに登録する方法

・ブログランキングのバナーをサイドバーに設置する方法

について詳しく解説します。

ブログランキングに登録しておく事で、
ブログへの訪問者数を増やすことができます。

自分のブログが誰かの目につく機会というのは
ぜひ利用しておきたい機能ですよね。

とりあえず登録しとこう。

という気持ちで構いませんので登録しておきましょう^^

この記事では、【人気ブログランキング】と【にほんブログ村】
への登録方法をご紹介していきます。

登録の際のおすすめ機能もありますので、お見逃しなく♪

人気ブログランキングへの登録方法

まずは、サイトにアクセスします。

↓↓↓
人気ブログランキング

次に、トップページの新規登録をクリック。

登録画面が表示されますので、必要事項を入力して確認画面へをクリック。

入力内容の確認後、修正がなければ下方の【登録する】ボタンをクリックします。

メールアドレスに【登録ID】【パスワード】などの情報が記載されたメールが

届きますので、このメールは必ず保存しておきましょう。

ログインしてタグをコピー

人気ブログランキングにログインして下さい。

リンクバナー・URLのタブを開きます。

リンクバナーの画像をクリックするとリンクタグが表示されるので、
このタグをコピーします。

バナーの種類は色々ありますので、お好きな物をどうぞ^^

にほんブログ村への登録方法

まずは、サイトにアクセスします。

↓↓↓
にほんブログ村

新規登録をクリック。

新規メンバー登録画面で必要事項を記入します。

記入が完了したら、ご利用規約に同意して確認をクリック。

内容を確認して、登録をクリック。

メールをチェック

登録したメールアドレスに、

にほんブログ村仮登録のお知らせというメールが届きます。

利用規約や注意事項についての記載がありますので、確認しておきましょう。

マイページの利用は本登録完了後からなので
本登録完了のメールを待ちます(^^)

本登録完了後の操作

本登録完了のメールが届いたら、メール本文に注目して下さい。

〈1〉リンク用のバナーやテキストを提示してください
にあるURLをクリックします。

ページが移動するので、使いたいバナーを選択してタグをコピーをクリック。

サイドバーへの設置

ワードプレスにログインして、
ダッシュボードから【外観】→【ウィジェット】をクリック。

左側のウィジェットの中から、【テキスト】を選択します。

①サイドバーウィジェット(もしくはサイドバー)にチェックが付いているのを

確認して、②ウィジェットを追加をクリック。

サイドバーウィジェットにテキストが追加されて、
このような画面が表示されます。

タイトルには、表示されるお好きなメッセージを記入してください。

内容部分に、人気ブログランキングとにほんブログ村でコピーした

タグをそれぞれ貼り付けます。

貼り付けたら、保存をクリック。

実際に確認してみましょう。

きちんと表示されています(^^)これで設置の設定は完了です♪

続いて、ping送信設定をしていきましょう。

ping送信設定をする

ping送信とは、
ブログの更新状況を自動でサイトに送信するための機能の事です。

この設定をしておかないと、最新の記事がランキングに表示されませんので、

ちゃんと設定しておきましょう(^^)

人気ブログランキングのping送信設定

まず、サイトにアクセスしてログインします。
↓↓↓
人気ブログランキング

そして、マイページから更新情報をクリック。

URLをコピーします。

次に、ワードプレスのダッシュボードから

【設定】→【投稿設定】をクリック。

コピーしたping送信先URLを【更新情報サービス】に貼り付けます。

変更を保存をクリックして、設定完了です^^

にほんブログ村のping送信設定

本登録完了のメールを開いてください。

本文をスクロールしていくと、
〈3〉記事反映(ping送信)の設定をしてください
という文があるので、ping送信先URLをコピーします。

ここからの作業は、人気ブログランキングのping送信設定と全く同じです。

ダッシュボードの【設定】→【投稿設定】をクリック。

コピーしたping送信先URLを【更新情報サービス】に貼り付ける。

変更を保存をクリック。で、設定完了です(^^)

まとめ

ちょっと作業量が多かったので疲れましたか？

一度ping送信設定をしてしまえば、後はもう自動で新着記事を

表示してくれますので安心です^^

ランキング上位に表示されるぞ～！を目標に記事更新を
頑張るのも良いかもしれませんね♪

こんにちは、chieです(^^)

今回は、WordPressでサイドバーにお問い合わせフォームを設置する方法について図解入りで詳しく解説します。

・ついでにウィジェットの使い方も知りたい
・お問い合わせ用の記事をすでに作成している
・contactform7(プラグイン)をインストールしている

という方向けの内容になります。

お問い合わせフォームを設置するには、先に固定ページでお問い合わせ用の記事を作成しておく必要があります。

先にこちらの記事を参考に固定ページで記事を作ってみて下さいね。

WordPressの固定ページにコンタクトフォームを設置するプラグイン【ContactForm7】

では早速取り掛かりましょう♪

WordPressでサイドバーにお問い合わせフォームを設置

まずはワードプレスにログインして、ブログの管理ページに入りましょう。

このページはブックマークしておきましょう。

よく見るサイトをブックマークに登録する方法【GoogleChrome】

今ログインしている画面の左側に、黒い背景の項目がずらーっと並んでいますね。

ダッシュボード、ホーム、更新などと文字の書いてある部分です。

今後、この項目を利用して記事を書いたり編集したりしていく事になります^^

外観→ウィジェット

サイドバーにお問い合わせフォームを設置するには、ダッシュボードから【外観】→【ウィジェット】をクリック。

青色の線を付けている場所が、今回設定に使っていく場所です。
(これと全く同じ項目が並んでいる必要はありませんので、自分の画面と違っていても大丈夫です^^)

緑色の線を付けている場所も、使用しているワードプレスのテーマによって変わってきます。
同じ項目がなくても気にしなくてOKです。

ちなみに、私が今使用しているテーマはSimplicity2 です。(現在は変更しています)
カスタマイズしやすい無料テーマでSEO的にも強いのでおススメです。

【WordPress】Simplicityの無料で利用できるテンプレートのテーマ導入で簡単にSEO対策♪

サイドバーにお問い合わせフォームを付けるには、上の画像の青色の線を付けている部分に【テキスト】という項目を追加する必要があります。

テキストを追加

ウィジェットのサイドバーに【テキスト】を追加していきましょう。

利用できるウィジェットと書いてある下にあるのが利用できるウィジェットです。

この中のどこかに【テキスト】というウィジェットがあるので、画像のように下にスクロールして探します。

【テキスト】のウィジェットが見つかりましたか？

任意のテキストやHTMLという表記がありますが、これは、このウィジェットを使えば自分の好きな言葉で項目を追加できるという事です。

文字の色を変えたりする事もできます。

【WordPress】タグの知識は必要なし♪簡単にテキストウィジェットの文字に装飾を付ける方法

次に、テキストの文字をクリック。

クリックすると、このような項目が出てきます。

一番上のサイドバーウィジェット
(サイドバーという文字があればOK)
が選択されている事を確かめましょう。

選択されていなかったら、サイドバーと文字がある項目をクリックして選択して下さい。

そして、ウィジェットを追加をクリック。

これで、サイドバーのウィジェットに【テキスト】というウィジェットが追加されました。

ここまで来ればもう少しで設定は完了です♪

上の画像で解説していきます。

①この部分にはタイトルを書き込みます。

お問い合わせやお問い合わせフォームなどと記入すればOKです。

②ここが少し分かりづらいですね。
ただ文章を入れるだけでは、お問い合わせフォームへのリンクをつける事が出来ません。
そこで、HTMLを使ってリンクを作成します。

←先ほどの【テキスト】をウィジェットに
追加するという手順での画像です。

ここに、任意のテキストやHTMLとありましたよね。

HTMLは、リンクを入れたり文字を強調したりなどの、文章を整理する為のものだという風に理解できれば良いと思います。

【WordPress】タグの知識は必要なし♪簡単にテキストウィジェットの文字に装飾を付ける方法

②で使用するHTMLはこちらです。

<a href=”リンク先のURLを入れる“></a><br>
<a href=”リンク先のURLを入れる“>お問い合わせはこちら</a>

分かりやすいように色分けをしています。

まずは、リンク先のURLを入れると書いてある部分が二か所ありますね。

この二か所に、固定ページで作成したお問い合わせ用の記事のURLを入れましょう。

WordPressの記事や画像のURLの確認方法とリンクの設定方法

上記のHTMLの青色でマークしているお問い合わせはこちらという文字は、この部分をクリックするとお問い合わせ用の記事へと移動する事になります。

この部分には、リンクをクリックする為の誘導の文章を自分なりに入れてみて下さい。

そして最後に、④の保存をクリック。

これであなたのブログのサイドバーにお問い合わせフォームを設置する事が出来ました^^

設定の確認とまとめ

ちゃんとサイドバーに設定が反映されたかどうかの確認をしてみましょう。

ウィジェットの使い方についても触れたので、自分なりに色々とウィジェットを設定してみて下さいね^^

サイドバーはブログ訪問者の目につきやすい場所です。

画像を設定したりしてオリジナルのサイドバーを作成してみましょう♪