ページ表示速度高速化方法で子テーマに@import使用しない方法と画像圧縮

現在、@importに変わる「wp_enqueue_script()」を使用した方法をWordPress公式では推奨してますので、その変更方法を紹介します。

順番としては以下の順番で実施しました。

1. 子テーマの@importを削除する。
2. functions.phpに「wp_enqueue_script()」を記述する。

1）子テーマの以下の部分の@import以降を削除します。

@import url('../stinger6/style.css');

WordPressダッシュボードの「外観」⇒「テーマの編集」で、子テーマのstyle.cssを開きます。
@importのある行を削除します。

※@importを削除すると親テーマのスタイルシートが読み込まれないので、デザインが崩れますが慌てないように・・・。

次に、子テーマのfunction.phpに以下のコードを追加します。
（functions.phpに「wp_enqueue_script()」を記述する。）

Stinger6の場合

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
 function theme_enqueue_styles() {
 wp_enqueue_style('normalize-style', get_template_directory_uri().'/css/normalize.css');
 wp_enqueue_style('stinger-parent', get_template_directory_uri().'/style.css');
 wp_enqueue_style('stinger-child', get_stylesheet_uri());
 }

そして、Stinger6の場合はheader.php内に以下のようにコードが記載されています。
（一部抜粋です。30行目辺りです。）

<?php elseif ( is_category() && trim($GLOBALS["stdata15"]) !== ''): ?>
 <meta name="robots" content="noindex,follow">
 <?php endif; ?>
 
 <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/normalize.css">
 <link rel="stylesheet" href="<?php echo esc_url( get_stylesheet_uri() ); ?>" type="text/css" media="screen" >
 <link rel="alternate" type="application/rss+xml" title="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?> RSS Feed" href="<?php bloginfo( 'rss2_url' ); ?>" />
 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" >
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

上記の下線黄色部分を削除します。
（子テーマ内にheader.phpをコピーして子テーマ内のheader.phpを上記下線黄色部分を削除後上書きします。）

この下線黄色部分は削除しなくても大丈夫ですが、
親テーマと子テーマのCSSが以下の画像のように2箇所で読み込まれてしまいます。

まぁ、それでも問題ないといえばないのですが、
2回も読み込む必要はありません。

ので、
上記header.phpの下線黄色部分を削除すると良いと思います。

これで、CSSでの@import指定読み込みではなくなり現在の推奨されているwp_enqueue_script()による読み込みになり、巷で言われているように少しは読み込みが速くなります。

この方法は、@importで読み込むよりも速いというメリットもあるのでオススメですよ。

次に、
同じようにStinger7においても子テーマのスタイルシート（CSS）内を見ると@importが使用されています。

しかし、
Stinger6の時と若干構成？構造？が異なっています。

@import url('../stinger7/style.css');

//親テーマCSS⇒子テーマCSSを読み込む
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
 function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
 wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css');
 }

あなたにおすすめ

伝えたいこと 備忘録 噛みあわせ 治療

いい歯医者の選び方は口コミ評判サイトで良い歯医者を探す方法

歯医者さんは、多くの場合が大学病院などの総合病院以外は個人での開業医の歯科医院がほとんどです。 そして、現在ではその数がなんとコンビニの全国の数よりもかなり多い（約65000件以上）歯科医院があります...

さらに読む…。

伝えたいこと 備忘録 治療

健康の意味と元気で安寧な日々を過ごしていきたい！！

健康とは何か？ それ相応の年齢になったり、医療従事者であればそんなことに考えをはせることもあることがあると思います。

さらに読む…。

PC WordPress 伝えたいこと 備忘録 設定

サーバ上のファイルやフォルダ削除できない時に削除する方法

えーっ、(汗)。この度WordPressのバージョンアップ後にjetpackが連携できなくなってしまいまして…。 その詳細は次回にしますが、結果しっかりと連携できました。(#^.^#) そして、その連...

さらに読む…。

WordPress アップグレード 不具合 伝えたいこと 備忘録

バージョンアップしたらjetpackが連携できず有効化できないエラー

本日、やいやいと思いWordPressのバージョンを4.5.1からそろそろバグや不具合などの情報も出きったのかなぁ…。なんて思いバージョンアップをしました。 そしたら、jetpackが連携できなくなっ...

さらに読む…。

PC 伝えたいこと 備忘録 設定

ピクチャフォルダ、ビデオ、ドキュメントフォルダの表示が遅い時に早く表示させる方法

長い間パソコンを使用しているとピクチャフォルダやドキュメントフォルダそして、ビデオフォルダなどに多くのファイルが溜まってきてしまうと思われます。そうなってくると、該当フォルダ（マイピクチャやドキュメン...

さらに読む…。

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

サイドバーのウィジェットにタイトルを表示させずに追加する方法

テーマにもよりますが、サイドバーにデフォルト（はじめから）で追加されている状態のウィジェットがあると思います。 もちろん、サイドバーにウィジェット追加用に多くのテーマは作られていると思います。 ですが...

さらに読む…。

Auto Spec ニッサン エクストレイル T32前後期に適合 内蔵型コンソールボックス 車内収納ボックス 2ポートUSB充電付き 車種専用設計 センサーLEDライト付き 小物入れ 滑り止めマット付き 収納アクセサリー 装着簡単 (ニッサン・エクストレイル T32前後期, ブラック)

¥5,980 （2025/09/20 19:25時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

NISSAN(ニッサン) 日産純正部品 リモコン TV & VTR B8084-C9993

¥7,800 （2025/09/13 14:27時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