ブログで稼ぐためには、広告収入が主なものになります。もちろん自分の商品を持っている人はまた違うアプローチになりますが、一般の方は企業やお店の宣伝広告をブログに貼り付けることになります。

その中で初心者でも稼ぎやすいアドセンスですが、全部のページ数か所に広告を貼るので広告のコードをわざわざ入力していたのでは効率が悪いですし、適当に貼ってしまうと効果が得ることができません。

そこで、WordPressのブログに簡単でなおかつ効果的にアドセンス広告を挿入する方法をいくつかお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

WordPressへ広告の貼り方

初心者のうちは、ひとつの方法しか頭に浮かばないと思います。実際私もそうだったのですが、Wordpressを導入していると、ご存知のようにWordpressの機能を拡張できるプラグインで広告を挿入する方法があります。

WordPressでないブログやHTMLの場合には、ダイレクトにアドセンス広告を差し込んでいくことになりますが、Wordpressを導入しているブログに関しては、プラグインにするのかテーマに決められた配置場所が最初からついている場合があります。

ここではざっくりとどういうことなのかメリットデメリットも併せて説明していきます。

1.　広告コードをそのまま記事に挿入　「Wordpressプラグインなし」

これは手動で記事の中に埋めこんでいく方法です。Googleアドセンスから配布されたコードを記事を書きながら、もしくは書いた後に必要な位置に配置していく方法です。

どんな人向き？

HTMLとCSSで構成されるWordpressのCMSを使っていないホームページのようなものを使っているか、もしくは超初心者でまだプラグインの設定などができない人向きか、アフィリエイトなど広告をサイドバーとCTAなど決まった場所に貼る場合はこの方法でも問題ないでしょう。

この方は、シンプルですが1記事ごとにいちいち貼り付けないといけないので面倒ですがシンプルな操作になるので初心者にはわかりやすいですね。

ただし最大のデメリットは、広告コードに変更があった時には、これまで手作業で貼り付けた広告をひとつひとつ変更していかなければいけないので手間がかかります。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

2.　プラグインを使って広告コードで挿入　「Wordpressプラグインあり」

WordPressをダウンロードして使用している場合には広告挿入用プラグインを導入してあらかじめ設置場所に広告コードを登録しておきプラグインが生成したショートコードを記事に入れていく方法です。

どんな人向き？

一般的なアドセンスブログやトレンドブログのように1日に何記事も更新する人や、ABテストのように広告の配置や種類を頻繁に変える予定の人など。

プラグインを導入し、あらかじめアドセンス広告を設置しておくので、貼り付ける時間は必要なく、効率よく記事を更新していくことができます。

3.　導入テーマで広告をカスタマイズ　「Wordpressプラグインなし」

THE THORのように、テーマ本体に広告設置のためのカスタマイズ部分が含まれているものはわざわざプラグインを入れるまでもありません。

テーマを導入して設定だけすればOK。

どんな人向き？

プラグインの設定が難しいと感じる初心者やほんの少しでもブログに負荷をかけず表示速度を早くしたい人、稼ぐブログにしたい人

広告の貼り付け方には3つ方法があるとご説明しましたが、ここからはどのように貼り付けるのか具体的な方法を説明していきます。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

WordPressへ広告の貼り方　具体的な方法　「直接貼り付け」

アドセンスの場合では少し面倒にはなりますが、ブログにまだ慣れていない場合などは、この方法で配置してみてください。

投稿記事に貼り付ける場合

直で貼り付ける場合には、HTMLの画面にしてから広告コードを貼り付けます。

1.　エディターの「テキスト」モードにする

投稿ページには「ビジュアルモード」と「テキストモード」があります。テキストモードとは、主にHTMLで構成している部分です。

アフィリエイト広告にしろアドセンス広告にしろテキストモードにしておかないと広告が反映しませんので注意です。

2.　アドセンスorアフィリエイトのコードを貼る

広告コードを自分が挿入したい部分に貼り付けます。

直接貼り付けの場合には、広告コードそのまんま貼り付ければよいのでシンプルで簡単です。

サイドバーに配置する場合

アドセンス広告はあまりサイドバーに貼ることはありませんが、アフィリエイト広告は目立つ場所なのでよく貼り付けます。

