WordPress無料テーマ「Cocoon」カスタマイズ注意点

ワードプレス

土日は時間が少し取れるので、プログラミングの勉強をしたり、本を読んだり、WordpressのCocoonのカスタマイズしています。

プログラミングは、Udemyで勉強したり、Paizaで動画を見ながら行っています。

最近は、Cocoonのカスタマイズが楽しいので、こちらがメインです。

WordPressを初めて、ちょうど1ヶ月。Cocoonを利用するようになってからも早1ヶ月経ちました。

トップメニューを作ったり、検索バーのデザインを変更したり、サイドバーをいじったりといろいろとやることがあり、楽しんでカスタマイズしてきました。

トップページのカスタマイズの結果

ぽんひろさんの記事を参考にWordpressのトップページをサイト型に変更しました。

ぽんひろさんのページはカスタマイズが簡単にできるので、CSSを考えるのが設計時を作るようで、時間がかかるため、こちらから利用させていただいています。

そんな時、事件は起こりました。

表示がおかしくなり、速度も変だったので、インターネットが調子悪いのかと考えたのですが、試しにPageSpeedInsightsで計測すると、明らかにモバイルのスピードが低下しました。パソコンも10ポイントほど低下しました。

私の設定が悪かったのだと思います。実際、サイトのカスタマイズがツギハギだらけなので、細かい設定ができていないのかもしれません。

先日、

この記事の時にモバイルが78まで速度がアップしたのですが、サイト型に変更したら、26に下がりました。

今まで計測ででていなかったGoogle系のCDNが引っかかっていました。

いろいろ調べていくreCAPCHEの設定が影響していることが書かれており、その影響かな?と考えたのですが、実際、サイト型にする前は速度に引っかからなかったので、とりあえずサイト型からブログ型の従来のものに戻しました。

戻した結果、

結果として、もとの数値に戻りました。

PCの速度も回復しました。

焦りました。

設定1つ変えるだけでここまで速度が低下するとは思いませんでした。

Cocoonはカスタマイズすることができるテーマなので、楽しんでやっていましたが、今後は慎重に設定変更をしていかないといけないと思います。

最初、トップページの変更について、など説明を入れようと思いましたが、カスタマイズの勉強をしっかりしてから挑戦したいと思います。

これから勉強するために

そんな中、Udemyの記事で紹介したタニグチマコトさんが「WordPress開発マスター講座」をリリースしていたのを思い出しました。

実際、新規講座開設で、Udemyから割引クーポンが来たので、10月12日早速買っていたのですが、ちょうどその頃、GCPでWordpressを作成するのに、失敗を繰り返していたので、購入したものの1ヶ月放置していました。

WordPressの勉強と思って、この講座を進めていきたいと思います。

興味のある方は、ぜひ1度見てみてください。

私もやってみますので、一緒にいかかがでしょうか。

WordPress開発マスター講座

コメント