ブログ
WordPress3.5からのデフォルトテーマ「Twenty Twelve」では、style.cssの読み込みはfunctions.phpで行なっている。
こんにちは。株式会社コミュニティコムの星野邦敏です。
少し先の予定ですが、2012年12月に、WordPressは現在のバージョン3.4から3.5にアップグレードされることが予定されています。
同時に、現在のWordPress3.4のデフォルトテーマ「Twenty Eleven」から、「Twenty Twelve」になることも決まっています。
現在の開発版のソースコードは、以下のSubversionのURLから取得できます。
/ – Revision 21549: /trunk/wp-content/themes/twentytwelve
さっそくインストールして試してみたのですが、色々と気が付く点がありましたが、
まず、header.phpに、「Twenty Eleven」のようなstyle.cssを読み込むソースコードの記述がありません。
「Twenty Eleven」では、header.phpに以下のような記述があります。
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
この点、WordPress3.5からのデフォルトテーマ「Twenty Twelve」では、style.cssの読み込みはfunctions.phpで行なっています。
「Twenty Twelve」テーマのfunctions.phpを見ると、
wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() );
という記述があります。
これにより、style.cssを読み出しています。
WordPress3.5からのデフォルトテーマ「Twenty Twelve」のソースコードを初めて見て、あれ?と思ったのですが、色々と新しい試み(?)が取り組まれているようです。
今流行(?)のレスポンシブ・ウェブデザインにも対応します。メニューバーなども、特定の画面サイズ以下になると、スマートフォンのボタンのようになったりもします。
もちろん、これらは開発版なので、2012年12月に実際に正式リリースされた時には仕様が変わっているかも知れません。
今のWordPress3.4に「Twenty Twelve」を入れても動きますので、開発版であることを理解した上で使うのは良いかと思います。
(追加)
岡本さんから、以下の指摘を受けました。
@khoshino そうそう。なので、子テーマを作るとき @import じゃなくって、functions.php で親のスタイルを読み込めるんよ。 https://t.co/BaCaqDRA
— wokamoto (@wokamoto) August 20, 2012
テーマを Twenty Twelve ベースに変更しました | dogmap.jp
dogmap.jp/wp-content/themes/dogmap2/functions.php at master · wokamoto/dogmap.jp · GitHub
IT事業と不動産運営事業を行う株式会社コミュニティコムの代表取締役。埼玉県さいたま市の大宮駅東口近くの「コワーキングスペース7F」「シェアオフィス6F」「貸会議室6F」の運営代表者。「大宮経済新聞」の編集長。WordPress日本語公式サイトのイベントカレンダー更新。他、複数の一般社団法人とNPO法人の理事などをしています。趣味は自分の思い付いたWebサービスを自分で自由に開発することです。最近は農業と食と家庭菜園のビジネスなどにも興味があります。