今回は、Contact Form 7のお問い合わせフォームの文字を簡単に装飾する方法
を図解入りで詳しく解説します。

Contact Form 7で作ったデフォルトのお問い合わせフォームは、
ただの黒文字だけで何だか寂しいですよね。
▼▼

そこで、難しい知識無しで簡単に文字の色を変えたり
装飾をする方法を解説していきます^^

フォームをコピーして投稿ページで編集する

まずはコンタクトフォームの編集画面を開きましょう。

ダッシュボードから、
【お問い合わせ】⇒【コンタクトフォーム】をクリックします。

あなたが作ったお問い合わせフォームを開いてください。

こんな感じですね。

次に、【投稿】⇒【投稿一覧】
にカーソルを合わせて右クリックをします。

出てきた項目から、新しいタブで開くをクリックしてください。

そして、その新しく開いたタブで
【投稿】⇒【新規追加】をクリック。

編集画面が開きました^^

今は、
①元々開いていたお問い合わせフォーム
②新しいタブで開いたページ

の2ページが開いていますよね。

まずは①を表示させてください。

フォームに記載されている文字を全てコピーします。

そして、新しいタブで開いた
②の投稿編集画面を表示させてください。

そして、
①テキストタブを開いて
②先ほどコピーした文字を貼りつけます。

次に、テキストタブをビジュアルタブに切り替えます。

そして、この状態でお好きに文字を装飾してください♪

通常の記事を書くときと同じです^^*

装飾ボタンの種類を増やしたい場合は、
こちらの記事を参考にしてください。
▼▼
「文字の大きさや背景色」を変えるプラグイン

私の場合はこんな感じに装飾してみました。

装飾が出来たらまたテキストタブを開いて、全ての文字をコピーします。

フォームに編集したコピー文を貼りつける

次に、お問い合わせフォームのタブを表示させてください。

元々記載されていた文字を全て消して、
先ほどコピーした文字を貼りつけます。

そして、保存をクリックします。

お問い合わせページを確認する

お問い合わせページを見てみてください。

このように編集後の表示に変更されているはずです^^*

編集前▼

編集後▼

まとめ

投稿の編集画面のテキストタブを使えば、
このようにHTMLの詳しい知識無しで編集をする事が出来ます。

このやり方はウィジェットなどにも使えるので
ぜひ色々試してみてくださいね♪

こちらの記事も参考にしてみてください^^
▼▼
誰でも簡単に、テキストウィジェットの文字に色などの装飾を付ける方法

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

今回は、WordPressのブログ内で検索されたくないページを非表示にする方法
について図解入りで詳しく解説します。

・メルマガ用など、特定の読者に向けた記事
・プライバシーポリシーなど、あまり表示させたくない記事

このような記事はブログ内検索で表示させたくないですよね。

検索されても非表示にする設定は、Search Exclude
というプラグインで簡単にする事が出来ます。

ページごとに設定が出来るので、
さっそくインストールしていきましょう^^

Search Excludeのインストールと有効化

インストールをしていきます。

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

①右上の検索窓にSearch Excludeと打ち込んで、

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

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

このような表示が出て有効化は完了です。

特定の記事を表示させない設定

特定のページを表示させない為には、
そのページごとに設定をしていきます。

投稿、もしくは固定ページの一覧から、
あなたが表示させたくない記事を開きます。

すると、編集画面の右側の項目に
Exclude from Search Resultsという項目が増えています。

この、 Exclude from Search Results(検索結果から除外する)
にチェックを入れるだけで、
ブログ内検索をしても検索結果に表示されなくなります。

検索結果から除外した記事を確認する方法

どの記事にExclude from Search Results(検索結果から除外する)
のチェックを入れたっけ？

と分からなくなると面倒ですよね。

そんな時は、ダッシュボードから
【設定】⇒【Search Exclude】をクリックします。

検索除外中の記事の一覧が表示されます。

検索除外を解除したい。
つまり、検索結果に表示させたくなった記事は、
①のチェックを外して変更を保存をクリックすれば
再びブログ内検索で表示されるようになります。

②のTypeに表示されているのは、固定ページか投稿ページか
という見分けをする為の表示です。

page＝固定ページ
post＝投稿

まとめ

