50のてならい

50のてならい

50になってからネットについて色々と検証していくブログです。

はてなブログとWordPressの違い その1

f:id:jr0704japan:20170715190457j:plain

〇の中に1を入れて、それに色がつけたいだけなんですが、wordpressではサクサクと出来るのに、はてなブログでは何時間かかっても出来ない。

どうも、はてなブログ特有の書き方というか、仕様があるようで公開しないとプレビューだけではFontAwesomeなどのアイコンフォントを使った文字が使えなかったり、記述が消えたりするようなのです。

シリーズ的に、思いついた時に、はてなブログWordPressの違いについて書いて行きたいと思います。

あくまで無料の「はてなブログ」との違いとなります。

 

FontAwesomeとは

これについて記事を書こうを思っていたのですが、なんとハテナブログでは表示が上手くいかない。

また時間を取って書こうと思うのですが、書けないものは時間がかかるもので難しいですね。

FontAwesomeは、簡単にいうとアイコンフォントみないな物です。文字のように扱えるので、大きさを変えたり、色を変えたり、動きを出したり、色々と出来きるようです。

 

例えば、

使い方として、iでインフォメーションを表して背景に色をつけて補足説明などの表現したりする方法とか「i」を使うとかですね。

それとか、こんなマークをブログとかで見た事ないでしょうか?

 

RSSのマークですね。こんなものもFontAwesomeにはあります。

たった、これだけを表現すするにも、はてなブログの場合には難しくて(私的にはです)プレビューモードでは見えるのですが、編集みたままモードでは見えないのです。

 

それとか、プラグインとかで単語登録みたいな物も使えないのが はてなブログの難しい所の一つです。はてなブログで目次を付ける時にも、一々検索してから[:contents]を探しだしてから、記入しています。これも不便ですね~

はてなブログの場合、[:contents]を編集見たままモードでも、HTML編集でも記述すれば目次ができます。 

 

はててなブログのアイコンフォント

はてなブログにも、アイコンフォントは沢山あるにはあります。

shirokai.hatenablog.com

ただ、色は変えられないようですね。これでは使い勝手が悪いように感じます。

それで、なんか問題あるの~と、言われればそれまでなのですが、読んでくれる人がより分かりやすく、見やすいほうが親切ですよね!

 

まあ、おっさんの場合には、それよりも内容のある文章を書けよ!   と、言われればそれまでなんですが^^;

 

はてなWordPressの検索流入

ぐぐって貰えるとわかるのですが、wordpressで書いていた人がはてなブログに移る人は結構いるようです。何故ならWordPressで書いていても、記事を作成したことを宣伝というか、発信しないと誰もみてくれないからです。

 

例えば、ツイッターであるとか、Facebookで記事を書いたことを知らせる訳ですね。

これが、同じ記事を書いても、はてなブログから検索で見てくれる人のほうが多いのです。

 

検索から記事を見た人が

実は、メールで問い合わせがあって、internal saver errorでお店のサイトが表示できなくなりましたと。

検索していたらfilejillaの記事を見て、助けて下さいとメールがきました。

 

これが、こちらのブログからの検索だったのです。

結論は、何度かメールのやり取りをして、何故表示出来なくなったかを特定。

 

記事を書き変えて、自分で修正出来るようにして最終的にはサイト復活することが出来ました。

人のお役に立てるなんて~ ブログやってて、良かったなとこの時は思いました。

 

書き変えた記事は以下です。サイト丸ごとバックアップとファイル削除の方法を追加しました。記事というのは、書いた時だけでなく追加で分かった時とかは書き変えておくと、誰かの役に立つ事があるのだなと、思いました。

まあ、それは私も先人の皆さまの記事を見て勉強しているので、同じことですよね!

chan-biku.club

情報記事は、小まめに修正しましょうね!    自分に言ってます   

EWWW Image Optimizerで既にアップされた画像を最適化する方法

ブログやサイトを運営していると、画像や図解を色々と入れてより分かりやすく表現するのは、見てくれる人にとって優しいサイトとなりますよね。
 ただ、画像をそのままアップロードしていると、レンタルサーバーの容量の上限を越えたり画像のサイズが大きすぎて、サイトの表示が遅くなったりしてしまいます。
 特に、スマホユーザーからの検索流入とかでサイトを訪れてくれた人に対して表示が遅いとそれだけで、すぐに切り替えられてしまいますよね。
 そこで、過去にアップロードした画像を最適化する事の出来るプラグイン EWWW Image Optimizerを紹介します。 
 

インストール手順

EWWW Image Optimizerプラグインをインストールする手順を紹介します。
 WORDPRESSの管理メニューからプラグインをクリック
 新規追加をクリック
 
 キーワードの部分にEWWW Image Optimizerと入力します
② 今すぐインストーをクリック
インストールが終わったら、忘れないように有効化をクリックして下さい。上の画像の今すぐインストールの部分が有効化に代わるので、そこをクリックして下さい。
プラグイン一覧を表示
EWWW Image Optimizerプラグインの設定をしていきます。 
① WORDPRESSの管理メニューからプラグイン→インストール済みプラグインをク
   リック
 
 プラグインの一覧から、EWWW Image Optimizerの設定をクリックします。
 
 基本設定の項目
 基本設定から設定していきます。
② メタデータを削除にチェックを入れます。
このメタデータを削除の意味ですが、画像に含まれるコメントとか色情報とか、撮影場所や撮影日時などの不要なメタデータを削除することによって、画像の圧縮率が高めるためです。個人情報が漏れる事も防ぐことが出来ますよね。
③ 変更を保存をクリックします。 
その他の項目は、画像と同じようにして下さい。最初からこの値だったと思います。
高度な設定の項目
高度な設定の中の項目の説明です。
① 画像をどの程度圧縮するかを設定する項目ですが、基本的には初期設定のレベル2のままで良いです。レベルの数字を大きくすると圧縮レベルが高くなりますが、画質が粗くなってしまいます。
 ② チェックを入れておきます。pngoutというのは、PNG画像を圧縮するツールの事ですが、導入しなくても圧縮効果は十分にあるので無効にしておきます。
その他の項目は、そのままでOKです。
変換設定の項目
① コンバージョンリンクを非表示チェックを入れて下さい。
チェックを入れていない場合ですが、自動でファイルの変換が行われてしまいます。具体的には、pngファイル を jpgファイルに変換したり、逆にjpgファイル を pngファぃルに変換する機能があり、予期しない変換により、画質が悪くなったりするので、チェックを入れておいたほうが良いです。
チェックを入れたら、一番下の変更を保存にクリックして下さい。プラグインの設定はこれで終了です。ほとんどデェフォルトでも問題なく動作してくれて、勝手に最適化して画像をアップロードしてくれるので助かりますね。
 

