THOR(ザ・トール)にテーマ変更しました。THOR(ザ・トール)にテーマ変更することにしました。テーマ変更するには深夜にするのが良いということで、前もって準備を進めていてましたが、11月3日と4日が休みということでテーマ変更に踏み切りました。通りすがりのネコどうやってテーマ変更したの?まず、会社の合間に気をつけることをまとめていました。一応ウインドを二つ立ち上げておくバックアップ及びエクスポートファイルの作成ロリポップのWAFを無効化(今までの経験上)追加CSSとfanctios.phpにカスタムコード入力アプリーチ・カエレバ・ヨメレバの画像の更新(一応)AMPロゴを設置、他のロゴは後で設置予定AMPを有効化する(テーマ変更後)アナリティクス・サーチコンソールのIDを入力プラグインの有効化(テーマ変更後)広告の配置メニューや外観の確認などフォーラムの設定まあ、ざっとこんな感じで紙に書いておきました。念には念を入れてテーマ変更は慎重にしましょう。重要なのはプラグインの全停止とロリポップのWAFの無効化が一番忘れたら困ると思いましたので、メモしておきました。アナリティクスで人が表示されなくなったタイミングでテーマ変更しました。一応ライブプレビューでアナリティクスとサーチコンソールのIDだけ入力していよいよテーマを有効化しました。変更した限り特に画像も表示されているし意外と設定が残っていてサイドバーなどのプロフイールなども表示されています。これなら大丈夫だと判断して上記に記載したことに気を付けながら設定しました。ライオンテーマのスタイルのコードを最初から子テーマにコピペ済みでしたのでライオンメディアと似たようなスタイルからのスタートになります。アナリティクスとサーチコンソールのIDも確認すると残っていましたので、ライブプレビューで少し入力しておいてもいいのかも知れませんが、自己責任で行いましょう。テーマ変更は始めてで不安ですし、自信もないのでローカルサイトで使い方を少し覚えていたので、わりとスムーズに進みました。まとめスポンサーリンクテーマ設定がある程度終わったので見た目(スタイル)などの確認ビジュアルエディターと見た目が違うかもしれないのでサイトを実際に見てみましょう。画像が表示されました。ここで問題発生、今度はビジュアルエディターの画像が表示されていませんなんてことだ・・・なんてことだ・・・今度は反対になってるじゃないか!まあ、テーマの立ち上げや普段の生活でも車や家電製品でも初期ロットは地雷とか良くある話ですから、特にダメージはありませんでしたが、とにかく閲覧に来てくれる方に画像が表示されなかったり、見た目がかなり変わっているのを見られるのはいけませんので出来るだけ早く対応しましょう。今度はタブレットで確認したところ画像が正しく表示されていました。Wordpressとの関連がありそうだと感じました。画像は表示されているので問題ないのでスピードを計測することにしました。insightsで計測します。THOR(ザ・トール)って爆速じゃないの?と思いましたが、img画像の非同期読み込みの設定を切っているので当たり前なのかも知れませんが、それでも遅すぎる最近画像の解像度をあげて綺麗に見せようとしているのが裏目に出ています。他の方ならサーバーや画像の遅延の対策済みでしょうからまだ高速でしょう。俺、どうする?と考えましたが、最終手段に出ることにしました。Jetpackの二つの設定を有効化してみることです。画像の遅延読み込みと近くのサーバーから読み込むことで高速化するサービスですが、高速化する犠牲に画像が劣化してしまうという弱点を確認済みです。THOR(ザ・トール)と相性が悪いと思っていたコラボでまさかの点数です。それでもPCのスピードは遅いけどPCなら高速回線使っているだろうし、スマホが早ければ何とかなるでしょう。AMPとういう手段もありますしPWAでも高速化されるみたいですから.....そのAMPですが確認したところエラーが1個ありました。bookのLIKEボタンがらみのエラーみたいです。bookのLIKEボタンの事は知っていましたし、AMPのコードを入れれば解決出来ると思いますが、前から薄々気になっていましたが、ライオンメディアにはあった高度な設定がありませんので、コードを入れることが現時点ではできませんけど、フォーラムで確認したところ高度な設定が復活することになりそうです。ちなみにAMP用のサーチコンソールのIDの入力覧もないようですので、フォーラムで要望を出しておきました。テーマをいじればエラーが直るかも知れませんが、どうやら対応してくれそうなので一旦AMPを無効化することにしました。最近カエレバ・ヨメレバのコードの問題でAMPは有効ですが警告が出ていたのでAMPのエラー修正中のテーマ変更でどのような注意が来るかビクビクしていますが、まあ、仕方ないですね。自分を信じて頑張るだけです。THOR(ザ・トール)の機能をさらに設定してみるとりえず画像とスピードは少し回復したのでその他の設定をしてみます。とりかかったのはインフイード広告の設定です。ライオンメディアとは見た目などが変更してるのでインフィード広告の設定を再設定する必要があります。THOR(ザ・トール)ではインフイード広告の種類がPCが3種類、スマホが2種類ありどこに広告貼ればいいか悩みました。最初は1カ所に設置してましたが、広告が配信される様子もなくとりあえず全部入れておけ、みたいなのりで全部入れてみましたがどうなることやら...ここで注意があってサイト上部のコントローラーの設定を表示させるとインフィード広告が表示されないということなので、コントローラーの表示を断念しましたが、使いながら色々と検討していきます。次にPWAの設定をしました。画像を作成して有効化するだけですので簡単なようですが、簡単過ぎるゆえに不安で仕方がありませんが、3種類の解像度の画像を作成して設定してみました。意外な事実が発覚しました、どうやら英語で見る限り2週間のお試し期間みたいだったようですので、メールアドレスを変更して作成しました。画像がどんな感じに使われるかわからないので同じ画像を解像度だけ変更してとりあえず試すことにしました。会社でスマートフォンをいじっていた時にやまとしの目に飛び込んで[...]PWAのアイコンのサイズは72px×72px、192px×192px、512px×512pxの3種類になります。スマホのみ、みたいですのでスマホでアクセスしてみて、画面からスマホに設定したらスマホにアイコンが表示されました。THOR(ザ・トール)標準でPWAは嬉しいです。上記のようなアイコンと画像になりました。ブログ用のフォルダーを公開してしまいました(汗)後ろの画像は新型N-BOXです(笑)アイコンを押すと上記の画面になりサイトが表示されます。何人がスマホに入れてくれるかはやまとしの頑張り次第になります。THOR(ザ・トール)の事を調べてみると驚愕の事実が発覚しました。THOR(ザ・トール)にテーマ変更された方がいまして、その方がやまとしと同じようにビジュアルエディターが表示されなくてサポートに連絡して最初からテーマを入れ直したとの事です。違いますがフォーラムに質問したのでどんな返事が返って来るか次第ではやり直しになります。この記事を書いていてわかりますが、どうやら新記事からは画像が表示されるようなので、テーマ変更前の記事からが画像が表示されないようです。画像を更新すれば、もしかしたら直るかも知れません全部の記事を更新するのはめんどくさいです。AMPの関係でカエレバ・ヨメレバを外していたのですが、一部消したはずの広告がなぜか復活していましたのも気になりますね。広告を消して更新してるのに何故復活しているのだろう?謎です。THOR(ザ・トール)のビジュアルエディタが表示されない問題について解決しましたので紹介します。これが正解(ベスト)なのかはわかりませんが、一応解決しました。プラグインを全部停止して様子を見ることにしました。THOR(ザ・トール)のビジュアルエディターが正常に表示されました。全部有効化しても正常に表示されました。ゆうことだ?そこで一番気になっていることをためしました。Jetpackを有効化してはいたものの設定はまだでしたので、設定したところビジュアルエディターの画面が消えました!これが問題かも知れませんが、Jetpackにはお世話になっているしサイトマップもこれで作成しているので、気になるところですが、無効化しました。THOR(ザ・トール)のサイトマップの設定をしていたので大丈夫なのかわかりませんが様子を見てみます。ここでトラブル発生しました。アドセンスの広告が横にはみ出して1,200pxで表示されています。これはやばいので、対応することにしました。レスポンシブの広告から固定サイズに変更することで解決しましたが、どうやらこれはキャッシュの問題が関係しているみたいです。ブラウザのキャッシュをしないと表示が変更しないので、見た目などを変更したときに見た目がかわってない場合はブラウザのキャッシュを試すことをお勧めします。後、気になる所は下の画像の設定を無効化すればいいかも知れませんがまだ試していませんので気になる方は確認してみてください。画像が表示されたことで、img非同期読み込みの設定を試すことにしました。insightsで計測しました所かなりの高速化出来ました。やまとしの低速サーバーのロリポップライトプランでもこのスピードですからエックスサーバーなどは100に近い数字がでるでしょうね。試した結果これが一番のスピードの設定になりました。メインCSSと子テーマCSSの非同期読み込みを有効化すると逆にスピードが遅くなってしまいましたが、それぞれの環境で試した方がいいです。何となく対応出来る気がして来ましたが油断せずにいこう!とにかくキャッシュの問題が大きいかも知れませんのでお気をつけて下さい。CSS非同期読み込み設定は使うとモバイルフレンドリーページではないとされる可能性が高いですから、img非同期読み込み設定だけにした方が無難でしょう。確認したところ検索画面のしたにメッセージがつくためにマイナスのイメージを持たれるかも知れませんので...img非同期読み込み設定だけでも十分に速いですから、個人的にはCSS非同期読み込み設定は無効化していた方が良いでしょう。画像が一瞬乱れるのもマイナスのイメージが付く可能性もありますし、モバイルフレンドリーの確認ライブページでも乱れた画像が表示されてますし、CSS非同期読み込み設定を無効化したところモバイルフレンドリーのページになりました。追記メインCSSと子テーマCSSを非同期読み込みにするを両方チェックをするのが画面が乱れる理由ですので、普段子テーマを使いますので子テーマだけ✔を入れればいいです。現在はこの設定で使っています。今のところは問題なさそうですが、ご自身の判断でお願いします。THOR(ザ・トール)を覚えていこうかと思います。このテーマ色々と出来ますが、かなり覚えるまでがかなり大変ですが、覚えてしまえばかなりの時短になりますし、見た目でもアピール出来てスピードも高速化出来ることでしょう。自分でも工夫してカスタマイズ出来るように頑張ります。カスタム投稿タイプという投稿タイプも別にありましたが、とりあえずは普通の投稿タイプから試してみることにしました。THOR(ザ・トール)」を使い倒して行こうかと思います。画像の問題やAMPの問題が解決することが先決ですね。PMやまとし様はじめまして。私もthethorを使っています。以前のライオンメディア関連の記事からお世話になっています。いつも詳しい解説や説明ありがとうございます。困っていることがあるのでもしご存じでしたら教えて頂けますでしょうか。verを1.2にアップグレードしてから、ページのほとんどが416コードを返され、白紙状態に。