hamaちゃん

これぐらいなら害はないのですが、なんとなく気持ち悪いので対策しました。

とても簡単にできました。

英語表記を日本語に修正する

最新版のWrodpressをダウンロードする

公式サイトから最新版をダウンロードします。

ダウンロード

Get WordPress Everything you need to set up your site just the way you want it. Download and install it yourse

ja.wordpress.org

ダウンロードしたファイルを解凍し、次の2つのファイルをサーバーに上書き保存します。

/wp-content/languages/admin-ja.mo
/wp-content/languages/admin-ja.po]

「wp-config.php」ファイルを修正する

「wp-config.php」ファイルに以下の1行を追加します。

define (‘WPLANG’, ‘ja’);

hamaちゃん

バッチリ日本語表記になりました。

ファイルのサーバーへのアップデートとダウンロード

PCにダウンロードしたファイルをサーバーにアップデートする際は、FTPソフトを利用します。

FTPソフトで多くの方が利用しているのがFFFTPです。

FFFTPのダウンロード、X-SERVERでの設定方法は以下で記事にしています。

常時SSL化　「http」から「https」へのリダイレクト設定

保護されていない通信方法である「http」へアクセスしてきた訪問者を、セキュリティが確保された「https」で始まるURLにリダイレクトする必要がある。リダイレクトする手順は以下の通り。 「.htaccess」ファイルにアクセスし、バックア...

kaiteoku.com

2021.02.09

「wp-config.php」ファイルを修正する場合も、FFFTPでサーバーにアクセスし、「wp-config.php」をPCにダウンロードして編集し、サーバーにアップロードします。

編集にはフリーソフトながら、高機能なHTMLエディタ、「HeTeMuLu Creator (へてむるクリエイタ～) 」がおススメです。

さいごに

どうもWrodpressをアップデートした際に言語関連のファイルに不具合が生じたようです。

無事に修正できてよかったです。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

今回、当サイトで発生したエラー、「sitemap.html」ファイルがnoindexになっている問題を例に解説します。

エラーの確認

Google Search Consoleを利用していると、サーチコンソールがエラーを認識した場合、以下のようなメールが送信されてきます。

「カバレッジの問題を解決する」をクリックし、サーチコンソールを開くと、エラーの内容が確認できます。

今回は「sitemap.html」にエラーが発生していますので、エラーを解決します。

「sitemap.html」を「noindex」にしない方法

WordPressの管理画面から、「設定」、「XML-Sitemap」と進み、右側の画面「基本的な設定」の中にある、「HTML形式でのサイトマップを含める」のチェックを外します。

設定を更新を忘れずにクリックして完了です。

エラー修正の確認

「Google Search Console」のサイトでエラーが修正されているかの確認を行います。

hamaちゃん

サーチコンソールが検証を終了するまでに数日間かかります。

エラーはなぜ発生するのか

「送信されたURLにnoindexタグが追加されています」のエラーは、サイトマップに含まれているページに「noindex」のメタタグが設定されていることが原因です。

「noindex」のメタタグはGoogle検索エンジンにインデックスを登録しないように指示するためによるものです。

にもかかわらず、サイトマップに含まれているページに「noindex」が設定されているとエラーが発生します。

WordPressのプラグイン「Google XML Sitemaps」は、サイトの更新ごとに自動でサイトマップを作成、送信してくれる便利なプラグインですが、Google XML Sitemapsが作成するサイトマップの中に、デフォルトでは「sitemap.html」が含まれているので、このようなことが起こります。

エラーを解決しない場合

「sitemap.html」がエラーでも、実際は問題ありません。

HTMLのサイトマップはインデックスする必要ありませんし、設定でnoindexを外してインデックスするようにしたとしても、検索で表示される可能性は限りなく少ないです。

「noindex」のままでもOKですし、エラーが気になるのであれば、チェックを外せばよいだけです。

ただし、サイト管理者が認識していないページで「noindex」エラーが発生している場合には該当ページを確認して対処する必要があります。

さいごに

以上が「sitemap.html」にnoindexエラーが発生した場合の対処方法です。

当記事を要約すると以下のとおりです。

hamaちゃん

問題ないとはいえ、やっぱり気になります。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

以上、ちょっと手順が多いですが、STEP1からSTEP5までは、一度設定してしまえばOKです。

あとは、毎回STEP6を繰り返すだけになります。

トマレバとは

トマレバとは自分のサイトでホテルや旅館を紹介するためのブログパーツです。

宿・ホテル紹介ブログパーツ トマレバ

tomareba.com

自分が紹介しようと思った宿の旅行サイトへのリンクを簡単に表示できるものです。

トマレバでは「楽天トラベル」「じゃらん」「JTB」「Knt（近畿日本ツーリスト）」「一休」「るるぶ」「Yahoo!トラベル」といった7つの旅行サイトを利用することができます。

トマレバの他に、商品紹介用の「カエレバ」、書籍紹介用の「ヨメレバ」があります。

基本的な使用方法は一緒です。

