Archive FAQ > スキンとAO3インターフェース

AO3のインターフェースを変更できますか

はい！スキン を適用することで、Archive of Our Own – AO3（みんなのアーカイブ）や個々の作品の色・フォント・レイアウトを変更することができます。サイト自体に適用したスキンを体験するには、AO3アカウントにログインする必要がありますが、作品に適用したスキンは、ユーザーが無効化を選択しない限り、すべてのユーザーに表示されます。ダウンロードされた作品はスキンを保持しませんので、作品がスキンなしでも読むことができるようにを確認してください。

AO3の外観を変更することについて、詳しくはサイトスキンを作成するにはや利用可能なサイトスキン一覧はどこにあるのかをご覧ください。また、作品のフォーマットを編集したい場合は、作品スキンを作成するにはをご覧ください。ファンによって作られた、AO3のインターフェースをさらに編集できるツールについては、非公式ブラウザーツールFAQを参照してください。

スキンとは

スキンは、Archive of Our Own – AO3 （みんなのアーカイブ）や個々の作品で使われる、CSSというコーディング言語で作成・カストマイズされたスタイルシートのことです。AO3では、「Site skins（サイトスキン）」と「Work skins（作品スキン）」の2種類のスキンが使用できます。既存の公開スキンを適用するか、自分でスキンを作成するかを選択することができます。

Site skinsはAO3サイトがデバイス上での表示を変更できるスタイルシートです。ログイン後のユーザーだけが、AO3が個人的にどのように設定されているかを変更することができます。公開サイトスキンの種類については、利用可能なサイトスキン一覧はどこにあるのか 自分でスキンを作成することについては、サイトスキンを作成するにはをご覧ください。

Work skinsは個々の作品のフォーマットを変更できるスタイルシートです。デフォルトでは、AO3であなたの作品にアクセスするすべてのユーザーは、個人設定でスキンを隠していない限り、適用されたスキンで作品を閲覧することになります。作品のカスタムスキンを隠すについて詳しくは、他のユーザーにセットされたスキンを隠すことができますかをご覧ください。公開作品スキンの種類については、利用可能な作品スキン一覧はどこにあるのか

ダウンロードされた作品はスキンを保持しませんので、作品がスキンなしでも読むことができるようにを確認してください。

サイトスキンを作成するには

サイトスキンを作成する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. Skins（スキン）ページの右上にある「Create Site Skin」（スキンを作成） ボタンを選びます。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングで下に表示されます。

そこからCreate New Skin（新規スキンの作成）ページに移動します。このページでは、自分のCSSコードを入力するか、Site Skin Wizard（サイトスキンウィザード）を使用するかを選択することができます。このページは自動的に「Write Custom CSS（カスタムCSSを書く）」オプションを選びます。Skin Wizardを使用したい場合は、ページの右上にある「Use Wizard（ウィザードを使う）」 ボタンを選択してください。モバイルデバイスでは、Create New Skinヘディングの下に表示されます。この機能について詳しくは、スキンウィザードとはを参照してください。

スキンのタイトルを入力しなければなりません。これは最大255文字まで可能で、重複しない独自のものでなければいけません。そのために、ユーザー名など、あなたにとってユニークなものをタイトルに含めるとよいでしょう。その他の項目はすべて任意ですが、CSSを入力しない場合、スキンは何も行いません。スキンが完成したら、フォームの一番下にある「Submit（提出）」を選択します。

スキンで使えるフォント・色指定・その他のコーディング要素の一覧については、カスタムスキンで使えるプロパティと値を参照してください。作品スキンを作成したい場合は、作品スキンを作成するにはをご覧ください。

サイトスキンを編集するには

サイトスキンを編集する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。あなたが作成または適用したユーザー作成のサイトスキンの一覧が表示されます。
  3. あなたが編集したいスキンの情報の下にある「Edit（編集）」ボタンを選択してください。これにより、Edit Skin（スキン編集）ページに移動します。
  4. このページで希望の編集を加えます。スキンで使えるフォント・色指定・その他のコーディング要素の一覧については、カスタムスキンで使えるプロパティと値を参照してください。
  5. ページ下部にある「Update（更新）」ボタンを選択し、変更を保存します。

サイトスキンを削除するには

