WordPressテーマ-Diver(ダイバー)での『ピックアップスライダーの設定方法』を紹介します。

記事がスライダーで表示されているのを見たことはないでしょうか？

サイト自体に動きが出て『オシャレ』って感じる人も多いかと。

例えば、この記事のタイトルの上方に表示されているのが『ピックアップスライダー』です。

アイキャッチ画像でユーザーの目を止めることができるので、収益記事や読んで欲しい記事を載せて置くことで記事の訴求が可能になります。

今回の記事を参考にすれば、ピックアップスライダーの表示方法がわかり、あなたのサイトでの回遊率がアップするでしょう。

ピックアップスライダーとは？効果は？

画像がスライドしながら表示されるため、ユーザーの目線を惹きつけ、足を止めさせる効果が期待できます。

指定した記事のアイキャッチ画像を流せるので、ユーザーが見て欲しい記事をクリックする確率を高めます。

Diverではピックアップスライダーを3カ所に設定可能です。

それでは説明していきますね。

ピックアップスライダーの設定方法

ピックアップ方法の設定手順を以下の順番で進めていきます。

それでは説明スタート

1．3種類のピックアップスライダー基本設定を行う

先ほども説明しましたが、Diverではピックアップスライダーを3カ所に設定可能です。

1．トップページ

投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中です。

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』→『メイン設定』をクリックします。

fa-check-square-oスクロールした先の『スライダー記事』から設定を行っていきます。

特に設定をいじるところはないのですが、『トップページで非表示にする』にチェックが入っているとトップページで表示されません。

以下がここで一番重要な事です。

ここで設定したタグを含んだ記事がピックアップスライダーに表示されます。※タグのつけ方は後程教えていきます。

fa-paw補足

・『スライダーをアイキャッチのみの表示にする』にチェックを入れると、記事のタイトルが表示されないようになります。

アイキャッチ画像にタイトルが入っている場合は、タイトルも表示するとく「ごちゃごちゃ」になるので、チェックを入れてアイキャッチ画像のみ表示させましょう。

・『スライダータイトル』を設定するとピックアップスライダーの上にタイトルが表示されます。

僕は設定してないのですが、あってもいいなと思います。

2．投稿ページ

投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中をさします。

WordPressのメニューを開きます。

fa-check-square-o『外観』→『カスタマイズ』→『投稿設定』をクリックします。

fa-check-square-oスクロールした先の『pickup記事表示』から設定を行っていきます。

主に設定ができることは『表示する場所』と『表示するかしないか』の設定になります。

3．ファーストビュー

ファーストビューのピックアップスライダーはfa-arrow-upこの赤枠の中のことです。

fa-exclamation-triangle注意

WordPressのメニューを開きます。

fa-check-square-o『Diverオプション』→『ファーストビュー』をクリックします。

背景の中のファーストビューから『ピックアップスライダー』を選択します。

その後、『スライダーサイズ』を設定しましょう。

最後に『変更を保存』をクリックして設定完了です。

以上で『3種類のピックアップスライダー基本設定』は完了です。

2．ピックアップスライダーに表示する記事を選ぶ

ユーザーに見てもらい記事を選びましょう。

せっかくピックアップスライダーに載せる記事です、見てもらいたいものを選んだ方がいいかもしれません。

ピックアップスライダーに載せる記事は以下の2パターンが考えられます。

それぞれのピックアップスライダーに載せる方法を紹介していきますね。

1．すでに投稿済みの記事

WordPressのメニューを開きます。

fa-check-square-o『投稿』→『投稿一覧』→『クイック編集』をクリックします。

fa-check-square-o右の『タグ』の中に『pickup』と入力して完了です

『更新』をクリックして完了です。

ピックアップスライダーに記事が追加されているか確認も必須です！

2．新規投稿の記事

fa-check-square-o投稿ページの『タグ』をクリックします。※基本的に右側に表示されているかと思います。

fa-check-square-oそこに、『pickup』と入力して完了です。

そのままいつも通りに投稿すれば、ピックアップスライダーに記事が追加されています。

これだけで完了です。

ちゃんとピックアップスライダーに記事が追加されているか確認して見てください

3．細かい確認

いくつか質問をいただいたので回答をしておきます。

まとめ

ピックアップスライダーがあるだけで、サイトに動きがでるので見た目も垢抜けます。

設定しておくべきなDiverのカスタムの一つです。

Diverに関する記事は他にもあるので良かったら見てください。

また、SEOに関する記事も書いてあるので合わせてどうぞ。

こんな声に答えるないようになっています。

GRCとは検索順位を簡単にチェックできるツールです。

一番の魅力は、最安プランでは1日12円から使える非常にコスパがいいこと。

検索順位で上位を取らないと、気持ちを込めて書いた記事も光を浴びず埋もれてしまう寂しいことだってあります。

その記事に光を当てる手助けをするツールです。

今回の記事では、GRCの『詳細』『評判』『何が優れていいるのか』を簡潔に説明していきますね。

GRCの詳細を見てみる

GRCとは？

GRC(ジーアールシー)とは、キーワード毎の検索順位チェックツールです。

検索上位を狙うキーワードを簡単にチェックできるので、アフェリエイトで収益を出したいなら導入すべきツールで間違いありません。

GRCの詳細について

さて、GRCが検索順位チェックツールという事はわかったと思います。

一番気になるのはfa-arrow-down以下のことですよね？

GRCの公式サイトにも説明が書かれていますがちょっとわかりずらい。なので公式に変わり簡単に説明をしていきたいと思います。

それでは書いていきます。

GRCを使うとどんないいことがあるか？

ここでは大きく3つ抜粋しました。

それでは説明します。

収益が上がる

検索上位に表示させるために、日々SEOを意識してブログを書いているかと思います。

しかし、検索順位結果の分析なしでは、SEOの効果が出ているのかわかりませんね。

検索順位チェックしないでSEO対策をするのは、白い壁に白の絵具で絵を描いているようなもの。

どこかでミスをしても気づくことができません。

検索順位をチェックして、修正を繰り返すことでだんだんと上位を狙っていけるようになります。

上位に表示されれば、あなたの記事を見る人も増えるので収益を出す確率を上げることが出来ます。

順位の推移が見える

登録した検索キーワード毎に順位を見ることができます。

順位が前日よりも上がった、下がったも矢印で視覚的に把握できます。

Google以外の順位も追うことができる

サーチコンソールなどでも順位を見ることができるかと思います。

しかし、順位を見れるのはGoogleでの順位のみ。

検索エンジンはGoogleが大きな割合を占めていますが、Yahoo!やBingからの検索流入を狙った方がいいのは周知の事実。

GRCではGoogle以外の検索エンジンの順位を追うことが可能です。

利用するための金額は？

GRCではライセンスによって料金が変わってきます。プランは5種類。

何が優れているか？メリットは？

魅力を2つ上げたいと思います。メリットというやつですね。

こちらも簡単に説明してきます。

操作が簡単にできる

ブログを書いているのでPCに慣れている方の方が多いので問題ないと思いますが、操作が楽なんです。

アクセス解析になると抵抗感を持っていた人でも2クリックほどで検索順位を追うことが出来ます。

信頼がある

有限会社シェルウェアという会社が運営している「SEOツールラボ」に含まれるツールです。

多くのユーザーに利用をさせていて、信用と機能性が評価されています。

検索チェックツールの中でも上位に食い込んでくるほどです。

安い料金プランがある

金額を見ていただいたらわかるように、最安プランは月額375円です。

30日間毎日使ったとしても12円ほど

12円でブログ収益が跳ね上がるのなら、ケチになる必要はない投資と考えてもいいですね

GRCを使ってみる

GRCのデメリットは？

デメリットを包み隠さず紹介します。

支払いが銀行振り込み

ライセンス購入を申し込んだ後、メールが届くのでそこから銀行振り込みを行います。

Macでの初期設定が必要

GRCはWindows対応がベースのようです。

でも安心してください、Macで仕様するには専用アプリ（Wine）があります。

設定自体も簡単なので、ちょっと手間が増えるといった印象。

無料プランはキーワードが10個まで

無料プランは検索キーワードを10個までしか追うことができません。

10個では本当にお試しレベル。ちょっと触ってみて自分に合うかを確かめるにはいいでしょう。

おわかりのように、有料プラン出ないと収益を上げることは不可能です。

GRCをオススメしたい人

アフェリエイトで収益を出す為に、本気でブログに取り組んでいる人にオススメです。

また、コスパ重視で結果を出したい人にも向いているでしょう。

「いつか収益がでればいいや～」といつかを期待している人には必要ないツールです。

本気で稼ぐ気がない人には、月々400円程度の金額でも渋ってしまうかもしれません。

収益を出している人は必ずツールに投資をしています。

この金額を払うか払わないかで、収益を上げるまでのスピードや金額も大きく変わるでしょう。

GRCを使ってみる

GRCに対する口コミ

サーチコンソールってサイト修正には必須。googleがどんなキーワードでどんなページを評価してくれるわかるから。でも、当然限界はある。

だからGRCが必須。評価してくれていないキーワードやページを知るために。

— アクセル先生@寺子屋式ＳＥＯ (@axcel0901) June 24, 2018

他の検索ツールと比較

こちらも有名なツールです。

GRCよりも金額面では少し高いですが、高性能といったイメージでしょう。

GRCの方がプランが細かく分かれているので、初めは月額375円のコースで低コストで始められるのがいいのかなといった感じですね。

まとめ

記事の途中で書きましたが、検索チェックツールを使わないでSEO対策をするのは『白い壁に白い絵具で絵を書く』ようなものです。

その検索チェックツールの中でも金額の面からみてもコストパフォーマンスは抜群です。

稼ぎを出しているブロガーは、誰もが順位チェックを行っています。

遅かれ早かれ使うことになるので、早いうち使って爆速で結果を出してしまうのが賢い選択がと思います。

GRCを使ってみる

こんな疑問や悩みを解決していきます。

サイトスピードとは、ユーザーがサイトを訪問した時に、サイトが表示されるまでの時間を言います。

サイトスピードが遅いとユーザビリティ低下とSEOへの悪影響をおこす危険があるため、無視できない要素です。

『サイトスピードの重要性はわかってるけど何をしたらいいんだろう？』という方も多いのではないでしょうか。

そこで、今回は『実際にサイトスピードを上げるために行った対策を、一つ一つ効果検証をつけて紹介』していきます。

この記事にあることは誰でも行える簡単な対策なのでマネができます。

参考にしてもらえたら、あなたのサイトのサイトスピードは確実に上がるでしょう。

サイトスピードが低いと起きる事

サイトスピードが遅いと、以下2つのマイナス影響が起こりえます。

損をしないためにも、サイトスピードの対策の必要性に十分気が付けると思います。

簡単に説明をしていきます。

ユーザーの直帰率が上がる

ユーザビリティの低下につながってしまいます。

サイトは腐るほどあるので、表示速度がければ他のサイトを見る人が多いのは当たり前かもしれませんね。

表示速度に関してが、このような検証データもあります。

・表示速度が1秒から3秒に落ちると、直帰率は32%上昇
・表示速度が1秒から5秒に落ちると、直帰率は90%上昇
・表示速度が1秒から6秒に落ちると、直帰率は106%上昇
・表示速度が1秒から7秒に落ちると、直帰率は113%上昇
・表示速度が1秒から10秒に落ちると、直帰率は123%上昇

海外SEOブログ

SEOに悪影響を与える

サイトスピードの測り方

Googleが提供しているサイトスピードの分析ツールがあります。

fa-arrow-down以下のサイトを参考にしてみましょう。

PageSpeed Insightsfa-external-linkで測定ができます。

このサイトでサイトスピードを測ることで以下を知れます。