最終的には、以下のようなブログパーツを、自分のサイトの好きなところに表示できるようにするところまでを記事にします。

赤城高原温泉　山屋　蒼月

posted with トマレバ

群馬県前橋市苗ヶ島町1432-2 [地図]

楽天トラベル

じゃらん

JTB

一休

るるぶ

Yahoo!トラベル

STEP1　バリューコマースにサイトを登録する

バリューコマースは、トマレバで利用できる7つの旅行サイトと提携可能です。

サイトの審査に通れば、7つの旅行サイトは即時提携可能ですので、すぐにアフィリエイト広告を貼り付けることができます。

サイトの登録方法

バリューコマースのサイトにアクセスし、一番下にある「無料会員登録してアフィリエイトを始める」をクリックします。

バリューコマース　アフィリエイト公式サイト

「メールアドレス」、「契約者情報」、「サイト情報」、「口座情報」など必要事項を入力し、登録します。

登録後、「アフィリエイト参加申込みのご確認」という件名のメールが届きます。

メールの内容は以下のような感じです。

サイト運営者 様

この度は、バリューコマースアフィリエイトプログラムにお申込みいただきましてありがとうございます。

「サイト名」

お申込み内容に基づいて弊社にて適性審査を行い、後日メールにて審査結果をお知らせいたします。

＜審査結果のご連絡＞
他アフィリエイトサイトの申込み状況により、お時間を頂戴する可能性がございますが、遅くとも～3営業日以内にはご連絡となります。

無事、審査に通過すると「プログラム開始のお知らせ」という件名のメールが届きます。

サイト運営者　様

バリューコマースアフィリエイトプログラムご参加審査結果のお知らせです。

厳正な審査の結果、お申込みいただきました下記サイトのバリューコマースアフィリエイトプログラム参加が承認されました。

－－－－－－－－－－－－－－－－－－－－－－－
ご登録サイト名：「サイト名」
（URL）
－－－－－－－－－－－－－－－－－－－－－－－

以下の手順に従って管理画面にログインし、広告掲載を開始しましょう。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
１．広告主と提携し、広告を貼ってみましょう
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
２．気軽な自己アフィリエイトでさっそく報酬GET！━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

本メールが届き次第、広告主である、旅行会社と提携します。

STEP2　旅行会社との提携

私は以下の5社と提携しました。

hamaちゃん

「楽天トラベル」はもしもアフィリエイトで提携しています。

バリューコマースの審査通過後、バリューコマースのサイトにて「アフィリエイトサイト会員の方」の欄にメールアドレスとパスワードを入力し、ログインします。

メニューの中から「広告」→「詳細検索」のプログラム検索で、

と検索すれば、出てきます。

ただ、目的外の広告主もたくさん出てきますので、探すのが大変であれば、「キーワード」欄で、旅行会社名を入力して一つづつ検索する方法でも一案です。

楽天トラベルを含めた、上記6社は即時提携可能です。

「sid」と「pid」を確認していきます。

STEP3　「sid」と「pid」を確認する

「sid」と「pid」は、広告リンクを作成することで確認できます。

「sid」とは、サイトのIDを示していますので、一つのサイトに一つのIDになります。

「pid」とは、広告スペースのIDになりますので、広告主ごとに異なります。

それぞれの旅行会社名の右側にある「広告素材を選ぶ」を選択します。

どの広告でも良いので、「広告を作成」を選択します。

すると、その下に、以下のような広告コードが表示されます。

<script language=”javascript” src=”//ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=1234567&pid=123456789“></script>（以下省略）

「sid」は7ケタ、「pid」は8ケタのコードになっていますので、これをメモしておきます。

hamaちゃん

Excelなどで一覧表を作っておくと便利かと思います。

サンプルを貼り付けておきますのでご参考まで。

「sid・pid」一覧表

これと同じように他の旅行会社のコードを確認します。

STEP4　トマレバに登録する

自分のブログのsid、提携する旅行会社すべてのpidを確認したら、トマレバのサイトでユーザーデーターを入力します。

宿・ホテル紹介ブログパーツ トマレバ

tomareba.com

上記URLの下の方に「ユーザーデーター入力」欄があります。

サイト名と各旅行会社の欄にsidとpidを入力します。

最後は忘れずに保存をクリックします。

これで最低限の設定は完了です。

紹介したい宿をブログパーツにすることができるようになりました。

これでOKであれば、STEP5は不要ですが、枠線を好きな色に変えたり、ボタンの表示を変更したりなど、スタイルシートを使ってカスタマイズします。

赤城高原温泉　山屋　蒼月

posted with トマレバ

群馬県前橋市苗ヶ島町1432-2 [地図]

楽天トラベル

じゃらん

JTB

一休

るるぶ

Yahoo!トラベル

STEP5　デザインをカスタマイズする

スタイルシート（CSS）は、もちろん自分で作成することもできますが、先人の方々が様々なスタイルシートを作成してくれてますので、それを利用させてもらいます。