サイトスキンを削除する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。あなたが作成または適用したユーザー作成のサイトスキンの一覧が表示されます。
  3. あなたが削除したいスキンの情報の下にある「Delete（削除）」ボタンを選択してください。
  4. ポップアップウィンドウで、スキンを削除するかどうか確認します。引き続きスキンの削除を行う場合は「OK（確認）」ボタンを押してください。これにより、あなたのサイトスキンは削除されます。

サイトスキンを削除することではなく、ただデフォルトスキンに戻したい場合は、デフォルトサイトスキンに戻すにはをご覧ください。

サイトスキンを適用するには

Archive of Our Own – AO3（みんなのアーカイブ）にサイトスキンを適用するには主に2つ方法があります。どちらも自分のアカウントにログインしている必要があります。

個人設定ページからスキンを適用する：

  1. ログイン後、画面上部にある「こんにちは、（ユーザー名）さん！」メニューから「My Preferences」（私の個人設定）を選択します。また、ダッシュボードのサイドバーのメニューから「Preferences （個人設定）」を選択することからもアクセスできます（モバイル端末ではメニューは画面上部に表示されます）。
  2. 「Your site skin（あなたのサイトスキン）」に書かれている3番目のセクションまでスクロールしてください。「Public Site Skins（公開サイトスキン）」ボタンを選択することで表示される利用できるスキンの一覧から、またはボタンの下にあるメニューから適用したいスキンを選択してください。メニューにはあなたが作成したスキンと公開サイトスキンが一覧表示されます。
  3. ページ下部にある「Update（更新）」ボタンであなたの選択を確認してください。

スキンページからサイトスキンを適用する手順：

  1. 「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。あなたが作成または適用したユーザー作成のサイトスキンの一覧が表示されます。
    • 自分で作成したスキンを適用するには、スキン 情報の下にある「Use」ボタンを選択します。
    • 公開スキンを適用するには、「Public Site Skins」を選択します。
      • 適用したいスキンの情報の下にある「Use（使用）」ボタンを選択します。
      • また、サイトスキンのマークアップにアクセスするには、スキンのタイトルを選択して下さい。ページ下部にある「Use」ボタンを選択し、スキンを適用します。

適用する前にスキンの外観を確認したい場合は、「Use」ボタンではなく、「Preview（プレビュー）」ボタンを選択してください。サイトをデフォルトスキンに戻す方法について詳しくは、デフォルトサイトスキンに戻すにはをご覧ください。

公開スキンを期間限定で適用することについて詳しくは、「Set for Session」オプションとその使用方法を参照してください。

デフォルトサイトスキンを戻すには

デフォルトスキンに戻すには主に2つ方法があります。

フッターから

  1. ログインした状態でArchive of Our Own – AO3（みんなのアーカイブ）ページの一番下までスクロールします。
  2. 「Customize（カストマイズ）」ヘディングの下にある「Default（デフォルト）」を選択します。

これにより、デフォルトのスキンに戻り、「You are now using default Archive skin again!（これで、デフォルトのArchiveスキンに戻りました!）」という確認メッセージとともにAO3ホームページにリダイレクトされます。

スキンページから

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. ページの右上にある「Revert to Default Skin（デフォルトスキンに戻す）」ボタンを選択します。モバイルデバイスでは、My Site Skins（私のサイトスキン）ヘディングの下にあります。ページが更新され、デフォルトのスキンが表示されます。このボタンは、AO3のデフォルト以外のスキンを使用している場合にのみ表示されます。

Skin Wizardとは

Site Skin Wizard（サイトスキンウィザード）は、Archive of Our Own – AO3（みんなのアーカイブ）の基本スキンをCSSの知識を必要せずに作成することを支援する穴埋め式システムです。スキンに持たせたいプロパティを入力することで、配色・フォント・スペーシングを変更することができます。注意：Site Skin Wizardは、AO3インターフェース用のスキンを作成するだけで、作品スキンを作成するわけではありません。

