Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Takashi Uemura
8,271 views
WordPress 多言語化プラグインqTranslateの紹介
WordPressの多言語化プラグインqTranslateの紹介です。導入のポイントと、苦労したところを紹介します。
Technology
◦
Read more
5
Save
Share
Embed
Embed presentation
Download
Downloaded 15 times
1
/ 20
2
/ 20
3
/ 20
4
/ 20
5
/ 20
6
/ 20
7
/ 20
8
/ 20
9
/ 20
10
/ 20
11
/ 20
12
/ 20
13
/ 20
14
/ 20
15
/ 20
16
/ 20
17
/ 20
18
/ 20
19
/ 20
20
/ 20
More Related Content
PDF
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
by
Chieko Aihara
PPTX
CakePHP を使ってよかったこと
by
Wataru Terada
PDF
PHPの拡張モジュールをGoで作る
by
Yoshio Hanawa
ODP
HTML5 アプリ開発
by
tomo_masakura
ODP
今流行りのウェブアプリ開発環境Yeoman
by
tomo_masakura
KEY
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
by
Yuji Nojima
ODP
HTML5 開発環境の紹介
by
tomo_masakura
KEY
WordPressプラグイン Jetpack って何だ?!
by
Yuji Nojima
WordPressの多言語プラグイン「qTranslate」で、あなたのサイトも世界にデビュー♪
by
Chieko Aihara
CakePHP を使ってよかったこと
by
Wataru Terada
PHPの拡張モジュールをGoで作る
by
Yoshio Hanawa
HTML5 アプリ開発
by
tomo_masakura
今流行りのウェブアプリ開発環境Yeoman
by
tomo_masakura
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
by
Yuji Nojima
HTML5 開発環境の紹介
by
tomo_masakura
WordPressプラグイン Jetpack って何だ?!
by
Yuji Nojima
What's hot
PDF
GoによるWebアプリ開発のキホン
by
Akihiko Horiuchi
KEY
WordPress プラグイン Infinite Scroll を試してみた
by
Yuji Nojima
ODP
HTML5 のお話
by
tomo_masakura
PDF
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
by
climbFrog
PDF
CakePHPとYii_エンジニア勉強会20130820
by
エンジニア勉強会 エスキュービズム
PDF
php-buildがいかに便利かを力説する
by
Yoshio Hanawa
PDF
Wp プラグインapiから理解するword press.share
by
Yuji Nojima
PPT
BuddyPressで街のポータルサイトを作ろう
by
松田 千尋
PDF
Go言語でBot開発やってみた
by
Akihiko Horiuchi
PPTX
Chrome-eject がこの先生きのこるには
by
Yosuke HASEGAWA
PDF
Chrome Developer Toolsを使いこなそう!
by
yoshikawa_t
PDF
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
by
takenao
PDF
プラグイン公開までの道のり
by
Takami Kazuya
PDF
PHP7の拡張モジュール事情
by
Yoshio Hanawa
PDF
PHPNGの動向
by
Yoshio Hanawa
PDF
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
by
Yuji Nojima
PDF
WordCamp Kansai 2015 CI ハンズオン
by
タカシ キタジマ
PDF
12 総合演習Word Pressの利用
by
文樹 高橋
KEY
php-timecopを実戦投入してみた
by
Yoshio Hanawa
PDF
プロトタイピングでしあわせになろうよ
by
Yoshiki Kojima
GoによるWebアプリ開発のキホン
by
Akihiko Horiuchi
WordPress プラグイン Infinite Scroll を試してみた
by
Yuji Nojima
HTML5 のお話
by
tomo_masakura
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
by
climbFrog
CakePHPとYii_エンジニア勉強会20130820
by
エンジニア勉強会 エスキュービズム
php-buildがいかに便利かを力説する
by
Yoshio Hanawa
Wp プラグインapiから理解するword press.share
by
Yuji Nojima
BuddyPressで街のポータルサイトを作ろう
by
松田 千尋
Go言語でBot開発やってみた
by
Akihiko Horiuchi
Chrome-eject がこの先生きのこるには
by
Yosuke HASEGAWA
Chrome Developer Toolsを使いこなそう!
by
yoshikawa_t
デザイナーのためのはじめてPHP ~Codex、どう使いこなす?~
by
takenao
プラグイン公開までの道のり
by
Takami Kazuya
PHP7の拡張モジュール事情
by
Yoshio Hanawa
PHPNGの動向
by
Yoshio Hanawa
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
by
Yuji Nojima
WordCamp Kansai 2015 CI ハンズオン
by
タカシ キタジマ
12 総合演習Word Pressの利用
by
文樹 高橋
php-timecopを実戦投入してみた
by
Yoshio Hanawa
プロトタイピングでしあわせになろうよ
by
Yoshiki Kojima
Viewers also liked
PDF
WordPressの多言語プラグイン「qtranslate」で、あなたのサイトも世界にデビュー♪ @Co-Edo
by
Chieko Aihara
PDF
HTML5とは何か? - 芸大 Webデザイン演習B
by
Atsushi Tadokoro
PDF
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
by
タカシ キタジマ
PDF
WordPressで企業サイトのテーマを作る
by
Muyuu Fujita
PDF
ベジェ再入門
by
swwwitch inc.
PDF
Oasis Interior Construction Profile current March 2016
by
David Karim
PDF
ライセンスを理解してますか?知っておきたいWordPressとGPLライセンス
by
Jun Nogata
PDF
プログラマがWebデザインについて考えてみた
by
Eigoro Yamamura
PPTX
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
by
Katz Ueno
PPTX
押さえておきたいサーバーセキュリティ
by
Takahisa Iwamoto
PDF
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
PPT
色彩センスのいらない配色講座
by
Mariko Yamaguchi
WordPressの多言語プラグイン「qtranslate」で、あなたのサイトも世界にデビュー♪ @Co-Edo
by
Chieko Aihara
HTML5とは何か? - 芸大 Webデザイン演習B
by
Atsushi Tadokoro
Word bench長崎01「オリジナルテーマで学ぶwordpressの基本」
by
タカシ キタジマ
WordPressで企業サイトのテーマを作る
by
Muyuu Fujita
ベジェ再入門
by
swwwitch inc.
Oasis Interior Construction Profile current March 2016
by
David Karim
ライセンスを理解してますか?知っておきたいWordPressとGPLライセンス
by
Jun Nogata
プログラマがWebデザインについて考えてみた
by
Eigoro Yamamura
2015年 失敗しない! WordPress多言語サイト制作で 絶対に知っておきたいこと
by
Katz Ueno
押さえておきたいサーバーセキュリティ
by
Takahisa Iwamoto
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
by
Tsutomu Sogitani
色彩センスのいらない配色講座
by
Mariko Yamaguchi
More from Takashi Uemura
PDF
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
by
Takashi Uemura
PDF
さくらのナレッジ5周年ナイトLT
by
Takashi Uemura
PDF
WAFって言いたいだけちゃうんか
by
Takashi Uemura
PDF
アイドル画像ギャラリーサイトを作ったあとどうなったか
by
Takashi Uemura
PDF
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
by
Takashi Uemura
PDF
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
by
Takashi Uemura
PDF
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
PDF
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
by
Takashi Uemura
PDF
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
PDF
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
by
Takashi Uemura
PDF
WordPressの使えるプラグイン2013
by
Takashi Uemura
PDF
WordPressテーマ Foundation for WordPress の紹介
by
Takashi Uemura
PDF
What's new! TwentyThirteen + WordPress3.6
by
Takashi Uemura
PDF
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
PDF
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
by
Takashi Uemura
PDF
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
by
Takashi Uemura
PDF
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
by
Takashi Uemura
PDF
WordCampOsaka2012 闇WordCamp XOOPS編
by
Takashi Uemura
PDF
WordCampOsaka2012 WordPressあるある
by
Takashi Uemura
PDF
WordPress実践 導入からカスタマイズまで
by
Takashi Uemura
WordPressを10年以上触ってきたオレがこのへんでひとこと言っておくか
by
Takashi Uemura
さくらのナレッジ5周年ナイトLT
by
Takashi Uemura
WAFって言いたいだけちゃうんか
by
Takashi Uemura
アイドル画像ギャラリーサイトを作ったあとどうなったか
by
Takashi Uemura
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
by
Takashi Uemura
神戸のアイドルKOBerrieS♪の画像ギャラリーサイトを作った話
by
Takashi Uemura
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
WordPressでオリジナルサイトを作るための最初の一歩的なカスタマイズテクニック
by
Takashi Uemura
WordPressの常識をくつがえす超簡単テーマ doshirouto2014 を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
20140214 さくらインターネットハンズオン@大阪 WordPressを始めよう
by
Takashi Uemura
WordPressの使えるプラグイン2013
by
Takashi Uemura
WordPressテーマ Foundation for WordPress の紹介
by
Takashi Uemura
What's new! TwentyThirteen + WordPress3.6
by
Takashi Uemura
WordPressの常識をくつがえす超簡単テーマ"doshirouto"を作ったのでこれでテーマを理解しよう!
by
Takashi Uemura
もしWordPressユーザーがGitを使ったら 〜WordPressテーマを共同編集しよう〜
by
Takashi Uemura
WordPress初心者からの脱出! カスタムなんとかをちゃんと理解する
by
Takashi Uemura
20121124 学生セミナー「基礎からわかる! IT業界とプログラミング」
by
Takashi Uemura
WordCampOsaka2012 闇WordCamp XOOPS編
by
Takashi Uemura
WordCampOsaka2012 WordPressあるある
by
Takashi Uemura
WordPress実践 導入からカスタマイズまで
by
Takashi Uemura
WordPress 多言語化プラグインqTranslateの紹介
1.
WordPress多言語化プラグイン qTranslate の紹介 2013.9.7 WordBench神戸 上村崇 @uemera
2.
最近のオレ @uemera uemura フリーランスのシステムエンジニアです。西宮在住。 上村 崇 PHPフレームワーク (FuelPHP) サーバーインフラ (Webサーバ構築など) WordPress (プログラミングサイドの仕事) JavaScript、jQuery 勉強会準備 (WordBench等) ネットショップ支援 (CS-Cartアドオン作成、カスタマイズ)
3.
qTranslateとは ・多言語化のためのプラグイン。 日本語のほかに英語のページを作りたいときに便利。 もちろん他の言語も可能。 ・フリー ・動作が重い?
5.
1つの投稿に2つの言語のタイトルを入力する欄 日本語と英語の記事入力欄をタブで切り替える
6.
qTranslateのいいところ ・1つの投稿ページで、同時に複数の言語の記事が書けるので、 管理が楽。 日本語の記事を書いたあとに、別途英語用の投稿ページを 新規作成するという手間が省けます。 ・すべてのページに、 必ず日英両記事が必要なサイトを作る 場合に向いています。 例えば部分的に日本語だけのページしか必要ない場合は あまり向かないかも。
7.
日本語 English タイトルロゴ 言語切替 メニューバー
8.
言語選択切替ボタンの表示 <?php echo qtrans_generateLanguageSelectCode('both');
?>
9.
<?php echo esc_url(
qtrans_convertURL(home_url('/'), qtrans_getLanguage()) ); ?> qtrans_getLanguage() → ‘ja’か ‘en’を返します。 qtrans_convertURL( $url, $lang ) → $lang用のURLを生成します。 例: qtrans_convertURL( ‘http://example.com’, ‘ja’ ) → ‘http://example.com’を返す qtrans_convertURL( ‘http://example.com’, ‘en’ ) → ‘http://example.com/en’を返す URLは言語によって変わります。例えばHOMEのURLはこうなります。 ・日本語のサイト(デフォルト) http://example.com/ ・英語のサイト(第2外国語) http://example.com/en/ 現在、日本語モードで表示しているか、英語モードで表示しているかでHOMEへのリンク 先URLを変えなければいけません。 そのための関数があります。 多言語対応にした場合、URLはどうなる?
10.
ロゴ画像の切替の例 <?php if( qtrans_getLanguage()
== 'ja' ){ ?> <img src="/logo.png"/> <?php } else { ?> <img src="/logo_en.png" /> <?php } ?> 日本語ページの場合は、logo.pngを使い、 英語ページの場合はlogo_en.pngを使うコードです。
11.
qTranslateの関数一覧はこちらにあります。 http://www.qianqin.de/qtranslate/forum/viewtopic.php?f=3&t=9
12.
管理画面→外観→メニューで設定します。 ナビゲーションラベル入力欄に、日本語のページの場合と、英語のページの場 合の文字列を併記します。 メニューの文字列 <!-‐-‐:ja-‐-‐>メニューアイテム<!-‐-‐:-‐-‐><!-‐-‐:en-‐-‐>Menu Item<!-‐-‐:-‐-‐>
13.
トラブったところ1 カスタムメニューでの不具合 カスタムメニューとの相性が良くない感じでした。 (qTranslate Ver.2.5.34) HOME
MENU1 MENU1-‐1 MENU2 MENU3 MENU3-‐1 MENU4 英語ページ表示のとき、メニューの各itemはすべて英語のページに リンクして欲しいのだが、HOME、MENU3、MENU3-1は日本語の ページにリンクされてしまう問題が起きた。 MENU1、MENU2、MENU4は固定ページ MENU3、MENU3-1はカスタム投稿タイプ。 → どうやらTOPページへのリンクと、カスタム投稿タイプへのリン クで不具合が起こるらしい。
14.
調べてみると、リンク先URLに en が入ってませんでした。 HOME
MENU1 MENU1-‐1 MENU2 MENU3 MENU3-‐1 MENU4 HOMEへのリンク: http://example.com/ MENU1へのリンク: http://example.com/en/menu1 MENU3-1へのリンク: http://example.com/menu3-1 ←NG en が抜けている ←OK en がちゃんと入ってる ←NG en が抜けている トラブったところ1 カスタムメニューでの不具合
15.
1. カスタムメニュー処理に割り込みして、独自処理を入れたいため、カスタ ムメニューのフックを探しました。 <参考> カスタムメニューの「カスタムリンク」に target
属性を追記 ¦ 鉄王 http://www.tecking.org/archives/2651 2. functions.phpにフィルターフック処理を書きました。 TOPページへのリンクURLと、カスタム投稿タイプへのURLに en を入れる処理 トラブったところ1 カスタムメニューでの不具合
16.
追加したフィルターフックの処理 add_filter('walker_nav_menu_start_el', 'qtrans_in_nav_el', 10,
4); function qtrans_in_nav_el($item_output, $item, $depth, $args){ if( $item-‐>menu_order == 1 ){ // top contents のとき if (function_exists('qtrans_getLanguage')) { if( qtrans_getLanguage() == 'en' ){ $item_output = preg_replace( "/(href=".+?)"/", "$1en/"", $item_output ); } } } else if( $item-‐>object == 'custom1' ){ // post_type: custom1のとき if (function_exists('qtrans_getLanguage')) { if( qtrans_getLanguage() == 'en' ){ $item_output = str_replace( '/cunstom1/', '/en/custom1/', $item_output ); } } } return $item_output; }
17.
トラブったところ2 他プラグインとの相性 パンくずプラグイン Prime
Strategy Bread Crumb を導入していましたが、 qTranslateとの組み合わせでうまく動かないところがありました。 英語ページ表示のとき、HOMEへのリンクは英語のトップページに リンクして欲しいのだが、日本語のページにリンクされてしまって いる。 HOME > REPORT
18.
トラブったところ2 他プラグインとの相性 Prime Strategy
Bread Crumbプラグインに bread_crumb_after というフック があったので、これを使って追加処理をfunctions.phpに入れました。 add_filter('bread_crumb_after', 'primestrategy_bread_crumb_after', 10, 2); function primestrategy_bread_crumb_after($output, $args){ if (function_exists('qtrans_getLanguage')) { if( qtrans_getLanguage() == "en" ){ $homeurlstr = 'href="' . get_bloginfo( 'url' ) . '/"'; $replacestr = 'href="' . get_bloginfo( 'url' ) . '/en/"'; $output = str_replace( $homeurlstr, $replacestr, $output ); } } return $output; }
19.
まとめ ・無料で使える多言語化プラグインとしては良くできているので 使う価値は十分にある。 ・qTranslateの関数が用意されているので、細かい表示制御にも対応できる。 ・規模の大きいサイトだとパフォーマンスが心配? ・同時に導入しているプラグインとか、カスタム投稿タイプなどで 相性問題が発生する可能性がある。ちょっとテクニカルなことを しようと思うと問題が起こる可能性が高い。
20.
ありがとうございました。 @uemera uemura
Download