以下、Googleから検索できますので、自分の好みにあったCSSを選択するのが良いと思います。

「トマレバ　カスタマイズ」で検索する。

当サイトでは、Yoshiさんが運営する「RoughLog（ラフログ）」で公開しているスタイルシートを利用させてもらいました。

CSSコピペでOK！カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ！

商品リンク作成ツール「カエレバ」「ヨメレバ」「トマレバ」3つのデザインをまとめてカスタマイズ！シンプルなレスポンシブデザインに仕上げました。作業はCSSをコピペするだけなのでとても簡単です。

rough-log.com

RoughLogさんで公開しているCSSをコピーし、貼り付けます。

Cocoonの場合、管理画面左側メニューの「外観」→「カスタマイズ」→「追加CSS」を選択します。

左側下部にコピーしたCSSを貼り付けて公開をクリックして完了です。

これですべての初期設定が完了しましたので、ブログパーツを作成します。

STEP6　ブログパーツを作成する。

トマレバのサイトにてブログパーツを作成します。

サイトの一番上、「宿・ホテル名キーワード：」欄に入力して検索をクリックします。

サイト下に検索結果が表示されるので、「ブログパーツを作る」をクリックします。

「画像＋リンクリスト　ブログパーツ生成」欄にて設定を行います。

RoughLogさんのCSS利用を前提とした設定は以下のとおりです。

更新をクリックするとブログカードのコードができますのでコピーします。

コピーしたコードを自分のサイトの任意の場所に貼り付けて完成です。

完成後の姿です。

赤城高原温泉　山屋　蒼月

posted with トマレバ

群馬県前橋市苗ヶ島町1432-2 [地図]

楽天トラベル

じゃらん

JTB

一休

るるぶ

Yahoo!トラベル

さいごに

以上です。

説明が長くなりましたが、STEP1からSTEP5までを一度設定してしまえば、あとは毎回STEP6だけとなりますので、非常に簡単に宿を紹介できるブログパーツが完成します。

今回解説した「バリューコマース」の他、「もしもアフィリエイト」を利用すると様々な広告をまとめて簡単に紹介することができます。

また、HTMLやCSSの基本的なことを知っておくと、ブログパーツに限らずサイトデザインの幅が広がると思います。

まずは「HTMLクイックリファレンス」が参考になるかと思います。

301 Moved Permanently

www.htmq.com

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

リダイレクトする手順は以下の通り。

「.htaccess」へ追加する内容

以下、元の「.htaccess」ファイルの内容が黒字、追加する内容が赤字になる。

SetEnvIf Request_URI “.*” Ngx_Cache_NoCacheMode=off
SetEnvIf Request_URI “.*” Ngx_Cache_StaticMode

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

# BEGIN WordPress

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

追加する場所は、必ず「# BEGIN WordPress」の前にする。

追加する方法

基本的には、FTPクライアントソフトを利用して、サーバーとファイルをやり取りすることになるが、X-SERVERの場合は、サーバーパネルから「.httaccess」ファイルを編集することができる。

X-SERVERのサーバーパネルから編集する

サーバーパネルから「ホームページ」→「.htaccess編集」を選択する。

「ドメイン選択画面」から該当ドメインの「選択する」をクリックする。

「.htaccess編集」タブをクリックし、「.htaccess」欄に記述してある内容をバックアップを取る。

必要事項を追加して、「確認画面へ進む」を選択する。

内容に問題なければ、「実行する」をクリックして完了する。

X-SERVERのファイル管理を利用する

X-SERVERでは、FTPクライアントソフトの様に、サーバー内のフォルダ、ファイルにアクセスし、アップロード、ダウンロードすることができる。

トップページから「サーバー」→「ファイル管理」を選択する。

「ドメイン名」フォルダ→「public_html」フォルダに「.htaccess」ファイルがある。

これをダウンロードし、メモ帳等を利用して編集する。

長年使っている編集ソフト（HTMLエディタ）のは「HeTeMuLu Creator（へてむるクリエイタ〜）。

HeTeMuLu Creator - Hosiken Labs

hosiken.jp

ダウンロードしたファイルはバックアップを取り、編集したファイルをアップロードしたら完了。

FTPクライアントソフトを利用して編集する

フリーのFTPクライアントソフトはいくつかあるが、やはり長年利用しているのは「FFFTP」。

窓の杜

「FFFTP」定番FTPクライアントソフト

forest.watch.impress.co.jp

X-SERVERでのFFFTP利用は、X-SERVERのサイトに詳しい説明がある。

FFFTP設定手順 | レンタルサーバーならエックスサーバー

レンタルサーバー「エックスサーバー」のご利用マニュアル｜「FFFTP」を用いてご契約中のサーバーアカウントへFTP接続をするための設定手順について記載しています。

www.xserver.ne.jp

X-SERVERの契約方法。

レンタルサーバーを契約する

以前ブログを公開していたときはCORESERVERを利用していたが、今回はX-serverを利用することにした。 その理由を「書いておく」ことにする。

kaiteoku.com

2019.10.22