ここの結果のスコアが80点であれば、世界の上位20％に食い込んでいるという事になります。

つまり50点以上であれば世界の半分のサイトにはサイトスピードで優っていると言えるんです。

サイトスピードの目安

PageSpeed Insightsfa-external-linkでは起動速度の世界順位を知ることが出来ますが、どのくらいいのスコアならOKなのでしょうか？

結論、80以上あれば十分でしょう。

もちろん、早ければ早いほどユーザビリティの向上につながります。

改善前と改善後のサイトスピード

サイトスピードがものすごく低かったのですが、7つの改善施策を行いサイトスピードを高めることが出来ました。

現在使っているWordpressテーマ『DIVERfa-external-link』は表示速度が格段に早いというわけではありません。

しかし、しっかりと対策をとることで高得点をたたき出すことが出来ました。

実際のスコアはfa-arrow-downこのようになります。

パソコンは関しては99点にまですることができたのは納得いくスコアでした。

サイトスピードは特別目立たないですがDiverは一度使ったら二度と離れられないテーマです。

>>『Diver (ダイバー)』誰もを魅了する有料テーマ！《レビュー》

サイトスピードの改善施策

それでは具体的な施策と、それぞれの結果を順を追って説明していきますね。

fa-arrow-up上画像のように、PageSpeed Insightsfa-external-linkでは改善すべき項目がわかるので1つ1つ対応のアクションに移りやすいです。

それぞれ必要な個所をご覧ください。改善していった順番に記載しています。

1．適切なサイズの画像

『適切なサイズの画像』という項目を改善してい行きます。

問題点

サイトスピードを低下させている原因には画像周りに問題があることが多いです。

必要以上に大きいファイルサイズの画像が登録されていると、CSSを使用して適切な画像サイズに変更が行われます。その変更過程でサイトスピードの低下につながってしまという訳です。

実際の対策

画像を圧縮させてサイズを小さくすることで、表示の負荷を減らすことを狙いました。

画像を圧縮させるためにWordpressプラグイン『EWWW Image Optimizer』を使用しました。

このプラグインでは、WordPressにアップロードした画像を質を下げることなく自動で圧縮・最適化することが可能です。さらに、今までに保存していた画像も一括で圧縮・最適化も行ってくれる優れもの。

画像を使っているすべてのサイトに一括で効果がでるので、サイト全体のサイトスピードUPのこうかが見込めます。

fa-list-alt

関連記事

詳しい使い方や内容はこちらの記事に細かく書いてあります。

【画像最適化】EWWW Image Optimizer の設定・使用方法｜表示速度UP

2020.4.30

画像の最適化・軽量化をするプラグイン『EWWW Image Optimizer 』の設置方法と使い方を説明していきます。 この記事を読むことであなたのサイトスピードはグンと上がります。...

>>EWWW Image Optimizer の設定・使用方法｜画像最適化で表示速度UP 

fa-paw補足

WordPressに画像をアップロードする前に、画像を圧縮する方法もあります。

『TinyPNG』を使えば無料で画像の圧縮を行うことができるので、チェックしてみるのもオススメ。

結果

結果は次の『効率的な画像フォーマット』の対策と並行して行ったので、次に記載します。

2．効率的な画像フォーマット

『効率的な画像フォーマット』という項目を改善してい行きます。

効率的な画像フォーマットの修正とは、画像を適切なサイズに変換したり画像のフォーマットを適切なものにすることです。

問題点

『画像のフォーマットが適していない事』や『画像の容量が大きいこと』があげられます。

背景を透過していなくてい画像はJPGになっていますか？

サイトスピードを上げるには使用用途によって画像のファイル形式を正しくする必要があるんです。

実際の対策

『PNGtoJPG』ではPNGからJPGにファイル形式を変更する時には、以下のサイトを使うのがいいでしょう。

画像のフォーマット(JPG、GIF、PNGとう)はファイルの拡張子を見れば判断ができます。

無駄にPNGになっていて、重くなっていることがあるのでこれを期にキレイにしてしまいましょう。

結果

しかし、サイトスピードは全く上がりませんでした。

fa-arrow-down改善できる項目

fa-arrow-downサイトスピード（画像修正後の結果）

3．使用していない CSS を削除してください

『使用していない CSS を削除してください』という項目を改善してい行きます。

問題点

ユーザーの画面にコンテンツが表示されるまでには、CSSをいったん読み込むという作業が入っています。

つまり不要なCSSがあると、その分無意味に時間を使っているということになるのです。

使用していないCSSをチェックして、いらないCSSは消しておけば解決します。

実際の対策

使っていないコードがいくつかあり、それを一気に削除しました。

僕の場合は、Googl FontをCSSコードで呼び出して使っていましたが、フォントにこだわりがなかったので消してしまいました。

結果

4．レンダリングを妨げるリソースの除外

『レンダリングを妨げるリソースの除外』という項目を改善してい行きます。

問題点

WEBサイトを表示させるには、プログラムコードをいったんすべて読み込むことが必要です。

その読み込みを一時停止してしまうコードがレンダリングを妨げるリソースになります。

多くの場合『CSS』または『JavaScript』がレンダリングを妨げ遅くしている原因と考えられます。

レンダリングを妨げるリソースの除外』コード修正ができる人はコードを書き換えた方がいいでしょう。

しかし、改善のハードルが高すぎるので、誰でもできるプラグイの導入で改善できる方法を紹介していきます。

プラグインが増えるとサイトが重くなるので、使用するプラグインは少ない方がBESTですね。

実際の対策-その1

WEBでサイトを表示させるときにはサイトを作っているプログラミングコードのダウンロードが必要です。

そのプログラミングコードが重たいと、サイトスピードが遅くなるのは当たり前。

この問題を解決するためにプラグイン『Autoptimize』を使いました。

『Autoptimize』はプログラミングコード（HTMLやCSS、JavaScript）のファイルを圧縮・最適化することができます。

fa-list-alt

関連記事

