神社のメディアサイトを多言語した話 vol.02

Okayama WordPress Meetup #4 令和元年9月21日ひだちデザイン　清水宏積神社のメディアサイトを多言語化した話

清水宏積和風デザイナー（Web / グラフィック / マーケティング）和風デザイナーひだち清水：@hidachi̲shimizu(Twitter) Shimizu Hirokazu

和風デザイナーって何？？和風カフェ・着物着付け教室・神社などのホームページ・ロゴ・御朱印帳ブランディングデザインやマーケティングもやってます。

Okayama WordPress Meetup #4 神社のメディアサイトを多言語化した話

どんなサイトか？

どんなサイトか？神社関係者さま、公式ライターしか投稿できない神社の情報サイト。

今回使用したWordPressプラグインなどテーマオリジナルテーマプラグイン Polylang

Polylang プラグイン Polylang 通常どおりに投稿、ページを作成、カテゴリ、投稿タグを作成してから、それぞれの言語を定義できるプラグインです。参考：https://ja.wordpress.org/plugins/polylang/

Polylangの使い方

サイトを多言語したフロー

サイトを多言語したフロー失敗パターン

サイトを多言語したフロー多言語化は記事がたまってでいいや失敗パターン

サイトを多言語したフローリサーチ、コンセプト制作（将来的に多言語） 1

サイトを多言語したフローリサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 サイトを多言語したフロー

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 コラムや神社の情報をためていく 4 サイトを多言語したフロー

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 コラムや神社の情報をためていく 4 多言語化する 5
サイトを多言語したフロー

多言語経験あるWEBデザイナーさん

多言語経験あるWEBデザイナーさん超それ大変っすよ

たまった神社情報やコラムの翻訳大変やんけその一たまった神社情報やコラムの翻訳大変やんけその一

たまった神社情報やコラムの翻訳記事の翻訳数十件の記事を一つ一つ翻訳する作業が発生タグ・カテゴリタクソノミー連携数十件のタグ・カテゴリー・タクソノミーを翻訳して連携する作業が発生時間とモチベーションを失う・・・

デザインの微調整大変やんけその二

デザイン調整日本語の文 EN LANG Characters are
included. Characters are included. Characters are included. 文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章日本語と英語では文字数などが変わってくる。また、文字を入れている画像の画像の作り直しなどが発生

テーマのカスタマイズ大変やんけその三

テーマのカスタマイズドメイン後に/en/となる時にheaderとFooter違うものを読み込ませている 1 固定ページのテンプレートは全て日本語と英語のテンプレートを用意 2 Google Mapsを使っている場所の翻訳ルールを決めるのが大変。 3

日本人の目が良すぎる大変やんけその四

日本人の目が良すぎる日本向けデザイン海外向けデザイン日本人は淡い色など認識出来るが海外の方はぼやけて見えてしまう場合があります

コンセプトの段階で多言語の範囲を決める 1 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 多言語化対応する 4 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 多言語化対応する 4 記事ながら翻訳をする 5
こういうフローで多言語しよう

こういうフローで多言語しよう多言語化は、コンセプトや企画時から始まっています！メディアサイトを多言語化するのはかなり大変なので、まずは多言語化する必要のあるものは始めから多言語化しちゃいましょう！

ご清聴いただきまして誠にありがとうございました！ twitter. ひだちしみず（@hidachi̲shimizu）

神社のメディアサイトを多言語した話 vol.02

神社のメディアサイトを多言語した話 vol.02

清水宏積

More Decks by 清水宏積

Featured

Transcript

Okayama WordPress Meetup #4 令和元年9月21日ひだちデザイン　清水宏積神社のメディアサイトを多言語化した話

清水宏積和風デザイナー（Web / グラフィック / マーケティング）和風デザイナーひだち清水：@hidachi̲shimizu(Twitter) Shimizu Hirokazu

和風デザイナーって何？？和風カフェ・着物着付け教室・神社などのホームページ・ロゴ・御朱印帳ブランディングデザインやマーケティングもやってます。

Okayama WordPress Meetup #4 神社のメディアサイトを多言語化した話

どんなサイトか？

どんなサイトか？神社関係者さま、公式ライターしか投稿できない神社の情報サイト。

今回使用したWordPressプラグインなどテーマオリジナルテーマプラグイン Polylang

Polylang プラグイン Polylang 通常どおりに投稿、ページを作成、カテゴリ、投稿タグを作成してから、それぞれの言語を定義できるプラグインです。参考：https://ja.wordpress.org/plugins/polylang/

Polylangの使い方

サイトを多言語したフロー

サイトを多言語したフロー失敗パターン

サイトを多言語したフロー多言語化は記事がたまってでいいや失敗パターン

サイトを多言語したフローリサーチ、コンセプト制作（将来的に多言語） 1

サイトを多言語したフローリサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 サイトを多言語したフロー

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 コラムや神社の情報をためていく 4 サイトを多言語したフロー

リサーチ、コンセプト制作（将来的に多言語） 1 デザインを作る 2 メディアサイトを作る 3 コラムや神社の情報をためていく 4 多言語化する 5

多言語経験あるWEBデザイナーさん

多言語経験あるWEBデザイナーさん超それ大変っすよ

たまった神社情報やコラムの翻訳大変やんけその一たまった神社情報やコラムの翻訳大変やんけその一

デザインの微調整大変やんけその二

デザイン調整日本語の文 EN LANG Characters are

テーマのカスタマイズ大変やんけその三

日本人の目が良すぎる大変やんけその四

日本人の目が良すぎる日本向けデザイン海外向けデザイン日本人は淡い色など認識出来るが海外の方はぼやけて見えてしまう場合があります

コンセプトの段階で多言語の範囲を決める 1 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 多言語化対応する 4 こういうフローで多言語しよう

コンセプトの段階で多言語の範囲を決める 1 日本と海外向けのデザインを作る 2 メディアサイトを作る 3 多言語化対応する 4 記事ながら翻訳をする 5

こういうフローで多言語しよう多言語化は、コンセプトや企画時から始まっています！メディアサイトを多言語化するのはかなり大変なので、まずは多言語化する必要のあるものは始めから多言語化しちゃいましょう！

ご清聴いただきまして誠にありがとうございました！ twitter. ひだちしみず（@hidachi̲shimizu）