リダイレクトの確認

いずれかの方法で「.htaccess」ファイルの編集が完了したら、リダイレクトできるか確認を行う。

ブラウザから「https://kaiteoku.com」にアクセスし、「https://kaiteoku.com」にリダイレクトで来ていればOK。

「500 Internal Server Error」などのエラーが発生する場合には、一旦バックアップしたファイルの内容に戻し、サイトが表示されるのを確認後、改めて編集する。

さいごに

せっかく常時SSL化して、セキュリティを高めたのに、「http」にアクセスされては意味がない。

「.htaccess」を設定して、リダイレクトできるようにしておきたい。

重要度：★★★★★
難易度：☆☆☆☆☆

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

Windowsキー＋Shift＋sを同時に押すことによってアプリが起動し、画面がグレーの半透明になり、カーソルが十字になる。

この十字カーソルを用いて範囲を指定すると簡単にキャプチャできるし、もちろんプルダウンメニューも合わせてキャプチャすることができる。

範囲指定をするとアプリが起動し、右上の保存アイコンをクリックするとpng形式で保存できる。

保存アイコンのところに赤い下線があるが、これも「切り取り＆スケッチ」で引いたもの。

こんなふうに簡単にキャプチャできるアプリが標準で付属している。

Windows11では

Windows11では、再び「Snipping Tool」という名称に戻っているが基本的な使用方法は同じだ。

さいごに

ブログはもちろん、仕事でも業務マニュアルの作成や、プレゼン資料の作成など、何気に画面キャプチャを利用する機会が多いので、使い方を知っておくととても便利だと思う。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

とても便利！Cocoonのショートコード

記事を執筆するときに簡単に呼び出せるショートコードが盛りだくさんです。 その一部ですが、ご紹介したいと思います。

kaiteoku.com

2019.11.29

Google AdSenseのサイトを確認すると･･･

なんと！「無効なトラフィックの問題」とかで、広告配信が制限されてしまった。

根本的な問題の原因と、その解決方法を「書いておく」ことにする。

「無効なトラフィックの問題」とは

そもそも「無効なトラフィック」って何？って感じだったので「AdSenceヘルプ」で確認してみた。

そこには、以下の記述がある。

要は、今回のペナルティは、サイト運営者が意図的に広告のクリックやインプレッション数を増やして収益を上げていることをGoogleが確認した、ということらしい。

Invalid traffic - Google AdSense Help

Invalid traffic includes any clicks or impressions that may artificially inflate an advertiser's costs or a publisher's ...

support.google.com

確かに間違って広告をクリックしたり、当サイトの表示をパソコンやスマホで何度も確認したりしている自覚はある。

また、一時的なPVの増加も、ごくごく稀にだがある。

当サイトは、にほんブログ村に登録しており、記事をアップするとブログ村経由の訪問者が一時的に増えることがある。

ただ、そんなGoogleに怒られるほどではないはずなので、本当にそれが原因の一つかはわからない。

無効なトラフィックを防止する

では、どうすれば良いのか。

Google AdSenseヘルプにその方法が掲載されていた。

自分のブログでGoogle アドセンスの広告を押してしまった時の対応

こんにちは。COTORAです。 自分はアホです。先ほど自分の書いたブログ記事をチェックしていると、たまたま見た「Google AdSense」の広告ですっごい魅力的なものがあったので、自分で自分のブログのGoogle A

byacco.work

色々対策する必要はあるが、少なくとも「自分のサイト内の広告を安易にクリックしない」ぐらいは気をつけなければならないだろう。

以前は、Google AdSenseサイト運営者向けに「Google Publisher Toolbar」なるChrome用のツールバーが提供されていて、それによってペナルティを回避できていたのだが、このツールバーは2020年5月で使用できなくなってしまった。

さいごに

ちなみに、当サイトでは2019年12月7日に広告制限がかかり、約3週間、広告が表示されなかった。

それ以降、広告をクリックしないよう気をつけていることもあってか、ペナルティを受けずに済んでいる。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

Googleアドセンスへ申し込んでみた。その結果は？

サイトを開設して約1か月、投稿数も10件を超えたのでGoogle AdSenseに申し込んでみた。もう、申し込むことはないと思うが、申し込みのための事前準備、申し込み方法、審査結果、広告の貼り付け方法などを「書いておく」ことにする。Goog...

kaiteoku.com

2019.11.18

今回は、報酬の支払いを受けるためのPINコード入力、銀行口座を登録する方法を「書いておく」ことにする。

PINコードはいつ送られてくるのか

広告を表示し、報酬額が1,000円を超えるとGoogle AdSenseのホーム画面に、PINコードを送付した旨の表示が現れる。

表示では「通常2～4週間でお手元に届きます」とあるが、当サイトの場合、11月24日の日曜日に送付、12月9日の月曜日に到着したので、結果、約2週間で到着したことになる。

どうもマレーシアから届いているらしい。

PINコードの登録

PINコードが届いたら、Google AdSenseのサイトで登録しなければならない。

ホーム画面に表示されている「請求住所の確認」タスクの左下にある確認を押す。

すると、タスクが以下のように「PINコードの入力」画面に代わるので、「お客様のPIN」欄に、送付されてきたPINコードを入力して、「送信」をクリックする。

正しくPINコードが入力できればこれで完了。

銀行口座の登録

報酬額が1,000円を超えると「お支払画面」に「お受け取り方法」が表示される。

「お支払方法の管理」を選択すると「お支払方法を追加」の画面が現れるので必要事項を入力して、一番下にある「保存」をクリックして完了。

「銀行口座名義」は半角カナで入力する。最初、全角カナで入力したらエラーになってしまった。

少額振込の確認

正しく入力が完了すると「デポジット」と呼ばれる、少額の振込が行われる。

デポジットの金額は1,000未満で、ランダムになっているようで、振り込まれた金額をGoogle アドセンスの管理画面に入力してやると、すべての確認が終了する仕組みになっている。

収益はいつ振り込まれるか

収益の額が8,000円を超えると振り込まれるらしいので、気長に待つしかない。

銀行口座はどうする

色々考えて、通常使用している口座ではなく、新たに口座を開設することにした。

なぜなら、将来、収益額が年間20万円を超えたときに、口座を区別しておいたほうが管理がしやすくなると思ったから。

ちなみに2019年に当サイトを解説してから、2023年現在、4年目となるが、他のアフィリエイトと合わせて、別口座にした目的は達成されていない。

さいごに

手順をおさらいすると以下の通り。

管理に困るぐらいの収益はとても期待できないが、せめてサーバー代位稼げると、苦労のしがいがあるかもしれない。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

Cocoonでは便利なショートコードがたくさんありますので使わない手はありません。

とても便利なもの、よく使うものでも結構な数がありますので、私がおススメのショートコードを「書いておく」ことにします。

hamaちゃん

おススメというか使ったことがあるものだけで、使いこなせていないだけなんです。

まだまだ便利なショートコードがたくさんあります。

以下にショートコードの記述方法を紹介していますが、エディター画面からショートコードを選択することもできます。

hamaちゃん

よく使うショートコードはほぼ選択できます。

サイト関連のショートコード

サイトマップをショートコードで作成する

［sitemap］

私が一番感動したショートコードです。

なぜなら、単語一つ書くだけでサイトマップが作れちゃうんですから。

hamaちゃん

一回作成すると終了ですが、おススメです。

公開中の固定ページ、投稿ページの他、カテゴリー、月別アーカイブのすべてのサイトマップを表示します。

記述例
［sitemap category=”0”］

これはサイトマップに「固定ページ」「投稿ページ」の一覧を表示し、「カテゴリー」「月別アーカイブ」は表示しない設定となります。

オプション一覧

簡単なサイトマップページを生成できるsitemapショートコードの使い方

プラグインを使用せずともサイトマップを手軽に作成できるショートコードの使い方説明です。

wp-cocoon.com

記事作成関連のショートコード

記事内に新着記事一覧を表示する

［new list］

固定ページでも投稿ページでも使用できます。

記述例
［new_list count=5 type=default cats=all post_type=post］

これは新着記事を「5件」、「標準」の表示方法で「全カテゴリー」を対象に「投稿ページの中から」選択するという設定となります。

オプション一覧

新着記事一覧を表示するショートコードの利用方法

新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

wp-cocoon.com

記事内に人気記事一覧を表示する

［popular_list］

新着記事同様の使い方で、ページビュー（PV）が多い順に表示できます。

記述例
［popular_list dyas=7 rank=1］

これは「過去7日間」の人気記事を表示し、「ランキング順位ナンバー」を表示するという設定となります。

オプション一覧

人気記事一覧を表示するショートコードの利用方法

人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

wp-cocoon.com

任意の記事一覧を表示する（ナビカード）

すべての記事の中から自分の表示したい記事を任意で選んで「新着記事」や「人気記事」のように表示してくれるショートコードです。

富津岬と木更津港ツーリング

東北道ツーリング

箱根伊豆ツーリング

このショートコードを利用するにはほかのものと違ってひと手間加える必要があります。

1. 表示したい記事のナビカード用のメニューを作成する
2. ナビカードをショートコードで呼び出す

ナビカード用のメニューを作成する

例として、下に表示している「ツーリング一覧」というナビカードを作成してみます。

富津岬と木更津港ツーリング

東北道ツーリング

箱根伊豆ツーリング

WordPressの管理画面より「外観」→「メニュー」を選択します。

メニュー画面から「新しいメニューを作成しましょう」をクリックします。

「メニュー名」を入力し、「メニューを作成」をクリックします。

メニューを作成後、「表示オプション」より「CSSクラス」、「説明」にチェックを有効にします。

「メニュー項目を追加」よりナビカードで表示したい記事を選択します。

各記事の右端にある「投稿▼」をクリックして、必要事項を記入します。

すべての入力を終えたら「メニュー保存」をクリックし、保存します。

