本サイトのリンクには、商品プロモーションが含まれる場合があります。

私のブログ作成日記【順次更新中】

ブログ作成日記

こんにちは。
今まさにブログを開設して、自分の知っていることを発信して少しでも他の人の何かお役に立てられると良いな。そして、ついでに収益もできると良いなと思って動き出したところです。

ブログ作成に関わることには本当に初心者なので、日々色々な「問い」が目の前に現れては四苦八苦して進んでいます。

同じように初心者からスタートする方の参考になればと思い、ブログ作成の足取りをこちらに刻んでいこうと思います。

きっかけは

今からちょうど3年前に位になりますが、DaiGo氏著『「好き」を「お金に」変える心理学』を書店で見つけ、何となく購入しました。

その後立花岳志氏著『「好き」と「ネット」を接続すると、あなたに「お金」が降ってくる』をこれまた書店で見つけ、何となく惹かれて購入しました。

ブログって何?という状態でしたが、少しブログなるものの存在を知ることになりまして。
「ブログで収益」なんてワードもちらほら見かけるようになり、「好き」を突き詰めることで誰でも継続すれば、「ブログで収益」のステージに到達する可能性は持っていることも知り、少しずつ興味が湧いてきました。

そこで取り合えずやってみないことには始まらん!と思い、取り掛かってみることにしました。
「ブログで収益」関連のブログがいくつもあるので、いくつか見ていると「ムームードメイン」と「ロリポップ」の単語を度々目にしたので、それに決めました。

そのうちにアフィリエイトという単語にも遭遇して、見てた記事で紹介されているイケダハヤト氏・染谷昌利氏著『世界一やさしい アフィリエイトの教科書 1年生』を購入しました。

開設できた!それから・・・

開設に何とかこぎつけて、とにかく1日1記事を、量が少なくても、質が薄くても良いから更新せよとのアドバイスに沿ってブログを更新し始めました。

テーマについても、何がどう違うのかはわからないまま、simplicityというテーマがシンプルで優れているという記事を見つけまして。その作成者さんが新しくcocoonというテーマを作成したと知りました。

であれば取り敢えずcocoonを利用してみようとなり、現在少しずつ整えている最中です。

私がcocoonで整えるために拠り所にしている記事が
「cocoon(コクーン)の使い方を丁寧に解説!カスタマイズで差をつけよう!【WordPressテーマ】」
で、随分助けられております。

現在取り組みたいのが

  • セキュリティ対策を整えたい
  • タイトルを大きくしたい
  • ヘッダーの文字と背景が白で重なって見えないので色を変えたい
  • 四角いサイトアイコンを丸くしたい

上記をそれぞれ解決していこうと思います。

サイトのSSL化とはなんぞや

アドレスバーにずっと「保護されていない通信」と表示されていて気になっていました。
が、よくわからず放置しており、その他のセキュリティ対策を行ってからようやく具体的にどうすれば良いか調べ始め、1番最初に処理しておかなければならない作業だったと今わかりました。。
ですので、遅ればせながらどのように対処したか手順を記していきます。

まずはサーバー契約

サーバー契約に端を発するとのことでした。私はロリポップを使用しているので、サイトへお邪魔し、自分の独自ドメインの無料SSL化の手続きをしました。
手続きはボタンをポチッと押して約5分ほどで完了しました。

 

Google AdSenseの申請時、コード貼付でつまずいた!

cocoonを使って、Google AdSenseの登録のために、ヘッド用コードにコピペして保存ボタンをポチッ!

すると、

こんな風に出てきてしまいました。。

初心者なのでただでさえ進めるのに時間がかかるのに、このようにひとたびつまづくとさぁ大変。
またまたネット検索して、色々探し回ってるうちに解決策をアップしてくれているサイトに巡り合うことができました。

ワードプレスにコクーンテーマをインストールして使用していますが、グーグルアドセンスのコードをCocoon設定のアフィリエイトタグに登録しようとしたら、「403 Error 現在、このページへのアクセスは禁止されています。 サイト管理者の方はページの権限設定等が適切かご確認ください」という、表示になって登録できなくて困ったことありませんか?

とりっぷぼうる「現在、このページへのアクセスは禁止されています。 サイト管理者の方はページの権限設定等が適切かご確認ください」

まさにそれです! とサイトを見つけた瞬間心の中で叫びました!

サーバーがロリポップだったことが要因に絡んでくるなのですが、上記サイトにとても詳しく解決策を載せて下さっているので、同じところでつまづいてる方がいたら是非一読してみてください。

XMLサイトマップを作成する

cocoonの生みの親であるわいひらさんのHPに

このプラグインを用いてXMLサイトマップを作成し、Google Search Consoleから更新内容を伝えることが可能です。
これを行うことで、新規作成サイトでも、Googleのクローラーが回遊してもらいやすくなります(何もしないよりは)。

Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ

とあったので、効果が良くわからないままさっそくGoogle XML Sitemapsをインストールして有効化しました。
有効化した後どうすれば良いかわからないので、ネットで検索し、さくたろう氏の「【cocoon】プラグイン『Google XML Sitemaps』でサイトマップを作成・設定する方法」が出てきましたので、教えを乞いながら作業しました。

これとセットの手続きとして「Google Search Console とリンクさせる」も必要とのことでしたので、それもさくたろう氏の「【cocoon】新Google Search Console を登録・設定しよう!」に習って作業を進めました。

お問い合わせフォームを作る

Contact Form7というプラグインを使用してフォームをつくることができるとのこと。

早速有効化して、いつも通り手順をネット検索で確認。
すると、既に簡単な問い合わせフォームは出来上がっているとのことで、あとはショートコードをコピーして、固定ページの本文に貼り付ける。

もしヘッダーのタグに「お問い合わせ」がなければ追加すれば、準備することができました。

もっとお洒落なデザインにフォームをカスタマイズしたい場合は、HTMLを変更するとできるようですが、それはまた次の機会に回したいと思います。

Jetpackを利用する

わいひらさんの併用お勧めプラグインにありましたので、インストールして有効化しました。
そのあとどうするのかは、また検索して説明してるブログさんを探し出し、作業を進めました。

こちらを利用するには「WordPress.com に連携」と色々なサイトに書いてあったので、そのつもりでしたが、有効化して表示された「Jetpack を設定」ボタンをクリックすると、「WordPress.comのアカウント/Googleのアカウント」どちらで続けるか?と聞かれる画面が出てきました。

なんとなくGoogleアカウントでも使用できるのかしら?と思って試しにそちらで進めたところ、とりあえず設定は終了した的な感じになりひと段落してしまったんです。

こんな感じで表示はされております。
でもおそらく連携作業をしていないので、十分に効果を発揮できる状態にはなっていないのかもしれないのですが、またそれはおいおい調べていきたいと思います。

サイトのタイトル文字を大きくできた

WordやExcelのようにフォント数を変えれば大きくなるのかと思いきや、そこまで単純ではないのですね。

今回は、おかぴー氏の
【cocoon】ヘッダーのブログタイトルの色・サイズ・スタイルをカスタマイズ」
に教えを乞いながら作業を進めました。

記事を読み進めていくと、

また、作業を始める前にFTPソフトを使って、Cocoonの親テーマから「header.php」を子テーマに用意しましょう。

【cocoon】ヘッダーのブログタイトルの色・サイズ・スタイルをカスタマイズ」

はてFTAソフトとはなんぞや? というレベルの私です。
これまたご丁寧に別記事でその指南のリンクが貼ってありましたので、まずはそちらに飛んで行ってから、また今回のテーマ「サイトタイトルの大きさ変更」に戻ってきました。

指南通り、FileZillaというソフトを使って「header.php」を子テーマに用意して、文字変更に取り組みました。
分かりやすく案内して下さっているので、無事に大きさが変更できました。
成り行き上文字スタイルも変えることができました!

色の変更も案内があったのですが、こちらだけは同様に貼り付けはしたものの色が変わりませんでした。
入れているプラグインが影響してるのか、他の何か設定が絡んでいるのか分かりませんが、ここまで作業して疲れてしまったので、色の変更はまた次回の課題にしようとひと段落してしまったのでした。

スマホ投稿で改行のみしたい場合は?

簡単な投稿をスマホからでもできるようになりたいなと思い、試しにチャレンジしました。

おおよそパソコンと同じように操作で来たのですが、パソコンではShift+Enterでできる改行のみの操作。
はて、スマホ版ではどのように?という疑問にすぐぶつかりました。

 

さてさて、ネット検索・・・

 

なるほど、スマホ版ではコードエディターに切り替える必要があるみたいですね!

今回の操作は、
ぺちゃの呟き「ワードプレス・スマホで段落を変えずに改行したい!」
を参考にさせて頂きました。

早速実際にトライしてみました。
スマホの画面でということもありますが、中々面倒な作業です!(笑)
一か所変更するなら良いですが、1つの記事にいくつも該当箇所が出てくるようだと手間がかかって疲れそう。。

疲れそうな場合は、とりあえずスマホで打っておいて、パソコンが使えるようになった時に該当箇所を修正するでも良いかなと思いました。
なんせ、Shift+Enterで済んでしまいますからね。

『「カバレッジ」の問題が新たに 検出されました』ってメールが届いたら?

 

G-mailで見出しにあるタイトルのメールが届いたわけです。

 

初心者にとっては「エラー」という文字が出ただけでもドキッとしますが、

「貴サイトのページまたは機能が検索結果に表示されなくなる可能性があります」

なんて書かれていたら、益々「なんで?」「なんとかしなくちゃ」と思う訳で。。

早速得意のネット検索で同じ問題にぶつかって解決した人を探しに行きました。

すると、ひーママ 子育て&雑記ブログさんの「searchconsoleでカバレッジの問題が検出された場合の対処法」を見つけました。

詳細はそちらに丁寧に記載してありますが、【プラグインXML-Sitemap】の設定で引っ掛かっているのではないかとのこと。
このプラグインの設定の中で、「HTML形式でのサイトマップを含める」のチェックを外すと解決できるとのことでした。

習ったとおりに作業して、先ほどのメールにある「修正の検証」をクリック。
検証には何日かかかるとのことなので、静かにお返事を待ちたいと思います。

 

・  ・  ・  ・

 

来ました!

問題なしとGmailに通知が入ってきました。
検証依頼をしたのが14日でしたので、10日後のお返事でした。

正直申請したことをすっかり忘れており、そういえば!という感じでしたが(笑)
ひーママさんの解決法で、私の場合も問題なく作業を終えることができました。

サイドバーのプロフィール文から詳細ページへ

サイドバーに設置しているプロフィールの文章の最後に「詳しくはこちら」のように、プロフィール詳細ページへリンクさせたかったので、調べました。

※既にサイドバーにプロフィールがあるという状態で話を進めます。

外観→ウェジット→サイドバー内のテキスト:プロフィールへ進む。
「ビジュアル」と「テキスト」のタグがあるので、「テキスト」を選択する。
プロフィール文の設置したい場所に

「 詳しくは<a href=”ココにご自分のプロフィールページURL”>こちら</a>」

これで「詳しくはこちら」の形でプロフィール詳細ページにリンクを作ることができました。

因みに、サイドバーのプロフィール写真下の名前をリンクにしたい場合は、
先ほどと同様「テキスト:プロフィール」から「ビジュアル」のままで自分の名前を範囲で括り「リンクの挿入」をクリックして詳細ページのURLを入れればOKでした。

今回の一連の作業は、

ふるりーむさんの「Cocoon(コクーン)でプロフィールにリンクを貼る方法」を参考にさせて頂きました。

タイトルとURLをコピーしました