メルマガ読者さんだけに向けた記事を作りたい場合など、
ブログ内検索では表示させたくない記事が増えてきたら
Search Excludeを使って検索から除外すると楽です^^

・人気記事の一覧に表示させないようにする。
・目次に表示させないようにする。

などの設定も同時に行うようにしてくださいね♪

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

今回は、WordPressで記事の目次の上に見出しが表示される時の原因と対処方法

について図解入りで詳しく解説します。

記事を書いていて見出しを付けたら、

『あれっ！目次の上に見出しが表示されてる・・・』

という事がありませんか？

この状態の事です。

これだと目次の意味がありませんよね(;^ω^)

こうなってしまう原因と対処方法について
さっそく解説していきます^^*

記事内に目次を作れるプラグイン、
Table of Contents Plusの
インストールと設定方法はこちら。
▼▼
Table of Contents Plus

原因と設定方法

目次の上に見出しが表示されてしまう原因は、
Table of Contents Plusの設定にあります。

設定により、見出しが認識されない状態になっているのが原因です。

この画像を見てください。

見出しを付けているのに、目次に見出しが表示されていませんよね。

この部分を表示されるように再設定していきます。

簡単に再設定出来ますので、さくっとやってしまいましょう^^*

まずは、
【設定】⇒【TOC+】をクリックしてください。

Table of Contents Plusは、略してTOC+と表示されています。

一番下までスクロールして、

上級者向け設定を表示させます。

見だしレベルという項目を見てください。

この１~６までの数字が、
目次内に見出しを表示させるための設定になります。

ここにチェックを入れておかないと
記事で見出しを付けても目次に表示されません。

使う見出しレベルには全てチェックを入れましょう。

しっかりチェックを入れたら、
一番下にある設定を更新をクリックします。

記事に見出しを付けて確認してみましょう。

目次内に先ほどチェックを入れた見出しが反映されて、
見出しもちゃんと目次の下に正しく表示されています^^*

まとめ

記事内の目次の上に見出しが表示されてしまう時の
原因と対処方法について解説しました^^

目次の表示がなんか変！

と思ったら、Table of Contents Plus
の設定を見直してみてくださいね♪

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

今回は、【PS Auto Sitemap】のプラグインで表示させた
サイトマップの順番を簡単に変える方法

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

せっかく用意したサイトマップも、
順番がごちゃごちゃしていると気になりますよね。

ブログに訪問してくれた方に一番見てもらいたい
重要なページを先頭に表示させる事も重要です。

そこで、簡単にサイトマップの
順番を変える方法を解説していきます^^

※固定ページのみ変更できます

固定ページの順番を入れ替える

固定ページの順番を変えていきたいと思います。

変更前がこちら。

サイトマップの上部には、
プロフィールやお問い合わせページ、
見てもらいたいページなどを持ってくると良いです。

では、さっそく変更していきたいと思います^^

固定ページの順番変更はとても簡単です♪

ます、固定ページの一覧を開いてください。

一覧の中からサイトマップの一番上に表示させたいページを選択して、

クイック編集をクリックします。

編集画面が表示されます。

ここの、順序という項目が、サイトマップに表示される順番になります。

順序を変更したら、右側に出ている更新をクリック。

この調子で、どんどん固定ページの順番を変更していってください。

固定ページ一覧の表示順番も変わっていきます。

表示に断層を持たせる

固定ページにはカテゴリーやタグはありませんが、階層を持たせることが出来ます。

こんな感じですね。

このように表示させるには、固定ページ一覧で
断層化させたいページを編集します。

この一番上の固定ページを親として
下の２つのページを断層化させる場合、

断層化させたいページのクイック編集をクリック。

親という項目を選択し、
どのページの断層化にしたいのかを選びます。

選んだら、更新をクリック。

断層化したいページが１つ以上ある場合は、
今の作業を繰り返します。

固定ページ一覧でもこのように断層化が分かるように、
実際のサイトマップにも反映されています。

↓↓

見やすくまとまったサイトマップの完成

この方法で固定ページを１つ１つ設定していくと、
このように見やすくまとまったサイトマップが完成しました♪

設定前
▼▼

設定後
▼▼

きちんと断層化しているので、断然見やすくなりました♪

まとめ

サイトマップは、ブログへの訪問者さんが
見た時に分かりやすい工夫をしましょう。

