Fandom


ヘルプ

驚くべきCSSを通じてあなたのウィキアのデザインのカスタマイズすることをお考えですか? あなたが最小限の手間でそれを行うのに役立つちょっとしたガイドラインを以下に列挙します。

ガイドライン

テーマデザイナーを使おう!

Theme designer

実行中のテーマデザイナー

あなたのウィキアをカスタマイズしてサイトのレイアウト調整を確実にする最も簡単な方法は、ウィキアのテーマデザイナー機能を使うことです。

調和しない色やどぎつい色を避ける

これは特にコンテンツエリアに当てはまります。

  • すべての人の視力や視覚はあなたの視力や視覚とは同じようには機能しません。かなりの数の人々が悪化した視力や色覚異常などのいろいろな問題を抱えています。
  • デバイス画面が異なればその振る舞いも異なります - あなたが自分で見た色は他の人にもまったく同じようには見えないかもしれません。

もちろん、あなたが自分のテーマを機能させているときに判別することは簡単ではありません。そのため、下記に独特なアイデアを挙げています :

  • 文字と背景との間のコントラストが良くなることを各自にするよう試みてください - 例えば明るい背景に暗い文字です。
  • 背景画像は素晴らしいものです - ただし、もし背景画像の上にある文を読むことができなければどうでしょう! スキンを通して表示する全体の背景を少し表示したい場合、テーマデザイナーにはシンプルな透過設定があることに留意してください。
  • とくに主要なテキストエリアはあまり小さくしすぎないように作るよう試みてください。

デザインをシンプルに保つ

あなたのウィキアをアイコン、アニメーション、色でカバーしたい誘惑にかられるかもしれません - しかし、これはウィキアコミュニティにアクセスする人の気を大きくそらす可能性があります。

加えて、ウィキアは流動的な横幅を持っていることを忘れないでください - あなたが見ているものは異なったサイズの画面で他のユーザーが見ているものと正確に一致していないかもしれません。例えば、絶対値としての代わりに、パーセンテージで指定した幅を詳しく調べてみてください。これで大きなギャップや重複要素が発生する可能性を減らすことができるでしょう。

読みやすいコードを書く

あなたはウィキアコミュニティをカスタマイズしたことがある唯一の個人ではないかもしれないということを、忘れないでください - あなたが書いたコードを試して確認すれば、他の誰かによる読まれやすく理解されやすくなります。スペースを開けてわかりやすい名前にすることはこの役に立つ素晴らしい方法です。

さらに、それが何であるかを容易に識別できないコードにはコメントを追記していください - 関連するCSSコードの上に /* と */ のマーカーで挟まれた注釈テキストを記入することでこれができます。例えばこのようにします :

/* 私はコメントです */

有用なリンク

その他のヘルプとフィードバック

特に記載のない限り、コミュニティのコンテンツはCC-BY-SA ライセンスの下で利用可能です。