Site Skin Wizardにアクセスする手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. Skins（スキン）ページの右上にある「Create Site Skin」（スキンを作成） ボタンを選びます。モバイルデバイスでは、My Site Skins（私のサイトスキン）ヘディングで下に表示されます。
  4. ページの右上にある「Use Wizard（ウィザードを使用する）」ボタンを選択します。モバイルデバイスでは、Create New Skin（新規スキン作成）ヘディングの下にあります。これにより、Site Skin Wizardページに移動します。
  5. スキンに持たせたいプロパティを入力します。
  6. スキンが完成したら、フォームの下にある「Submit（提出）」を選択します。

利用できるカスタマイズの一覧は、カスタムスキンで使えるプロパティと値を参照してください。サイトスキンを適用・編集するには サイトスキンを適用するにはかサイトスキンを編集するにはを参照してください。

利用可能なサイトスキン一覧はどこにあるのか

デフォルトスキンを含めて、Archive of Our Own – AO3（みんなのアーカイブ）ユーザーが個人的な使用のためにAO3インターフェースを変更できる、3つの公式サイトスキン
が一般に公開されています。これらのスキンは、デフォルトのスキンに含まれていない機能を備えています。Public Site Skins（公開サイトスキン）ページで確認できます。
公式の公開サイトスキンはArchive 2.0（デフォルトスキン）、Low Vision Default、 ReversiとSnow Blue。

Archive 2.0（アーカイブ2.0）：
白い背景にダークグレーの文字、赤のハイライトが入ったデフォルトサイトスキンインターフェース。
Low Vision Default（ロービジョンデフォルト）：
文字やAO3機能を簡略化し、大きくするスキン。
Reversi（リバーシ）：
黒い背景に白い文字のハイコントラストスキンです。「ダークモード」.
Snow Blue（スノーブルー）：
配色がライトブルーである以外、デフォルトスキンと同じスキンです。

これについてもっと詳しくは、サイトスキンを適用するにはをご覧ください。公開スキンは、AO3のデフォルトスタイルほど厳密なテストとメンテナンスが行われていないため、エラーやバグに遭遇する可能性があることに注意してください。公開スキンを使用する際にバグが発生した場合は、ユーザーサポートまでお問い合わせください。

親スキンとその作成方法

親スキンは、再作成せずに同じ基本設定を複数のサイトスキンに使用できるオプションです。例えば、あるフォントファミリーとサイズがお気に入りであれば、それを親スキンにすることができます。さらに、ヘディングを青、文字が紫にしたスキンや、ヘディングが赤、文字がピンクにしたスキンなど、具体的な変更を加えた子スキンを作ることも可能です。

複数の親スキンを適用し、サイトスキンに持たせたいプロパティに基づいて順番に並べることができます。例えば、ある親スキンでフォントファミリーを指定し、別の親スキンで見出しを特定の色にすることができます。

相反する特性を持つスキンを重ねた場合、リストの下位にあるスキンが使用されます。上記の例では、親スキンの背景が青で、子スキンの背景が緑の場合、子スキンを適用すると、背景は緑になります。同様に、親スキン1のテキストが青で、親スキン2のテキストが緑の場合、テキストは緑になります。

親スキンは公開することができますが、公開したスキンは予告なく変更、削除されることがありますのでご注意ください。

親スキンは、子スキンを作成または編集する際に定義され、すでに存在している必要があります。親スキンを作成するを選択してから、以下の手順で子スキンに適用することができます：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. 子スキンを作成したいスキンの情報の下にある「Edit（編集）」ボタンを選択します。または、ページの右上にある「Create Site Skin（サイトスキンを作成する）」ボタンを選択し、一からやり直します。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングの下にあります。
  4. Advanced（高級設定）ヘディングまで進み、もし必要の場合、「Show（表示）」ボタンを選択します。
  5. Parent Skins（親スキン）セクションの下にある「Add parent skin」（親スキンを追加）ボタンを選択します。
  6. 親スキンとして追加したいスキンの名前を入力します。この欄は自動補完機能があり、入力し始めると候補のリストが出てきます。
  7. 追加したい親スキンを全部入力します。
    • Parent #の隣にある文字欄を使用し、親スキンの順番を設定することができます。
    • 間違ったスキンを選択し、それを変更したい場合は、スキンの隣にある「×（削除）」を選択し、正しいスキンタイトルを入力します。
    • 必要のない親スキンレベルを加えた場合、Parent #の右にある「x」（キャンセル）ボタンを選択し、削除します。
  8. 親スキンと順番の設定が完成したら、ページの下にある「Submit（提出）」や「Update（更新）」を選択します。

