コミュニティセントラル
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 : w:Help:Theme Designer
NOTE: This help page has not been updated for the upcoming FandomDesktop skin. See this blog for a preview of the new Theme Designer.

テーマデザイナー (Theme Designer) とは、あなたが管理するコミュニティのテーマやロゴ (ワードマーク) を素早くカスタマイズすることができるアドミンツールです。あらかじめ用意されたテーマを選んだり、コミュニティのトピックにピッタリなユニークなテーマをデザインすることができるようになっています。

詳しい手順[]

  • テーマデザイナーには次の3つのタブがあります。
    • テーマ: あらかじめ決められたテーマを選び、それをそのまま使用するか、修正して使用します。
    • カスタマイズ: 背景、ナビゲーション部分のヘッダー画像、特徴などを自分で選んで設定します。
    • ロゴ: コミュニティの名称変更、独自のロゴ (ワードマーク) 画像のアップロード、ファビコンの追加の設定をします。
  • 変更した内容は下記のようにすべてプレビューで即座に見ることができるので、保存する前にテーマがどのような見映えになるかを確認をすることができます。
テーマデザイナー カスタマイズ

テーマ[]

  • テーマはあらかじめ用意されている11種類から、好きなものをクリックして選ぶことができます。テーマを選択すると、すぐにテーマデザイナーの下に選択したテーマのプレビューが表示されます。
  • 選択したテーマの一部を変更したいときには、カスタマイズのタブをクリックします。そうすると、リンクを修正したり、ボタンの色を変えたりすることができます。
テーマデザイナー テーマ


カスタマイズ[]

  • 背景 (background) : 背景とは、Wikiのコンテンツエリアの外側に現れるエリアのことを指します。
    • カラーピッカーで、お好みの背景色を選択することができます。
      • 選択する設定によっては、大きめの画面で『中央』の背景の色を見えるようにすることもできます。
    • 背景にデザインを加えたいときには、グラフィックピッカーで画像を選択することができます。そのうちいくつかの画像は透明に設定されており、その場合には背景に選択されている色が使われます。
    • 自分が持っている画像を背景に加えたいときには、まずグラフィックピッカーをクリックし、『オリジナルの画像をアップロード』から画像をアップロードしてください。ファイルのフォーマットとしては .jpg , .png , .gif 形式のアップロードが可能です。画像ファイルの最大サイズは 300kB です。大きめの画面上では、背景画像がふたつに分断されますが、中央の背景のない部分はサイトのコンテンツエリアによってほぼ隠れます。この機能によって、表示サイズの異なる画面でも背景画像は常にコンテンツエリアの両端に調整されて表示されるようになります。
      • ヘルプ:背景画像では、自分のコミュニティのカスタム背景画像を自分で作り上げる際のより詳しい情報やおすすめをご紹介しています。
    • 『画像を並べる』(tile) のチェックボックスをオンにすると、画像が繰り返し使われるタイルのような背景にすることができます。
    • グラフィックのタイル表示を望まないときには、アップロードした画像は一箇所にだけ表示され、他の部分には背景で設定した色が使われます。
    • 画面をスクロールしたときに画像が動かないようにするには、『固定表示させる』(fix) を選択します。
    • 幅 2000px より大きい非タイル表示画像を使用している場合、「分割なし」(no split) を選択できます。「分割なし」を選択すると背景画像が中央で分断されなくなります。この機能はコンテンツエリアを半透明表示したいときなどに役立ちます。この設定を選択した場合、コンテンツエリアはビューワの画面のサイズに依存するさまざまな背景画像パーツをカバーします。
  • ページ (page) : ページではボタン、リンク、ヘッダ、コンテンツの色を制御できます。
    • 色を変更するには、それぞれのカテゴリの下に表示されている色見本をクリックします。するとカラーピッカーが現れ、固定の色の中から選択したり、16進コード (例 : "#00FFFF" )、または色名 (例 : "midnightblue" ) 、10進数表記 (例 : "rgb(0, 128, 255)") を入力して色を設定することができます。
    • 透明度のスライダを動かすと、コンテンツエリアの透明度を変更することができます。
テーマデザイナー カスタマイズ2

ロゴ[]

  • ロゴ (wordmark, ワードマーク) はコミュニティの名前を表す画像です。ユーザーはこのロゴをクリックすることで、そのコミュニティのメインページに移動することができます。(Monobookスキンで利用されていたロゴと区別するために、「ワードマーク」と呼ばれていることもあります。)
  • コミュニティの名前:
    • ロゴの隣に表示されるコミュニティの名称を確認できます。変更したい場合は「テキストを変更」ボタンを押して下さい。
  • ロゴ:
    • 自分でタイトル画像をデザインして、アップロードして使用することができます。
    • ロゴとして使用可能なフォーマットは .png のみで、最大サイズは250 x 65 ピクセルです。
    • ロゴのグラフィックはファイル:Wiki-wordmark.pngに保存されます。
  • ファビコン:
    • ファビコンとは、ブラウザの上部に表示される小さなアイコンで、タブやブックマークなどによく使用されるアイコンです。
    • アップロードツールを使用して、ファビコン画像をアップロードすることができます。「ファイルを選択」をクリックし、「アップロード」をクリックして画像ファイルをアップロードします。
    • ファビコンに使用する画像は、16 x 16 ピクセルで、ファイル末尾の拡張子は .ico である必要があります。詳しくはこちらをご覧ください。
テーマデザイナー ロゴ

保存と過去のリビジョン[]

  • 設定が完了したら、『保存』をクリックします。新しいテーマがすぐに反映されます!
  • テーマデザイナー上では、変更を確認したり、以前のテーマ設定に戻すこともできます。『以前のバージョン』をクリックすると、プレビューモードで変更前のテーマを確認することができます。
テーマデザイナー 保存

次の手順[]

関連情報[]

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