1. グラフィックデザイン：『さすがデザイナー…！』と思わされるクリエイティブな名刺デザイン集

この記事をRTする

2. Webデザイン：みんなが利用するあの大手サイトの初期デザインはこんなだった

この記事をRTする

3. ネタ：とあるFirefoxアドオンのプライバシー・ポリシーがものすごいことになっていた

この記事をRTする

4. セキュリティ：「鍵付きTwitterから写真流出」を防ごう！AKBの失敗に学ぶ自衛法

この記事をRTする

5. インタビューして頂きました／Webデザイナーというお仕事 Mana さんインタビュー その1

この記事をRTする

6. 人は変わってく生き物…と分かっていてもちょっと寂しい／人は成功して偉くなると変わってしまうのか…いまとなっては懐かしいグーグルの謙虚な姿勢を発掘！

この記事をRTする

7. CSS：これは便利！コピペで使える実用的なCSSテクニックいろいろまとめ8つ

この記事をRTする

8. アイコン：プレゼン資料の見栄えが劇的に良くなる、無料で使える素材集まとめ17個(Webデザインにも使えます)

この記事をRTする

9. Webサービス：これで友達に差をつけろ！Facebookタイムラインのカバー写真作りで使える14個のサービス、徹底まとめ

この記事をRTする

10. ロゴ：ネガティブスペースをうまくつかったロゴデザイン40

この記事をRTする

Facebookページでも同じ情報を流しています。いますぐ「いいね！」

実は今回の記事のタイトル、どこかで見た事があるかもしれません。そう、以前「WordPressプラグイン「WPML」でブログを多言語化する」という記事を書いた事があるのです。この記事で説明しているとおり、私のポートフォリオサイトは「WPML」という、サイトを多言語化するWordPressプラグインを使用して翻訳されています。しかしWPMLは2011年2月に有料化されたため、課金をするか別のプラグインを使うか悩んでいました。

今回採用したのはqTranslateという、無料でサイトを多言語化することができるWordPressプラグインです。以前から知ってはいたものの、ちゃんと試した事がなかったので、今回改めてテストしてみました。すると思っていた以上に使いやすかったので採用することに。簡単に使い方を紹介します。

qTranslateの基本設定

まずはプラグインをダウンロードして、管理ページで有効化します。その後、設定 > Language　から設定していきます。まずは言語の設定。

ページ下部に国旗とともに言語が表示されています。使用する言語を「Enable（有効化）」し、不要な言語は「Disable（無効化）」します。

「Save Changes」ボタンをクリックして保存すると、選択した言語が表示されています。デフォルトにしたい言語のラジオボタンにチェックを入れて保存。

投稿画面に行くと、複数言語でタイトル・記事が書けるようになっていますね。

もちろんカテゴリーやタグの名前も複数言語で指定できます。

設定 > Language > Advanced Settings からURLの設定ができます。下記３つのどれかになります。

1. クエリーモード（http://webcreatorbox.com/?lang=en）
2. サブディレクトリモード（http://webcreatorbox.com/en）※デフォルト
3. サブドメインモード（http://en.webcreatorbox.com/）

私はデフォルトのサブディレクトリモードを使っています。サブドメインモードでは他にドメインの取得・設定が必要になるようです。

テーマのカスタマイズ

日付のフォーマット

プラグインを有効化すると、日付の表示が何やらおかしくなっていました。テーマファイル内で <?php the_time(); ?> ではなく <?php the_date(); ?> を使うと直りました。
それでもおかしい時は 設定 > Language > Languages の言語一覧から「Edit」をクリックし、「Date Format」を変更してください。

言語スイッチャー

好きなところに言語スイッチャーを表示する事ができます。表示方法は text, image, both, dropdown から選べます。

<?php echo qtrans_generateLanguageSelectCode('text'); ?>

つねに全ての言語を表示するのではなく、現在表示している言語以外のもののみを表示する場合は、少しカスタマイズが必要です。このサイトでは以下のコードをfunctions.phpに書いています。

function curPageURL() {
    $pageURL = 'http';
     if ($_SERVER["HTTPS"] == "on") {
        $pageURL .= "s";
    }
     $pageURL .= "://";
     if ($_SERVER["SERVER_PORT"] != "80") {
          $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
     }
    else {
          $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
     }
return $pageURL;
}