サイトスキンを編集方法や公開サイトスキンを確認したい場合は、サイトスキンを編集するにはか利用可能なサイトスキン一覧はどこにあるのかを参照してください。

「Set for Session」とその適用方法

Set for Session（セッションの設定）オプションを使用することで、Archive of Our Own – AO3（みんなのアーカイブ）デフォルトスキン以外の公開サイトスキンを一時的に適用することができます。設定されたスキンは、ログアウトして再ログインしても、2週間適用されたままになります。

Set for Session機能を使う手順：

  1. AO3ページの一番下までスクロールします。
  2. 「Customize（カストマイズ）」タヘディングの下にある使用したいスキンを選択します。
    • Low Vision Default（ロービジョンデフォルト）、Reversi（リバーシ）やSnow Blue（スノーブルー）を選択した場合、そのスキンが適用されているページが開いて、「The skin [skin name] has been set. This will last for your current session.（スキン[スキンタイトル]が設定されました。）」というメッセージが表示されます。
    • Default （デフォルトスキン）を選択した場合は、「You are now using the default Archive skin again!（デフォルトスキンスキンを再び使用しています。）」というメッセージとともに、デフォルトスキンが永久に適用された状態でAO3のホームページに移動します。

この機能は、公開サイトスキンにのみ存在し、作成したスキンには存在しないことに注意してください。

自分で作成したサイトスキンを適用したい、または公開サイトスキンを恒久的に適用したい場合は、 サイトスキンを適用するにはを参照してください。デフォルトスキンに戻したい場合は、デフォルトサイトスキンを戻すにはを参照してください。

作品スキンを作成するには

作品スキンを作成する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. ページの右上にある「My Work Skins」（私の作品スキン） ボタンを選んでください。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングで下に表示されます。これにより、作品スキンページに移動します。
  4. 先ほど選択した「My Work Skins（私の作品スキン）」の上にある「Create Work Skin（作品スキンの作成）」ボタンを選択します。これにより、New Skin（新規スキン）ページに移動します。そこでカスタムCSSを入力します。
  5. スキンのタイトルを入力しなければなりません。これは最大255文字まで可能で、重複しない独自のものでなければいけません。そのために、ユーザー名やペンネームをタイトルに含めることをお勧めします 。
  6. プロパティを追加します。タイトル以外の項目はすべて任意です。しかし、CSSを入力しない場合、スキンは何も行いません。（もっと詳しい手順について、チュートリアル： 作品スキンの作成をご覧ください。）
  7. スキンが完成したら、フォームの一番下にある「Submit（提出）」を選択し、変更を保存します。

作品スキンを作成した後も、CSSクラスを作品のフォーマットに適用するために、作品スキンとそのHTMLマークアップを作品に追加する必要があります。これについて詳しくは、作品スキンを適用するにはをご覧ください。より詳細な手順については、チュートリアル： 作品スキンの作成を参照してください。

スキンで使えるフォント・色指定・その他のコーディング要素の一覧については、カスタムスキンで使えるプロパティと値を参照してください。サイトスキンを作成したい場合は、サイトスキンを作成するにはをご覧ください。

作品スキンを編集するには

作品スキンを編集する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. ページの右上にある「My Work Skins」（私の作品スキン） ボタンを選んでください。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングで下に表示されます。これにより、あなたが作成した作品スキンの一覧が表示されます。
  4. あなたが編集したいスキンの情報の下にある「Edit（編集）」ボタンを選択してください。これにより、Edit Skin（スキン編集）ページに移動します。
  5. このページで希望の編集を加えます。手順については、チュートリアル： 作品スキンの作成を参照してください。
  6. ページ下部にある「Update（更新）」ボタンを選択し、変更を保存します。

なお、スキンの編集は、作成者のみが行われることに注意してください。

作品スキンを削除するには

作品スキンを削除する手順：

  1. AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。
  2. ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。
  3. ページの右上にある「My Work Skins」（私の作品スキン） ボタンを選んでください。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングで下に表示されます。これにより、あなたが作成した作品スキンの一覧が表示されます。
  4. あなたが削除したいスキンの情報の下にある「Delete（削除）」ボタンを選択してください。
  5. ポップアップウィンドウで、スキンを削除するかどうか確認します。引き続きスキンの削除を行う場合は「OK（確認）」ボタンを押してください。これにより、あなたのサイトスキンは削除されます。

