_s | YottaGin

_s の大まかな構造

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

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

skip-link-focus-fix.js 一部のブラウザで、tabキーで操作をするときに、input focusとvisual focusが一致せず、skip to content がうまく動かないバグを修正するためのjavascriptです。 "Skip to...

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

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

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

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

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

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

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