詳しい使い方や効果はこちらの記事に細かく書いてあります。

【サイト高速化】Autoptimizeの効果と設定方法｜WordPressプラグイン

2020.5.4

『Autoptimize』は、サイトの読み込み速度を早くする効果があります。サイトスピードををあげることはSEOに効果もあります。詳しく設定方法や効果が記載されています。...

【サイト高速化】Autoptimizeの効果と設定方法｜Wordpressプラグイン

その1の結果

プラグイン『Autoptimize』の導入したことで、またもスコアが伸びました。

ただ、これではまだ

実際の対策-その2

ページを表示するためのデータを保存する仕組み（キャッシュ）を改善することで、サイトスピードをあげることが可能。

この問題を解決するためにプラグイン『WP Fastest Cache』を使いました。

『WP Fastest Cache』とは、WordPressのキャッシュの設定と削除をすることができるプラグインです。

また、画像遅延の読み込み効果でさらにサイトスピードの向上に期待ができる。

fa-list-alt

関連記事

詳しい使い方や効果はこちらの記事に細かく書いてあります。

【サイト読み込み短縮】WP Fastest Cacheの効果と設定方法｜WordPressプラグイン

2020.5.3

サイトスピードを速くしたいと思っていませんか？WP Fastest Cacheを使用すると、Wordpressのキャッシュの設定と削除を行えサイトスピードがあがります。設定方法と効果を詳しく解説していきます。...

>>WP Fastest Cacheの効果と設定方法｜Wordpressプラグイン 

その2の結果

『WP Fastest Cache』を使うことでパソコンのスコアがほぼ満足のいくスコアになりました。

また、モバイルも70と十分な結果に。

実際の対策-その3

施策その1・施策その2を両方使っても、『レンダリングを妨げるリソースの除外』は完璧に修正をすることができませんでした。

さらには表示速度を速める方法があるので試すことにしました。

先ほども説明したように、WEBサイトを表示させるにはプログラムコードをいったんすべて読み込むという工程があります。

ということは、プログラムコード(Javascript)の読み込みを後回しにできれば、表示速度は早くなる可能性がでます。

この問題を解決するためにプラグイン『『Script to Footere』を使いました。

プラグイン『Script to Footere』とは、Javascript（プログラミング言語）の読み込みを後回しにしてくれるプラグインです。

fa-list-alt

関連記事

詳しい使い方や効果はこちらに細かく載せています。

【ページ読み込み改善】Script to Footereの効果と設定方法｜WordPressプラグイン

2020.5.5

ページの読み込み速度を速め方をしっていますか？プラグイン『Script to Footer』を使うことで、プログラミング言語）の読み込みを後回しにしてサイトスピードを速めます。詳しく設定方法があるので参考にしてください...

【ページ読み込み改善】Script to Footereの効果と設定方法｜Wordpressプラグイン 

その３の結果

モバイルのスコアが80を超えました。

パソコンに関しては最高のパフォーマンスを発揮してくれています。

5．次世代フォーマットでの画像の配信

この項目は特にアクションをとる必要はないと思っています。

『画像のフォーマットが適していない事』や『画像の容量が大きいこと』の対策を行ったことで自動的に項目から消えていました。

『次世代フォーマットでの画像の配信』は手を付けなくても効果は十分に出ました。

今後は手を付けていく必要があるかもしれないので準備はしておこうと思います。

その他の改善施策

他にも不要なプラグインの削除をおこなっています。

魅力的なプラグインは多いです。しかし、入れすぎてしまっては動作がおそくなる原因になります。

必要ない物はどんどん消してしまいましょう。

まとめ

WordPressでの実際行った施策を一挙公開しました。

この施策でサイトスピードは格段にはやくすることができました。

今回はコードをいじることなく、初心者の方でも簡単に行える施策のみ載せています。

難しい改善策をやりだしたらきりがなく、本当の目的の記事を書くという事ができなくなってしいますからね。

なので今回は必要最低限の対策ということです。

施策自体はがっつり1日かければ終わらせることが可能なので、1日時間をとって作業してしまうのも手ですね。

参考になればうれしいです。

WordPressテーマDiverに『入れた方がいいプラグイン』『入れるべきでないプラグイン』の説明をします。

WordPressテーマDiverをインストール後、何のプラグインを入れたか迷っていませんか？

その悩みは今回紹介するプラグインを入れたら解決します。

プラグインの入れすぎはサイトが重くなったり、プラグインによってはDiverと相性が悪くエラーが発生することがあり慎重に選ぶ必要があります。しかし、1つ1つ試していくと時間がかなりかかります。

そこで『Diver使用者へおすすめのプラグインと入れるべきではないプラグイン』の紹介をしていきます。

この記事を参考にすると最小限のプラグインで、あなたのサイトパフォーマンスを最大限に引き上げることができます。

なんといっても、プラグインを選ぶ時間を削減できるので記事を書く時間を確保することができるでしょう。

本記事は以下ような人に参考になります。

プラグイン追加のメリット・デメリット

プラグインはWordpressの機能追加ツールと思ってもらえたらいいでしょう。

プラグインを追加するメリットとデメリットは以下のようになります。

◆メリット説明

初心者には難しいHTMLやCSSのコードを書かなくても、プラグインをインストールするだけで使いたい機能を追加できます。

難しいことを勉強しなくても、必要なものだけ追加して行けるので自分が思い描くサイトを作る手助けになるでしょう。

◆デメリットの説明

プラグインが多く入っていると、サイトの動作スピードが遅くなります。

これはSEO効果にも響いてくる項目で、サイトは早ければ早いほどいいとされています。

スピードだけではなく、プラグイン同士の機能のぶつかり合いで不具合を起こす可能性があります。

Diverに入っている機能と、導入したプラグインの機能がかぶり、使いたっかった機能が逆に使えなくなるエラーまでおきる危険があるわけです。これは避けたいですね。

こんな話をすると「じゃあ何を入れたらいいんだ？」という疑問出てくるはずです。

