Cocoon

【Cocoon】「キー リクエストのプリロード」の表示を解決するカスタマイズ

WordPressテーマ「Cocoon」において、「PageSpeed Insights」の「キー リクエストのプリロード」を簡単なカスタマイズで解決する方法を紹介している記事です。様々な高速化を行っているのに、なぜかこれが「改善できる項目」から消えないと悩んでいる人には、参考になると思います。
プラグイン

「EWWW Image Optimizer」の導入方法と使い方を解説

アップロードした画像を自動で圧縮してくれるプラグイン「EWWW Image Optimizer」を導入する方法と、その使い方を解説している記事です。記事に添付する画像を圧縮することで、WEBサイトの読み込みを高速化することができます。
プラグイン

【Async JavaScript】「レンダリングを妨げるリソースの除外」を解決するプラグインの紹介

「PageSpeed Insights」に表示される「レンダリングを妨げるリソースの除外」を「Async JavaScript」というプラグインで解決する方法を紹介しています。JSの読み込みを非同期化/遅延化することで、WEBサイトを簡単に高速化することができます。
スポンサーリンク
プラグイン

「LiteSpeed Cache」の設定のバックアップを取る方法

WordPressのキャッシュプラグイン「LiteSpeed Cache」の設定のインポート/エクスポートの方法を紹介しています。設定の控えを取っておくことで、再設定が必要になったときも簡単に元に戻すことができます。
プラグイン

「LiteSpeed Cache」のオススメの高速化設定を紹介

WordPressのキャッシュプラグイン「LiteSpeed Cache」の各種設定を画像を用いて解説している記事です。また、設定の意味も解説しています。「PageSpeed Insights」のスコアを上げたい人にも参考にしてほしい記事です。
プラグイン

「LiteSpeed Cache」を導入する方法と使い方を解説

WordPressのキャッシュプラグイン「LiteSpeed Cache」を導入する手順を紹介している記事です。また、基本的な使い方やツールの機能の意味も解説しています。
Cocoon

【Cocoon】「サイト高速化」のオススメの設定を紹介

WordPressテーマ「Cocoon」に存在する「サイト高速化」のおすすめの設定を画像で紹介している記事です。WEBサイトの高速化はもちろん、「PageSpeed Insights」のスコアを改善したい人にも役に立つ記事です。
ブログ

【Mixhost + Cocoon】WEBサイトの高速化に役立つプラグインとテーマ機能を紹介!

WEBサイトの高速化に役立つ、各種プラグインやテーマ内蔵の機能の使い方を紹介している記事です。これらを利用することで、「PageSpeed Insights」のスコアも大きく上げることが可能です。レンタルサーバーが「Mixhost」、WordPressテーマが「Cocoon」の場合には高い効果を発揮します
サーバー

【Mixhost】cPanelを使ってWebサイトの最適化を行う方法

cPanelに存在する「Web サイトの最適化」機能を使用して、WEBサイトを高速化する方法を紹介しています。また、「MIMEタイプ」の意味なども説明しています。主にMixhostユーザー向けの記事ですが、cPanelが使用できるのであれば、誰でも設定することができます。
2020.10.22
JavaScript

マウスホイールで左右のスクロールを動かせるようにするJavaScriptの作り方

水平方向にスクロールする要素をスクロールバーを掴まずマウスのホイールで動かせるようにするJavaScriptの紹介です。横に並べてスクロールする要素を作ったけどスクロールバーで動かすのは面倒だと感じたる人におすすめのカスタマイズです。
2020.09.26
CSS

「overflow: scroll」要素の内部の右側のmarginを空ける方法

overflowで表示するスクロール要素内部の最後のコンテンツの右側の間隔を空ける方法を紹介します。marginが効かず困っている人におすすめの記事です。また、正しく行っているはずなのにうまくいかないときの原因も説明しています。
2020.09.26
CSS

CSSのoverflowプロパティの値「auto」の使い方と使いどころ

CSSのoverflowプロパティの値のひとつであるautoについて紹介している記事です。使いかたと書きかた、そして使いどころについても説明しています。
2020.09.26
CSS

「display: flex;」内の複数の要素を横にはみ出させる方法

「display: flex;」内に存在する複数の要素を横並びではみ出させる方法を紹介します。スクロール表示のブロックを作りたいのに親要素からコンテンツがあふれてくれない問題を手っ取り早く解決します。
2020.09.26
CSS

CSSの「calc()」が効いてないときに確認したいこと

CSSの関数「calc()」がうまく使えなくて困っているときに読んでほしい記事です。正しいはずなのにおかしい、利かないといったトラブルの解決方法を紹介しています。
2020.09.26
CSS

【CSS】文章の折り返しを無効化する方法

要素内の文章の折り返しを無視するCSSプロパティの紹介です。どうしても1行で表示したいときなどに参考にしていただければと思います。
2020.09.26
CSS

「overflow: scroll;」の下のスクロールバーを消す方法

CSSのoverflowプロパティでscrollを設定したときに表示される不要なスクロールバーを消す方法を紹介します。
2020.09.26
Cocoon

【Cocoon】「キー リクエストのプリロード」の表示を解決するカスタマイズ

WordPressテーマ「Cocoon」において、「PageSpeed Insights」の「キー リクエストのプリロード」を簡単なカスタマイズで解決する方法を紹介している記事です。様々な高速化を行っているのに、なぜかこれが「改善できる項目」から消えないと悩んでいる人には、参考になると思います。
プラグイン