特に、断層化はしておくと見やすさが全然違います^^

設定は簡単なので、見やすくまとまったサイトマップ
を作ってみて下さいね♪

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

今回は、Google XML SitemapsのインストールとGoogle Search Consoleにサイトマップを送信する方法
について図解入りで詳しく解説します。

今回作るサイトマップというのは、PS Auto Sitemapのような人のための目に見えるサイトマップではなく、クローラーにあなたのブログを効率よく巡回して情報を集めてもらうための検索エンジン用のサイトマップです。

サイトマップを作ることで、ブログの投稿や更新の情報をクローラーが認識しやすいよう促す効果があります。

また、クローラーがより効率よくあなたのブログの情報を認識する為にGoogle XML Sitemapsで作成したサイトマップをGoogle Search Consoleに登録することで、より効果を高める事ができます。

なんだかややこしく聞こえますが、簡単にまとめると

・Google XML Sitemapsでクローラーの為のサイトマップを作成。
・効果を高める為に、Google Search Consoleにそのサイトマップを登録。

という流れです。

設定は簡単なのでご安心ください(^^)

Google Search Consoleとは

Google Search Consoleについて確認しておきましょう。

Google Search Console(グーグルサーチコンソール)はGoogleが提供する無料サービスで、登録したサイトの状況を管理する事ができます。

Google Search Consoleにサイト情報を登録する事で、

・サイトマップがちゃんと機能しているか確認できる
・エラーがあった場合に内容の確認ができる
・登録したサイトごとに管理ができる

というメリットがあります。

また、作成したサイトマップをGoogle Search Consoleに登録することで、Googleの検索エンジンに効率よく認識してもらうことができ、サイトマップの効果を高める事ができます。

Google XML Sitemapsのインストール

まずはインストールしていきましょう。

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

①右上の検索窓にGoogle XML Sitemapsと打ち込んで、

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

有効化をクリック。

デフォルトのままで充分なので、特に設定は変えなくて大丈夫です^^

サイトマップの効果を高めるために、Google Search Consoleにサイトマップを登録していきましょう。

Google Search Consoleにサイトマップを登録する

Google Search Consoleの利用にはGoogleアカウントが必要です。

まだアカウントを持っていない場合は、以下の記事を参考にアカウントを作成して下さい。
　↓
Googleアカウントの作り方はこちら

まずは以下のリンクをクリックして公式サイトにアクセスして下さい。
　↓
Google Search Console

右上のログインをクリックします。

①ブログのURLを入力して、

②のプロパティを追加をクリック。

１から４の順番に沿って設定を行います。

まずは
１、このHTML確認ファイルという文字をクリック。

すると、ファイルのダウンロードが始まります。

ダウンロードが終わったら、エクスプローラを開いてダウンロードしたファイルを確認して下さい。

ダウンロードしたファイルは、ドラッグ&ドロップでデスクトップ上に移動しておきましょう。

次に、FTPソフトを起動してください。

【サーバ】→【再接続】をクリックで接続します。

①リモートサイトがブログのURL/public_htmlなのを確認して、

②先ほどデスクトップに移動させたファイルを移動させてください。

ファイルが移動した事を確認しましょう。

次に、3.にあるURLをクリックして下さい。

このような表示が出れば確認は完了です。

最後に、
①の私はロボットではありませんにチェックを入れて、
②の確認をクリックしましょう。

このような表示が出るので、続行をクリックします。

画面が切り替わるので、右下のサイトマップをクリックして下さい。

サイトマップの追加/テストをクリック。

①にsitemap.xmlと入力して、

②の送信をクリック。

ページを更新するをクリック。

自分のサイトマップ(１)
とあるように、サイトマップが追加された事が確認できます。

Search Consoleという文字をクリックして下さい。

登録したサイトの情報が反映されています(^^)

ちなみに、2つ目以降のサイトを登録したい場合は右上のプロパティを追加から登録ができます。

まとめ

サイトマップを作ってGoogle Search Consoleに登録したことで、サイトマップの効果をより高めることが出来ました^^

後は、どんどんいいコンテンツを作って良いブログを作り上げていきましょう♪

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

今回は、WordPressのブログ内に自動でサイトマップ(目次)を作ってくれるプラグイン【PS Auto Sitemap】
のインストールと設定方法を図解入りで詳しく解説します。