既にアップロードした画像を圧縮する方法

EWWW Image Optimizerプラグインをインストールしてからアップロードした画像は、全て最適化されるので、問題ないのですがそれまでにアップロードされた画像は大きいファイルサイズのままだったりします。
ですが、このプラグインは過去にアップロードした画像も圧縮することが可能です。 これまでにアップロードされている画像は、手動で圧縮していきます。
 管理目メニューからメディアをクリック。
 一括最適化をクリック
 最適化していない画像をスキャンする をクリック
 
 画面が切り替わったら、最適化を開始 をクリック
 

① 51個の画像が最適化されてなかったので、それぞれ最適化されてますね。  

最適化されていない画像が多い場合には、時間がかかるので待って下さい。私の場合には51個で12秒ですね。沢山画像がある場合には時間かかりそうです。
最適化画像を表示してみる

これまでに2161個の最適化された画像があり、さらにダブってアップロードされていた画像などは、テーブルから削除されてサーバー容量の削減がされています。

最適化されるべき、画像がない場合には「最適化される画像がありません」とでます。

まとめ

今回紹介したように、EWWW Image Optimizerプラグインは、インストールしているだけで、画像をアップロードする時に最適化してくれます。また、既にアップロードされている画像も一括して最適化してくれるプラグインです。設定する項目も、あまり複雑でないので初心者の方で簡単に導入することが可能だと思います。是非、入れておきたプラグインですね!

 

坐骨神経痛とは

ここ最近の自分の身体の不調を考えて少しWEBでぐぐってみました。

片足だけが痺れる。腰から太ももの裏側にかけて痺れると、いう症状に当てはまる病気として坐骨神経痛が見事に当てはまることが判明。

坐骨神経痛というのは聞いたことがあるけれども、これが何なのか、坐骨神経通ならば対処法や検査方法などがあるのか検証してみました。

 

坐骨神経とは

坐骨神経は人体のなかでもっとも太く、長い末梢神経で、腰のあたりから足の爪先まで伸びている神経です。坐骨ですから、簡単に言うと腰の当たりからですね。

http://stretchpole-blog.com/symptoms-of-sciatica-11238

引用 http://stretchpole-blog.com/ ストレッチポール公式ブログ

以下は、wikipediaより坐骨神経についての引用です。

ヒトの場合、腰仙骨神経叢から始まり総腓骨神経脛骨神経に分かれて終わる。腰仙骨神経叢を構成する末梢神経のうち坐骨神経をなす物は第4、第5腰神経と第1〜第3仙骨神経である(L4〜S3)。

坐骨神経の走行は、腰仙骨神経叢を出た後、梨状筋の前面を通り、下殿神経と共に大坐骨孔梨状筋下孔)を通って骨盤外へ出て、大腿後面(大殿筋大腿二頭筋の前面)を下行し、大腿屈筋群大腿二頭筋半腱様筋半膜様筋)と大内転筋筋枝を分枝し、膝の裏(膝窩)の上方で2終枝(総腓骨神経脛骨神経)に分かれる。

出典 https://ja.wikipedia.org/wiki/%E5%9D%90%E9%AA%A8%E7%A5%9E%E7%B5%8C

難しすぎてわからない^^;

簡単に言うと、腰骨あたりから足の指先までの神経ですから広範囲に渡るため、膝下からは色々な神経の名称もついているようです。

坐骨神経痛とは

坐骨神経痛というのは、症状のことで疾患名ではないようです。

私が当てはまると思った症状はというと

 ・腰、お尻、太もも裏、ふくらはぎに痛みやしびれがある。特に今回はしびれ
・腰痛がありながら、腰の痛みとは離れた部分にしびれがある。今回はふくらはぎ

などの症状があったので気になったのです。

まさに、今の状態にどんぴしゃりなんですから気にならない訳がないですよね。

坐骨神経痛を起こす疾患は

この坐骨神経を圧迫して、痛みが出る原因の一つとして、椎間板ヘルニアがあげられます。

椎間板ヘルニアは、腰骨の間のクッション材である「椎間板」が変形して飛び出し、神経を圧迫して痛みの出る疾患なのですが、最近は手術をしない方向に向かっているようです。

http://stretchpole-blog.com/symptoms-of-sciatica-11238

引用 http://stretchpole-blog.com/ ストレッチポール公式ブログ

最近の統計では、手術をしてもしなくても数年後はあまり変わらないとの報告があるようです。再発する人もいれば、完治する人もいるということなのでしょうね。

椎間板が変形して突出していても痛みのない人もおり、出たり引っ込んだりもするそうです。私の兄も椎間板ヘルニアであると診断されましたが、手術は受けてないです。

かなり前のこになりますが、兄はひたすら鉄棒にぶら下がっていたようです。

今でいう治療としては牽引ですね。本当に手術を受けないといけない患者さんは全体の数パーセントであるとの報告もあるようです。

生活する上での姿勢であるとか、仕事内容とかも深く関係してくるのでしょうね。

私も整形外科に長い事入院していたことがあり、椎間板ヘルニアの患者の方を良く見てましたけど、手術前には歩き方がロボットのような感じの人が手術後には正常に歩いていてびっくりすることが多々ありました。

坐骨神経痛の検査 SLRテスト

私の通っている整体の先生に今の症状から考えられることを話して聞いてみました。

先生、私の今のこの痺れは坐骨神経痛ではないのですか?

 と、
すると、先生は坐骨神経の場所を丁寧に教えてくれました。
そして、私の疑問に応えるべく、整形外科でするテストをすぐにしてくれました。
 
SLRテストと呼ばれる足の延ばしですね。
 
 
http://stretchpole-blog.com/symptoms-of-sciatica-11238

出典 http://stretchpole-blog.com/ ストレッチポール公式ブログ

片足のカカトを持って、足をまっすぐにキープしたまま上にあげます。

このテストで坐骨神経痛の人の場合には、30度も上げることができないですし、相当な痛みとしびれがあるそうです。

私の場合どうだったかというと、痛みもしびれもなく、右足は75度まで上がりました。しびれのない左足は90度以上、上がってます。

結果、私の場合には坐骨神経を圧迫している疾患ではないとの結論です。良かった~

もし、整形外科で診断したら

整体の先生によると、坐骨神経痛であるならば、まずは整体で直す前に整形外科で受診をして貰うそうです。