プラグインはかなり大量にあり、すべてを手当たり次第使うのことは現実的ではありませんからね。

そこで、これから紹介する『おすすめ・推奨プラグイン』を参考にすることで、プラグインに迷うことなく高水位順のサイトにすることができます。

ベースのプラグインが固まったうえで、サイト運営をしていく中で自分に合ったプラグインを追加していきましょう。

Diver推奨プラグイン(公式オススメ)

Diver(公式)が推奨しているプラグインが2つあります。

この2つはインストールをしておくべきと、Diver公式でもいってるのでインストールするべきです。

下記プラグインは必ずインストールしてください。

Diver初期設定ガイド

1．WebSub/PubSubHubbub

記事を投稿した際にクローラーに素早く連絡をしてくれるプラグインです。

クローラーとはあなたの記事を検索エンジンに登録してくれるロボットのことで、このロボットがサイトに来るタイミングは気まぐれなので呼んであげる必要があるという事です。

簡単に設定できるSEO対策です。

fa-cogs設置方法

詳しい設置方法は以下の記事をご覧ください。
>>WebSub/PubSubHubbubの効果と設定方法

2．Google XML Sitemaps

Googleの検索エンジンに向けて設定するサイトマップで、サイト構造をロボットに知らせることができます。

こちらも、簡単に設定できるSEO対策の一つです。

fa-cogs設置方法

詳しい設置方法は以下の記事をご覧ください。

この記事ではユーザー向けとGoogle向けのサイトマップの設置方法が書かれています。

>>サイトマップの設置意味とSEO効果｜サクッと作れる画像解説付き

Diver非推奨プラグイン(入れる必要がない)

Diverとは相性が悪いプラグインの紹介です。

最悪の場合、機能が使えないどころかテーマ自体が壊れる危険があります。

以下の2つはインストールを行うのは絶対にやめましょう。

この2つはDiverですでに実装されている機能になります。

今あるもの機能を追加して、壊れてしまっては何の意味もありませんね。

おすすめプラグイン

個人的におすすめプラグインを９つ紹介します。

簡単にそれぞれの説明をしていきます。

1．Contact Form 7

問い合わせページを簡単に設置をするプラグインです。

問い合わせページはGoogleアドセンス合格の為の必須事項になります。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>＞問い合わせフォームの作成方法｜Wordpressプラグイン Contact Form 7 

2．Table of Contents Plus

記事中に自動で目次を作成するプラグインです。

目次があることでユーザーが記事の全体像を把握することができるようになります。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>>目次の自動作成プラグイン『Table of Contents Plus』の設定方法と使い方

3．PS Auto Sitemap

ユーザーに向けてのサイトマップの作成ができるプラグインです。

『サイトにあるページ全てが簡潔にまとめられているサイトマップ』はユーザーに重宝されるもの。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>>サイトマップの設置意味とSEO効果｜サクッと作れる画像解説付き

4．EWWW Image Optimizer

WordPressにアップロードした画像を自動で圧縮するプラグインです。

画像を圧縮することは表示速度を上げることにつながり、ユーザーの離脱率を下げてくれる効果があります。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>>EWWW Image Optimizer の設定・使用方法｜画像最適化で表示速度UP

5．Classic Editor

記事の投稿画面を旧エディタへ変更することができるプラグインです

新しいWordpressのエディタは使いにくいとも言われているので、両方に切り替えられるようにしておくのがいいでしょう。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>>Wordpress投稿画面を昔のエディタに変更する方法｜編集画面が違うと悩んでる方必見

6．WP Fastest Cache

Webサイトのページ読み込み時間を短縮するプラグインです。

必要ないデータの削減(キャッシュ系の削除)を行い表示速度を速める役割があります。

サイトスピードを上げることはSEO対策の１つになるので、対策をとっておくことがオススメです。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>＞WP Fastest Cacheの効果と設定方法｜Wordpressプラグイン

7．Autoptimize

HTML・CSS・Java Scriptの最適化をおこないます。

これらを最適化をすることでサイトスピードを上げることができます。

こちらもSEOの対策では必要です。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください。

>＞【サイト高速化】Autoptimizeの効果と設定方法｜Wordpressプラグイン

8．AddQuicktag

記事を書くときのHTMLコードのお気に入り登録のようなものです。

このプラグインにHTMLコードを登録しておくことで、記事を書くスピードが上がること間違いなしです。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をご覧ください

時短ツール『AddQuicktag』の使い方｜時間を削ってブログを書く

9．AdSense Invalid Click Protector

あなたのサイトをアドセンス狩りから守ってくれます。

Googlアドレスが停止して収益減になってしま危険があるので、対策としてとっておくべきです。

fa-cogs設置方法

設置方法と詳しい内容はこちらの記事をどうぞ

>>【アドセンス狩り対策】AdSense Invalid Click Protector設定で回避

あってもいいプラグイン

ここからは補足です。

インストールしておくと便利です。でも、なくてもいブログはできるといプラグインになります。

Search Regex

文字の一括変換を行うことができます。

文字を変更したいときや、画像のパスを変更したいときに、1つ1つ記事を開いて編集をしていたら時間がいくらあってもたりません。

このプラグインを使うことで、Excelの一括置換と同じ要領で文字の変換を行うことができます。

詳しくはこちらをどうぞ

WordPress で文字の置換を一括で行う方法【一括変換プラグイン】

2020.4.19

オタマジャクシ ・記事の内容を変換する方法ないの？ ・一括で全部書き換えたい！ この疑問にお答えします。 Wordpressで、書いていた記事の内容を１度に置換(変更)をしたいという事はないでしょうか？ Microsoftの『Word・Excelとう』では『「Ctrl」キーを押しながら「H」キー...

>>Wordpress で文字の置換を一括で行う方法【一括変換プラグイン】

Phoenix Media Rename

画像のファイル名を変更することができます。

ファイル名もSEO効果があるため、ファイル名を適当につけてしまってると損をしています。