サイトマップとは、ブログ内の固定ページや投稿記事の一覧を目次としてまとめた表示の事です。

サイトマップはカテゴリー毎に細かく分けて表示されるので、ブログに訪れた人が目的の記事を探しやすい。
という利点があります。

また、自分で記事を探したい時なども結構役に立ちます(^^)ぜひ導入しておきましょう♪

PS Auto Sitemapのインストール

さっそくインストールしていきましょう。

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

①右上の検索窓に、PS Auto Sitemapと打ち込んで、

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

有効化をクリック。

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

PS Auto Sitemapの設定

続いて、設定を行いましょう。

ダッシュボードから、【設定】→【PS Auto Sitemap】をクリック。

設定画面が表示されました。

サイトマップに表示させるテキストリンクを選択できます。

ホームページの出力
→ブログタイトルのリンクを表示させるかの設定です。
ここはチェックを外しておいても大丈夫です。

投稿リストの出力・固定ページリストの出力
→この2つにはチェックを入れましょう。
投稿記事と固定ページの情報を表示させます。

サイトマップを表示する記事
→サイトマップを表示させるには、固定ページを作る必要があります。
作ったページのIDを入力します。(IDについては後ほど説明します)

出力階層制限
→制限なしに設定すると、子カテゴリーなどに細かく分けて表示をさせる事が出来ます。

先に出力するリスト
→サイトマップの表示に、投稿記事と固定ページのどちらを先に
表示させるかの設定です。

カテゴリーと投稿の表示
→同一マップ内
に設定する事で、サイトマップの固定ページ内にカテゴリーと投稿記事の情報を一緒に表示できます。

①サイトマップに表示させたくないカテゴリをIDで指定する事ができます。
(IDの確認方法については後ほど説明します)

②サイトマップに表示させたくない記事をIDで指定する事ができます。
(IDの確認方法については後ほど説明します)

③サイトマップの表示デザインを選べます。

こんな感じで色々ありますので、

1つずつ試してお好みのデザイン
を決めて下さい(^^)

④キャッシュ系のプラグインを使用していなければ、チェックを入れておきましょう。
　表示速度を早くする事が出来ます。

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

このコードを固定ページに貼り付ける事で、設定したサイトマップが表示されます。

この部分をコピーしておいてください。

サイトマップ用の固定ページを作る

サイトマップを表示させる用の固定ページを用意しましょう^^

ワードプレスのダッシュボードから【固定ページ】→【新規追加】をクリック。

①サイトマップを表示させるページなので、目次などとタイトルを付けましょう。

②テキストをクリックします。

③先ほどコピーしておいたコードを貼り付けます。

公開をクリックして下さい。

次に、この固定ページのIDを確認します。

パーマリンクにカーソルを合わせて下さい。

すると、左下にこの固定ページの情報が表示されます。

ここのid=数字の数字の部分を覚えておいて下さい。

次に、ダッシュボードの【設定】→【PS Auto Sitemap】をクリック。

サイトマップを表示させる記事の空欄に、先ほど確認した固定ページのIDを入力して、変更を保存をクリックします。

実際の固定ページを確認してみましょう。

設定通り表示されています。

これでサイトマップの設定は終了です^^

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

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

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

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

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

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

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

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

サイトマップに表示させたくないカテゴリーや記事がある場合は、このように1つ1つIDを調べて設定画面で入力してください^^(固定ページも同じやり方です)

まとめ

サイトマップがあれば、ブログも整頓されたような感じがしていいですよね(*^^*)

訪問者さんも、見やすくて使いやすいブログになりました。

設定は変えられるので、色々と試してみて下さい♪

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

今回は、ワードプレスでメルマガを紹介する
画像のスライドショーを簡単に作れるプラグイン
【Easing Slider】のインストールから設定方法
まで、図解入りで詳しく解説します。

ブログを見ている時に、
画像がスライドショーで表示されている
という状況を見たことがあると思います。

こんな感じですね。
[easingslider id=”1645″]

これ、自分で出来たらかっこいいなあ
と思った事ありませんか？

Easing Sliderを使えば、
スライドショーの画像の細かい設定から
表示速度まで自分で決める事が出来ます。

設定も意外と簡単なのでご安心ください。

ちなみに、画像は自分で用意したものを使います。

