コンテンツを更新する

d.yamazaki により 2019年 7月 3日, 10:04が変更された | 履歴

    2024年 9月 30日, 13:25 現在の版

    この版へ

    版の一覧 に戻る。

    現在の版を閲覧

    CMSの編集方法【スタートアップガイド】

    コンテンツを更新する

    スタートアップガイド「コンテンツを更新する」では、コンテンツの更新方法について説明します。

     

    「コンテンツを更新する」は以下の構成になっています。
    1. ブロックを挿入する
    2. テキストを挿入する
    3. 見出しを挿入する
    4. 画像を挿入する
    5. もっとコンテンツをカスタマイズしたい

    1. ブロックを挿入する

    1. ブロックメニューを開く
      drupal_add_blocks.png
      ①(どちらでもよい)をクリックすると、②挿入できるブロックのカテゴリリストが表示されます。
      カテゴリをクリックすると、ブロックのリストが表示されます。
    2. 使用するブロックを選択する
      カテゴリを展開した状態が下記の画像になります。
      drupal_add_blocks_common.png
      この章では、特に使用頻度の高い
      1. テキスト(Paragraph)
      2. 見出し(Heading)
      3. 画像(Image)
      について、解説を行っていきます。


    2. テキストを挿入する

    drupal_add_blocks_common.png

    1. 「Common Blocks」のカテゴリをクリックして、「①Paragraph」をクリックします。
    2. テキストボックスが挿入されますので、テキストを入力してください。
    3. テキストのカスタマイズ
      drupal_add_text.png
      ①テキストの整列 左から順に「左寄せ・中央寄せ・右寄せ」と指定することができます。
      ②テキストの装飾・リンク 左から順に「太字・イタリック・リンク」と指定することができます。
      ③テキストの文字色 COLOR SETTINGを展開し、色を選択することで、テキストの文字色を変更することができます。
      ※ブロック単位でテキストの色が変わります


    3. 見出しを挿入する

    drupal_add_blocks_common.png

    1. 「Common Blocks」のカテゴリをクリックして、「②Heading」をクリックします。
    2. テキストボックスが挿入されますので、見出しテキストを入力してください。
    3. 見出しのカスタマイズ
      drupal_add_heading_01.png
      ①見出しレベルの変更 見出しレベルは数字が小さいほど、見出しのレベルは大きくなります。
      ※本文中では「H2」を最大値としてご使用ください。
      ②見出しテキストの整列 左から順に「左寄せ・中央寄せ・右寄せ」と指定することができます。
      ③見出しの装飾 見出しのスタイルが複数ある場合は、こちらから設定が可能です。

      drupal_add_heading_02.png


     

    4. 画像を挿入する

    drupal_add_blocks_common.png

    1. 「Common Blocks」のカテゴリをクリックして、「③Image」をクリックします。
    2. 画像挿入ブロックが表示されますので、以下の中から画像の参照方法を選択します。
      drupal_add_image_01.png
      ①Upload ローカル環境からサーバーに画像をアップロードして使用します。
      ②Media Library 既にサーバーにアップされている画像の中から選択して使用します。
      ③Insert from URL 外部サイトから画像のURLを参照して使用します。
    3. 画像の配置
      drupal_add_image_02.png
      ①を指定すると、画像の配置やテキストの回り込みを指定することができます。
      左から順に振る舞いを解説していきます。
      1. テキストが画像の右側に回り込みます
      2. 画像が中央寄せになります
      3. テキストが画像の左側に回り込みます
      4. 画像がコンテンツ幅いっぱいに広がります
      5. 画像がコンテンツ幅いっぱいに広がります

      ※4と5に振る舞いの差はありません。
      ※4と5はオリジナルの画像サイズがコンテンツ幅より小さい場合にも、オリジナルの画像サイズを超えてコンテンツ幅まで拡大されてしまい、画質が粗くなりますので、ご使用の際はご注意ください。


    5. もっとコンテンツをカスタマイズしたい

    さらにコンテンツをカスタマイズしたいという方は、「カスタムブロックを使用する」をご参照ください。
    →カスタムブロックを使用する