特にサイドバーの一番上は、目立つ場所ですのでプロフィールなど配置しているのはそのせいです。

▼　外観　⇒　ウィジェット

ウィジェット画面でまず「テキスト」という名前を探してください。見つけたら、▼マークをクリックすると「サイドバーのエリア」が出てきますのでクリック。

サイドバーエリアにテキストが入りますので、▼マークで展開します。

タイトルについては入れても入れなくても可。「おすすめ」などの言葉を入れてもよいでしょう。

うまく配置できると以下のようになります。

使用テーマ： THE THOR

WordPressへ広告の貼り方　具体的な方法　「プラグイン」

アドセンスをしている方なら、広告直貼りの面倒さはご存知だと思います。記事を書くたびにコードをコピペして配置するのはかなり大変。

特に、アドセンスは1記事に3広告程度（それ以上も可能）配置しますのでいちいち挿入するのは面倒ですし、忘れることもしばしば・・・

そんなときにプラグインを導入しておき、短いショートコードだけ入れるようにしておけばすごく楽です。

このプラグインは実際使っていてとても使いやすかったのでご紹介します。アドセンスの広告コードを複数設定できますので、形が違うものを同じ記事に入れたい場合などには便利です。

アドセンスをしていて、このプラグインで効率が飛躍的にあがりました！

AdSense Plugin WP QUADSの導入

プラグインの導入方法は同じです。ダッシュボードからプラグインの画面を開いてください。

▼　外観　⇒　プラグイン　⇒　新規追加

プラグインの導入方法は、どのプラグインでも同じですので覚えておくと便利です。

プラグイン導入の手順

1. 新規追加画面の右上の検索窓に「AdSense Plugin WP QUADS」と入力
2. 出てきたら今すぐインストールをクリック
3. 有効化をクリック

上記手順を画像を交えて説明していきます。

新規追加画面の右上にある検索窓に「AdSense Plugin WP QUADS」と入力すると以下のような画面が出てきます。

この「今すぐインストール」をクリックし、次の画面に出てきた「有効化」をクリックします。

プラグイン「AdSense Plugin WP QUADS」の設定方法

プラグインを導入したら、最初に設定をしていきます。

▼　ダッシュボード　⇒　WP QUADS　⇒　Ad settings

アドセンスの広告を配置していく

AdSense Plugin WP QUADSの設定手順は、広告を設置してから記事のどの部分に配置するのか設定します。

1. 広告コードと配置位置を設定
2. 記事のどの部分に設置するのか設定

設定画面の「ADS」の部分で広告を設定します。

「ADS」の画面にあるAd1～Ad10までありますので、大きさの違う広告などはここで配置しておきます。

広告の横の位置（左、真ん中、右）をここで決めます。

▼　「ADS」⇒　「General & Position」

「AdSense Plugin WP QUADS」の配置は4つだけを覚えておけば大丈夫です。

• 記事上
• 記事中
• 記事下
• 続きを読むの後ろ

アドセンスの場合には、これらの位置を設置しておけば間違いありません。広告は記事にありすぎても意味がありませんので、3か所+αで十分です。

今回、わかりやすいようにアフィリエイト広告を設置してみましたが、以下のようになります。

↓　右側の「+」をクリックすると展開します。

アフィリエイト広告を設置した図

使用テーマ：THE THOR

この設定をしておけば、記事を書いたときに手動で広告を入れる必要がなく時間短縮にもなります。

WordPressへ広告の貼り方　具体的な方法

WordPressのテーマには、プラグインを入れなくても最初から広告を設置するためのカスタマイズができるものがあります。

複数のテーマを使ってきて使いやすかったのが「THE THOR（ザ・トール）」です。ここではTHE THORの広告の設置方法をお伝えします。

↓　THE THORの具体的な広告カスタマイズの記事もありますのでよろしければご覧ください。

関連記事【THE THOR使い方】ザ・トールカスタマイズ機能別マニュアルまとめ！【ワードプレステーマ】

アーカイブページに広告を設置

アーカイブ一覧の部分に広告を設置するとこのようになります。一度設定しておけばアドセンスの関連記事のようになりますのでクリック率もあがります。

使用テーマ：THE THOR

個別ページに広告を設置

個別ページにも対応しています。

↓　右側の「+」をクリックすると展開します。

タイトル

使用テーマ：THE THOR

こちらで設定をすると記事下にレクタングルを横並びに2つ広告を設置することが可能です。

WordPressへアドセンス広告等の貼り方　　まとめ

アドセンスを始めたばかりの頃は、ブログを検索上位にするためにある程度の記事作成は必須です。ひとつひとつ広告を設置していると手間ですし、時間も取られてしまうので最初にプラグインもしくは広告設置機能がついているテーマを導入してしまうとかなり楽になります。

特に多くの記事を更新するアドセンスでは効率化も必要ですので、ご自身にどのやり方があっているのか比べてみてください。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

WordPressの機能を拡張することができるのがプラグインです。Tinymce advancedは、ブログ記事を作る上でとても便利な機能をもっています。

Tinymce advancedの使い方をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Tinymce advancedとは？　【Wordpressプラグイン】

Tinymce advancedとは、ビジュアルエディターでブログに書かれる文章などを装飾することができるプラグインです。装飾以外にも、例えば記事を書いていて間違いがあり元に戻りたい～なんてこともこのプラグインでできます。

難しいHTMLを使わなくても簡単に装飾できるパーツを自分好みに配置もできるので記事を書く時間も短縮できます。

デフォルトの編集メニュー（なにも入れていない初めの画面）

このままでも使えないことはありませんが、要素が少ないのでできることをプラグインで増やすと以下のようになります。

Tinymce advanced導入後の編集メニュー

なんとなく似ているので、わかりづらいかもしれませんが、パーツが増えているのがわかりますでしょうか？

黄色の蛍光部分は、導入後に設置したものです。

太字やイタリック文字など基本的な要素以外に多くの装飾や使い勝手の良いパーツが増えるのでかなり便利です。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

Tinymce advancedでどんなことができるの？【Wordpressプラグイン】

Tinymce advanceでできることを表にしてみました。

その他、ページを繰り越す時の「続きを読む」や、入力したものを前の段階に戻してやり直す時の「取り消し」や表（テーブル）の挿入や、画像の取り込みや動画の取り込みなどもパーツとして編集メニューに加えることができます。

Tinymce advancedの使い方　1.　「インストール」

Tinymce advancedのインストールをしていきます。プラグインの導入方法はほぼ同じです。

▼　ダッシュボード　⇒　プラグイン　⇒　新規追加

「プラグインの追加」の画面が出てきたら、右側の検索窓に「Tinymce advanced」と打ち込みます。

数秒待てば、以下の表示が現れます。

この画面が出てきたら、「今すぐインストール」をクリックし、「有効化」をクリックします。

Tinymce advancedの使い方　2.　「設定」

プラグインがインストールできたら、次に設定をしていきましょう。初心者でも簡単に設置することができるので、ぜひ使ってみてください。

2018年12月6日、Wordpress5.0が更新されブロックエディタのGutenbergが導入されました。ただ、あまりにも見た目が違いますので、プラグインClassic Editor（クラッシックエディター）を使って元のエディターで作業している方もおられると思います。

Tinymce advancedの使い方　3.　「2つの初期設定方法」

今までのエディターClassic Editor（旧エディター）で慣れている人にGutenberg（グーテンベルク）はあまり評判はよくありません。

今現在はWordpressを新規でダウンロードしたり更新するとGutenberg（グーテンベルク）のエディターになるのですが、使いづらいのでプラグインを使ってTinymce advanced使っている人もいるということです。

つまり、今現在「Classic Editor（旧エディター）」と「Gutenberg（グーテンベルク）」の2つのエディターがあるのでプラグインTinymce advancedでは2つのエディター設定に分かれています。

Tinymce advancedの2つのエディター用設定

Tinymce advancedでは、2つのエディター用の説明をしていきます。設定場所までのアクセスは同じです。

▼　設定　⇒　Tinymce advanced　

エディター設定では「Block Editor (Gutenberg)」と「Classic Editor (TinyMCE)」のタブがありそれぞれ分かれていますので、どちらを使うのかで選んでください。

Tinymce advancedの使い方　4.　「Classic Editorの設定方法」

こちらは従来のエディターでブログ作成している場合の設定です。

クラッシックエディター Classic Editor (TinyMCE)の方のタブを選んでください。

↓クリックで拡大

ここにあるパーツでよく使うものをドロップ＆ドラッグにて追加していきます。

Tinymce advancedの使い方　4.　「Block Editor (Gutenberg)の設定方法」

新しいエディターで作業している場合の設定です。

Gutenberg（グーテンベルク）のエディターでは、ツールバーを作業の都度変更ができます。なのでTinymce advancedでも2種類の変更ができるようになっています。

設定場所の全体像

↓クリックで拡大

項目が多いので、見た目に面倒そうなのですが、実際変更する部分は以上のところだけで問題ないでしょう。

Gutenberg（グーテンベルク）では、ブロックエディターもクラッシックエディターも両方使えるので、2つ設定ができるようになっています。

クラッシックエディターは、前章と同じなので割愛します。

ブロックエディター設定方法

メインのツールバーに必要なツールを追加していきます。ブロックエディターには以下の項目があります。

• Main toolbar（メインツールバー）・・・メインのツールバー部分
• Altermative side toolbar（サイドツールバー）・・・右にあるサイドツールバー
• Unused buttons for the blocks toolbars・・・使わないツールをココに置く

記事を書く上で必要なツールをドロップ＆ドラッグで項目に追加していきます。

↓クリックで拡大

今回追加したものを、実際のGutenberg（グーテンベルク）のエディターで使ってみると以下の画像のようになります。

エディター設定「各種設定」

ここまで、ツール項目を追加する方法を説明してきました。Tinymce advancedはツール項目を追加するだけでその他の設定についてはデフォルトのままで問題ないでしょう。

1.　Append all buttons to the top toolbar in the Classic Paragraph and Classic blocks.

Gutenberg（グーテンベルク）で記事作成する場合に、ココにチェックを入れることでクラッシックエディターが一番最初に出てきます。

2.　リストタイトルオプション

箇条書きのリストの項目で、丸だけではなく四角・英大文字などの項目を追加したい場合にここにチェックを入れます。

3.　コンテキストメニュー

編集する画面で右クリックをするとテーブルを挿入できるようになります。

4.　代替えリンクダイアログ

記事にリンクを追加するときに、Tinymce advancedの設定画面が出てきます。

5.　フォントサイズ

フォントサイズが設定できます。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

WordPressでブログを作る際に日本人向けならば日本語で文章を作ります。日本語フォントのソフトも目を引くものもありますが個性的なフォントはデフォルトでは入っていません。

そこで、WordPressで文章を作るときに日本語のフォントが複数選べるようにプラグインをご紹介します。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

WordPress日本語フォントの無料プラグイン一覧

ここでご紹介するのは、複数の日本語フォントを使いこなすプラグイン、Googleフォントを呼び込むプラグイン、そしてエックスサーバーのユーザーの人に用意されたプラグインを3種類ご紹介します。

• Japanese Font for WordPress・・・日本語フォントを追加
• Easy Google Fonts・・・Googleフォントを簡単に使う
• TypeSquare Webfonts for エックスサーバー

最近、Googleフォントでも日本語対応がされているようなのでどんなものなのかということもお伝えしていきます。

文字ってブログ記事に直接関係ありませんが、ブログのジャンルにピッタリのフォントを選んでいる記事は思わず読んでしまいます。

それぞれのプラグインのインストール方法

それぞれのプラグインの導入方法は同じです。

▼　プラグイン　⇒　新規追加　⇒　プラグインの名前で検索　

1. インストール
2. 有効化

ここまでのプラグインの導入方法は全て同じです。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

日本語フォントの無料プラグイン1.　「Japanese Font for WordPress」

デフォルトでも日本語フォントが入っていますが、特殊なものはありません。そこで、少し変わった日本語フォントを追加するためのプラグインが「Japanese Font for WordPress」です。

導入前

導入後

私もアイキャッチの作成の時にふぃ字やたぬき油性マジックなどよく使うのですが、特徴のあるフォントを使うことができます。

Japanese Font for WordPressで追加される文字

ふぃ字
Noto Sans Japanese
太字な Noto Sans Japanese
細字な Noto Sans Japanese
エセナパＪ（esenapaJ）
ほのか丸ゴシック
こころ明朝体
青柳衡山フォントT
たぬき油性マジック

Japanese Font for WordPressは特に難しい設定等は必要なく、インストールすると上の表の文字が簡単に使うことができます。