整形外科での診断としてはヒアリング、レントゲンやMRI、CT、ラセーグテスト、SLRテスト、触診などを行います。

具体的に坐骨神経痛を引き起こす、疾患である椎間板ヘルニアや、腰椎すべり症、腰椎分離症、脊柱管狭窄症、脊髄腫瘍や骨盤内腫瘍などがないかを見て貰います。

ただ、それらの疾患が見つからない場合がほとんどです。そして、痛み止めや塗り薬を出されて、様子をみましょうね~ で、終わるかでしょうね。

自分の場合の原因は

私の場合には、坐骨神経痛ではなく、腰のバランスのくずれによる右臀部の筋肉の張りが右足全体のしびれに繋がっているようです。

腰のバランスのくずれる要因として、昨年からの落車による骨盤骨折、腰椎骨折、そして冬の雪による落車で右のケツを打撲したこと。

元々は、左側の臀部のバランスが悪かったものが、最近は右側の臀部のバランスが悪い為に筋肉の張りが取れづらくなっているようです。

今後の対処方法

整体の先生が言うには、

まず、何処に行っても自転車に乗るのをしばらく止めて下さいと言われるでしょうね。

 と、言われてしまい、しばし絶句……..

まあ、当たり前でしょうね。とりあえず、気を付けることは

  • 臀部に負担をかける筋トレを控える
  • 体感トレーニングのサイドプランクを控える
  • 椅子に長く座らない
  • 正しい立つ姿勢を保つ
  • 整体ベルトを締めておく (これについては又記事を書きます。スポーツ用です)
  • 臀部のストレッチを行う

などでしょうか。

それとサドル位置を正常なポジションに治した為、これの慣らしも少しずつしていかないといけないです。慣れないポジションのままに負荷をかけてしまうと、また身体が悲鳴が上げてしまいそうなので、段々と慣らしていかないといけないかなと思ってます。

サドル変更記事は下記です。

まとめ

整体の先生によると、加齢による身体の回復能力が、年々落ちているのではないかとのことです。特に筋肉の疲労に対する回復とケアですね。最近、テレビでも取り上げられている筋トレしたら、ロイシンであるとかたんぱく質であるとかを、もう少し摂取しないと筋肉の老化が加速してしまうということなのかもしれません。

土日に雨が降らなければ、週に300キロ前後は通勤と週末トレーニングで走るので疲労回復と共に、栄養素の取り方も身体全体の疲れを取ることと、筋肉の疲労を取ることを分けて栄養素を取らないといけないのかな、とも思うのでこれについては今後も人体実験をしながら検証を続けてみたいと思います。

ポイント交換報告とPEXサイトの紹介

今年の最初のポイントサイトの現金化となりましたので報告です。

これまでも、ポイントサイトの獲得得点がある程度に溜まったら、ポイントのまとめサイトのpexに集めてました。

まあ、塵も積もればといった感じでしょうか、ある程度の現金化が出来ました。時給計算はしないですけど^^:

ポイントまとめサイトPEXの概要

私の場合、各ポイントサイトで集めたポイントをPEXというサイトにポイントを集約しています。そして、それらをまとめて一括してから現金化しています。これだと、ポイントを交換する時に発生する手数料を押さえる事が出来るのでお得です。

では、PEXとはどんなサイトなのか見てみましょう。

PeXとは | ポイント交換のPeX
PeXは日本最大級のポイント交換サイトです。初めてご利用の方へPeXの基本の使い方とメリットをご紹介します

上のリンクをクリックすると、最初に目にするのは

PeXは日本最大級のポイント交換サイトです。

まさに、その通りで各サイトで貯めたポイントは一つずつでは、大したポイントにはなってないのです。ですが、それらを一つにまとめることによって、ある程度のポイント数となってくるわけです。

PEXサイトの基本の使い方

① 各サイトのポイントをPEXに集めることが一つ目の作業となります。

私の場合には

ECナビ

ポイントタウン

ハピタス

マクロミル

GET MONEY

などです。

それぞれのサイトでの獲得ポイントは知れてます。これを各サイトのポイント数が溜まったなあと思った時に、PEXにまとめるのです。

提携先ポイントサイトは

提携先のポイントサイトや、モニターサイト、アンケートサイトは100箇所以上あるので代表的なサイトは、ほぼ網羅していると思います。

PEXの場合1年に1回ログインしておけばポイント失効はないので、その点も期限を気にする事がないので安心です。

PEXに対応していないサイト

私の使用しているサイトで唯一PEXに対応していないのは、ポトラです。

ここだけは、直接楽天銀行に現金化しています。

ポイントサイトでお小遣い稼ぎならPotora
Potora(ポトラ)は、NTTグループが運営する安心・安全なポイントサイトです。いつものお買い物やゲームやアンケートなどでポイントが貯まって、現金やAmazonギフト券、Tポイント他多数に交換できます。Potoraで今すぐ無料でお小遣い稼ぎをスタートしよう!

PEXサイト内でもポイント獲得

② PEX内でもポイントを貯めることが出来ます。

PEXのサイト内に毎日ポイントが貯められるコンテンツがあります。

これがPCサイトと携帯サイトがあるので、両方で貯めることができます。

まあ、空き時間などの暇つぶしにもなりますね!

PEXポイントの交換先

③ PEXでまとめたポイントが溜まってきたら、いよいよPEXポイントの交換です。

PEXポイントの交換先は

まず、銀行はすべての銀行に現金化して振込可能です。

その他の電子マネーにも対応しているので、自分に好都合の交換先を見つけることが可能ですね!

Amazonギフト券のように、交換先のレートが得になる場合もあります。

Amazonギフト券100円分は990P(99円分)で、ニッセンお買物券550円分は5,000P(500円分)で交換できたり、楽天銀行住信SBI銀行は振込手数料が1回50円!PeXを通して交換する方が断然お得です!

各サイトから交換するよりも、PEXでまとめてから交換する方が、手数料が一度で済むので断然お得ですよね。

貯まったPeXポイントは、10ポイント=1円で交換となります。

今回の主な交換ポイント

2017年7月交換分の主なサイトからの交換ポイント数です。

約300,000ポイント溜まったので、楽天銀行で3万円に現金化しました。

ECナビと、ポイントタウンが貢献してますね!

交換日数などまったくかからず、あっという間に振り込まれてました。これは、いつなんだろうと考えなくて良いのでとてもいいですね!

まとめ

