Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for 清水宏積 清水宏積
September 21, 2019
1k
1

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

令和元年09月21日 Okayama WordPress Meetup #4の時に使用したスライドです。

Avatar for 清水宏積

清水宏積

September 21, 2019

More Decks by 清水宏積

See All by 清水宏積
サイトコンセプトのつくりかた
Avatar for 清水宏積 hidachi_shimizu
1
420
明日から使える奈良にまつわる和風デザイン.pdf
Avatar for 清水宏積 hidachi_shimizu
1
1.6k
神社のメディアを多言語化した話
Avatar for 清水宏積 hidachi_shimizu
0
440
神社のメディアを作成運用した話
Avatar for 清水宏積 hidachi_shimizu
0
260
ダブルワークデザイナー ⽣き抜くためにやった事
Avatar for 清水宏積 hidachi_shimizu
3
900

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
35
2.8k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
280
Scaling GitHub
Avatar for Zach Holman holman
464
140k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
390
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
890
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
280
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
580

Transcript

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

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

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

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

  5. どんなサイトか？

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

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

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

  9. Polylangの使い方

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

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

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

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

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

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

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

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

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

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

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

  20. None

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    こういうフローで多言語しよう

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

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