こちらのプラグインで画像のファイル名を変更しましょう。

詳しくはこちらを

アップ済みの画像ファイル名を一括変更する方法｜Phoenix Media Rename

2020.4.28

オタマジャクシ アップ済みの画像ファイル名を 「Table of Contents Plus」の使い方が知りたい こんな疑問や悩みを解決していきます。 画像ファイル名（タイトル）は画像管理とSEO視点でしっかりと設定をすべきポイントです。 ブログはじめたての頃には軽視しがちの画像ファイル名（...

>>アップ済みの画像ファイル名を一括変更する方法｜Phoenix Media Rename

Rinker

沈黙のWebライティング ーWebマーケッター ボーンの激闘ー

created by Rinker

• Amazon
• 楽天市場
• Yahooショッピング

このようなアフェリエイトリンクを一瞬で作ることができます。

ちなみにこの本を読むと、あなたのブログが売れるブログに変わります。

まとめ

WordPressテーマDiverに『入れた方がいいプラグイン』『入れるべきでないプラグイン』を紹介しました。

fa-arrow-down入れた方がいいプラグインです。

fa-arrow-down絶対に入れない方がいいプラグイン

少しでも参考になれば嬉しいです。

という疑問や悩みを解決できる記事になっています。

SNSで自分の顔を出すのは抵抗ある！！って人は多いと思います。

僕自身は副業ブログをしているので、顔を出すのは抵抗があります。
それはツイッターでも同じです。

そこでオススメしたのが『ココナラ』というサービスです。
知識やスキルを売り買いすることができます。

僕も実際に使ってみたので
感想も踏まえて、レビューをしていきたいと思います。

ココナラって何？

ココナラは、「知識・スキル・経験」を売り買いできる場所です。

友達にお願いをするように「得意な何か」をやってもらえる人を見つけることが簡単にできます。

以下に簡単にココナラの気になる点をまとめました。

気になる安全性について

身バレ

やり取りは1対1で非公開、匿名も可能で不安になる点は1つもありませんでした。

金銭のやりとり

代金はサービス提供が完了するまでココナラが預かっています。

万が一ドラブルや、キャンセルをした場合、サービス提供がされない場合には全額返金され点も安心です。

fa-exclamation-triangle注意

安全とはいえ、個人間のやり取りになります。

出品者のページには利用した人のコメントや評価、
販売実績やお気に入り登録者数などが表示されています。

信用できる出品者かのチェックは忘れないようにしましょうね

僕自身はこんな悩みがあり『ココナラ』を利用しました。

そんな悩みが解決される場所、それがココナラです！

この人だ！！って人が見つかれば即依頼するのがおススメです。
僕の場合はイラストに一目ぼれしました(笑)

あらかじめ登録しておいて、運命の人が現れたら即依頼というのも手ですね 。

アイコンが欲しくなった理由

僕がアイコンが欲しくなったのは
オリジナルのイラストの方がメリットがあると思ったからです。

親しみやすさが欲しかった

アイコンが、不思議な画像だったり、怖い人だったりするとフォローするのをためらいませんか？
ちょっと、連絡を取るのに抵抗がでたりしませんか？

僕はためらっちゃうんです・・・

だからアイコンから変な先入観が入ってしまうのを避けるためにアイコンを作ることにしました。

※ただし、顔出しもいいでしょうが、圧倒的に認められていない状態では今は不利だと考えました。

顔を出すのは後でもいいかな～と

ブログの閲覧者とツイッターのフォロワーを増やしたかった

「ちょっとでも目を引いてもらえるといいかな」という安直な理由です。

ブログはTwitterは文章で自分の気持ちを伝える世界。

柔らかい雰囲気で物を伝えるサポートもしてもらいたいと考えました。

自分だけのキャラクターが欲しかった

誰かと一緒じゃつまらない！この一言に尽きます。

せっかく始めたブログとツイッターは「とことん自分色に染めていきたい」と思うものです
全部がフリー素材では個性の差を作るのは、凡人の僕には難しいなと思った次第です

無料でも作れるものはありますが

無料アプリで作ると「あ、これ無料アプリで自作したな」って思われがちですね・・・汗

なので僕もお願いしたように「有料でもプロに頼んでイラストを手に入れる」ことを推奨します。

『ココナラ』なら自分の予算に合わせて依頼主を探せるもいいポイントです！

アイコン依頼の方法

fa-arrow-downココナラTOPページからアイコン作成のカテゴリを選びます

fa-arrow-downアイコン作成のページを開くとずら―――っと、イラストレーターさんの依頼ページが表示されます。

ほんとに皆さん、個性的なイラストで
いているだけでも楽しくなります♪

自分の『SNSやブログのアイコン』がこんなに素敵になったら嬉しくなりますね♪

僕の場合は、絶対にこれ！！って感じの一目ぼれでの決定でした！！

fa-arrow-down依頼するイラストレーターさん決定後に、購入画面にすすむで依頼ができます。

依頼前の登録も『一瞬』なので、ストレスなく始めることができます。

実際のやり取り(アイコン制作)

僕がイラストを依頼した流れはこんな感じでした。

1_商品購入

ココナラへの無料会員登録後
ここから購入になります。

今回の金額はこんな感じでした。
基本1種作成　：2,000円
別パターン＋5　：4,000円
合計６,000円での依頼となりました。

欲張って5種類追加しましたが
1種類であれば、2,000円です！

一生自分の物になると思うと、このクオリティーでこの値段なら大満足です。
消耗品じゃないのがいいですね！！

2_依頼内容送信

商品購入後はクリエイターとの1：1のトークルームが表示されるようになるので、
以後のやりとりはトークルーム内で行います。

このようなテンプレートに沿って依頼を内容を送信しま。

以下がざっくりとした依頼内容です

自分の思いえがくデザインをどれだけ明確に言葉で伝えられるかがポイントです！

2_線画の確認

イラスト線画の確認にはいります

