テーマ翻訳:実践編

閲覧数: 22(0)

テーマ翻訳についての理解を深めるため「実践編」として「Search Form(検索メニュー)」を翻訳(日本語化)する方法を説明します。「Fotografie」テーマではトップページなどに表示される「虫メガネ」アイコンをクリックすると小さなダイアログが現れます。何もしないと「英語」表記のままです。キーワードを入力するフィールドには「Enter Keyword…」その下のボタンには「SEARCH」と表示されます。このダイアログを表示しているのは以下のソースコードです。

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
        <label>
                <span class="screen-reader-text"><?php echo esc_attr_x( 'Search for:', 'label', 'fotografie' ); ?></span>

                <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Enter keyword&hellip;', 'placeholder', 'fotografie' ); ?>" value="<?php the_search_query(); ?>" name="s" />
        </label>

        <button type="submit" class="search-submit"><span class="search-button-text"><?php echo esc_html_x( 'Search', 'submit button', 'fotografie' ); ?></span></button>
</form>

これらのソースコードの中で「翻訳」したいのは、「’Search for:’」「’Enter keyword…’」「’Search’」の3つです。そのうち「’Search for:’」は翻訳ファイルにすでに含まれているので、ここで対応しなければならないのは後の2つということになります。もちろんここを直接修正しても表示は日本語化出来ますが、そのような「ハードコーディング」は後々のメンテナンス性低下を招くので、ここは面倒でも「WordPress」の国際化に従って処理をしたいと思います。具体的には翻訳ファイル(ja.po)に以下のような翻訳を追加すれば良いと思います。「msgstr」が実際に変換される文字列となるのでここはお好みで変更して下さい。

#: ../searchform.php:14
msgctxt "placeholder"
msgid "Enter keyword&hellip;"
msgstr "キーワードを入力"

#: ../searchform.php:17
msgctxt "submit button"
msgid "Search"
msgstr "検索"

「msgfmt」などで「ja.po」をバイナリファイル「ja.mo」にコンパイルすれば「翻訳」は完了です。ブラウザのロケール設定を見て「日本語」であれば「ja.mo」のメッセージを使用します。未翻訳のメッセージはオリジナル言語である「英語」で表記されます。この方法を覚えればクールなテーマで日本語未対応でも自分で対応することが出来るので「テーマ選択」の幅がぐっと広がります。中身も大事ですが見た目も大切ですw

【最終更新日: 2019年5月20日】
カテゴリーIT閑話, 公開タグ, ,
関連記事
パンくずリスト詳細
2020年5月12日

テーマの「マイナーチェンジ」に伴って「パンくずリスト」の仕様を若干変更しました。一つ前のテーマではパ  続きを読む

カテゴリーを制限する
blank
2020年5月11日

過去に何度も書いた「カテゴリー制限」の話、元はと言えば初期に書かれた「非公開」の記事が原因です。トッ  続きを読む

マイナーチェンジ
blank
2020年3月23日

かれこれ一年近くほったらかしだったので、気合をいれて「テーマ変更」と思っていたのですが、、、いろいろ  続きを読む

6月の検索ワードまとめ
blank
2019年6月30日

6月の検索ワードのまとめです。 意外なところで「zabbixダウングレード」が複数回検索され、単独の  続きを読む

アクセシビリティ対策
blank
2019年6月23日

テーマカスタマイズの一環で、トップページに一覧表示されている「写真を左右交互に表示する」ようにした際  続きを読む

dockerとproxy
blank
2019年6月18日

dockerやdocker-composeをプロキシ環境下で使うのに苦労したので忘れないようにメモし  続きを読む

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください