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をアップデートした際に言語関連のファイルに不具合が生じたようです。

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

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

以上、ちょっと手順が多いですが、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

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

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

以上です。

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

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

「OGP」タブの基本的な設定方法をまとめておく。

ホームイメージとは

ホームイメージとは、TwitterやFacebookでサイトのトップページを共有したときに表示されるサムネイル画像のことで、デフォルトでは、Cocoonの画像が表示される。

ホームイメージの変更方法

Cocoon設定、「OGP」タブの3つ目のボックス、「ホームイメージ」欄で、「選択」をクリックし、ホームイメージにしたい画像を選ぶ。

変更後

ホームイメージしたい画像を選択すると、以下のように画像が変更される。

「ホームイメージ」欄の下にある変更をまとめて保存をクリックして完了。

Twitterでの表示

しばらくすると、Twitterで表示される画像が以下の通り変更される。

変更したホームイメージ画像がTwitterに反映されないとき

変更した画像がTwitterに反映されない場合は、以下のサイトで自身のURLを入力すると更新される。

X

cards-dev.twitter.com

その他の設定

「OGP」タブの「OGP設定」、「Twitterカード設定」はデフォルトのままでOK。

特にいじる必要はない。

OGP設定

• OGPCタグの挿入：チェック
• Facebook APP ID：入力しない

Twitterカード設定

• Twitterカード・タグの挿入：チェック
• Twitterカードタイプ：大きな画像のサマリー

設定を変更した場合は、変更をまとめて保存を忘れずにクリックする。

さいごに

Cocoon設定ではかなりのことができるのでしっかり設定しておきたい。

Cocoon設定「全体」タブの設定方法

当サイトで利用しているWordpressテーマ、「Cocoon」をインストールすると「管理画面メニュー」に「Cocoon設定」が追加され、外観の詳細設定、アドセンス、アフィリエイトなどの広告設定、等々、様々な設定が行えるようになる。本記事で...

kaiteoku.com

2019.11.01

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

本記事では、Cocoon設定の「全体」タブについて、当サイトの設定をまとめておく。

「全体」タブの設定

「全体」タブでは、ページ全体の表示に関する設定を行うことができる

キーカラー

背景やテキストの色を指定する事ができる。ただし、スキンによっては色が決められていて、選択できないものもある。

サイトキーカラー

サイト全体のポイントとなる部分の背景色を設定できる。

当サイトの設定：「#009944サマーグリーン」

サイトキーテキストカラー

サイト全体のポイントとなる部分のテキスト（文字色）を設定できる。

当サイト設定：なし

「スキンテンプレート」を使用する場合、指定しないと白い文字になる。

サイトフォント

サイト全体で適用されるフォント、文字サイズ、文字色を設定できる。

当サイト設定：

ちなみに「フォントの選択肢」のなかには、（WEBフォント）となっているものがあり、これはサーバー上に置かれたフォントサーバーからフォントを読み込み、サイトの文字を表示する仕組みである。

WEBフォントを利用することで、どの端末でも意図したフォントを表示させることができる。

一方、それ以外のフォントは「システムフォント」といい、OSや端末に依存するフォントで、例えば、WindowsとMacで表示が異なるのはシステムフォントの違いによるものである。

モバイルサイトフォント

その名の通り、モバイル端末（表示横幅480px以下）でフォントサイズが設定できる。

当サイト設定：16px

文字の太さ

当サイト設定：400（デフォルト）

サイトアイコンフォント

「Font Awesome4」、もしくは「Font Awesome5」のいずれかを選択する。

「Font Awesome」とは、アイコンをフォントにしたもので、拡大、縮小、色の変更が可能であり、jpg等、画像のように滲んだり、ぼやけたりということがない。

デフォルトでは「4」だが、最新は「5」になる。

例えば、<i class=”fab fa-apple”> </i>と記述すると以下のように表示される。

ちなみに<i class=”fas fa-apple-alt fa-5x”>&nbsp;</i>と＜fa-5x＞を追加することで大きさを5倍に変更することができる。

Find Icons with the Perfect Look & Feel | Font Awesome

Used by millions of designers, devs, & content creators. Open-source. Always free. Check out the all-new icons, styles, ...

fontawesome.com

サイト背景色

サイト全体の背景色を設定することができるが、設定可能かどうかはスキンに依存する。

サイト背景画像

