_s一覧

NO IMAGE

_s の大まかな構造

WordPressのテーマは、php、css、javascript…と、様々な種類のファイルで構成されています。 phpcssjavascript画像ファイル翻訳関係のファイルライセンス関係のファイル _sをダウンロードして、どのようなファイルがあるのか、それぞれの...

NO IMAGE

[_s] style.css

style.css WordPressのstyle.cssは、通常のcssファイルとしての役割以外に、テーマについての情報を保持しておく役割を担っています。また、_sでは、デフォルトの状態では1カラムのスタイルになっていて、2カラムのcssファイルがlayoutディレクト...

NO IMAGE

[_s] navigation.js

navigation.js _sはレスポンシブ対応デザインとなっており、cssのメディアクエリでメニューの表示方法を変更しています。このjavascriptファイルは、functions.phpで'wp_enqueue_scripts'アクションにフックされ読み込まれてお...

NO IMAGE

[_s] customizer.js

customizer.js _sで、カスタマイザー画面の非同期処理を行うためのjavascritpファイルです。カスタマイザー画面の非同期処理の実装の流れについては、以下のcodexが分かりやすいです。 Theme Customization API Part 3...

NO IMAGE

[_s] template-tags.php

template-tags.php テンプレートファイルで使うタグを定義しています。全ての関数がif ( ! function_exists())でラップされており、 子テーマのfunctions.phpで定義することで上書きが可能になっています。(基本的には、 子テーマ...

NO IMAGE

[_s] template-functions.php

template-functions.php どのような関数をまとめておくためのファイルなのか、ファイルの名前からわかりにくいですが、テンプレートファイルのhtmlやcssに直接変更を加えるような関数をまとめるためのファイルだそうです。もとはextra.phpというどこに...

NO IMAGE

[_s] jetpack.php

jetpackプラグイン jetpackとは_sを提供しているAutomatitcのプラグインで、WordPressに様々な機能を提供してくれます。機能が多すぎて逆によくわからないぐらいの機能があります。 Jetpackの公式サイト jetpackが提供してい...

NO IMAGE

[_s] customizer.php

customizer画面 customizerとは、管理画面の外観 > カスタマイズから利用できる画面で、WordPressの直感的な変更が可能になります。 この customizerという仕組みがどう動いているのか、以下が一番わかりやすかったです。ただ、処理...

NO IMAGE

[_s] custom-header.php

custom-header.php カスタムヘッダーを有効にすると、管理画面の外観 > カスタマイズでヘッダー部分を変更できるようになります。_sでは、custom-header.phpという別ファイルに記述されて、functions.phpからrequireされています...