ただし、最初からフォントを使えるテーマなどが入っている場合には競合できない場合もありますので、もしうまく動かない場合にはテーマを変更してみてください。

日本語フォントの無料プラグイン　2.　「Easy Google Fonts」

違うモバイルでも統一したフォントとなるGoogleフォント。端末によってはフォントの見え方が違うために気になっている方も多いのではないでしょうか。

Googleの共通フォントが簡単に使える「Easy Google Fonts」をご紹介します。

出典：Google

先の手順で「Easy Google Fonts」をインストールしてください。

Easy Google Fontsの設定

どんなフォントを使うか、大きさはどうするかなどを設定していきます。

Easy Google Fontsを導入するとカスタマイズ画面に以下のような部分が出てきます。

▼　外観　⇒　カスタマイズ　⇒　Typography　⇒　Default　Typography

「Paragraphs」を展開して調整していきます。

Script/Subsetでフォントの大きな分類を指定します。「AllSubsets」で設定していきます。

h1~h6、Paragraphs（段落）などの変更ができますので、合わせながら設定をしていきましょう。

サンプル画像で自分が導入したいフォントを確認して調整してみてください。

WordPress日本語フォントの無料プラグイン　3.　「TypeSquare Webfonts for エックスサーバー」

なんらかのレンタルサーバーを使っている人なら「TypeSquare Webfonts」という名前はご存知かもしれません。

エックスサーバーでは、Wordpressをインストールするとすでに入っているプラグインが「TypeSquare Webfonts for エックスサーバー」です。

とても使いやすいプラグインなのですが、月間7.5万PVを越えた場合には元に戻ります。ただ、7.5万PVまでいくブログは、トレンドブログなどになりますので、それ以外の内容で作っている人は使えるプラグインです。

TypeSquare Webfonts for エックスサーバーの使い方手順

1. エックスサーバーのサーバーパネルで設定
2. 対象ドメインを選ぶ
3. WordPressのダッシュボードからどの文字にするか設定

1.　エックスサーバーのサーバーパネルで設定

まずは、エックスサーバーのサーバーパネルに入り、どのドメインの文字を変更するのか設定します。

Webフォント設定をクリックします。

2.　対象ドメインを選ぶ

次に、TypeSquare Webfonts for エックスサーバーで用意されたフォントをどのブログで使うのか指定。

3.　Wordpressのダッシュボードからどの文字にするか設定

WordPressのダッシュボードの歯車マーク「TypeSquare Webfonts」をクリックします。

すると、複数のフォントパターンがでてきますので、どれにするか選んでください。そして、「フォントテーマを更新する」をクリックすればブログにフォントが反映されます。

WordPress日本語フォントの無料プラグイン 　「まとめ」

最近、個性的な日本語フォントに変更しているブログをよく見かけます。ブログ内容に合っていればとても印象に残るサイトになるので他のブログと差をつけたい場合には有効でしょう。

今回3つのプラグインをご紹介しましたが、とくに何の制限もなくそれなりに使いやすいプラグインなら「Japanese Font for WordPress」です。

だた、今後のフォント問題を考えると今のうちにGoogleフォントに慣れる意味でも「Easy Google Fonts」でも良いでしょう。

TypeSquare Webfonts for エックスサーバーについては簡単な設定なので良いのですが、やはり一定以上のPVで元に戻るというのがネックです。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

ブログを作る上で文章も大事ですが、イメージとしていかに綺麗にわかりやすく画像を貼りつけるかを考えると思います。

何もない記事のみより画像が入ることでグッと信憑性が増します。

WordPressテーマで画像を上手に使うためのプラグインを3つをお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

WordPressテーマで写真を拡大する「Easy FancyBox」

ブログの画像で、その上にカーソルを持っていくとビヨーンと大きくなるのを見たことはありませんか？もうちょっと画像を大きく詳しく見たいときとても便利ですよね。

これは、「Easy FancyBox」というプラグインを導入するとできます。

Easy FancyBox使用例

↓　クリックすると拡大します。

「Easy FancyBox」を使うと右のような拡大画像となります。大きな画像を貼り付けるとページの表示速度が遅くなるために小さく表示してクリックで大きな図を見てもらうようにするためです。