ナビカードのショートコードで呼び出す

［navi_list name=”メニュー名”］

上で作成した「ツーリング一覧」を呼び出すのであれば、以下のように入力します。

［navi_list name=”ツーリング一覧”］

このように表示されます。

富津岬と木更津港ツーリング

東北道ツーリング

箱根伊豆ツーリング

オプションは新着記事、人気記事とほぼ同様です。

意図した記事一覧を作成できる「ナビカード」ショートコードの使い方

サイト訪問者を的確に誘導するために、意図したリンクリストを作成するショートコードの使い方です。

wp-cocoon.com

定型文をショートコードで呼び出す

［temp］

よく使う文書、アイテムを定型文として登録し、ショートコードで簡単に呼び出すことが出来ます。

追記や修正を行った場合、このショートコードのあるすべての場所に修正が適用されます。

定型文の作成

管理画面より、「Cocoon設定」→「テンプレート」を選択します。

「テキストテンプレート」より、「新規追加」を選択します。

「タイトル」と呼び出したい定型文を「内容」欄で作成します。

呼び出し方

エディターのメニューから「テンプレート」を選択し、リストから使用したいものを選択します。

以下にようにショートコードが表示されます。

こんな感じで表示されます。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

テンプレート文（定型文）を登録して使い回す方法

テーマ内に定型文を登録してショートコードで何度でも使い回す方法です。

wp-cocoon.com

アフリエイトタグをショートコードで呼び出す

「定型文を呼び出すショートコードで呼び出す」と同様、アフリエイトタグを定型化するものです。

アフリエイトタグを修正すれば同様に、すべての場所に修正が適用されますので、Amazonのリンク切れが簡単に直せたり、季節によってバナーを変更したり、と便利に使えると思います。

アフリエイトタグの登録

管理画面より「Cocoon設定」→「アフィリエイトタグ」を選択します。

「アフリエイトタグ管理」より「新規追加」を選択します。

「タイトル」と呼び出したいアフィリエイトタグを「内容」に入力し、「保存」を選択します。

呼び出し方

エディターのメニューから「アフィリエイト」を選択し、リストから使用したいものを選択します。

以下のようにショートコードが表示されます。

こんな感じに表示できます。

アフィリエイトタグの一元管理機能の使い方

アフィリエイトタグのマネージャー機能の使い方です。広告タグを一元管理することで、タグの張り替えや、テキスト修正などを容易に行えるようになります。

wp-cocoon.com

任意の場所にGoogleアドセンス広告を挿入する

［ad」

Cocoon設定の「広告」タブにあらかじめ入力して保存しておいたGoogleアドセンスの広告コードを記事内の任意の位置に表示することができます。

オプションも何もなく、ただ［ad］と記入するだけです。

こんな感じで表示されます。

[ad]ショートコードで広告を本文中の好きな場所に表示する方法

広告用のショートコードを用いて投稿者が「広告を出したい！」という場所にズバリ広告を表示させる方法です。

wp-cocoon.com

以上です。

他にもまだまだありますが使いこなせてないです。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

なんか便利な方法があるだろうと、調べてみたらやっぱり色々とあったので、簡単で便利だと思った方法を「書いておく」ことにする。

エクセルで作成した表を直接エディタに貼り付ける

おそらく、これがいちばん簡単な方法だと思われる。
手順は、

だけ。

作成した表をコピーしてエディタに貼り付ける。

例えば、以下のような表をエクセルで作成する。

これを普通に右クリックでコピーし、

記事にエクセルで作成した表を貼り付ける。

このとき、右クリックの貼り付けではなく、Ctrl+Vキーを押して貼り付ける。

これで表を貼り付けることができた。

サイト上ではこんな感じで表示される。

表の体裁を整える

見た目上はこれで問題なさそうだが、実は、すべてデータセル（<td>タグ）になるし、見出しもはっきりしないので、必要に応じて体裁を整えていく。

体裁を整えるには、記事作成画面をテキストに変更して、HTMLタグを調整していっても良いが、結構面倒な作業になる。

そこで、「TinyMCE Advanced」というプラグインを利用して、体裁を整えていく。

「TinyMCE Advamced」をインストールするには、WordPress管理画面から「プラグイン」→「新規追加」より、「TinyMCE Advamced」を検索、インストールして有効化を行う。

有効化が完了すると、エディタのメニュー欄に編集メニューとボタンが表示される。

これを利用して、データセルから見出しセルに変更したり、あるいはセルを結合したり、等の調整が簡単に行うことができる。

ただ、「TinyMCE Advamced」をインストールすると、投稿画面からCocoonの「スタイル」ボタンが消えてしますので、管理画面左側メニューの「プラグイン」から「TinyMCE Advamced」の設定を選択し、「スタイル」ボタンをドラッグして表示jするようにしてあげる。

表示したい場所にスタイルボタンを配置したら、忘れずに変更を保存をクリックする。

Webサイトを利用して表をHTMLに変換する

これもなかなかに簡単で、見出しの範囲や背景色、文字色、セルの結合なども設定することができる。

Webサイトの名前は「エクセルシートをHTMLテーブルに変換しちゃう君（ββ）」。

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

styleme.jp

手順は、

たったこれだけで完成。

エクセルの表をコピーして貼り付け

サイト上部の「STEP.1エクセルとかからCSV（TSV）をコピーして貼り付け」欄にエクセルの表部分をコピーして貼り付ける。

サイト中段の「STEP2.オプションを選択して変換」にて設定を行い、「▼変換▼」をクリック。

「▼変換▼」を実行すると、変換後の表にイメージを確認することができる。

イメージ通りに表示されていれば、サイト下段の「STEP3.HTMLタグをコピーして使う」欄に表示されたHTMLタグをコピーしてエディタの記事画面に貼り付けて完了。

こんな感じで記事に反映される。

さいごに

今回記事にしたプラグインにしてもWebサイトにしても、無償で提供してくれることに感謝しかない。

今後もありがたく使わせてもらおうと思う。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓

もう、申し込むことはないと思うが、申し込みのための事前準備、申し込み方法、審査結果、広告の貼り付け方法などを「書いておく」ことにする。

Google AdSense申し込みの事前準備

せっかく申し込むのだから一発で審査に合格したいので、これが正解かどうかはわかないけど、いろいろと対策してみた。

独自ドメインの取得

大手ブログサービスであればサブドメインでもいけるようだが、結構ハードルが高いらしい。

万全を期すなら、独自ドメインを取得した方がよさそう。ドメインだけなら維持費用も年間1,500円程度（comの場合）で済む。

これまでずっとバリュードメインで取得したドメインを利用し続けている。

ドメイン取得ならバリュードメイン - ドメインと変える、サイトの価値。

Value Domain(バリュードメイン)は、ドメイン登録実績700万件を誇る国内最大級のドメイン取得・管理サービスです。また、高速・高機能なレンタルサーバーや、SSLサーバー証明書なども提供する「ドメイン・ホスティング総合サービス」です...

www.value-domain.com

記事を書くにあたって、過去の履歴を見てみたら、初めて取得したのは2005年だった。

ただ、サーバーも併せてレンタルするなら、ドメインを無料で取得、利用できるキャンペーンを実施しているエックスサーバーがおススメ。

初期費用が3,300円、年間利用料が13,200円とちょっと高いけど、速度は速いし使い勝手がよい。

キャンペーンで取得したドメインはサーバーを契約している限り更新料は発生しない。

現在2つのドメインを利用していて、一つはバリュードメインで管理、一つはエックスサーバーで無料で取得したドメインだが、2023年現在、ドメイン2つまで更新料が無料になるので、ちかいうちにバリュードメインからエックスサーバーに移そうと思う。

レンタルサーバー 高速・高機能・高安定性の【エックスサーバー】

高速かつ高い安定性を誇る高性能レンタルサーバー【エックスサーバー】稼働率99.99％以上の高い安定性で、業界トップクラスの高コストパフォーマンスを誇る高品質レンタルサーバーです。月額990円(税込)から利用可能。まずは無料お試し10日間。

www.xserver.ne.jp

サイトのSSL化

これは審査とあまり関係ないかもしれないけど、初めからSSL化した。

SSL化とは「https://」から始まるURLにすることで、Google Chromeでサイトを表示する場合、SSL化されているとURL欄に鍵のマークが表示されるが、SSL化されていない場合、「！保護されていない通信」と表示される。

GoogleでもSSL化を推奨しているので、しておいた方が万全かと。

「X-Server」の場合、「サーバーパネル」の「ドメイン設定」から、「ドメイン設定追加」にてチェック一つで簡単に無料の独自SSLを利用することができる。

ただし、反映されるまで1時間ほど待つ必要がある。

プロフィールの作成

プライバシーポリシーと合わせて、「このサイトについて」というページを作成した。

「書いておく.com」について

「書いておく.com」について元々、パソコンを組み立てるのが趣味で、組み立てるだけでは飽き足らず、自宅サーバーを構築してサイトを運営したりしていましたが、飽きてはやめて、また復活したりを繰り返して、結局2019年10月に当サイトを公開しまし...

kaiteoku.com

2019.11.04

プライバシーポリシーの作成は、Google AdSenseでは必須で、これがないと審査には受からない。

お問合せフォームの作成

プライバシーポリシーと合わせて、必須項目になっている。

当サイトでは、プロフィール、プライバシーポリシー、問い合わせフォームが一体になったページを作成している。

cocoonでは、簡単にお問合せフォームを設置することができる。

10記事の執筆

いろいろ情報を集めると、30記事は必要だとか、1記事あたりの文字数が1,500以上必要とか出てくるが、10記事公開した時点で申し込みをした。

文字数も3,000文字あるのもあれば、1,000文字に満たない記事もあり、個人的には、意味が分かる文章になっていればあまり気にする必要はないと考えた。

Google AdSenseの申し込み

