右パネルの使い方と見かた

使い方を確認したい項目をクリックしてください。
説明に移動します。

部品設定パネル

部品設定パネルについてご案内します。

部品設定パネルの開き方と機能

編集エリアで部品をクリックすると開きます。
または、要素設定パネルで「部品設定タブ」をクリックすると開きます。

部品設定パネル内に表示される項目は、部品によって異なります。
以下は「文章+画像」部品の例です。

部品設定パネル(文章+画像)の機能
番号項目説明
1部品の移動

部品の順番を入れ替えます。

2部品の複製

以下のいずれかを選択して、部品をコピーします。

  • 直下に複製
  • クリップボードに複製

「直下に複製」を選択すると、すぐ下に同じ部品が貼り付けられます。
 

「クリップボードに複製」を選択した場合は、上パネルで「クリップした部品を追加」ボタンをクリックして、貼り付ける先を選択します。

3部品の削除

部品を削除します。

4部品デザインの変更

部品のデザインを変更する画面が開きます。

5上側の余白部品の上側の余白を広げたり縮めたりします。
6余白の初期化調整した余白を初期設定の広さに戻します。
7表示させる要素の選択

部品に表示させる要素を選択することができます。

この欄に表示される要素以外の要素を追加するには「部品にそれ以外の要素を追加」ボタンをクリックします。

8部品にそれ以外の要素を追加

部品に別の要素を追加したいときにクリックします。

クリックすると編集エリアに「ここに追加」ボタンが表示されます。

9列の大きさ

列の大きさを以下から選択します。

  • 自分で指定

「自分で指定」を選択した場合は、%で列の大きさを指定します。

10画像の配置画像を右または左に配置します。
11画像の回り込み

画像の回り込みをするかどうかを選択します。

12スマホサイト表示

その部品をスマホサイトで表示させるかどうかを選択します。

初期設定ではすべて「表示する」になっています。

要素設定パネル

要素設定パネルについてご案内します。

要素設定パネルの開き方と機能

編集エリアで要素をクリックすると開きます。
または、部品設定パネルで「要素設定タブ」をクリックすると開きます。

要素設定パネル内に表示される項目は、要素によって異なります。

要素設定パネル(文章)の機能
番号項目説明
1要素の移動

要素の順番を入れ替えます。

位置や他の要素の状況によっては移動させることができません。

2要素の複製

以下のいずれかを選択して、要素をコピーします。

  • 直下に複製
  • クリップボードに複製

「直下に複製」を選択すると、すぐ下に同じ要素が貼り付けられます。
 

「クリップボードに複製」を選択した場合は、上パネルで「クリップした部品を追加」ボタンをクリックして、貼り付ける先を選択します。

3要素の削除

要素を削除します。

要素によっては削除できない場合があります。

(その場合は部品単位で削除します)

4要素デザインの変更

要素のデザインを変更する画面が開きます。

5上側の余白要素の上側の余白を広げたり縮めたりします。
6余白の初期化調整した余白を初期設定の広さに戻します。
7部品に要素を追加

部品に別の要素を追加したいときにクリックします。

クリックすると編集エリアに「ここに追加」ボタンが表示されます。

8部品設定

クリックすると部品設定画面に移動します。

要素によっては、下記項目も要素設定パネルで設定することができます。

  • リンク設定
  • アンカーの設定
  • 位置設定
  • 横幅の指定
  • サイズ設定
  • 表示させる要素の選択(※)
  • 要素の初期化

 

※「表示させる要素の選択」について

見出し要素や画像要素など、いくつかの要素は、複数の項目で構成されています。

その項目を表示させるかどうかを選択することができます。

画像の要素設定パネル

画像の要素設定パネルについてご案内します。

画像の要素設定パネルでは、他の要素と同様に、移動・複製・削除・余白の調整などを行えるほか、画像の詳細設定を行うことができます。

画像の要素設定パネルの開き方

編集エリアで画像をクリックすると画像の要素設定パネルが開きます。
画像の詳細設定を行うには、要素設定パネルを下の方へスクロールします。

画像設定画面

画像の変更を行ったり、リンクや幅の設定を行います。

画像設定の機能
番号項目説明
1画像変更

▼をクリックして、以下の3つから選択して画像管理画面を開き、表示する画像を変更します。

  • 過去に追加した画像から選択
  • 素材画像から選択
  • 画像を追加
2画像の情報クリックすると、画像名や画像サイズなどの情報が表示されます。
3画像の代替テキスト

画像のタイトルを入れます。画像にマウスオーバーすると、ここで設定した文字列が表示されます。

altタグとして設定されます。

4リンク設定

画像をクリックした際の、リンク先を設定します。

  • 「外部リンク」を選択すると、
    他社のホームページへリンクを設定したい場合に指定します。
  • 「画像を拡大表示」を選択すると、画像の元のサイズを拡大表示します。
5横幅

以下の中から画像の横幅を指定します。

  • 指定なし(部品所定の横幅になります)
  • 大(100%)
  • 中(75%)
  • 小(50%)
  • 自分で指定

縦の高さは、縦横比に合わせて自動調整されます。

6スマホサイトでの横幅PCで表示される画像サイズとは別に、スマホサイトでの表示サイズを指定することができます。
フィルター設定画面

[フィルター]タブをクリックすると、フィルター設定画面を開きます。

フィルター設定画面の機能
番号項目説明
1画像の回転画像の向きが90度ずつ変わります
2画像の反転

画像を上下もしくは左右反転します

3画像加工(フィルター)

画像の色調が変わります

4画像加工(フチ)

画像に縁取りをつけます

右パネルの開閉について

右パネルの開閉方法についてご案内します。

右パネルの開き方

右パネルは、その開く内容によって開き方が異なります。

  • 部品設定パネルを開くには、設定したい部品をクリックします
  • 要素設定パネルを開くには、設定したい要素をクリックします
  • 画像設定パネルを開くには、設定したい画像をクリックします

右パネルがうまく開かないときは、画面右下の<ボタンをクリックして開くこともできます。

右パネルの閉じ方

右パネルを閉じるには、画面右下の>ボタンをクリックします。

各種ダウンロード資料

ホームページ更新画面の
基本操作(印刷版PDF資料)

A4カラー印刷用

印刷版PDFはこちらをクリック