ヘルプ:テーマデザイナー

このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。

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

モバイルテーマについてはこちらをご覧ください。

詳しい手順[]

コミュニティの管理者であれば、そのコミュニティ上でツールバーのメニューにあるマイツール、またはアドミン・ダッシュボードから、テーマデザイナーへのリンクを見つけることができます。また、アドレスバーから特別:ThemeDesignerへ直接アクセスしても同様のページに遷移することができます。

テーマデザイナーには次の3つのタブがあります。
- テーマ: あらかじめ決められたテーマを選び、それをそのまま使用するか、修正して使用します。
- カスタマイズ: 背景、ナビゲーション部分のヘッダー画像、特徴などを自分で選んで設定します。
- ロゴ: コミュニティの名称変更、独自のロゴ (ワードマーク) 画像のアップロード、ファビコンの追加の設定をします。

変更した内容は下記のようにすべてプレビューで即座に見ることができるので、保存する前にテーマがどのような見映えになるかを確認をすることができます。

Community identity[]

This section allows for the customization for the community name, logo, favicon, and site image. These settings are independent of light/dark themes and will display the same on both.

テーマ[]

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

カスタマイズ[]

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

ロゴ[]

ロゴ (wordmark, ワードマーク) はコミュニティの名前を表す画像です。ユーザーはこのロゴをクリックすることで、そのコミュニティのメインページに移動することができます。(Monobookスキンで利用されていたロゴと区別するために、「ワードマーク」と呼ばれていることもあります。)

コミュニティの名前:
- ロゴの隣に表示されるコミュニティの名称を確認できます。変更したい場合は「テキストを変更」ボタンを押して下さい。
ロゴ:
- 自分でタイトル画像をデザインして、アップロードして使用することができます。
- ロゴとして使用可能なフォーマットは .png のみで、最大サイズは250 x 65 ピクセルです。
- ロゴのグラフィックはファイル:Wiki-wordmark.pngに保存されます。

ファビコン:
- ファビコンとは、ブラウザの上部に表示される小さなアイコンで、タブやブックマークなどによく使用されるアイコンです。
- アップロードツールを使用して、ファビコン画像をアップロードすることができます。「ファイルを選択」をクリックし、「アップロード」をクリックして画像ファイルをアップロードします。
- ファビコンに使用する画像は、16 x 16 ピクセルで、ファイル末尾の拡張子は .ico である必要があります。詳しくはこちらをご覧ください。

Article styles[]

The following choices will be applied to both the desktop and the mobile theme:

Headings font: allows for changing the font family of headings within articles. The default is "Rubik", though other other options are "Work Sans", "Lora", "Roboto Slab", "BioRhyme", and "Inknut Antiqua"
Accent color: On desktop, the accent color is used on primary (filled) and secondary (outlined) buttons, the QuickBar, the comment counter on article/blog pages, infobox: the header, section header and border, and the vertical bar on site notices. On mobile, it's used on buttons, infobox borders, midlight (the color behind a text header/title), and on the toggle switcher.
Link color: is the color of most links. Try to pick something that has good contrast with the article background, is distinct from normal text, and avoid red colors as red links denote missing pages.
Article background color: is the background color of the main content area. The text color will be automatically determined for best contrast.
- Changing this will also change the background color of menu dropdowns (such as the navigation and "Edit" button dropdowns).

Theme history[]

Every time a theme is saved with the "Save" button, an entry is created in this list. The list is unique for both the light and dark theme.
If you would like to see or revert to a past version, you can do so. Click on a past version and it will load in the preview area.
Only the last 10 versions are saved. Minimizing the amount of times you save by making all your changes at once will keep the history informative and usable.

Contrast warnings[]

次の手順[]

あなたのコミュニティにぴったりのカスタム背景画像を作成する方法について詳しく知る
コミュニティコーナーの編集方法を知る
ナビゲーションバーの編集方法を知る
ツールバーの編集方法を知る

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

ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
このヘルプはコミュニティセントラル内にて管理されています。