これは、かなり簡単に設置できますので、もしユーザビリティを考えるのなら導入すると便利です。この画像にするのに難しい設定とかはなしで導入のみですのですぐにできます。

「Easy FancyBox」の導入の手順

まずはEasy FancyBoxのダウンロードをしていきます。

▼　ダッシュボード　⇒　プラグイン　⇒　新規追加

上記の場所に「Easy FancyBox」と入力をします。

「Easy FancyBox」が出てきたら「今すぐインストール」をクリック。

次に「有効化」をクリックするとダウンロードが出来上がりです。

ここまでできれば、投稿ページに普通に画像を貼りつけてプレビューで確認すれば、画像が拡大されます。

画像を拡大してみる

このブログでも画像を拡大するためにこのプラグインを使っています。インストールさえできればあとは設置だけですが、ちょっとだけ操作が必要です。

• 通常通りに画像を追加
• リンク先に「メディアファイル」とする

通常通りに画像を追加

投稿ページでも固定ページでも大丈夫ですので、メディアを追加で画像を表示させます。

リンク先に「メディアファイル」とする

画像をクリックをすると配置場所などの調整できる部分が出てきます。この「編集」をクリックすると画像編集画面が表示されます。

「設定を表示」のリンク先をクリックすると展開します。

メディアファイルを押し保存します。

この作業をすると、ブログを訪れたユーザーが画像をクリックすると大きく表示されます。（小さい画像はあまり拡大なりません、調整しながら配置してみてください）

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

WordPressテーマでギャラリーを作る「Foo Gallery」

記事の中に写真をたくさん集めたギャラリーを作って配置するプラグインをご紹介します。カスタマイズでの自由度が高い「Foo Gallery」です。

尚、「Foo Gallery」を使う場合に一緒に「FooBox Image Lightbox」も必要になりますので一緒にダウンロードしておいてください。

Foo Galleryは少し使い方が難しいのでできるだけ簡単な方法をお伝えしていきます。

• Foo Gallery
• FooBox Image Lightbox

上記の2つのプラグインをダウンロードしてください。

Foo Galleryでギャラリーを作る

2つのプラグインを導入したら、ギャラリーを作っていきます。

▼　外観　⇒　Foo Gallery　⇒　Add New Gallery

新しいギャラリーを作っていきます。

結構複雑なので、簡単にギャラリーを作る基本の方法をお伝えしていきます。

1. タイトルの入力
2. ギャラリーに入れる画像を追加
3. ギャラリーの形式を選ぶ
4. 写真同士の間隔を指定
5. ギャラリーの位置を確認

最後に以下の部分を設定しておいてください。

どんなギャラリーになるのかプレビューを見てみます。

上の画像のタブをクリックすると自分の作っているギャラリーを確認することができます。たくさんのギャラリーの形がありますので見て調整をしていってください。

クリックをすると、以下のようになります。
画像の大きさ形がそのままになり、バランスよくはめ込まれているのがわかりますでしょうか？

こういったレイアウトや大きさを「3」のGallery Settingsで調整していきます。

↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！

ギャラリーを投稿ページに設置する。

このプラグインを導入すると投稿ページにボタンが現れます。そのボタンをクリックするとこれまでに作ったギャラリーが出てきますので選びます。

上の部分「Add FooGallery」をクリックするとこれまで作ったギャラリーが現れます。

設置ができればプレビューで確認し、公開をしてください。

テーマによっては、うまくギャラリーが設置できない場合がありますので、それぞれテーマに載せて確認してみてください。

WordPressテーマで写真に動きを加える「Meta Slider」

写真は綺麗に並べるのも効果的ですが、写真が流れてユーザーの目を楽しませる方法としてスライダーで動かすという方法もとられます。

写真でスライダーを作れるプラグイン「Meta Slider」をご紹介します。

Meta Sliderをダウンロード

まずは、Meta Sliderというプラグインをダウンロードしてください。ダウンロードのやり方は最初に説明した内容と全く同じです。

インストールが終わったら「有効化」します。

Meta Sliderの使い方手順

1. 新しいスライダーの追加
2. スライドの元になる写真を追加する
3. スライダーの形式を設定
4. 投稿ページでMeta Sliderを挿入する

まずは、ダッシュボードのMeta Sliderをクリックします。

右上に操作するアイコンが出てきますので新規に追加をしていきます。まずは新しいスライダーを作ります。

1.　新しいスライダーの追加

新しいスライダーの枠ができましたので、そこに写真を追加していきます。

2.　スライドの元になる写真を追加する

一枚追加できれば再度「スライドを追加」していきます。一気に増やせないので若干面倒ですが、追加していってください。

追加できれば上のような状態になります。

3.　スライダーの形式を設定

スライダーに載せたい写真が追加し終わったらどんなスライダーにするのか設定していきましょう。設定は右の部分でします。

どんなスライダーにするのか一番上の4つの中から選びます。

• タイトル
• 幅
• 効果
• 矢印

など必要部分を選んでいってください。

全て入力したら「保存」

すべての項目が入力し終わったら右上の「保存」をクリックすると、あなたが設定したタイトルのスライドショーが保存されます。

4.　投稿ページでMeta Sliderを挿入する

投稿ページに「スライダーを追加」というボタンができていますので、そこをクリックしてください。

どのスライダーにするのか選んでスライドショーを挿入をクリックします。

ショートコードが出てきますので、プレビューでうまく反映されているか確認してください。

WordPressだけでギャラリーを作る方法

これまでご紹介したプラグインFoo Galleryなどもとても便利なのですが若干使い方が難しい部分もあります。そこで、プラグインなしでギャラリーを作れないかと調べてみたら簡易的なものですが簡単に作れる方法がありましたので、ここで余談としてお伝えします。

メディアを使ってギャラリーを作る方法

WordPressの画像を入れておく場所のメディアを使ってギャラリーができますので作っていきましょう。

投稿ページで画像を挿入するときにメディアを追加で挿入していきます。そのメディアで簡単なギャラリーを作れます。

メディアを使ってギャラリーを作る手順

1. 投稿ページのメディアを追加をクリック
2. ギャラリー作成をクリック
3. 画像を選ぶ
4. ギャラリーの設定
5. キャプチャを付ける場合画像に文章を加える
6. 挿入する

1.　投稿ページのメディアを追加をクリック

メディアを追加をクリックします。

ストックした画像が出てきますので、そこからギャラリーを作っていきます。

2.　ギャラリー作成をクリック

ギャラリーを作成をクリックして画像を選ぶ

3.　画像を選ぶ

ギャラリーに入れたい画像をクリックしていくと、下にどの画像を選んだのか目視できるようになります。

画像を選び終わったら、右下の「ギャラリーを作成」をクリック。

4.　ギャラリーの設定

ギャラリーをどんな風にするかここで決めます。

• リンク先・・・「添付ファイルのページ」「メディアファイル」「なし」のどれか
• カラム・・・ギャラリーの列の数
• ランダム・・・ランダム表示にするかどうか
• サイズ・・・「サムネイル」「中」「大サイズ」「フルサイズ」

5.　キャプチャを付ける場合画像に文章を加える

画像に説明を文章で加えたいときにはここでキャプションを記入しておきます。できたら最後に「ギャラリーを挿入」をクリック。

6.　挿入する

挿入した画像のギャラリーはこのようになります。

もし、あなたがそれほどレイアウトや大きさなどにこだわりがないのなら、面倒なプラグインを入れずにWordpressのテーマに備わった機能でサクッと作れますのでプラグインの設定が難しく感じたらこの方法でも十分形になります。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

そこで、導入したいのがWP QUADSというプラグインです。

同じような趣旨のプラグインも存在していますが、これが今のところ一番使いやすく重宝しています。

WordPressのアドセンスの際のプラグイン「AdSense Plugin WP QUADS」をお伝えしていきます。

アドセンスにおすすめプラグイン「WP QUADS」とは？

WP QUADSとはAdSense Plugin WP QUADSの略ですが、ブログ内（主に投稿記事内）にアドセンス広告を追加する場合、いちいちアドセンスのコードを入力するのは大変です。

しかも、広告が変わったり、サイズを変更しなければいけなくなった場合には記事を全部見直さなければなりません。

そこで、あらかじめワードプレス内で設定し簡単な記号を投稿記事に追記することによって手間を省くという設定ができるプラグインです。

実際の設定例

あまりピンとこない方のために実際使った場合にはどんな風になるのか見てみましょう。

