WP子テーマ6-親テーマの機能が継承されない件2-

この記事について

Hello World

子テーマに親テーマで読み込まれていなかったjavascriptを読み込ませる為、次の手順を行った。

• テーマファイルエディタ編集
• 結果確認

その他、環境整備に関する新情報。

同系列WordPress特化型レンタルサーバー

WordPress専用クラウド型レンタルサーバー『wpX Speed』

同系列安定型レンタルサーバー

格安ドメイン名取得サービス『Xserverドメイン』

その他キャンペーン中WordPress対応レンタルサーバー

ロリポップ公式サイト

ドメイン管理に関しては

格安ドメイン名取得サービス『Xserverドメイン』 MuuMuu Domain! お名前.com

WP子テーマ6-親テーマの機能が継承されない件2-

テーマファイルエディタ編集

WordPress管理画面のテーマファイルエディタでfunctions.phpを編集し指定のファイルを読み込ませた。

追加したコード

wp_enqueue_script( 'slider', get_template_directory_uri() . '/assets/js/homepage/slider.js', array(), '', true );

コード解説

親テーマのみに読み込まれていた/assets/js/homepage/slider.jsを読み込ませる為のコード

wp_enqueue_script()

スクリプトファイルの読み込みを制御するコード

get_template_directory_uri()

親テーマのルートパスを取得するコード

追記後のfunctions.php

<?php
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', array('parent-style'));
  wp_enqueue_script( 'slider', get_template_directory_uri() . '/assets/js/homepage/slider.js', array(), '', true );
}

結果確認

slider.jsの読み込みが行われたが、slider section機能は付与されなかった。また、コードによって読み込ませた場合のslider.jsの読み込み位置が子テーマだとHTMLソースの上部に対し、親テーマはHTMLソースの下部で読み込まれていた。

まとめ

javascriptの読み込みだけでは親テーマの機能が継承される事は無く、Slider Sectionといった機能のHTMLソースを加えている部分、いわゆるSectionパーツがどこで読み込まれているのか調査する必要がでてきた。権座系ニートには億劫だが、まずは親テーマファイルを確認する予定。

これら内容は以下レンタルサーバーでのWordPress環境を使用。

シン・レンタルサーバー

よろしく。