fa-arrow-down初めはこんな感じ

おおおおお！！

素晴らしすぎる！！

「こんな雰囲気でつくってくれるんだ！」というイメージ通りのカエルさんを書いていただけました！

3_修正依頼

色々と依頼をしてしまいました！だって、妥協したら一生愛せないかなと思って笑

修正依頼内容はこんな感じ

細かい依頼にも、とても臨機応変に快く対応して頂きました。

ありがとうございます＞＜

4_修正案の確認

fa-arrow-down修正依頼後はこんな感じになりました

うおおおおお！！

キャラクター感がましてる！！

かわいさも抜群に上がっている！！！

世界に自分だけのイラストってかんがえると、嬉しくて嬉しくてしかないものです。

早く色のついた姿が見たくなります♪

5_色の確認

色も思ったとおり！！！ほっぺがカワイイ

そもそも、色についてはセンスがないので任せっきりにしようと初めから決めてました(笑)

6_最終確認

あとは個別に1枚1枚の色付きのイラストの納品完了です。

工程完了後はクリエイターさんの評価をつける画面がでます。丁寧に回答しましょう！
もちろん

です！

もう一生大切にしていきます！！

実際のやり取り(アイコン制作)

今回アイコンの作成をお願いした
細字ゆうかさんの出品ページがこちらです

画像を押していただけら細字さんのページに飛びます。

⇩【Click】ゆうかさんのページ

他に買えるもの

物凄いたくさんの、皆さんの「知識・スキル・経験」を売り買いできるようになっています。

『占い』や『恋愛相談』も楽しそうですね♪

ココナラのサービス内容を
もっとみる＞＞

最後に

今回は『ココナラ』でのアイコン作成の流れをご紹介しました

なんと、今なら！！

こちらをクリックしてこの機会にぜひココナラを利用して

招待コードの欄に「mdgs7k」と入力して、
本人認証をしていただくと、
ココナラで使える300ポイントがゲットできます
(1ポイント=1円で利用可能)

ただし！

カエルにも300ポイント入るのです。
ふざけんな～～！ゼッタイ嫌だよ！！という方はコードを入れなくて大丈夫です｡(笑)

ちょっとでも、得になればと紹介しました～

最後まで読んでいただきありがとうございました。

今回は僕が気に入りすぎている

WordPressテーマ『 DIVER（ダイバー） 』のレビュー

をさせてください

あなたがDIVERに今は興味がなかったとしても、これを機にDIVERの良さが伝わったら大満足です！

え？きびしいね・・・
でもね、このテーマに関しては好きが溢れちゃうのです♪
許してください！

DIVERは最高のワードプレステーマ

少し過去の話をします。
僕はネットの世界はどうも抵抗があり踏み込めないでいました。

というのも機械音痴だからです(-_-;)
紙面上では考えをまとめられても、PC上では整理ができません。
操作が周り比べて遅かったです。
あげくの果てには、なぜかPCは止ります・・・

パソコン苦手なポンコツ野郎だった僕が

今は

こんな感じにいっちょ前にブログを書いています。
パソコンを触るのが楽しいんです♪

そんな僕のブログの相棒となる
WordPressテーマは

「DIVERfa-external-link」

一筋でやっています！！！

DIVERは、
こんな人にオススメできるワードプレスのテーマになっています。

なんで有名テーマを買う必要があるのか？

有料テーマは質が良い

他のテーマと比較の魅力

DIVERのおすすめポイント・メリット・デメリット紹介

メリット・デメリットをお伝えします。

デメリット

DIVERへの好きが溢れすぎてしまっていますが
そんな僕がデメリットに感じた3点をお伝えします。

価格が高め

他のテーマに比べて、DIVERは17,980円と少し高めです。

しかし、無料テーマでは有料カスタマイズが必要な事が「DIVERfa-external-link」には、元から含まれています。追加で金額を払わなくて済みます。

ブログを1年(360日)続けたとすると、１日あたり49円の収入があれば回収できます。
『Googleアドセンスの収入』と『＋αの収入』があれば元をとれるとも考えました。

そもそもブログを事業と考えると、ここまで初期投資が低い事業はないと思います。「値段を検討材料にする意味はないのかもしれないなぁ」と感じるときも

でも、僕はお金持ちではないので↓こう決意をして「エィッ、ヤッー」と購入！
高い金額を払うことで『元をとりかえす！』エネルギーになると考え、お金で今後の行動も買いました。

実際に行動につなげられているので正解でした。

関連記事タダ病のあなたが知った方がイイお金を払うメリット

機能が多すぎる

正直な話をしますが、僕のような完全初心者には何がなんだかわからない機能多いです。