時間給とかで計算すると、嫌になるほどの効率の悪さかもしれないですね。ですけど、自宅や外出先の空き時間で、手軽に出来るので時間つぶしにはなりますし、クリックしたりするだけで良いので、その点は良いでしょうね。

今回、私の場合には3万円にもなったので結構お小遣いとしては嬉しい金額です。すぐに無くなりますけどね。

沢山ポイントサイトで稼いでいる人は、ポイントサイトの紹介をして登録して貰って、登録したユーザーが獲得したポイントの何割かが、その親ユーザーに入るという仕組みを利用しているようです。そこらへんも、これから検証して行きたいと思います。

外壁サイディングの簡単メンテナンス

f:id:jr0704japan:20170707103454j:plain

久々の投稿になりました。どうも、自分は一つの事に集中して、それが出来ないと固執するようで、ずっと同じ問題に取り組んでいました。

いやー、PCの解決策って、時間と共に変わるので先人の皆さんの記事では、上手くいかないことが多々あります。

それを自分なりに、後で自分が見てもわかるように作成していたのですが、結局完成してない(>_<) まあ、難しい!

 

で、今日は気分を変えて、少しDAY関係の記事を書きたいと思います。

 

外壁材の種類は

住宅の外壁材っていうと一昔前は、木の外壁であったことが多いと思います。

f:id:jr0704japan:20170707105720j:plain

昔の城下町とか、古い街並みが残る所では、まだまだ見れますよね。

杉の板を焼いて、黒くして重ねるように施工して、雨を防いだり、耐久性を高めたりしてます。

 

日本の木造建築の凄さは、釘を一本も使わずに建物を建てたり、複雑な継手を大工さんが、釘を使わずに「かんな」と「のみ」だけで、作成したり、本当に凄い技術を持っていたと思います。

法隆寺なんて、千年持ってますからね!

 

おっさんは、不器用なので大工さんにはなれません(;一_一)

 

しっくい壁や塗装の壁

f:id:jr0704japan:20170707111126j:plain

 1960年くらいから、外壁にモルタルを塗って、その上に塗装をかけることが主流となってきました。リシン吹き付け塗装とかですね。

表面を見ると、ツブツブが見れると思います。

 

でも、塗装なんで耐用年数とか10年持たないくらいなので、どうしても塗り替えが必要になってきます。あと、雨だれの線であるとか、下地のモルタルの目地によるひび割れとか、目立ってきますね。

 

足場を家の周りに設置して、養生してご近所に施工業者から挨拶させて、下塗り、上塗りとなると、まあ1週間弱はかかりますかねえ~。

10年に一回となると、結構な修繕費用を見積もってないといけないですね。

 

サイディングって何?

f:id:jr0704japan:20170707112332p:plain

そこで、最近の住宅での主流となってきたのが、サイディングと呼ばれる外壁材の登場です。

サイディングは、簡単に言うとセメントと樹脂を混ぜて作られた、板状のセメント板と考えるといいです。

 

種類も色々とあるのですが、窯業系が住宅では一般的に使われてます。

詳しく知りたい方は、以下でどうぞ。

 

日本窯業外装材協会

私、最初は「ようぎょう」とは読めなくて、なんて読むんだろうと思ってました。

「かま」 と読めれば、作り方がなんとかなく想像出来ますよね。

 

我が家の状況

f:id:jr0704japan:20170707112652p:plain

これは、3次元CADのForm-Zで作成して、ライトスケープと呼ばれてる空間シュミレーションソフトで(なつかしい) 、素材を張り付けて、phot-shopで加工したものです。

 

で、これが築10年を過ぎてきますと、ご想像の通り上の白っぽい外壁が汚れてくる訳です。

 

ですが、汚れているのは、この見えていない反対側の1面だけなんです。理由として考えられるのは隣の家との距離が近いために、雨が外壁にかからないのと、太陽の光が当たらないのが原因と考えています。

 

なるべく、メンテナンスにかかる費用を抑える為に、サイディングに光触媒を施した材量を選定してます。(そうだったと思います。カタログが出てこない)

 

光触媒を簡単に言うと、汚れが紫外線で分解されて、雨が降ると落としてくれる、というものです。雨で落としているんだから、雨触媒のような気もしますけど。

 

効果のほどは、我が家では3面については、汚れがほとんど目につかないので、効果はあると思います。

 

近所の現状

実は、回りの住宅も同じ時期に建てられたものが多くてメンテナンスを行う家が増えてきました。リシン吹き付けのお宅では、塗り替えしてますね。

 

パナホームでは、足場をかけて点検しているようです。まあ、大体パナホームのお宅では、「あったかハイム」なので、太陽光発電してますから、それの点検もあるんでしょうかね。

 

パナホームの場合外壁は、メンテナンスフリーと言ってましたが、確かにシーリング目地が見だちません。目地がない訳ではないのですが、確かセールスマンは特殊な弾性系のパッキンに近いような物でタイル間を埋めているような説明を受けたような。詳しく知りたい方は、検索してみて下さいね。

 

清掃方法を考える

普通に考えると高圧洗浄機で水を噴射するのがいいかなと思った訳です。

で、大型家電ショップやホームセンターに見に行きました。

 

UpdraftPlusでバックアップで簡単復元の方法

UpdraftPlusプラグインを使って、日々バックアップを取っている私ですが、今回趣味の自転車サイトがパソコンでの表示が何故かスマホ表示になってしまい、どうやっても直りませんでした。 そこで、最終的にはUpdraftPlusの復元機能を使って、無事復元できた作業のメモ記事です。 サイトを完全に吹き飛ばしたわけではないので、複雑な作業は全くないです。完全復元の場合の記事はまた、吹き飛ばした時に作成したいと思います(笑い)

なぜかスマホ表示に

趣味の自転車サイトが何故か以下のようなスマホ表示に。

しかも、スマホでは画像などがPC表示になっている。??

いくら検索しても、わからず。

全ての、設定出来るcssを見てみたのですが、どこが悪いのかわからず。

途方に暮れてました。

思い当たる事は

この数日間自転車のサイトでやったことは、テーマのカスタマイズ function.phpの編集

ビジュアルエディターのスタイルシート editor-style.cssの編集

全体の文字の変更

目次のプラグインのカスタマイズ

とか、カスタマイズに関することをしていたのですが、結局原因はわからず。

色々な復旧方法を考えたのですが、何日前のバックアップならば元に戻せるかを考えた時に、3日前のデータのバックアップがあれば、表示の問題がクリアー出来るのではないかと思いました。

 確認すると、自転車サイトはプラグインのUpdraftPlusのバックアップは1日1回。
