JetPack で WordPress をスマホ化。オリジナルテーマ時のヘッダ画像の出し方

JetPac でスマホ化をするとカスタムヘッダに登録されているヘッダ画像を出してくれる。

オリジナルのテーマの場合、カスタムヘッダに対応していない場合があるので、スマホ画面にヘッダ画像が出て来ない。ヘッダ画像が無いと何となく淋しい。

ヘッダ画像をスのであれば、カスタムヘッダに対応するようにすれば良い。

オリジナルテーマの functions.php に以下を記述する。 functions.php が無い場合は新たに作る。

こちらを参考にした。

 define('HEADER_TEXTCOLOR', ''); define('HEADER_IMAGE', '%s/images/default_header.jpg'); // %s is the template dir uri define('HEADER_IMAGE_WIDTH', 910); // use width and height appropriate for your theme define('HEADER_IMAGE_HEIGHT', 300); define('NO_HEADER_TEXT', true ); // gets included in the site header function header_style() { ?><style type="text/css"> #header { background: url(<?php header_image(); ?>); } </style><?php } // gets included in the admin header function admin_header_style() { ?><style type="text/css"> #headimg { width: <?php echo HEADER_IMAGE_WIDTH; ?>px; height: <?php echo HEADER_IMAGE_HEIGHT; ?>px; } </style><?php } add_custom_image_header('header_style', 'admin_header_style'); 

HEADER_IMAGE_WIDTH と HEADER_IMAGE_HEIGHT はオリジナルのヘッダサイズに合わせる。

これを行うと管理画面の外観に「ヘッダー」が現れる。「ヘッダー」からヘッダー画像をアップロードすれば「JetPack」で作られたスマホ画面にヘッダー画像が現れる。

※ここまでだと、管理画面でヘッダー画像の変更をした場合スマホ部分しか変更されない。変更をしたい場合は、twentyeleven の header.php あたりから該当箇所を移植してくれば良いのだと思う。試していないので試された方は教えて頂けると嬉しい。