私は、無料画像サイトなどでダウンロードした画像に
文字を入れて編集したものを使っています♪

枚数に制限はありません。
設定前に用意しておいて下さいね^^

Easing Sliderのインストール

さっそくインストールしていきましょう。

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

①画面右上の検索窓にEasing Sliderと打ち込んで、

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

有効化をクリック。

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

Easing Sliderの設定方法

Easing Sliderのインストールにより、
ダッシュボードにSlidersという項目が追加されています。

スライドショーの設定はここから行うので、
【Sliders】→【Add new】をクリックして下さい。

①これから作るスライドショーの名前を決めます。

自分で管理した時に分かりやすい名前であれば
何でも大丈夫です^^

入力したら、②のAdd Slidesをクリック。

事前に準備していた、
スライドショーに使う画像を選択します。

ドラッグ＆ドロップかファイルを選択で選びます。

通常のメディアライブラリと同じ作業ですね。

スライドショーに使いたい画像をすべて選択したら、
右下のInsert into Sliderをクリック。

選択した画像が表示されました。

この順番でスライドショーとして表示されるので、
順番を変えたい場合は画像を左クリックして
選択したまま左右に入れ替えて下さい。

各画像の上にカーソルを合わせると、
このような表示が出ます。

①のマークをクリックすると、画像の設定が出来ます。

②をクリックすると、画像をスライドショーから外す事が出来ます。

①をクリックして設定を行いましょう。

右側の設定をしていきます。

拡大しました。

①まず、Custom URLを選択してください。

②に、メルマガの登録ページのURLを入力します。

③にチェックを入れて、画像をクリックした時に
　違うタブで開かれるように設定をします。

④のUpdateをクリックして設定を確定しましょう。

今の設定を、残りの画像にも同じようにして下さい。

画像の設定ができたら、続いて右側の
細かい設定をしていきましょう。

上から順に説明します。

表示される画像の大きさを決めます。

基本的には、使う画像と同じくらいのサイズが良いです。

Make 100% full width.にチェックを入れる事で、
表示される画面いっぱいに画像を表示させることが出来ます。

チェックを入れた方がバランスよく表示されます。

画面の表示設定です。

Effect:でFedeを選ぶと、フェードアウトするように
画面がぼや～っとなって次の画像に切り替わります。

Slideを選ぶと、横にスライドする形で
次の画像に切り替わります。

ここはお好みで決めて下さい(^^)

下の数字の部分ですが、
ここの数字が大きい程画面が切り替わる
速度が遅くなります。

1000=1秒で計算して下さい。

ここにはチェックを入れておきましょう。

画像の読み込み時間を短縮する事で、
ブログの表示速度を上げる効果があります。

スライドショーを見た人が、
画像を操作できるかどうかの設定です。

Arrows:のEnableを選択する事で可能になります。
画像では、このように矢印が表示されます。

On Hover:のFalseを選択すると、
常にこの矢印が表示される状態にできます。

Position:では、矢印を内側に表示させるか
外側に表示させるかを選べます。

画像の枚数分表示される丸いアイコンの設定です。

この部分ですね。

Pagination:のEnableを選択すると表示されます。

On Hover:のFalseを選択する事で、
常にこの丸い部分を表示させる事が出来ます。

Position:では、この丸い表示をどのように
表示させるかを細かく設定できます。

色々試してみて、お好みの設定にして下さい^^

最後の項目です。

Playback:のEnableを選択する事で、
自動でスライドショーが繰り返し表示されます。

チェックを入れておきましょう。

Pause Duration:で画像1つ1つの表示時間を
設定できます。

1000=1秒で計算して下さい。

ここまで設定が終わったら、
Publishをクリックで完了です。

ダッシュボードから、
【Sliders】→【All Sliders】をクリックしてみて下さい。

先ほど作ったスライドショーが保存されています。

このタイトルをクリックすると、また設定をする事が出来ます。

スライドショーを表示させる方法

作ったスライドショーを記事に表示させたい場合、

投稿ページを表示させると上部に
表示されているAdd Sliderをクリックします。

(固定ページにも同じ表示が出ます。)

①先ほど作ったスライドショーを選択して、

②insert Sliderをクリック。

すると、記事にスライドショーの情報が表示されます。

