【WordPress】解決/TCDテーマで子テーマを作成したら、レイアウトが崩れた

WordPressテーマ TCD

スポンサーリンク

WordPressの優良有料テーマ「TDC」で子テーマを作成したところ、レイアウトが崩れてうまく表示されず。

ただわりと簡単に修正できたので、備忘。

ちなみに使用したテーマは「AGENT」です。

ワードプレステーマTCD | WordPressのテーマ

子テーマの作成

ここは普通に作成。

参考:ワードプレスの子テーマ作成

子テーマに「style.css」と「function.php」を作成し、それぞれ以下のように記述。

style.css

function.php

以上の作業で、管理ページの『外観』⇒『テーマ』に子テーマが表示されます。

この状態でサイトを見てみると、めっちゃレイアウトが崩れてました。

解決方法

調べてみると、一部のJSやCSSが読み込めていない。

そこで親テーマから、「header.php」をそのまま子テーマにコピーする。

しかしまだ読めず。

表示されたページで右クリック、ソースコードを見てみると、「bloginfo(‘stylesheet_directory’);」記載されている箇所がうまく出力されていない。

なので「header.php」内の以下を置換する。

置換する文字列/「bloginfo(‘stylesheet_directory’);」

置換後/「echo get_template_directory_uri();」

これで解決いたしました。

補足/公式サイト

テンプレートタグ/bloginfo

 ‘stylesheet_directory’ – アクティブなテーマディレクトリーの URL を表示します。 get_stylesheet_directory_uri() 関数の出力を用いることを推奨します。

テンプレートタグ/bloginfo – WordPress Codex 日本語版