WordPress/子テーマ の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• WordPress/子テーマ へ行く。
  • 1 (2021-04-14 (水) 21:36:50)

Tag: WordPress/子テーマ

目次†

関連ページ†

参考情報†

概要†

• 子テーマ - WordPress Codex 日本語版より。子テーマとは既存のテーマを変更するもの。ディレクトリと2つのファイル(style.css、functions.php)が必要(といいつつfunctions.phpがなくても動作する)。
• style.cssのスタイルシートヘッダで親テーマを指定する。(Template)。

子テーマの作成†

• 最低限一つのディレクトリと2つのファイル(style.cssとfunctions.php)から成り立つ。
• フォルダの作成末尾-childが望ましい。
• style.cssを作成。Template行で親テーマのディレクトリ名を指す。

  /*
   Theme Name:   Twenty Fifteen Child
   Theme URI:    http://example.com/twenty-fifteen-child/
   Description:  Twenty Fifteen Child Theme
   Author:       John Doe
   Author URI:   http://example.com
   Template:     twentyfifteen
   Version:      1.0.0
   License:      GNU General Public License v2 or later
   License URI:  http://www.gnu.org/licenses/gpl-2.0.html
   Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
   Text Domain:  twenty-fifteen-child
  */
  

• functions.phpを作成。以下は親テーマがstyle.cssが一つで構成されている場合。

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

Tips†

子テーマでcssやjsを追加したい†

• WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ | notnil creation weblogによると、function.phpで、add_actionして、その中でcssやら、jsやらを読みこめばいいらしい。
• hilight.jsを追加したいは、wordpressでhighlight.jsを利用する方法 | Transrainのように。

トラブルシューティング†