使い方がわからない機能が多すぎます・・・
これからどんどん進化の余地があると言えばメリットですが、あつかいきれません(笑

テーマ「DIVERfa-external-link」のイメージは『王様』だと僕は思いました。

「できるもんなら、この多機能を使いこなしてみろ」・・・的な(笑
でもね

「わからなかったら、いつでも助けるぜ(問い合わせ対応あり)」のツンデレです！
・・・・惚れてまう！！！

機械音痴のブログ初心者がDIVERの機能で使える範囲のみで作ったサイトを乗せておきます。
開始1か月程でこんな感じになりました。↓下の画像を参考にしてみてください。

DIVERの機能一覧≫

DIVER仲間が少なめ

価格帯が手ごろな『JIN』や『SANGO』を使っている人が多いです。
DIVERは少数派でしょうか？

カスタマイズについて、
ブログ仲間に聞いてもわからないことが起きるかも？

しかし！！！あとで紹介しようと思っていましたが
『開発者へ直接連絡が取れる無制限・無期限サポート』がついています。
返信も1日以内という神対応！！！僕は困ったことがありません♪

メリット

逆に、DIVERを使用して優れていると感じた5点を説明します。

YouTubeとの相性がいい

DIVERではYouTube動画をアイキャッチ画像に張ることができます。

『ブログのサムネイル』は『Youtubeのサムネイル』から自動で取得されます。
もちろん、サムネイルの画像を別のものにしたい場合は別の画像を設定することも可能です。

サムネイルを『動画用』と『ブログ』で1つずつ設定をしなくて済むのは効率的です！

記事を読みに来た読者がYouTubeを再生できるわけですから
読者に「動画でこの記事を見ようかな？」「文章で読もうかな？」と選ぶ楽しさを提供できます。

伸びる動画市場を見越して「YouTube＋ブログでやっていくぞ！」
と考えている方は「DIVERfa-external-link」はとてつもなく魅力的なテーマです。

先を見ているのであれば、他のテーマにはない機能をもつDIVERを使わない事は損をすると言いきれます。

複数のサイトで使用できる

ブログで収益を得ている人は複数のサイトを運営しています。
よく知るブロガーの方は、何個かサイト持っていませんか？

これからブログの魅力に取りつかれ、将来的には複数サイトを作るようになっていると思いませんか♪

未来のことを考えると絶対に使いまわせた方がいいに決まっています！

Diverは一度購入すれば複数のサイトで使い回しがOKです。
2個目からはお金をかけずに作ることができてしまいます！

つまり、3つサイトを作れば、1サイトにかかる費用は6000円程
サイトを作るたびにテーマを買っていたら、最後には損をしていた汗
なんてこともあるかも・・・

感覚的に操作できる

入力補助のクオリティが高いのがDIVERの良さです
これからアフェリエイトを行うとなると、装飾にも気を使うことになるでしょう。

DIVERであれば、画像のように直感で捜査を行えます。
装飾の時間を削ることができれば、記事の内容を深められ、報酬を上げる可能性をグンと高めることができます。
他テーマの使用経験があるDIVER使用者は、この入力補助のことを『神』と崇めます！

レイアウトもHTMLやCSSを全く触らずに直感的に変更ができてしまします。

SEOを心配する必要がない

誰かに読んでもらえなくては、せっかく書いた記事に価値がつきません。
そんな大切なSEO対策に必要な機能がDIVERにはデフォルトでほとんど含まれています。

他のワードプレスのテーマであれば何十個もインストールしないといけないのですが
その手間が必要なくブログを書き始められることができます。

※DIVER開発陣は、数十のサイトを運営しながら、そのノウハウと技術力でサイトを受託制作したり、コンサルティングしたりとウェブの最前線で戦ってきたチームです。

アフェリエイトに特化している

アフェリエイトに特化したテーマになっています。

＼アフィリエイトに最適化されたテーマ／

無期限・無制限のサポート付き

DIVERのおすすめポイント

「DIVERfa-external-link」のいいところは山ほどありますが、

個人的に特に気に入っている点を紹介します。

美しいサイトが簡単にできる

DIVERはカスタマイズによって、さまざまな雰囲気のサイトをつくることができます。
かっこいいデザインから、かわいいデザイン、それだけ様々な機能が装備されているテーマです。

それができるんです♪

利用者が少ないDIVERで、これだけバリエーションがあれば他のサイトとかぶりません。
個性がある人の方が注目を浴びるように、サイトでもオリジナル性が高い方が読まれやすいです。
安い物を持つ人は多く、高い物を持つ人が少ないのは当たり前ですね。だから価値が高いんです！

下記のページにデザインの具体例が載っています。

DIVERのデザイン例≫

初心者にも記事が書きやすい

入力補助というブロック型の画面から、やりたいことを直感的に選んで記事が書けます。
CSS？（なんかおしゃれにする、英語・・・）が全く分からなくても
ブログになっちゃいました。

初心者にとっては記事数を増やしていきたいものです。
記事を書くことだけに集中できる理想的な環境をDIVERでは手に入れることができます。

他のテーマよりも記事の装飾にかかる時間が短くなるのは間違いないです
※他のテーマでは、プラグインの導入だったり、ここまで直感的に操作できるものはありませんでした

サポートが充実している

サポート体制に関してはDiverは異常なくらいの神対応です。
その理由は2点です。

初心者にとって『テーマのサポート体制』は重視するポイントです。
プロにいつでも質問ができる環境は成長スピードにも関係あります。

他のテーマはわからなかったら、お問い合わせ見てみてくださいね～

関連記事DIVERの問い合わせサポートがすごい！神対応

ブログで結果を出していきたいなら『DIVER』がおすすめ！！

最初は悩みました。だって高いし・・・・

結局、Diverを使い始めたらやっぱり最高！ってなります。

初心者の僕も、記事を書くこと以外のストレスなく
楽しくブログライフを送っています♪

『DIVER』でブログの海の中を深く深く潜っていく確信があります。

WordPressテーマ「DIVERfa-external-link」は以下のような人に最適なテーマです。

考えてみてください

「あなたのサイトがおしゃれになっている様子を」

「あなたのサイトがみんなに見られている様子を」

行動を起こせば、結果はついてきます！

少しでもDIVERについて知る機会になっていたら嬉しいです。

＼本気のWordpressテーマ／

無期限・無制限のサポート付き

最後まで読んでいただきありがとうございました！！

関連記事

DIVERの問い合わせサポートがすごい！神対応

2020.3.6

ちゃんと連絡って返ってくるの？ サポートって必要？と気になっている方の疑問を解決になります。DIVERの『サポートレベルは高い』と自信をもって言えます。それは・サポート範囲が無期限・無制限・返信が異常に早い・サポート内容が的確だからです。『DIVER』問い合わせサポートの対応は神対応という意味が分か...

WordPressテーマ ”DIVER” をブログ開始後すぐに選んだ理由

2020.3.13

オタマジャクシ ブログ始めたけどテーマに悩むな～ 初めたての人が何を考えてdiverを選んだか知りたい こんな疑問や悩みを解決できる記事になっています。 ブログを始める時って『有料テーマにする？無料テーマにする？』と悩みますよね汗 有料テーマにする！って決めた後は 『有料テーマを何にしようか...