スキンを削除すると、そのスキンが適用されていた作品は、デフォルトのフォーマットに戻ります。

スキンを作品に適用するには

あなたが作成したスキンを作品に適用する手順：

  1. ログイン後、ページ上部にある「Post（投稿）」メニューから「New Work（新規投稿）」ボタンを選択します。
    • すでに投稿された作品を編集するには、ページ上部にある「こんにちは、（ユーザー名）さん！」メニューから「My Works（私の作品）」 を選択し、編集したい作品情報の下にある「Edit（編集）」ボタンを選択します。
  2. Post New Work（作品投稿）ページで、Associations（関連）セクションにある「Select Work Skin（作品スキンの選択）」オプションで適用したいスキンを選択します。 そこであなたが作成したスキンと3つのArchive of Our Own – AO3（みんなのアーカイブ）公開作品スキンの一覧が表示されます。
  3. HTMLマークアップを追加し、 CSSクラスを作品のフォーマットに適用します。
  4. 「Preview（プレビュー）」ボタンを利用し、スキンの表示を確認してから「Post（投稿）」ボタンを選択して、変更を保存します。

ダウンロードされた作品はスキンを保持しませんので、作品がスキンなしでも読むことができるようにを確認してください。

より詳細な手順については、チュートリアル： 作品スキンの作成を参照してください。投稿について詳しくは、作品の投稿・編集FAQか、チュートリアル：作品の投稿をご覧ください。

作品スキンを共同制作した作品に適用するには

共同制作した作品には、1人が所有する作品と同じように、自分またはa href="/faq/glossary#codef">合作者が所有する任意のスキンを使って、作品スキンを適用することができます。ただし、作品スキンは、たとえ共同制作した作品に適用されたとしても、その所有者のみが編集できることに注意してください。

作品を投稿する作者のアカウントに適用したいスキンがない場合、作品を投稿する時に作品スキンを追加することはできません。合作者が作品の合作者リクエストを受理した後、作品を編集して合作者の作品スキンを追加する必要があります。

スキンを作品に適用する方法について詳しくは、スキンを作品に適用するにはをご覧ください。合作者リクエストについて詳しくは、作品やシリーズに、他のユーザーが私を共同制作者として加える方法をご覧ください。

利用可能な作品スキン一覧はどこにあるのか