function langlist () {
   if (qtrans_getLanguage() == 'en') {
      echo '<a href="' . qtrans_convertURL(curPageURL(), 'ja') . '">日本語</a>';
   } elseif (qtrans_getLanguage() == 'ja') {
      echo '<a href="' . qtrans_convertURL(curPageURL(), 'en') . '">English</a>';
   }
}

テーマファイル内の翻訳

テーマファイルの文字列を翻訳する時は、下記の便利なコードが使えます。文字数が少ないナビゲーションメニューや見出しなどはこれで済みそうですね。

<?php _e("<!--:en-->english<!--:--><!--:ja-->にほんご<!--:-->"); ?>

翻訳する部分がたくさんあったり、言語によって読み込むファイルを変更する時は qtrans_getLanguage() を使います。この例では、言語が英語だった時は「en.css」というCSSファイルを読み込むようにしています。

<?php if (qtrans_getLanguage() == 'en') { // English ver ?>
   <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/en.css">
<?php } ?>

All in One SEO Plugin

All in One SEO Packを使う時は、画像のコードで適応できました。

Tweetするとタイトルが変

私は記事が更新されるとWordTwitというプラグインで自動Tweetするようにしています。qTranslateのテストを兼ねて記事を更新したある日、こんな風にTweetされていました。

Webクリエイターボックス：<!–:ja–>Twitter 人気のつぶやき 1/14～1/20 2012<!–:–> tinyurl.com/7x6rbje

なんかタグが見えてる…

__() というのが翻訳文字列の取得コードとの事なので、プラグインファイル wordtwit.php の887行目の

$message = str_replace( '[title]', $my_post->post_title, $message );

を

$message = str_replace( '[title]', __($my_post->post_title), $message );

に変更すると直りました。

WordTwitだけでなく、多くのTwitter自動配信系プラグインは同様のコードを使っていると思うので、試してみてください。

qTranslateはカスタマイズが非常に楽チンで気に入っています。ただ、やはり自分で使って試してみるのが一番。WPMLは有料ですが、30日以内であれば払い戻しもしてもらえるようなので、比較してみるのもいいでしょう。

翻訳…大変だろうけどがんばるぞー！

参考サイト: What is the qTranslate lang switch code?

1. アイコン：神がかり的な素晴らしいデザインのアイコン

この記事をRTする

2. ネタ：「政治家はインターネットをこう勘違いしてる」という図

この記事をRTする

3. 毎日必死だったなあ…。でも楽しくて楽しくてしょうがなかった。／マナさんの専門学校生活

この記事をRTする

4. 実際に会ってみるって大事ですよね／情報収集のアンテナを高める方法

この記事をRTする

5. ツール：【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。

この記事をRTする

6. Webデザイン：延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事

この記事をRTする

7. Webデザイン：不思議なイラストと大胆なレイアウト、派手なスクロールバーが特徴のサイト。個性的なデザインですが、ホワイトスペースをふんだんに使っているため整って見えます。【Mezcal Buen Viaje】

この記事をRTする

8. 素材：今時のシンプルでモダンなデザインが簡単に作れる、フリーのUIデザインPSD素材まとめ16個

この記事をRTする

9. WordPress：WordPressでサイトを作る時に知ってると便利なカスタマイズいろいろ

この記事をRTする

10. マーケティング：ディレクターなら知っておきたい「バナー広告制作の基礎知識」

この記事をRTする

Facebookページでも同じ情報を流しています。いますぐ「いいね！」

インタラクティブPDFでつくったインタラクティブPDFのつくりかた〜動画/音声再生・ページ効果編〜

ダウンロード

InDesignで動画や音声付きのPDFファイルの作り方を説明してます。サンプルもついています。紙の本では表現できない、電子書籍の魅力はこういった点にあると思うので、これから電子書籍の出版を考えている人には参考になると思います。

地域でメディアづくりをはじめよう

ダウンロード

１年間、ある地域のアートプロジェクトにデザインコーディネーターとして参加し、市民の方や、学生と一緒に、ウェブサイトをはじめ、メディアづくりを行ってきた筆者の体験談をまとめた本。いろんな人と協力して作り上げていく様子が説明されています。かわいらしいイラストも魅力。

WordPressで簡単ホームページ管理

ダウンロード