サイト全体の背景画像を設定することができる。

サイト幅の均一化

ヘッダー、アピールエリア部分の幅を「メインコンテンツ＋サイドバー」の幅に合わせるかどうかを設定できる。

アピールエリアに画像を表示している場合は、「サイト幅を揃える」にチェックを入れたほうが良く、逆にサイト幅を揃えないとアピールエリアがウィンドウ一杯に広がってしまうので注意が必要である。

サイトリンク色

サイトで表示するリンクの色を指定でき、デフォルトでは一般的なリンク色になる。

書いておく.com

サイト選択文字色

サイト内のテキストを選択したときの文字色を設定できる。

当サイト設定：デフォルト

テキストを選択したときの背景色がデフォルトではブルーだが、当サイトでは

「#009944サマーグリーン」に変更したので、文字色は「＃FFFFFF白」にしている。

サイト選択背景色

サイト内のテキストを選択したときの背景色を選択できる。

当サイト設定：「#009944サマーグリーン」

サイドバーの位置

サイドバーを、左右どちらに置くか設定できる。

その昔（かなり以前は）、サイドバーを左に置くのが一般的だが、現在は右サイドバーが主流となっている。

サイト訪問者は概ね、「左から右に読む」ので、メインコンテンツが左側にあったほうが目を引きやすい、というのが理由かと。

逆にサイドバーに注目を集めるなら、右サイドバーにするのもアリかと。

サイドバーの表示状態

どのページにサイドバーを表示するかを設定できる。

当サイト設定：すべてのページで表示

ファビコン

「ファビコン（サイトアイコン）」とは、ブラウザのタブの先頭に表示される画像をいう。

ファビコンの設定は「Cocoon設定」ではなく、Wordpress管理画面の「外観」→「カスタマイズ」→「サイト基本情報」で設定する。

当サイトでは、　　を使用している。

サムネイル表示

サイト内のサムネイル画像の表示、非表示を設定できる。

デフォルトでは、「サイト全体のサムネイルを表示する」にチェックが入っているが、チェックを外すことで、サムネイル画像を無効化することができる。

日付フォーマット

テーマ全体の日付フォーマットを設定できる。

デフォルトでは、「y.m.d」となっており、「2023.01.01」と表示される。

さいごに

以上が、「Cocoon設定」の「全体」タブで設定できる項目となり、サイトデザインのかなりの部分を設定することができる。

Cocoonでは、色々なスキンを簡単に利用することができるが、全体タブで色やフォントなどを設定することである程度のオリジナル感を出すことが可能になっている。

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

当サイトの設定内容を、覚書として書いておくことにする。

WordPressの設定画面

「WordPress」の設定は、左側サイドメニューの「設定」から行う。

一般設定

サイトのタイトル

サイト名を入力する：書いておく.com

キャッチフレーズ

サイトの説明を入力する：城めぐりを中心とした旅、ドライブ、ツーリングの記録、購入したもの、DIY等々の記録を「書いておく」場所

WordPressアドレス（URL）

SSLを設定しているので、「http://kaiteoku.com」を「https://kaiteoku.com」に変更する。

サイトアドレス（URL）

「WordPressアドレス」同様、「http://～」を「https://～」に変更する。

必要箇所を変更したら、忘れずに変更を保存をクリックする。

メンバーシップ

「だれでもユーザー登録ができるようにする」のチェックを外しておく。

投稿設定

更新情報サービス

ブログ村に登録している場合、ここにping送信URLを登録しておくと、新しい記事を公開した時点で自動的に送信してくれる。

ブログ村への登録は以下のリンクから。

人気ブログランキング - にほんブログ村

にほんブログ村の人気ブログランキングは数多くの人気ブログが集まるブログランキングサイトです。（参加無料）

blogmura.com

同じく、忘れずに変更を保存をクリックする。

表示設定

ホームページの表示

ホームページを「最新の投稿」、もしくは「固定ページ」にするかを選択でき、「固定ページ」にする場合、事前に固定ページを作成しておく必要がある。

1ページに表示する最大投稿数

デフォルトでは、10件になっているが、Googleアドセンス等、広告を表示する場合、Cocoon設定の「インデックス」タブで、「カードタイプ」を縦型カード2列にする場合は9件にする必要がある。

変更した場合は、変更を保存をクリックする。

ディスカッション設定

投稿、コメント等に関する設定を行う。

デフォルトの投稿設定

デフォルト設定通り、

• 投稿中からリンクしたすべてのブログへの通知を試みる
• 新しい投稿に対し他のブログからの通知（ピンバック・トラックバック）を受け付ける
• 新しい投稿へのコメントを許可

いずれもチェックを入れたままにする。

メディア設定

画像のサイズを選択でき、デフォルト設定にしておいて、アップロードする画像を1,200pxにする。

ちなみにアップロードする画像を1,200px未満にすると「Google Search Console」でエラーになる場合があるので、注意が必要である。

パーマリンク設定

共通設定

「投稿名」を選択する。

プライバシー設定

プライバシーポリシーページ

「Googleアナリティクス」、「Google AdSense」、「Amazonアソシエイト・プログラム」等を利用する場合は、それぞれプライバシーポリシーの記載内容が定められているので必要に応じて追加する。

Googleアナリティクスの利用規約。

Terms of Service | Google Analytics – Google

Read Google Analytics terms of service.

marketingplatform.google.com

Google AdSenseのコンテンツポリシー。

必須コンテンツ - Google AdSense ヘルプ

Google 広告 Cookie Google は、Google のパートナー ウェブサイト（Google 広告を掲載するウェブサイトや Google の認定広告ネットワークに加盟するウェブサイトなど）への広告配信に、Cookie を使用し...

support.google.com

Amazonアソシエイト・プログラム運営規約。

アソシエイト・セントラル - Amazonアソシエイト・プログラム運営規約

affiliate.amazon.co.jp

さいごに

WordPressの無料テーマ、Cocoonでも、サイトに合わせた設定に合わせた設定が必要のため、適宜、覚書を追加する予定。

まずは、「Cocoon設定」の「全体」タブの覚書。

WordPressの初期設定

WordPress導入、無料テーマCocoonを適用後、WordPressを利用するための設定を行う必要がある。当サイトの設定内容を、覚書として書いておくことにする。WordPressの設定画面「WordPress」の設定は、左側サイドメニ...

kaiteoku.com

2019.10.25

Google AdSenseに受かるには、プライバシーポリシーを掲示することが必要になる。

プライバシーポリシーを設定する

当サイト「書いておく.com」のプライバシーポリシーを公開した。公開場所当サイトのプライバシーポリシーの公開場所は以下の通り。サイドバーにあるプロフィールの「hamaちゃん」のリンクからもプライバシーポリシーのページに移動できるように設定し...

kaiteoku.com

2019.11.09

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

X-serverでは、管理画面から簡単にWordPressが導入できる他、2023年現在、Cocoonも管理画面から適用することができるようになった。

かなり簡単にできるので、次回導入するときも迷うことはないと思うが、従来のCocoonをダウンロードして、WordPressに適用する方法と、X-serverの管理画面から適用する方法、それぞれを書いておく。

また、合わせてSSL化する手順も同様に書いておくことにする。

X-serverの管理画面からWordPressとCocoonを導入する

X-serverの管理画面からWordPressを導入する手順は以下の通り、とても簡単。

X-serverのサーバーパネルより、「WordPress」→「WordPress簡単インストール」をクリックする。

「WordPressインストール」タブを選択し、必要な情報を入力する。

「確認画面に進む」をクリックし、間違いがなければ「インストールする」をクリックし、完了。

完了画面に表示された「管理画面URL」をクリックするとWordPressの管理画面に移動できる。

Cocoonをダウンロードして適用する方法

WordPress導入時にCocoonを選択しなかった場合の、Cocoon導入方法は以下の通り。

因みに、Cocoonはとても親切な無料テーマで、Cocoonの公式サイトにて、ダウンロードからインストールまでを丁寧に解説してくれている。

「Cocoon」のダウンロード

テーマのダウンロード

Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。

wp-cocoon.com

「Cocoon」のインストール

Cocoonテーマをインストールする方法

WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。

wp-cocoon.com

SSL化する手順

SSLとは

SSLとは、「Secure Sockets Layer」の略で、インターネット上でデータを暗号化して送受信する仕組み（プロトコル）のことをいう。

安全な通信を行うために、個人情報やクレジットカード情報などの重要なデータを暗号化する技術である。

昔のURLは「HTTP」から始まっていたが、今ではほとんどのURLが「HTTPS」と最後にSがついている。

これがSSL化されているURLを表しており、SSL化していないサイトは様々な制約が生じている。

主な制約は以下の通り。

SSLには「独自SSL」と「共有SSL」があって、独自SSLはその名の通り、独自ドメインに対して証明書が発行されるため、共有SSLより信頼性が高いとされている。

X-serverで独自SSLを無料で使用する

X-serverでは、独自SSLを無償で使用することができ、手順は以下の通り。

または、

いずれにしても反映されるには1時間程度の時間がかかる。

しばらく待ってから「https：//ドメイン名」でアクセスできるか確認する必要がある。

さいごに

その昔、Movable Typeをインストールするだけで数時間、あるいは数日を要したのは何だったんだろう？と思うぐらい、あっけなく簡単にWordPressとCocoonが導入できる。

もう、個人利用はWordPress一択だと改めて思う。

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

以前は何年もMovable Typeを利用してきたが、今回「書いておく.com」を立ち上げる際は、せっかくなのでWordPressを利用してみようと、実験的にいくつかの無料テーマを試してみた。

その中で見つけたのがCocoon。

最初のうちは、「なんだMovable Typeとそう変わらないじゃないか。MTもバージョン７になって同じことが出来るぞ」と思っていたが、使っているうちにどんどんどんどん便利な機能を発見して、もうすっかりMovable Typeに戻れない体になっていた。

Movable Typeのテーマ、「RIMO」を使うと、かなりWordPressみたいな見た目とウィジェットなどが用意されているが、それでも自分でcssをいじったり、ウィジェットを作ったりとしないといけないのでなかなか大変。

それに比べてCocoonは、例えば吹き出しとかボタンとか、見栄えのよいリンクが貼れる「ブログカード」とか、広告を好きなところに貼り付けるとか、本当に簡単にできてしまう。

WordPressを選んだ理由

あくまで以前使用していたMovable Typeとの比較になるが、主な理由は以下の通り。

導入、運用が簡単

利用するサーバーにもよると思うが、サーバー設定画面から簡単にWordPressをインストールすることができる。

WordPressとCocoonの導入方法とSSL化の手順

X-serverでは、管理画面から簡単にWordPressが導入できる他、2023年現在、Cocoonも管理画面から適用することができるようになった。かなり簡単にできるので、次回導入するときも迷うことはないと思うが、従来のCocoonをダウ...

kaiteoku.com

2019.10.23

Movable Typeを利用していた頃はMySQL（データベース）のインストールや設定が必要だったが、そんな必要もない。

運用も面倒なことは特になく、導入したテーマやプラグインのアップデートをこまめに行う程度で済む。

利用者が多いため、情報を得られやすい

Movable Typeを利用していた2002~3年頃には「ブログと言えばMovable Type」で、書籍も多く発売され、ネットで多くの情報を得られたが、無償利用に対する制限が強化された頃からWordPressにシェアを奪われていったように記憶している。

今では、個人利用では圧倒的にWordPressで、Movable Typeのカスタマイズ方法を探すのが大変になっている。

再構築に時間がかからない

Movable Typeで厄介だったのが再構築。

サイトをカスタマイズするとそのたびに再構築という作業が必要で、記事数が多くなってデータベースが大きくなるのに比例して、再構築にかかる時間が長くなる。

再構築ボタンをクリックして、終わるのをひたすら待つだけだが、とてつもなく長く、ときにはエラーが発生して、また再構築が必要なケースが発生する。

一方、WordPressはサイトへのアクセスがあったときにベージが生成される動的生成のため、表示に時間がかかるというデメリットがあったが、テーマやプラグインのおかげでだいぶ解消されたのもWordPressのシェアが増加した一因ではなかろうか。

HTMLやCSSの知識をそれほど必要としない

Movable Typeにもテーマ（テンプレート）は色々用意されており、無償で利用できるのも多数あったが、例えば、色を変える等、なんかしらのカスタマイズをしようとするとHTMLやCSSに関する相当な知識が必要で、頻繁にバックアップをとっておかないと、最悪なんにも表示されなくなる恐れもあるなど、無茶苦茶苦労した。

WordPressだと、自分の望む機能を持ったテーマに出会えれば、それほど知識を必要としないでカスタマイズが可能だと思う。

さいごに

約10年ぶりにブログを復活させることになったが、心機一転、WordPressとCocoonを利用して、いろんなことを「書いておく」場所にしたい。

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