投稿の画面であらかじめ設定した短い記号を入れれば簡単に記事に追加できます。

記事をプレビューで見るとこんな感じになります。

グーグルアドセンスで必須とされている「スポンサーリンク」もまとめて設定しておけば手間がかからず一気に追記できますので時間短縮ともなります。

尚、このやり方が良いのは、アドセンス広告をレスポンシブから他のサイズに変更したい場合など広告を変更したい時にもわざわざ記事内容を削除することなくプラグインの設定で変更することにより一気に完了します。

記事を書くだけでも大変な初心者にとっては、このひと作業を削除することによってかなり楽になりますので導入してみてください。

「WP QUADS」プラグインのインストール方法

「AdSense Plugin WP QUADS」をインストールしていきます。

▼「プラグイン」⇒「新規追加」

ログインするとダッシュボードの画面が出てきます。左側の管理メニューからプラグインの部分から「新規追加」をクリックします。

新規追加とクリックすると新しい画面が展開します。下にスクロールしていくとプラグインの一覧があり、検索をかけていきます。

検索欄に「AdSense Plugin WP QUADS」でも「WP QUADS」でも大丈夫ですのでこの部分に入力すると探しているプラグインが出てきます。

「今すぐインストール」をクリックすると次の画面が出てきます。

「有効化」をクリックするとインストールが完了。

「WP QUADS」の使い方と設定方法１．アドセンス広告の設置

WP QUADSをインストールした後には、使うために設定をしていきましょう。アドセンスの広告を設定していきます。

▼「プラグイン」⇒「インストール済みプラグイン」

インストール済みプラグインをクリックすると、これまであなたがインストールしたプラグインの一覧の画面が出てきます。

AdSense Integration WP QUADSの欄の「General Settings」をクリックすることでWP QUADSの設定画面が出てきます。

Skip－GoSettingsを選びます。

下の画面が出たら、タブがたくさんある中で「ADS」というタブを選んでください。

もうひとつのアクセス方法

カスタマイズ画面にアクセスするにはもうひとつやり方があります。プラグインをインストールするとダッシュボードの管理メニューにWP QUADSと出てきますのでここからでもダイレクトに編集できます。

Plain Text / HTML / JS の方にラジオマークを入れアドセンスの広告コードを貼り付けてください。

その他、広告のレイアウトをどの位置にするのか選びます。一番バランスの良い真ん中が推奨です。

ここまで設定をしたら「変更を保存」をクリックします。

• Ad1→記事上部
• Ad2→記事真ん中
• Ad3→記事下部

1記事で同じコードを2度使っても1つしか反映されませんのでAd1、Ad2、Ad3と広告を設定しておいてください。

「WP QUADS」の使い方と設定方法２．表示位置設定

広告の設定が終わったら、記事のどの部分に入れていくのかをWP QUADSで設定していきます。

広告の位置設定は、セッティングページの「General & Position」の画面で行います。

General & Position画面を下に見ていくと以下の画面が出てきます。

自分が設定した広告をどの部分に入れるのか、ここで設定できますので設定してみてください。

上部のように記事の上部に広告を入れるように設定すると以下のようになります。

• ADSタブ・・・広告を設定
• General & Positionタブ・・・広告の位置設定

この設定をしておくと記事を作成するだけで自動的に広告が差し込まれることになりますのでとても楽です。

広告を差し込むベストの位置

WP QUADSの設定で「記事上」「記事中」「記事下」と自動設置できることになっていますが、なぜこの位置なのでしょうか・・・。

アドセンス広告は、できるだけ記事と同化するように設定する方が良いのでこの位置となります。

1. タイトル
2. 導入文
3. 広告
4. 見出し（H2)
5. 記事本文
6. 広告
7. 見出し（H2)
8. 記事本文
9. まとめ
10. 文章
11. 広告

アドセンスの初心者の方にはおすすめの広告配置です。

2カラムの場合のサイドバーに広告を設置しているサイトもよく見かけますが、私の場合は貼りません。今現在サイトの訪問や閲覧はPCよりもスマホが多いことから、スマホの画面を意識した方が良いからです。

もちろん特別な設定の場合は関係ありませんが、基本的にはスマホの映り方はサイドバーは記事の後になります。

なので、記事中で内容の邪魔にならないような広告を入れることをおすすめします。