処理速度計測中:0.013 sec  ページキャッシュは使用しておりません。
2012年06月12日 本格ビジネスサイトを作りながら学ぶ WordPressの教科書

『WordPressの教科書』WordPress 3.4日本語版対応情報

このページでは、『本格ビジネスサイトを作りながら学ぶ WordPressの教科書』に関する、WordPress 3.4対応情報をお知らせしていきます。『WordPressの教科書』のFacebookページでもアップデート情報などお知らせしていますので、あわせてご利用下さい。

本書の動作検証について

本書の動作検証はWordPress 3.3日本語版およびWordPress 3.4日本語版で行っており、本文中ではすべて「3.3日本語版」として記述しています。

本書でWordPress 3.4日本語版を利用する際の留意点

WordPress 3.3日本語版ではなくWordPress 3.4日本語版をダウンロードして利用する際は、以下の点に留意して進めてください。

本文中のキャプチャ画像について

本文中のキャプチャ画像はWordPress 3.3日本語版とWordPress 3.4日本語版とで若干の差異があります。ただし本書を読み進めるにあたり、特に支障となる箇所はありません。WordPress 3.3日本語版をWordPress 3.4日本語版に読み替えて進めてください。

ライブプレビュー機能について

「ライブプレビュー機能」は、WordPress 3.4日本語版の新機能の一つです。

管理画面>「外観」>「テーマ」の「利用可能なテーマ」のリンク「プレビュー」(WordPress 3.3日本語版以前)が、WordPress 3.4日本語版では「ライブプレビュー」となっています。

この「ライブプレビュー」リンクをクリックすると詳細なプレビュー画面が表示されます。

なお「ライブプレビュー機能」は、プラグイン「Admin SSL」有効時にうまく動作しない場合があること確認しています。ライブプレビュー機能を使用したい場合には、いったんAdmin SSLを停止してください。

「add_custom_image_header」と「add_custom_background」について

本書で使用しているWordPress関数「add_custom_image_header」(および本書では未使用の「add_custom_background」)は、WordPress 3.4日本語版から非推奨となります。

「add_custom_image_header」(および「add_custom_background」)は、引き続きWordPress 3.4日本語版で使用しても、Webサイトの表示・動作上、特に問題はありません。ただしデバッグモード等にしていると「非推奨」の旨が表示されます。

本書でデバッグモードにしたときなどに「非推奨」の旨が表示されないようにしたい場合には、functions.phpとheader.phpを以下のように書き換えてください。
※以下の記述はWordPress 3.4日本語版専用の記述です。WordPress 3.3日本語版で適用するとエラーで停止しますので注意してください。

functions.php

修正前
// カスタムヘッダー
add_custom_image_header('', '__return_false');

define('NO_HEADER_TEXT', true);
define('HEADER_TEXTCOLOR', '');
define('HEADER_IMAGE', '%s/images/top/main_image.png');
define('HEADER_IMAGE_WIDTH', 950);
define('HEADER_IMAGE_HEIGHT', 295);
修正後
// カスタムヘッダー
add_theme_support(
    'custom-header',
    array(
        'width' => 950,
        'height' => 295,
        'header-text' => false,
        'default-image' => '%s/images/top/main_image.png',
        'admin-head-callback' => '__return_false',
    )
);

header.php

修正前
    <section id="branding">
      <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
    </section><!-- #branding end -->
修正後
    <section id="branding">
      <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" />
    </section><!-- #branding end -->

WordPress 3.4日本語における主な新機能・変更点

WordPress 3.4日本語版の主な新機能・変更点は以下のとおりです。

  • カスタムヘッダーの柔軟なサイズ対応
  • カスタムヘッダー画像とカスタム背景画像をメディアライブラリ画面から選択可能に
  • カスタマイズ・プレビューツールの導入によるテーマ検索のユーザーエクスペリエンス改善
  • WordPress 国際化・ローカリゼーション関連の改善
  • 翻訳 POT ファイルの分割方法変更
  • 英語 Codex ドキュメンテーションの XML-RPC 情報更新

詳細はWordPress Codex 日本語版「Version 3.4」を確認してください。

外部サービスの仕様変更等に伴う補足情報について

いくつかの外部サービスの仕様変更に伴う補足情報がありますので、『WordPressの教科書』補足情報をご確認下さい。