利用可能な公開作品スキンにアクセスする手順：

  • AO3にログインし、「Hi, （ユーザーID）!」にカーソルを合わせて表示されるメニューから「ダッシュボード」を選ぶか、もしくはプロフィール画像から自分のダッシュボードにアクセスします。


  • ページのサイドバーに表示されるメニューから 「Skins（スキン）」を選んでください。モバイルデバイスでは、メニューはページの上部に表示されます。


  • Skins（スキン）ページの右上にある「Public Work Skins」（公開作品スキン） ボタンを選びます。モバイルデバイスでは、My Site Skin（私のサイトスキン）ヘディングで下に表示されます。

    • 利用できる公開作品スキンについて

    Archive of Our Own – AO3（みんなのアーカイブ）ユーザー向けに、3つの公開作品スキンが用意されています：Basic Formatting、Undertale Work SkinとHomestuck Skin。使用したいスキンとそのHTMLマークアップを追加し、CSSクラスを作品のフォーマットに適用します。スキンを作品に適用するにはかチュートリアル： 作品スキンの作成を参照してください。

    Basic Formatting （標準フォーマット）：Basic Formattingスキンは、テキストに一般的なフォーマットオプションを設定します。このスキンでは、テキストのインデント、スモールキャップの追加、ネタばれの非表示、テキストの色・配置・サイズの変更などができます。

    Undertale Work Skin （アンダーテール作品スキン）：このスキンはUndertaleのファンのためにカスタムメイドされていますが、Undertaleのファンでなくても自由に使うことができます。このスキンでは、各キャラクターのセリフに異なるフォントを適用することができます。

    Homestuck Skin （ホームスタックスキン）：このスキンはHomestuckのファンのためにカスタムメイドされていますが、Homestuckのファンでなくても自由に使うことができます。 各キャラクターのセリフに異なるフォントを適用できる点ではUndertale作品スキンと同様ですが、このスキンではセリフの色も変更できます。

     

    公開スキンは、AO3のデフォルトスタイルほど厳密なテストとメンテナンスが行われていないため、エラーやバグに遭遇する可能性があることに注意してください。公開スキンを使用する際にバグが発生した場合は、ユーザーサポートまでお問い合わせください。

    他のユーザーにセットされたスキンを隠すことができますか

    はい！　作品のスキンを非表示にには主に2つ方法があります。1つは個々の作品、もう1つはすべての作品に適用されます。

    • 個々の作品のカスタムスキンを非表示にするには、デフォルトスキンでページ上部にある「Hide Creator's Style（作者のスタイルを隠す）」ボタンを選択します。.
    • 全ての作品のカスタムスキンを非表示にするには：
      1. ログイン後、メニューの挨拶文（「こんにちは、（ユーザー名）さん！」）から「My Preferences」（個人設定）を選択します。また、Dashboardのサイドバーのメニューから「Preferences」（個人設定）を選択することでもアクセスできます。（モバイル端末ではメニューはページ上部に表示されます。）
      2. Display（表示）セクションで「Hide work skins（作品スキンを隠す）」のチェックボックスを選択します。
      3. ページ下部にある「Update（更新）」ボタンを選択し、変更を保存します。

    もう一度作者のスキンを適用したい場合は、デフォルトスキンでページ上部にある「Show Creator's Style（作者のスタイルを表示する）」ボタンを選択します。

    カスタムスキンで使えるプロパティと値

    Archive of Our Own – AO3（みんなのアーカイブ）では、限られたCSSプロパティと値のセットを使用することができます。

    使用可能なプロパティ

    CSSヘルプで使用可能なプロパティ一覧を確認できます。

    色

    色は、16進数（黒は#000000）、RGB値（黒はrgb(0,0,0)）、RGBA値（黒はrgba(0,0,0,0.5)）で指定することができます。すべてのブラウザがすべての色名をサポートしているわけではないので、色名よりもこれらの方法を使用することをお勧めします。

    しかし、色名は理解しやすく覚えやすいので、一般的にサポートされているHTMLの色名の使用できます。

    フォント

    すべてのフォントを使用できますが、ユーザーのオペレーティングシステムにインストールされていないとフォントが表示されないことにご注意してください。AO3のパーサーは、Google Fontsのようなウェブフォントへのリンクを除去していますので、リンクを必要としないフォントを選択するようにしてください。フォントを指定する際に、それを利用できない場合に備えて、代替フォントも指定するのをお勧めします。 ほとんどのユーザーが利用できるフォントについて、フォールバック機能付きウェブセーフフォントをご覧ください。

    画像

    外部でホストされているJPG、GIF、PNG形式の画像URLを使用できます。

    数値

    数値はパーセンテージのほか、cm・em・ex・in・mm・pc・pt・pxなど、さまざまな単位で指定できます。

    ユーザーが設定したフォントサイズに比例してディメンションを調整できる「em」単位を使用することをお勧めします。これにより、さまざまなブラウザやフォント設定に柔軟に対応できるようになり、さまざまなニーズを持つユーザーへのアクセシビリティが向上します。

    AO3のアクセシビリティ向上について

    アクセシビリティは私たちにとって最優先事項であり、すべてのユーザーが使いやすいように最善を尽くしています。Archive of Our Own – AO3（みんなのアーカイブ）のアクセシビリティ向上について詳しくは、AO3 FAQのAO3のアクセシビリティ向上についてセクションをご覧ください。

    FAQを見ても問題が解決しなかった場合

    Archive of Our Own – AO3（みんなのアーカイブ）に関する、ここに書かれている以外のよくある質問については、AO3 FAQの他の項目をご覧ください。AO3でよく使われている単語の定義については、用語集から参照できます。サービス利用規約に関する質問・回答については利用規約FAQをご覧ください。また、既知の問題もあわせてご確認ください。これらのページを見ても問題が解決しなかった場合は、ユーザーサポートまでお問い合わせください。