「EWWW Image Optimizer」の導入方法と使い方を解説

アップロードした画像を自動で圧縮してくれるプラグイン「EWWW Image Optimizer」を導入する方法と、その使い方を解説している記事です。記事に添付する画像を圧縮することで、WEBサイトの読み込みを高速化することができます。
プラグイン

【Async JavaScript】「レンダリングを妨げるリソースの除外」を解決するプラグインの紹介

「PageSpeed Insights」に表示される「レンダリングを妨げるリソースの除外」を「Async JavaScript」というプラグインで解決する方法を紹介しています。JSの読み込みを非同期化/遅延化することで、WEBサイトを簡単に高速化することができます。
プラグイン

「LiteSpeed Cache」の設定のバックアップを取る方法

WordPressのキャッシュプラグイン「LiteSpeed Cache」の設定のインポート/エクスポートの方法を紹介しています。設定の控えを取っておくことで、再設定が必要になったときも簡単に元に戻すことができます。
プラグイン

「LiteSpeed Cache」のオススメの高速化設定を紹介

WordPressのキャッシュプラグイン「LiteSpeed Cache」の各種設定を画像を用いて解説している記事です。また、設定の意味も解説しています。「PageSpeed Insights」のスコアを上げたい人にも参考にしてほしい記事です。
プラグイン

「LiteSpeed Cache」を導入する方法と使い方を解説

WordPressのキャッシュプラグイン「LiteSpeed Cache」を導入する手順を紹介している記事です。また、基本的な使い方やツールの機能の意味も解説しています。
Cocoon

【Cocoon】「サイト高速化」のオススメの設定を紹介

WordPressテーマ「Cocoon」に存在する「サイト高速化」のおすすめの設定を画像で紹介している記事です。WEBサイトの高速化はもちろん、「PageSpeed Insights」のスコアを改善したい人にも役に立つ記事です。
全般

【WordPress】PHPをバージョンアップしたほうがいい理由

WordPressで使用中のPHPのバージョンをアップデートする理由と目的について解説しています。WordPress公式の見解や、詳細なベンチマークを行ったサイト、PHP公式のサポート期間についての紹介もしています。
全般

【WordPress】現在使用中のPHPのバージョンを確認する方法

WordPressの「サイトヘルス」機能を使って、現在WEBサイトで使用されているPHPのバージョンを確認する方法を紹介している記事です。現在のPHPのバージョンを確認する方法がわからない人におすすめの記事です。
Cocoon

【Cocoon】「キー リクエストのプリロード」の表示を解決するカスタマイズ

WordPressテーマ「Cocoon」において、「PageSpeed Insights」の「キー リクエストのプリロード」を簡単なカスタマイズで解決する方法を紹介している記事です。様々な高速化を行っているのに、なぜかこれが「改善できる項目」から消えないと悩んでいる人には、参考になると思います。
Cocoon

【Cocoon】「サイト高速化」のオススメの設定を紹介

WordPressテーマ「Cocoon」に存在する「サイト高速化」のおすすめの設定を画像で紹介している記事です。WEBサイトの高速化はもちろん、「PageSpeed Insights」のスコアを改善したい人にも役に立つ記事です。
Cocoon

Cocoonのカテゴリーウィジェットのカスタマイズ

WordPressテーマのCocoonで使用できるカテゴリーウィジェットのデザインをより良くするカスタマイズを紹介しています。コピペで簡単に、style.cssにCSSコードを軽く付け加えるだけで行うことができます。
2020.09.26
Cocoon

Cocoonの検索ボックスのカスタマイズ

WordPressテーマのCocoonに存在する検索ボックスのカスタマイズを紹介します。検索ボックス自体のデザインや検索ボタンの配置のレイアウトなどを変えたいときに参考になるかと思います。
2020.09.26
Cocoon

Cocoonの関連記事をスクロール化するカスタマイズ

WordPressテーマのCocoonの関連記事をスクロール表示にするカスタマイズの紹介です。CSSコードのみでカスタマイズ可能、どんな表示数にも柔軟に対応した作りとなっています。スマホからでも見やすく、また関連記事カードもスクロールがわかりやすいデザインとなっています。
2020.09.26
Cocoon

Cocoonの目次のカスタマイズ

WordPressテーマのCocoonに用意されている目次のカスタマイズを解説します。デフォルトの設定やCSSコードの内容を解説し、コピペで簡単にカスタマイズする方法をご紹介。
2020.09.26
Cocoon

Cocoonの関連記事のカスタマイズ

WordPressテーマのCocoonの関連記事の設定項目の解説と、見出しや記事カードのデザインのカスタマイズを紹介している記事です。
2020.09.26
Cocoon

Cocoonのメインカラムのパンくずリストの位置を変更するカスタマイズ

WoedPressテーマのCocoonのメインカラムに表示されるパンくずリストのカスタマイズです。表示される位置を変更してどんなデザインのWebサイトでも見やすいカスタマイズを考えました。
2020.09.26
Cocoon

Cocoonの記事を読む時間のカスタマイズ

WordPressテーマのCocoonの記事を読む目安の時間を表示してくれる部分のカスタマイズ方法の解説です。文体を変えたり、デザインを変える方法を紹介します。
2020.09.26