コメント

  • 現在、WordPressの教科書を購入して勉強中です。
    「add_custom_image_header」と「add_custom_background」についてを見て、functions.phpとheader.phpに修正を施したところ、
    // カスタムヘッダー add_theme_support( ‘custom-header’, array( ‘width’ => 950, ‘height’ => 295, ‘header-text’ => false, ‘default-image’ => ‘%s/images/top/main_image.png’, ‘admin-head-callback’ => ‘__return_false’, ) );
    というエラー表示が出て来ております。
    これはどう対処したらよろしいでしょうか?
    教えていただけますと助かります。
    宜しくお願い致します。

    2013年3月10日 7:31 AM | 山田光剛

    • 山田光剛さん
      おはようございます。
      すみません、
      >というエラー表示が出て来ております。
      の内容が欠落してしまっており、こちらで把握することができていません。
      どのようなエラーでしょうか。

      また、この記述はあくまで将来のバージョンに対するものですので、現在の3.5.1までのバージョンでしたらもとの記述でも動作に問題はありませんので、記述を変更してうまく進めないようでしたらもとの記述で進めてみて下さい。

      以上、どうぞよろしくお願い致します。

      2013年3月13日 5:26 AM | 中村 けん牛

  • はじめまして!
    今WordPressの教科書を見ながら勉強してて、P57でつまづいています。
    WordPressを3.4.2に更新したので、上記のような記述をして、functions.phpであげましたがヘッダーがでてきません。あとは原因がどのようにかんがえられますか?
    1.P.57のfunctions.phpの記述が正しいか否か。
    2.P.57のfunctions.phpのファイル名が正しいか否か(特に「s」が抜けていないか)
    3.functions.phpの保存する位置が正しいか否か(header.phpやindex.phpと同じ階層にあるか)
    上記がOKにも関わらず、「ヘッダー」の項目が表示されない場合、
    4.ダウンロードデータ>source>chapter1のfunctions.phpを使ってみる
    5.functions.phpの最終行に空行を一行追加して保存してみる
    6.functions.phpの最終行にtestfunc();という存在しない関数を追加するとエラーになるかいなか(設定によっては画面が真っ白になる場合もあります)

    これを全てやりましたがだめでした><

    2012年10月13日 1:51 PM | hato

    • hatoさん
      はじめまして!

      P.57ですね。

      6.の記述はエラーになりましたか?エラーになるもしくは画面が真っ白になるのが正しい動作です。もし、そうならない場合は、修正しているfunctions.phpが異なるものである可能性があります。
      それから、外部から閲覧できるURLがある場合は、教えていただければ外部から確認することが可能です。

      以上、どうぞよろしくお願い致します。

      2012年10月17日 1:43 PM | 中村 けん牛

  • >中村様

    単数形でfunction.phpになっていました…。すごい初歩的なミスでお手を煩わせてしまって大変申し訳ありませんでした。functions.phpに直したところ正常に動作しました。
    本当にありがとうございました。
    以後、そういった細かなところを気をつけながら学習を進めます。

    2012年8月12日 8:09 AM | kt

    • ktさん
      こんばんは。
      解決したようで何よりです。
      それでは、今後ともどうぞよろしくお願いいたします!

      2012年8月12日 8:12 PM | 中村 けん牛

  • はじめまして、今日より御社の書籍にて学ばせていただいております。
    Wordpress 3.4.1を利用しておりfunction.phpにカスタムヘッダーを有効にする叙述をしても一向に反映されません。
    念のため本書のP.57に記載されていたものとこのHP内に載っていた推奨されている新しいカスタムヘッダーの叙述をしてみたのですがどちらも反映されませんでした。
    具体的にいえば「外観」に「ヘッダー」のメニューが表示されません。
    このような場合どのように対処すればよろしいでしょうか?
    ご教授お願いいたします。

    2012年8月11日 7:34 PM | kt

    • ktさん
      こんばんは。
      >具体的にいえば「外観」に「ヘッダー」のメニューが表示されません。
      もしかして、functions.phpの綴りがfunction.phpになっていませんか?
      (functionsは複数形で最後がsです)
      ファイル名が違うとWordPressから読み込まれず実行もされないので注意して下さい。
      もしかしたら、違う原因かもしれませんが、確認してみてください。
      もし、あっている場合は
      ダウンロードデータ>source>chapter1
      に入っているfunctions.phpを使うと(サンプルファイルでご自身のファイルを上書きすると)どうなるか試してみてください。
      それでは、どうぞよろしくお願いいたします。

      2012年8月11日 8:11 PM | 中村 けん牛

  • […] よくよく探してみると、あった!プライムストラテジー社のWebサイトに WordPress3.4の修正版について。→『WordPressの教科書』WordPress 3.4日本語版対応情報 […]

    2012年7月23日 7:10 AM | WordPress3.4.1(最新バージョン)でのカスタムヘッダー機能の注意点 | Doors To Webdesign

  • 西牧さま
    ご丁寧にありがとうございました。
    教えて頂いた通りやってみましたら、無事表示されました!
    おかげさまで先のページに進むことができます。とても助かりました。

    2012年6月25日 11:55 PM | chiho

  • こんちには。昨日よりWordPressの教科書で勉強しております。
    WordPress3.4では投稿の編集画面右下にあるはずの「アイキャッチ画像」エリア(p.106-2、3)が表示されず躓いております。これはどのように対処したらよいでしょうか。。。

    2012年6月23日 5:44 PM | chiho

    • chihoさん、こんにちは。

      >WordPress3.4では投稿の編集画面右下にあるはずの「アイキャッチ画像」エリア
      >(p.106-2、3)が表示されず躓いております。これはどのように対処したら
      >よいでしょうか。。。

      次の4つを、上から順番に試してみてください。

      1. 表示オプションの「アイキャッチ画像」にチェックを入れる。
      表示オプションについてはP.161の「Memo」を参照してください。

      2. 表示オプションに「アイキャッチ画像」がない場合には、functions.phpにP.105のadd_theme_supportの記述が正しくなされているか確認する。

      3. functions.phpに上記の記述が正しくなされているにもかかわらず「アイキャッチ画像」がない場合には、functions.phpの最後に改行を一行入れて保存する(サーバ上のキャッシュクリアのため)。

      4. Webサーバ(Apache)を再起動する。
      ただしこの方法をとれるのは、ご自身でApacheをコントロールできる場合です。

      以上、どうぞよろしくお願いいたします。

      2012年6月24日 9:16 AM | 西牧 八千代

Leave a Reply

Your email address will not be published. Required fields are marked *

トラックバックURL

https://www.prime-strategy.co.jp/wp/2022/trackback/