WordPressを使って記事やページの投稿の仕方を説明しています。カスタマイズではなく、「使い方」を中心に説明しているので、制作者よりクライアントに読んで欲しい本です。バージョンが少し前のものなのですが、まだまだ使えると思います。WordPressでサイトを作ったらこの本も一緒にクライアントに紹介してみるといいでしょう。

デザインレイアウトノウハウブック

ダウンロード

優先順位の付け方、グループ分け、余白の使い方などをサクッと紹介しています。再確認の意味もこめて、時々読み返してみるといいかも。

エリトア2011 3rd 冬 – フリーペーパー・エリトア

ダウンロード

「エリトア」は、アーティストが集まり自分達の作品や活動をより多くの人に知ってもらおうという目的で始まったフリーペーパー。イベントや展示の告知を始め、作品制作の現場などが紹介されています。普段アートに触れる機会がない人でも楽しめるような内容です。こちらからバックナンバーをダウンロードすることもできます。

Don’t Make Me Think

オリジナル｜日本語翻訳版｜一部の章をダウンロード

日本では「ウェブユーザビリティの法則」というタイトルで翻訳されているようです。海外では「ユーザビリティといえばこの本！」というくらい人気の一冊。私が今まで海外で立ち寄ったWebの学校や制作会社には、100%の確率でこの本が置いてあるほど。出版されて10年以上たっているようですが、その人気は衰えません。一部の章をPDFでダウンロードできます。もう一度じっくり読み直したいですね。

Getting Real

オリジナル｜日本語翻訳版｜ブラウザーで読む

Basecampで有名な37signalsが発行したビジネス本。いかにシンプルに、いかに素早く仕事をすすめるかについて熱く語られています。PDFは有料ですが、ブラウザーで読めるHTML版は無料で読めます。これもとても人気な本で、シドニーで働いていた会社の同僚は週末にこの本を一気に読み、月曜の朝突然「みんな聞いてくれ、俺は先週までの俺とは違う。フツフツと！ヤル気が！みなぎってるんだ！！」と人格まで変わっていました。オリジナル英語版も比較的簡単な英語で書かれているのでサクサク読み進められます（多分）。

Type Classification eBook

Webサイト｜ダウンロード

タイプフェイスについての本です。セリフ・サンセリフ・モダン・ゴシック・手描き風など、フォントの種類や表示例を紹介しています。紙面全体のデザインもかっこよく、英語の本ですが見て楽しめると思います。

How To Be Creative

Webサイト｜ダウンロード

英語の本です。クリエイティブに生きるとはなんだろう？インスピレーションって探して見つかるものなのか？などを26の項目に分けて完結に説明しています。各項目の見出しや時折出てくる力強い言葉がやる気を出してくれます。クリエイターじゃなくても読むと前向きになれそう。

その他、「無料で読めるプログラミング電子書籍52冊」では英語で書かれたプログラミング関連のコンテンツを読む事ができます（電子書籍として出版しているのではなく、ブラウザーで読めるコンテンツ多め）。いろいろ調べてみましたが、やはりまだまだ日本語の電子書籍は少ないですね…。先日発表された「iTunes U」を含め、今後日本語コンテンツが増えていくことに期待！

1. 初登場！「バンクーバー在住なら会ってみたいですねー」と思ったらまさかのお隣さん。／WEBクリエイターボックスのマナさん登場

この記事をRTする

2. Amazonのほしい物リストを公開していると個人情報を抜かれます

この記事をRTする

3. これからウェブデザイナーになりたいと思っている人へのお手紙

この記事をRTする

4. ネタ：Photoshopの加工ミスによる「惨事」を集めたネタサイト【Photoshop Disasters】

この記事をRTする

5. Web制作：完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました

この記事をRTする

6. この本で日本語を勉強した方と是非お友達になりたいです／刺身野郎とマナさん

この記事をRTする

7. Tips：Google先生にMMSを送ると何でも答えてくれてすげえ！

この記事をRTする

8. Web制作：Web制作の見積もりの出し方について改めて考えてみました。

この記事をRTする

9. 「さっきから一時閉鎖とかSOPAとか言ってるけどなんなの？」という方へ→なぜWikipediaは停止するのか――SOPA抗議活動をひもとく

この記事をRTする

10. 最近話題のSOPAって何なの？

この記事をRTする

Facebookページでも同じ情報を流しています。いますぐ「いいね！」