mimi 投稿時間: 9:04 AM 投稿日: 2023年12月15日
タグ: design   

ja.wordpress.orgのデザイン調整について

今年の夏頃からWordSlack( wpja.slack.com ) 上で相談していた新しい wordpress.org テーマの日本語へのローカライズについて、12月13日に有志数名でオンラインミーティングを行い今後の方針を話し合いました。その内容と、今後の方針について共有します。

ミーティングの参加者：

@nao, @nukaga, @atachibana, @wildworks, @rocketmartue, @mimitips

これまでの経緯

すでに、英語版のWordPress.org (https://wordpress.org/)で適用されている新テーマについて、そのGitHubリポジトリ上でさまざまな相談が行われています。その一つのIssueのコメントで以下の投げかけがありました。

既存のタイポグラフィが（ロゼッタ）サイトにとって機能しない場合、代替案を追加したり、より良いフォールバックを追加したりすることができると思います。問題があるサイトはありますか？

https://github.com/WordPress/wporg-main-2022/issues/266#issuecomment-1652271431

これに対し、ロゼッタサイトのひとつである日本語版（ja.wordpress.org）において、文字のサイズやline-height等を調整するデザイン案を作成し、独自のCSS等を当てる調整をしたい要望を提案しています。

さらに詳しい経緯を知りたい方は該当のIssueの続きを参照してください。
https://github.com/WordPress/wporg-main-2022/issues/266#issuecomment-1652271431

この議論を前に進めるために、オンラインMTGを行いました。その内容は以下の通りです。

議事録

以下、議論の内容を主に箇条書きでまとめます。

そもそもロゼッタサイトとはなにですか？

  • xxxx.wordpress.orgのxxxxがja, de, es とかの多言語化されたものを指す
    https://make.wordpress.org/polyglots/handbook/for-locale-managers/rosetta-expectations/#what-is-a-rosetta-site-what-about-forums

各ローカルコミュニティの管理権限の現状について

  • 誰が担当者かなどは以下に一覧がある https://make.wordpress.org/polyglots/teams/?locale=ja
  • ロケールマネージャー等の権限ではサイトのデザインに関する変更の権限は現状無い様子
    • 追加CSSなどの機能が使えない状態であることが判明

期限とコストの問題について

  • 新しいテーマをなるべく早くja.wordpress.orgに適用したい
  • ある程度時間が立つと（デザインが崩れていようがいまいが）新しいテーマに切り替えられる予定である
  • 日本語版のみの問題を解決する方法をまずは探ったほうが短期的な解決には良さそう
  • 長期的に見ると、今後多言語化の機能の話をするのであれば、もっと非ラテン言語でのこれらの現状について積極的に声を上げる必要があるのではないか？
  • 短期的な方法を現実的な方法として進めて、（余裕があれば）長期的なアプローチも検討してみるのが良いのでは？

どのようにローカル用のスタイルを適用するべきか

下記の3通りの方法が相談されました。

  1. 該当のテーマのリポジトリに言語で切り分けてスタイルを追加するプルリクエスト（以下PR）を作成する
  2. wordpress.orgのWordPress上のカスタマイザーまたは（サイト）エディター上の追加CSSを使用できるように掛け合ってみる
  3. 専用のプラグインを作成し、wordpress.orgのリポジトリへPRを作成する
    • 過去、ローカルのサイトにプラグインの追加等GUI上で直接CSSの追記ができるように許可されたことは？
      • 記憶の限りでは無いはず
    • 全体の問題を解決する方法として良いアプローチだが現状を踏まえると様々な調整が必要で実行には時間がかかりそう

スタイルをどこまで書くか

  • CSSの変数を書き換えればある程度調整効くのでは？
    • ex. --wp--preset--font-size--heading-cta: 90px;
  • 加えて、まずはトップページだけは調整するのが良いのでは
  • 残りの下層ページについては時間をかけるかさらにコントリビューターを募って進めていけたら

TODO

  • Issueでtest.wordpress.orgの権限を相談してみる – 濵野さん @wildworks
    • 承認されたら、GUIの追加CSSを有効化する手段を探る
  • デザイン等で貢献したい人には呼びかける (この記事）
    • トップページのテスト
    • 下層ページのテスト、CSS 提案
    • 翻訳の調整（必要であれば）
  • デザイン(Figma): トップのデザインでリードの長いバージョンに合わせて調整しなおす – 順子さん @nukaga
  • CSSを共同で書き始める場所を作る – @mimitips

作業を手伝いたい方を募集しています

というわけで、なるべく早く新デザインに移行するために上記の方針で作業を進める予定ですが、今後に向けて、以下のような作業が必要となる見込みです。これらについて協力してくださる方があると助かります。

デザイン提案や動作テスト

下層ページのスタイルを確認し、不具合や必要な調整がないかチェックします。必要であれば、追加のデザインの提案する作業が発生する可能性があります。

CSSを記述する

上記に関連して実際のCSSを記述してPRを作成する作業が発生する可能性があります。

翻訳について

CSSのみで修正できないスタイルについて、GlotPress上で調整する作業が発生する可能性があります。

今後について気になる方、手伝ってみたい方がいらっしゃいましたらぜひ該当のSlackチャンネル等でお声がけください。日本語のSlackチャンネルの参加方法はこちらを参照ください。

#design