過去5日分あるので、これを利用することにしました。
 

UpdraftPlusのインストールは

すでに、UpdraftPlusを導入済みでバックアップがあると仮定しての説明となります。

インストールや設定が済んでいない方は、以下を参考にインストールをお願いします。

① WordPressの管理画面からプラグインをクリック

② updraftPlusプラグイン設定をクリック。

 バックアップ済みをクリック

② バックアップの日付けの確認して、復元をクリック 

① すべてにチェックをつけました。

② 復元をクリック

① 復元をクリック 

UpdaftPlus復元の進捗状況の画面が出ます。

下の方に、復元に成功しました! と出るとOKです。

まとめ

UpdaftPlusでバックアップデータを作成していると、何日か前のデータに戻すというのは、とてつもなく簡単でした。こういう時の為にも、余裕を持ってバックアップデータを5日分くらい作成しておくのがいいと思います。

UpdaftPlusでのバックアップにftpソフトのFileZillaで自分のサイトのバックアップ。

レンタルサーバーからのバックアップも定期的に自分でしておいたほうが良いと思います。

まあ、自分のサイトのローカル環境を作成して、そこで不都合がないかを確認してアップロードするのが一番良いのではないかと思います。それについてはまた検証記事を書きたいと思います。

はてなブログのプロフィールのカスタマイズ

f:id:jr0704japan:20170613103448j:plain

はてなブログのデェフォルトのプロフィール欄は、たいていはサイドバーにあって小さなアイコンと、数行の説明が書ける程度となってますよね。

これでは、初めて訪れてくれた人がこのブログを書いている人は、どんな人なのか、このブログは何について書かれているのか、数行では中々わからないですよね。

そこで、プロフィール欄のカスタマイズについてメモ記事として紹介です。

カスタマイズの参考サイト

はてなブログユーザーでも、プロフィール欄に満足してない人は沢山いるようで、今回参考にさせて貰ったのはみっきーさんのサイトです。

本人のプロフィールを引用してます。

早稲田大学在学中。フィリピン留学してました就職活動を終え、入社を控えています。いろいろな人のブログを漁るのが大好き

 

panmeeee.hatenablog.com

すごいですねえ~。早稲田大学とはカッコイイですね!

 

簡単な方法に感動

こちらの記事で凄く感心したのは、下書きで書いた文章をHTML表示させて、そのまま貼り付けて、表示する。

私らシロウトにはとてつもなく、わかりやすい方法だったので、良いなと思いました。

 

普通は、画像をアップロードして、その画像のURLをコピーして、それをHTMLの中で指定して、  ああああっ~  もうわからん。 

 

と、いうことがなくて助かりました。

作成時間は、画像の加工だけが10分くらいで、食後にサラサラで出来ました。

 

ブロフィールの標準設定は

プロフィール欄をカスタマイズしようと思ったら

管理画面→デザイン→カスタマイズ→サイドバー→プロフィールとクリック

f:id:jr0704japan:20170613104627j:plain

 標準の設定ではプロフィール欄は、これくらいが設定項目となってます。

  • ブログの説明
  • 最終更新
  • 読者になるボタン
  • ツイッターのフォローボタン
  • facebookフォローボタン

これに、ブログアイコンがあれば小さいのが表示されますね。

今回は、これを目立たせようと言うわけです。

 

プロフィール作成手順

手順を簡単に説明すると

  1. 下書きを書く  画像も一緒に貼り付けしておきます
  2. 下書きをHTML編集に切り替える
  3. HTMLをコピーする
  4. 管理画面
  5. デザイン
  6. カスタマイズ
  7. サイドバー
  8. モジュールを追加をクリック
  9. HTMLをクリック
  10. タイトルをつけて、3でコピーしたHTMLを貼り付け
  11. 適用で終わり

 

表示したい画像は先に見つけておいて下さいね!

奇麗な画像でもいいし、イラストでもOKです。

私は下記のVisual Huntからいつも見つけてます。

chan-biku.club

 

画像の準備

画像の大きさは、300×300なら真四角ですね。

私の画像は、300×550くらいあります。そんな長細い画像のっけている人がいないのでやってみました^^;  

画像に影をつけるとかをカスタマイズですると時間かかるのでPhotShopで簡単に!(^^)!

 

ブログって、平面での表現なのでいかに立体的にみせるか、動きを見せたりするのが見てくれる人への配慮になりますよね。次は動きも検証です!

 

プロフィール作成手順 1  実際の下書き

書いている人:chan  (→ツイッターとかしてる人はID書いたりしたらいいかも)

人生50年。と、言われてもねえ~ すでに越えてしまった。 昔ならもうとっくにあの世で幸せに暮らしているはず(@_@) 人生に挫折しかかっている、リストラ候補ナンバーワンのおっさんがネットの世界で何が出来るのか 実際に検証をしてみるブログです。

f:id:jr0704japan:20170612213549j:plain

 

見たまんまやん。と、思うかもしれませんがほんと下書きはこれだけです。

これなら気軽に書き替え出来ますね!

読者ボタンの設置とかは後で追加します。

 

プロフィール作成手順 2  HTML編集に切替

 編集見たままモードからHTML編集に切替

f:id:jr0704japan:20170613113544j:plain

 

 プロフィール作成手順 3  HTML編集をコビー

 HTMLをコピー

f:id:jr0704japan:20170613115512j:plain

 

   プロフィール作成手順 4・5・6・7・8・9  管理画面からHTMLをクリックまで

  管理画面→デザイン→詳細をクリック

② モジュールを追加クリック

③ HTMLをクリック

f:id:jr0704japan:20170613112819j:plain

 

プロフィール作成手順 10 タイトルをつけて、コピーしたHTMLを貼り付け

 タイトルをつけてください

② プロフィール作成手順 3 のHTML編集でコビーした物を貼り付けして下さい

③ 適用をクリック

f:id:jr0704japan:20170613153151j:plain

 

読者ボタンの追加

なんかさびしいなあということで読者ボタンのHTMLを追加します。

どこにあるかというと

管理画面→設定→詳細の下のほうにあります。

 

 コピーして下さい。

f:id:jr0704japan:20170613153645j:plain

 

HTMLモジュール編集に追加

さきほど作成したモジュールの編集に追加します。

 貼り付けます。

② 適用をクリック

f:id:jr0704japan:20170613155132j:plain

 

元のプロフィール欄は削除

元々のプロフィール欄は、サイドバーから削除して下さい。

