以下で、Adobe Muse で文字スタイルと段落スタイルを作成、保存、および再利用する方法について説明します。

注意:

Adobe Muse は、新しい機能が追加されなくなり、2020 年 3 月 26 日にサポートが中止される予定です。詳細な情報と支援については、Adobe Muse のサービス終了ページを参照してください。

Adobe Muse には、オブジェクトのスタイルを保存したり、再利用したりするための直観的なメカニズムが備わっています。スタイルを作成し、再利用すれば、サイトのすべてのページのデザインと外観の一貫性を容易に維持できます。スタイルでも、カラー、フォント、テキスト、フォーマットなどをやり直して、Web をすばやく更新できます。

Muse 内でスタイルを使用すると、次のことが実現できます。

  • Web サイトのすべてのページで外観の一貫性を維持
  • 既存スタイルを活用または新規スタイルを作成して、Web ページ全体でスタイルを再利用することによって生産性を向上

スタイルには、塗りのカラー、線のカラー、効果などが含まれています。スタイルは、画像、グラフィック、シェイプ、テキスト、文字など、Muse 内のすべてのタイプのオブジェクトに適用されます。Muse 内のスタイルは、さらに次のように分類されます。

  • グラフィックスタイル
  • 段落スタイル
  • 文字スタイル

文字スタイルおよび段落スタイルとは?

文字スタイルとは、1 回の操作でテキストに適用できる、文字書式の属性の集まりです。段落スタイルとは、文字書式と段落書式の両方の属性の集まりで、段落または段落範囲に適用することができます。段落スタイルと文字スタイルには、それぞれ専用のパネルがあります。段落スタイルと文字スタイルは、テキストスタイルとも呼ばれます。スタイルのフォーマットを変更すると、スタイルに関連付けられるすべてのインスタンスも更新されます。

文字スタイルの作成と適用

  1. Web ページでスタイルを設定したオブジェクトを選択します。
  2. ウィンドウ文字スタイルパネルを開きます。
  3. 文字スタイルを作成するには、 ボタンをクリックします。文字スタイルパネルで右クリック(Mac では Command キーを押しながらクリック)して、コンテキストメニューで新規文字スタイルを選択します。
  4. 新しく作成された文字スタイルをダブルクリックして、文字スタイルオプションダイアログを表示します。
  5. スタイル名フィールドにわかりやすい名前を入力します。
  6. 文字スタイルのスパンタグを選択します。
  7. スタイル設定フィールドで、文字スタイル設定が正しいことを確認します。

段落スタイルの作成と適用

  1. 段落スタイルパネルを開くには、該当するタブをクリックするか、ウィンドウ段落スタイルを選択します。
  2. パネルの下部にある新規スタイルボタン(ページアイコン)をクリックして、このフォントスタイル設定を保存します。一連のスタイルを保存すれば、後で他のテキスト要素にそれらのスタイルを適用できます。
  3. 段落スタイルパネルで作成した新規スタイルをダブルクリックします。ここでは、段落スタイルのデフォルト名が付けられています。名前を「top-nav-normal」と変更します。
Adobe Muse での段落スタイルの作成および名前の変更
段落スタイルの作成および名前の変更

注意:

段落スタイルパネルにあるスタイルの名前を右クリック(または Control キーを押しながらクリック)すると、スタイルの複製、削除またはリンク解除を実行できるメニューが表示されます。メニューから「スタイルを編集」を選択すると、オプションでスタイルを自動的に使用する段落タブ(p、h1、h2、h3 など)を選択できる新しいウィンドウが表示されます。「スタイルを編集」を開いた後は、キャンセルをクリックすると、ウィンドウが閉じます。

ステートパネルを確認すると、通常ロールオーバーマウスダウンおよびアクティブのすべてのステートに対して、メニュー項目ラベルと同じフォントフォーマットが使用されているのがわかります。

  1. プレビューをクリックすると、ブラウザーで表示されるとおり、Muse でレンダリングされたページを閲覧できます。Muse では、多数の最新 Web ブラウザーで使用されているバージョンの Webkit を使用してページが表示されます。メニューを操作すると、ボタンにはラベルのみが表示されることがわかります(メニュー項目のコンテナは透明になります)。また、メニュー内のボタンにカーソルを合わせたり、ボタンをクリックしても、ラベルが変わらないことがわかります。
  2. テストを完了してメニューをプレビューした後、デザインをクリックすれば、前に戻って Main マスターページを編集できます。