以上、すべてが準備できた時点で申し込みを行った。

Google AdSense - ウェブサイトを収益化

広告とコンテンツの収益化によって、ウェブサイトで収益を獲得しましょう。ウェブサイト向けに AdSense の利用をすぐに開始する方法についてご確認ください。

adsense.google.com

緑色ボタンの「お申し込みはこちら」をクリック。

ウェブサイト名、メールアドレスを入力する。情報を受け取るかどうかは任意でOK。

利用規約を確認のうえ、「アカウントを作成」をクリックする。

「お客様情報」にて、名前と住所を入力し、「送信」をクリック。

送信をクリックすると「サイトをAdSenseにリンク」と表示されるので、手順に沿って手続きを行う。

コードを自分のサイトに貼り付ける

表示されているコードをコピーし、サイトの<head>タグと</head>タグの間に貼り付ける。

WordPressでは管理画面の「外観」「テーマの編集」にある、「header.php」に貼り付ける。

cocoonの場合は、Cocoon設定の「アクセス解析・認証」タブに貼り付ける。

貼付け後保存し、「サイトにコードを貼り付けました」にチェックを入れ、「完了」をクリックして終了。

しばらくすると以下のように「コードが見つかりました」と表示される。

これが表示されない場合、貼付け場所を間違っているか、コードをうまくコピーできていないかのどちらかなので、表示されなかったら最初から手順を追ってやり直すしかない。

しばらくしてからGoogle AdSenseのサイトを確認すると審査中の表示が出る。

あとはGoogleからの連絡を気長に待つ。

1日から1週間程度で合格、または不合格の連絡が来るようだ。

Google AdSenseの審査結果

当サイトでは、2019年11月11日の22時頃Google AdSenseに申し込んで、翌日12日の19時前にGoogleからメールで通知が来た。

無事審査に通過した。結局、約21時間で審査が完了した模様。

利用開始

審査合格通知メールの「ご利用開始」をクリックして、Googleアドセンスの利用を開始する。

Google AdSenseにログインすると、以下のように表示されるので、

「広告を設定」をクリックし、左側のメニューから、「広告」、「サマリー」を選択する。

「サイトごと」、「広告ユニットごと」とあるので、「広告ユニットごと」の「ディスプレイ広告」を選択する。

「ディスプレイ広告」を選択すると、以下のページが表示され、「サンプル広告」に見慣れたGoogleの広告が表示される。

広告ユニットの名前を入力

自分でわかりやすい名前を任意で入力する。

ディスプレイ広告のプレビュー

3種類から選べるが、モバイル表示を考えると「スクエア」が良さそう。

サイドバーには「縦長タイプ」でもよいかもしれない。

それぞれ選択すると下部にプレビューが表示されるので、実際のイメージを考えながら決めると良い。

広告サイズ

「レスポンシブ」と「固定」が選択できるが、画面サイズによってサイズが調整される「レスポンシブ」にしておくのが無難かも。

設定が完了したら「作成」をクリック。

広告のコードが表示されるので、コピーする。

サイトに広告を表示する

「Cocoon」はとても簡単に表示できる。

「Cocoon設定」から、「広告タブ」をクリックし、「アドセンス設定」を行っていく。

広告コード

「広告コード」の欄にGoogle AdSenseでコピーした広告コードを貼り付けます。

アドセンス表示方式

Google AdSenseのサイトでマニュアル広告を作成したので、「マニュアル広告設定」を選択する。

自動広告だと自分の予期しないところに広告が表示されてしまうので、具合が悪いことになる可能性がある。

広告の表示位置

ここで選択するとすべてのページで同じ場所に広告が表示される。

ちなみに「本文中」は目次の前に表示されるが、そもそも目次がないと表示されない。

当サイトの設定は以下の通り。

「ad」ショートコード

これを有効にすると、全ページ共通の表示のほか、本文中の任意の位置に「ad」と入力すると広告コードに貼り付けた広告が個別に表示される。

現在は表示数に制限はないようだが、あまりあってもうるさくなるかもしれないので、注意しながら使用するようにした方がよいと思われる。

最後に設定を保存してしばらくするとサイトにGoogle AdSenseが表示される。

ads.txt

Google AdSenseにログインすると以下のようなエラーが表示されることがある。

これはなりすましを防ぐためのもので、必要事項の書かれたテキストファイルをサーバーにアップロードする必要がある。

「ダウンロード」をクリックすると「ads.txt」ファイルがダウンロードでき、それをFTPを利用してアップロードする。

エックスサーバーの場合は、サーバーパネルからads設定ができるので、それを利用したほうが簡単。

さいごに

以上がGoogle AdSenseの事前設定、申し込みから、実際の広告の表示までの、当サイトにおける覚書である。

正直、膨大なアクセス数を誇るサイトでないと収益はなかなか期待できないかもしれないが、Google AdSenseの審査に通ることで、真っ当なサイトとして認められる最初のステップのような気がする。

ブログランキングに参加しています。
↓ご参考になりましたらクリックお願いします↓