設置する位置はドラックで変更出来るのでお好みの場所に設置すると良いと思います。

  

まとめ 

今回のプロフィールのカスタマイズは簡単なので、プロフィール欄がいまいちだなあと思っている方はカスタマイズしてみると楽しいと思いますよ。

読者ボタンとか、カスタマイズできそうですしね!

 

ほかには、ツイッターFacebookなどやられているかたは、ボタンの設置とかすると良いと思います。

私はアカウントは持っているのですがほんんど更新しないので、設置する意味がないのでつけてません(笑)

先人の方たちが沢山記事を書いているので、ボタン関係についてはそちらを参考にしてカスタマイズしてみてください。

 

 

Instant WordPressでローカル環境構築

WordPressでサイトを作成していると、私の場合時々画面を真っ白にしてしまったり、サイトにつながらなくなったりします。function.phpなど、一文字間違うだけで真っ白けっけとか、errorの表示がされたりします。

新しいプラグインとか試す場合とか、ちょっと表示を変えてみたりとかした場合とか、誤ってサイトを公開とかする前に確認しておきたいですよね。そこでWordPressのローカルな環境を構築する為にInstant-WordPressを導入してみることにしました。今回はそのインストール方法についての紹介となります。

Instant-WordPressのメリット

自分のサイトのローカル環境を作成には、他にはBitnamiとかMAMPとかXAMPPもありますが、今回は最も簡単にインストール出来るInstant-WordPressとしました。

USBにもインストールすることが出来るので、出先で確認したいとか、他のパソコンで編集したりとかも出来るというのは凄いですね。これも別記事で検証したものを紹介しますね!

日本語に対応しており、WordPressのバージョンアップも簡単に出来るのもメリットです。

Instant-WordPressのインストール手順

まずは、以下のサイトにアクセスします。

① Download Nowをクリック

 Download instant WordPress4.5をクリック

② ①をクリックすると2の画面が出るのでファイル保存をクリック

WordPressのバージョンが4.5となってますが、更新は簡単に出来るので問題ないです。

ファイルを実行してインストー

① 任意の場所にダウンロードしたファイルのフォルダを開きます。

② 実行をクリック

インストール場所の注意

インストールする場所ですが、C:\の直下に作成するのが無難のようです。

① 最初は、ダウンロードしたフォルダになってますが、C: に変更します。

 Installをクリック

日本語のフォルダ名があると起動出来ないので注意です。

 Installが終了すると、止まるのでCloseをクリックします。

ショートカットの作成と起動

 フォルダ名は、InstantWP_4.5となってます。

 InstantWP.exeが実行ファイルです。

  右クリックしてデスクトップにショートカットを作成しておきました。

サンプルHPの表示

  こちらをクリックしてみると設定されているサンプルのHPが表示されます。

このアドレスがあとで、自分のローカルサイトを表示する時に必要になってきます。

サンプルHPの画面

今回のインストールで出来たHPです。ちゃんとグローバルメニューをクリックすると動作します。

起動画面

  WordPress Adminをクリック

ログイン画面

① UsernameはAdminです。

② PassWordはpasswordです。

③ 日本語(ja)を選択します。

④ Remember Me にチェックをつけるとパスワードを保存してくれます。

⑤ Log inWordPressのダッシュボードが開きます。

起動中の画像

こんな画像がデスクトップに出てきて、数十秒で立ち上がりました。

もう、出来たの??  と、言う感じで簡単にローカルWordPress環境が出来ました。

WowrdPressとプラグインの更新

起動すると、すぐに見慣れたWordPressのダッシュボードになりました。

 WordPressのバージョンアップの為、いますぐ更新をクリック

 プラグインも更新されたファイルがある場合には随時更新できます。

起動するブラウザの変更の仕方

Instant WordPressのサイト表示は、標準ではインターネットエクスプローラーになっています。
私の場合には、firefoxで開きたいので、変更したいです。

pms_cofig.iniを書き変えます。

私の環境の場合、以下になります。

C:\InstantWP_4.5\iwpserver\pms_config.ini

以下のように、[Browser]の項目にあります。上から25行目です。

開くブラウザを変更する書き換えをします。

[Browser]
BrowserType=EXTERNAL
BrowserCommandOptions=
BrowserPath= ../system/InstantWP_GUI.exe   ←ここを変更します。
WorkOfflineTitle=InstantWP
BrowserSize=

ブラウザのリンク先

プラウザのリンク先を調べるには、ブラウザのショートカットアイコンを右クリックして「プロパティ」をクリックします。

① リンク先(T)の部分をコピーします。

私の環境でfirefoxで開く場合には、以下のように赤字に上のリンク先を貼りつけます。

[Browser]
BrowserType=EXTERNAL
BrowserCommandOptions=
BrowserPath= “C:\Program Files (x86)\Mozilla Firefox\firefox.exe”
WorkOfflineTitle=InstantWP
BrowserSize=

Instant WordPressの画面説明

Instant WordPress起動画面のその他の説明をしておきます。

英語を読んだらなんとなく、意味はわかりますね。

① WordPressの TOPページが表示されます。

 プラグインのフォルダがエクスプローラーで開きます。

 MySQL Adminのログイン画面がブラウザで表示されます。

④ WordPressのログイン画面がブラウザで表示されます。

⑤ テーマが入っているフォルダがエクスプローラーで開きます。

 説明文ですが、全部英語です。

MySQL Adminの設定については、自分のサイトのローカル環境構築で必要となってきます。これについては別記事で投稿したいと思います。
 
サイトを変更してみる

テーマを変えてみたりして、試してみました。普通に作業は出来ますね!

まとめ

Instant-WordPressで簡単にWordPressのローカル環境は出来ました。

テーマを試したり、プラグインを試したりは出来ますね。

ですが、自分の目指しているのは自分のサイトのローカル環境の構築と、ローカル環境で作業をして投稿記事をそこからアップロードすることなのです。 

それによって、常にローカルとサーバーとで同じ環境を維持しながら作業をすることが出来ますよね。

それも、二つのサイトのローカル環境を作ることなのです。複数のWordPress環境を作成しないといけませんね。これもこれから検証していきます。

無料FTPソフトFileZillaの使い方

インターネットが始まった頃に、ホームページを作成するソフトで代表的だったのが、ホームページビルダーです。私も少しだけ使っていた事がありますが物凄く大変だったような記憶がかすかに残ってます。

その頃は、HTMLが全盛のころで、当然のようにFTPソフトを使ってファイルをアップロードしなければホームページの更新も出来ませんでした。

今では、WordPressのような、Webサイトを管理画面からテキストや画像を登録することで、HTMLを編集したりする知識が無くてもホームページを更新することができるようになり、FTPソフトを使わなくても済むようになりました。

ですが、WEBサイトを管理するには、FTPソフトを利用しないと出来ないことや、バックアップを手動で戻す時などでも必要となります。

そこで、無料のFTPソフトのFileZillaの使い方を紹介したいと思います。

FTPとは何か

FTPは、File Transfer Protocol(ファイル・トランスファープロトコル)の略で、直訳すると「ファイル転送プロトコル」となります。

単純にいうと、自分のパソコンから、自分が借りているレンタルサーバー(WEBサーバー)にファイルをアップロードしたりすることです。

アップロードは、自分のパソコンからWEBサーバーにコピーすることです。

ダウンロードは、WEBサーバーから自分のパソコンにファイルをコピーすることです。

自分のパソコンの中でコピーとかしてますよね。その時にはエクスプローラーを使用したりすると思いますが、サーバーとのやり取りをする時には、その操作をFTPソフトを使ってすることになります。

FileZillaのインストール手順

FileZillaは、ファイルジラと読みます。なんとゴジラの英語名であるGodzillaにちなんで名づけられた名前だそうです。ゴジラファンがいたんですかね!

Windows版もMac版もあり日本語に対応しておりフリーソフトで無料です。

私の使っているレンタルサーバーのXSERVERでも勧められてたのでFileZillaにしました。

以下からダウンロードします。

ダウンロードファイル一覧 - FileZilla - OSDN
ダウンロードファイル一覧 - FileZilla #osdn

パソコンのビット数の調べ方

まずは自分のパソコンのビット数を調べておいて、ダウンロードするファイルの種類を決めておきます。

  1. コントロールパネル
  2. システムセキュリティ
  3. システム  下はシステムの画面です
  4. システムの種類をみます

FileZillaのダウンロード

パッケージFileZilla Clientリリース (最新 3 件のみ)の項目にあります。

最初に並んでいるのは、パッケージFileZilla server版なので間違えないように。Clientのほうからダウンロードして下さい。

 Windows32ビット版です

 Windows64ビット版です

私のパソコンは、windows7で32ビットだったのでダウンロードされたファイルはエクスプローラーのプレビューウインドウで見ると、こんな感じでした。

ファイル一覧で見るとこんな感じです。

このファイルをダブルクリックします。

このファイルを実行しますか、と出るので実行をクリック

はい(Y)をクリックします。

I Agree をクリック。  I Agreeの意味は同意です。

① こちらのままで良いです。 意味は、全てのユーザーで使えるようにするです。

② NEXTをクリック

① デスクトップにアイコンを作成する場合にはチェックして下さい

② NEXTをクリック

① NEXTをクリック

① Installをクリック

① チェックがついていたら、FileZillaが起動します

② Finishをクリック

① OKをクリック

アップデート

OKをクリックすると、更新チェック画面が起動して、新しいバージョンアップをインストーをクリックします。

① OKをクリック  私の場合3.25.2から3.26.1にバージョンアップしました。

サイトマネージャーをクリック

サーバーに接続するためにサーバー情報を登録していきます。

① ファイルをクリックして、サイトマネージャーをクリック

もしくは

②  のアイコンをクリックします

新しいサイトをクリック

① 新しいサイト(N)をクリック

② 新規サイトができます。そのまま任意の名前に変更出来ます。

サイト名を設定

任意のサイト名(接続先名)を設定してください。

私の場合にはXSERVERとしました。

後から変える場合には、名前の変更を(R)をクリックして下さい

FTP情報を入力

下記6項目は入力必須項目です。設定内容はそれぞれのサーバーにより異なります。

レンタルサーバーを借りた場合、契約内容のメールが送られているはずです。

もしくは、レンタルサーバーのサーバーパネルの情報をみましょう。

Xserverの場合には、「【Xserver】■重要■サーバーアカウント設定完了のお知らせ」というメールにFTPの情報が書いてあります。以下例です。

① 「サーバーパネル」内「FTPアカウント設定」の「FTPソフト設定」に記載されている「FTPサーバー(ホスト)名」を入力してください。
FTP – ファイル転送プロトコルを選択してください。

「明示的な FTP over TLS が必要」を選択してください。
「通常」を選択してください。
 「サーバーパネル」内「FTPアカウント設定」の「FTPソフト設定」に記載されている「ユーザー名(アカウント名)」を入力してください。
 サーバーパネルのパスワードを入力してください。
 

証明書に関する確認画面が表示される場合

① チェックをつけます。

② OKをクリック

接続成功した画面

OKをクリックして接続されると、左側に自分のパソコン、右側にレンタルサーバーのフォルダが表示されます。

画面上では、左がローカルサイト 右はリモートサイトと表示されています。

次回からの起動方法について

① 最初は、どのサーバーにも接続されていません。と出ています。

② サーバーに接続する為にはサイトマネージャーを開くのアイコンの隣▼をクリック

① の隣のをクリックするとサイト名で設定した名前が出てきます。

② サイト名をクリック  私の場合にはXSERVERとしています。

複数サーバーを借りている場合には、上記の方法で接続して下さい。一つだけならば  のアイコンをクリックでよいです。
接続をクリックするとサーバーに接続されます。

 

Filezillaのファイル操作方法

Filezillaのファイルをアップロードしたり、ダウンロードしたりする操作自体は、エクスプローラーを操作するのと同じような操作方法で出来ます。

視覚的に左右を見ながら、操作出来ますし、間違ったとしても間違ったファイルなどは削除することも簡単に出来てしまいます。

ファイル(フォルダ)をアップロードする方法

① サーバー側でコピーしたいファイルもしくはフォルダがある場所に移動しておきます。

② 左側の自分のパソコン側はダウンロードしたい場所に移動して移動しておきます。

③ ファイル(フォルダ)を右クリックしてダウンロードという部分をクリックします。

       自分のサイトのバックアップこれで出来ますね。

上記の作業は、ファイル(フォルダ)をクリックしてドラックしても出来ます。

ファイル(フォルダ)をダウンロードする方法

① 左側の自分のパソコン側でコピーしたいファイルもしくはフォルダがある場所に移動しておきます。

② 右側のサーバー側のフォルダはアップロードされる場所に移動しておきます。

③ ファイル(フォルダ)を右クリックしてアップロードという部分をクリックします。

       それだけで、サーバー側にアップロードされます。

FileZillaは、ファイルをダブルクリックすると、それだけでアップロードやダウンロード出来てしまいます。これだと、フォルダの中を見たい時など困りますよね。次は、ダブルクリックでフィイルやフォルダが移動しないように設定してみます。

ファイルをダブルクリックしたときの動作変更

① 編集→設定をクリックします。

② ファイル一覧をクリックします。

③ 転送となっている左の▼をクリックします

ファイルをダブルクリックしたときの動作で、表示/編集を選択します。

 OKをクリックします。これで誤って移動されることがなくなりましたね。

ブックマークを追加

頻繁にアクセスするフォルダについては、ブックマークしておくと便利です。

先にブックマークしたいフォルダを選択しておくとは自動で入力されてます。

 ブックマーク→ブックマークの追加をクリック

 サイト別ブックマークを選択。
 名前は自分であとで見てわかる名前にしておいたほうが良いです。
 ローカルのフォルダを入力してください。参照しても良いです。
 サーバのフォルダを入力。上で補足説明しているように、ブックマークを設定する前 にサーバ側のフォルダに移動しておくと自動で入力されます。
⑥ ローカルとサーバのフォルダを自動で合わす場合に、同期ブラウズを有効化(S)にチェックを入れておきます。

 設定が終わったらOKをクリックしてください。

ブックマークの使い道の一つ

接続して起動する時のサイトマネージャーの画面にブックマークが表示されます。

クリックすると目的のフォルダ(サーバーの場合にはディレクトリといいます。意味は同じ)にそのまま移動してくれます。

まとめ

FTPソフトとしては、有名なFFFTP(エフエフエフティーピー)もありましたが、私にはどうもとっつきにくい印象があったので、XSERVERでも推奨されていたこちらのFileZillaを使うことにしました。

どちらのソフトも素晴らしい機能を備えたフリーソフトだと思います。

このソフトを使って出来ることを自分なりにこれから検証していきます。

まずは、自分のwebサイト自体をダウンロードして、ローカル環境でフラグインの追加や更新を行うことをして行きたいと思います。

と、いうのもつい先日、テーマファイルを編集していて、コメント欄の書き方を間違えていて、サイトが真っ白になってしまったからです。

幸い、こちらのFileZillaで直接サーバーのファイルを書き変えて事なきを得ましたが、やはりローカルでテストしてからアップロードするほうが安全で確実であると認識したからです。

まっ、これからも勉強あるのみですね!

UpdraftPlusで複数サイトをGoogleDriveにバックアッブするには

f:id:jr0704japan:20170605094925j:plain

これまで、私はUpdraftPlusでのバックアップ先をEmailにしていたのですが、Emailバックアップでは、失敗した時にメールサーバーの容量を圧迫してしまうことが分かりました。

あまり、重要性に気付かずにいたのですが、お名前.comドメインパーキングという機能でアフィリエイトを設定してみると、ネームサーバーアドレスが変更されたことを知らず、サイトが表示されなくなってしまいました。

バックアップを探すと2週間前から出来てないことが判明したのです。

何が起こるのか分からない世の中なので、バックアップを自動で作成して、メールで確認する方法に変更しました。

バックアッブの重要性を身にしみて感じたので、複数のサイトをUpdraftPlusでGoogleDriveにバックアップする方法を記事にしました。

 

クライアントIDを追加作成する方法

UpdraftPlusのプラグインのインストールまでは、済んでいるものとして説明します。

プラグインインストールまでは、下記を参考にしてください。

updraftplusのバックアップをGoogle Driveでする方法
バックアップの必要性 よく、おっさんは、若い女性社員から また、バックアップ取ってなかったんですか~?? まったくもう~ 心の声(...

updraftplusの設定画面です。

管理メニュー→プラグイン→updraftplusを選択→設定をクリック。

①   Google Driveを選択

 右クリックして、リンクを新しいタブで開くをクリック

f:id:jr0704japan:20170605102932j:plain

0AuthクライアントIDの作成

認証情報を作成をクリックして、0AuthクライアントIDをクリックします。

0AuthクライアントIDの入力画面

① 名前には、自分のサイトのアドレスをいれて、後で見てわかるようにします。

 承認済みのJavaScript生成元 にはバックアップするサイトのURLを入力

httos://は必要ですが、URL末尾のスラッシュ”/”はいりません

③ 承認済みのリダイレクトURL にはWordPressのUpdraftPlus管理画面に記載されているリダイレクトURLを入力。

 WordPressのUpdraftPlus管理画面 の一部 赤枠を上記のにコピーします。

⑤ すべて入力が済んだら作成をクリックすると、以下の画面が表示されます。

0Authクライアントの値をコピー

① Google DriveクライアントIDをコピー

 Google Driveクライアントシークレットをコピー

UpdraftPlusの設定画面に移動

① Google DriveクライアントIDを貼り付け

 Google Driveクライアントシークレットを貼り付け

 Googleアカウントに対して、許可を求めるために変更の保存をクリックしたあとにクリック 

 下に変更の保存ボタンがあります。

変更の保存をクリックすると、黄色い英語メッセージが表示される場合があります。そのメッセージをクリックすると、のAuthenticate with Google はクリックしなくても、下記の画面に切り替わります。

Googleアカウントで許可

Googleアカウントのサイトに切り替わるので、右下の許可をクリックします。

UpdraftPlusバックアップ済みの表示

バックアップに成功すると、グーグルドライブのアイコンのみとなります。

その下は、(完了していません)となっていますね。

成功した場合のメール内容は

設定欄でメールアドレスにチェックを入れていると

以下のようなメールが送られてきます。

当然、確認の為に自分でもグーグルドライブを覗いて見る癖は必要ですね。

バックアップ: https://chan-bike.com
UpdraftPlus WordPress のバックアップが完了しました.
バックアップが含まれる: ファイルとデータベース (フルバックアップ)
最新の状態: バックアップは成功し完了しました。

まとめ

今回は、バックアップが出来ていないことがわかった為に、急遽バックアップドライブをグーグルドライブでする方法を試しました。

バックアップ先の設定としては、Dropboxのほうが簡単だと思います。

複数のドライブに同時にバックアップするにはUpdraftPlusの有料版がいいと思います。

複数のサイトを運営している人ならば、サイトの情報量もですが、何よりも自分の時間をかけて作成したサイトです。それが、一瞬のことで消滅してしまったらどうでしょう。

サーバークラッシュや火事、災害など、考えたらきりがありません。

まさかの時に備えて、日頃からバックアップファイルの確認と分散して保存しておく癖をつけておくのが良いと思います。