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
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
320
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
3
53k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
450
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
730
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto WADA twada
PRO
120
120k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k

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）