このままの状態でプレビューをクリックしてみて下さい。

スライドショーを確認する事が出来ます。

嬉しいですよね～(*^^*)

もし、サイドバーに表示させたい場合は

ウィジェットを表示させて、

テキストウィジェットをサイドバーに追加して

先ほど投稿編集ページで表示されていた
スライドショーの情報をそのまま貼り付けて下さい。

保存をクリックして
実際のサイドバーを確認してみると・・・。

このようにちゃんと表示されています♪

先ほども触れましたが、固定ページにも
表示できるので、お好きにスライドショーを
表示させてみて下さい^^

まとめ

少し長くなってしまいましたが、
お好みのスライドショーが
作れましたでしょうか？

細かい設定が出来るので、
慣れてきたら色々と設定を試してみるのも
良いと思います(^^)お疲れ様でした♪

こんにちは、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です(^^)

今回は、スパムコメント(迷惑コメント)からあなたのブログを守ってくれるプラグイン【Akismet】の設定方法について図解入りで詳しく解説します。

Akismetはワードプレスに元々インストールされているプラグインではあるのですが、有効化して設定をしないと機能しません。

スパムコメント対策は重要なので、必ず設定するようにしましょう！

Akismetとは？

Akismetは、あなたのブログについたスパムコメント(迷惑コメント)から自動で守ってくれるプラグインです。

この設定をしておかないと、記事に大量の英語のコメントがついたり、何語かもよくわからないような関係のないコメントばかり来てしまいます。

変なコメントばかりついたままにしてしまうと、あなたのブログの信用問題にも関わります。

始めの内は、そんなにスパムコメントってくるのかな？と思いますが、結構来ます(^^;

記事を書き始める前に、対策としてぜひ導入しておきましょう♪

Akismetの有効化と設定方法

Akismetは元々ワードプレスにインストールされているので、まずは有効化をしていきましょう。

ワードプレスのダッシュボードから、【プラグイン】をクリック。

まず、新バージョンのAkismetが利用できます。

と表示が出ていたら、更新をしておきましょう。

更新が終わったら、有効化をクリックして下さい。

Akismetアカウントを設定をクリック。

※もしAPIキーを持っている場合はキーを入力してAPIキーを使って接続するをクリックで設定完了です。

APIキーを持ってない場合、APIキーを取得をクリックして下さい。

画面が切り替わりました。

GET AN AKISMET API KEYをクリックして下さい。

このような画面が表示されるので、
WordPress.comのアカウントを持っている場合は
I already have a WordPress.com
account!をクリックしてログインして下さい。

※ワードプレスブログにログインする時のUsernameとPasswordとは違います。

持っていない場合、メールアドレス・ユーザー名・パスワードを入力して、
Sign Up→をクリックします。

一番左にある、Get Personalをクリック。

これは、Akismetの寄付金を募るページです。

払わなくても機能に変わりはないので、左側のクレジットカードの情報は何も記入しなくて大丈夫です。

画像の赤い枠で囲った部分をクリックしたまま、一番左まで動かしてください。

０になったらOKです。

すると、画面左側にこのような表示が出ます。

②の箇所に名前を入力して、

③のCONTINUEをクリック。
※ホームページのURLの入力欄があればブログのURLも記入します。

このような画面に切り替わるので、Active this siteをクリック。

ワードプレスのダッシュボードに戻ってきました。

APIキーが表示されているのを確認して、

①スパムを常にスパムフォルダーに振り分けレビューする。

にチェックを入れて、②の変更を保存をクリック。

これでAkismetの設定は完了です(*^^*)お疲れ様でした♪

今後ワードプレスのダッシュボードには、このようにAkismetの状況が表示されるようになります。

APIキーの確認方法

このAPIキーは、一度取得したら複数のブログにも使う事が出来ます^^

APIキーが確認できる場所について説明します。

ダッシュボードの【プラグイン】をクリック。

Akismetの設定をクリック。

すると、設定画面が表示されます。

ここに表示されているAPIキーを、2つ目以降のブログでも使う事が出来ます♪

まとめ

設定お疲れ様でした(^^)

このプラグインを設定しておけば、迷惑コメント対策はばっちりです！

2つ目以降のブログでは、今回取得したAPIキーを使うだけなのでAPIキーの確認方法を覚えていてくださいね♪