文字スタイルまたは段落スタイルのコピー&ペースト

文字スタイルまたは段落スタイルのすべての属性または属性を選択してコピー&ペーストできます。スタイルをコピーすれば、同じスタイルを別の要素にワンクリックで適用できます。

  1. スタイルをコピーするページを開きます。

  2. スタイルのコピー元となるソース要素を選択します。

  3. 右クリックし、「属性をコピー」を選択します。

    Adobe Muse での文字スタイルまたは段落スタイルのコピー
    Adobe Muse での文字スタイルまたは段落スタイルのコピー
  4. 文字スタイルまたは段落スタイルのペースト先となるターゲット要素を選択します。

  5. 右クリックして、次のいずれかのオプションを選択します。

    • 属性をペースト:ソースからターゲットにすべての属性をペーストする際に使用します。すべてのスタイルの属性が、そのままソースからターゲットの要素にコピーされます。
    • 属性を選択してペースト:選択した属性のみをペーストする際に使用します。属性を選択してペーストパネルで、コピー&ペーストする属性のみを選択します。例えば、段落スタイルからテキストの属性をコピーする場合、テキスト、フォント、サイズ、箇条書きのオプションのみを選択できます。この場合は、選択した属性のみがソース要素からコピーされます。
    選択した文字スタイルの属性をターゲット要素にペースト
    選択した文字スタイルの属性をターゲット要素にペースト

文字または段落スタイルのリンク解除

スタイルから文字/段落の関連付けを解除するには、次の手順に従います。

  1. スタイルのリンクを解除する文字または段落を選択します。
  2. ウィンドウ文字スタイルまたは段落スタイルを選択します。
  3. 文字スタイルまたは段落スタイルパネルで、 ボタンをクリックします。

スタイルの再定義

文字スタイルまたは段落スタイルを再定義して、スタイル設定を即座に更新できます。デザインの一般的な習慣として、スタイリング属性を変更してスタイルのオーバーライドを作成します。Adobe Muse では、このようなオーバーライドは、+ 記号で示されます。

Adobe Muse を使用すると、スタイルのオーバーライドを保存または消去できます。スタイルを再定義して、オーバーライドを保存できます。

次のいずれかの操作を行います。

  1. ウィンドウ文字スタイルまたは段落スタイルを選択します。
  2. 再定義する文字スタイルまたは段落スタイルを選択します。
  3. ボタンをクリックします。

スタイルのオーバーライドの消去

デザインの一般的な習慣として、スタイリング属性を変更して、+ 記号で示されるスタイルのオーバーライドを作成します。Adobe Muse を使用すれば、スタイルのオーバーライドを消去して、文字スタイルまたは段落スタイルの意図しない変更を取り消せます。

スタイルのオーバーライドを消去にするには、次の操作を行います。

文字スタイルのオーバーライドの消去

文字スタイルからオーバーライドを消去するには、次の手順に従います。

  1. ウィンドウ文字スタイルを選択します。
  2. スタイルのオーバーライドを消去する文字スタイルを選択します。
  3. ボタンをクリックします。

段落スタイルのオーバーライドの消去

段落スタイルのオーバーライドを消去するには、次の手順に従います。

  1. ウィンドウ段落スタイルを選択します。
  2. スタイルのオーバーライドを消去する段落スタイルを選択します。
  3. ボタンをクリックします。

すべてのスタイリングの消去

「すべてのスタイリングを消去」オプションを使用すると、文字または段落に適用されているすべてのスタイリング属性を即座に削除し、デフォルトのテキストスタイリングにリセットできます。

すべてのスタイリングを削除にするには、次の操作を行います。

  1. テキストのスタイリングを消去するテキストフレームを選択します。
  2. 右クリックして、コンテキストメニューから「すべてのスタイリングを消去」を選択します。

注意:


「すべてのスタイリングを消去」オプションは、テキストフレームのみに適用され、個別の文字と段落には適用されません。

Muse Web サイトでのスタイル使用の追跡

サイト全体のスタイルの使用を追跡して管理できます。新しい「使用中のスタイルへ移動」オプションを使用すると、文字スタイルまたは段落スタイルが使用されている Web サイトのすべてのリストを表示できます。

  1. ウィンドウ文字スタイルまたは段落スタイルを選択します。
  2. スタイルを右クリックして、「使用中のスタイルへ移動」を選択します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー