---
title: "基本的なアイテムの扱い"
slug: "work-with-basic-items"
abstract: "画像、スペース、テキスト、ソーシャルメディアのアイコンなどの基本的なアイテムをフォームレイアウトに追加し、魅力的なフォームを作りましょう。"
---
# 基本的なアイテムの扱い

基本項目とは、ユーザーが操作できない項目です。基本フィールドには**画像、****テキスト**、**スペーサー**、**ソーシャルメディア**などのタイプを追加できます。

## 画像アイテムを追加してください

画像項目は、フォームのレイアウトに画像を一つだけ追加できます。また、フォーム全体の [背景として画像](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/styling-forms/customize-the-style-of-a-form/add-a-background-image.html "Add a background image") を追加することも可能です。

画像アイテムを追加するには:

1.  フォームエディターの左側ペインの **「アイテム** 」タブで「 **基本** 」セクションを展開し、「 **画像**」をクリックします。
2.  画像アイテムを空のレイアウトにドラッグします。
3.  画像アイテムをダブルクリックすると [画像ピッカー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/designing-forms/work-with-basic-items/use-the-image-picker.html "Use the image picker")が開きます。あるいは、画像をアイテムにドラッグしてください。
4.  右側のパネルで画像を編集できます。

## 画像項目を編集する

画像項目を編集するには:

1.  編集エリアで画像をクリックすると、右側のペインに **画像** 設定オプションが表示されます。
2.  以下を変更することができます:
    -   背景色、境界の幅と色、揃え、パッド、画像の高さと幅、境界半径を変更してください。
    -   URLリンクを設定し、画像が表示されない場合は代替テキスト(オルトテキスト)を入力してください。
    -   画像をトリミングしてサイズを調整してください。
    -   [画像ピッカー](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/designing-forms/work-with-basic-items/use-the-image-picker.html "Use the image picker")で別の画像を選ぶために画像を変更してください。
    -   自分のイメージを消してください。

## テキスト項目を追加してください

テキスト項目は、訪問者にフォームの記入を促すためにフォームにテキストを追加できます。

テキスト項目を追加するには:

1.  エディターの左ペインの **「アイテム** 」タブで「 **フィールド** 」セクションを展開し、「 **テキスト**」をクリックします。
    
2.  テキストアイテムを空のレイアウトにドラッグ&ドロップします。
    
3.  テキスト項目をクリックしてテキストを入力してください。
    
    > !注テキストを貼り付ける際は、テキストの表示問題や不要な書式修正を避けるためにプレーンテキスト形式(CTRL+Shift+V)で貼り付けることを推奨します。
    
4.  テキストツールバーでは編集オプションや以下を利用できます:
    
    -   スペルチェック - ![Spellcheck.png](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Spellcheck.png) をクリックすると、スペルチェック用の辞書言語を設定できます。
    -   ソースコードを編集 - :mdiCodeTags: をクリックすると、テキストのHTMLソースコードを編集できるダイアログを開きます。例えば、フォントの太さを手動で変更する際に使うことができます。
    -   リンクを挿入する - リンクとして使いたいテキスト部分を選択します。:mdiLinkVariant: をクリックし、リンクを **挿入/編集** するダイアログで詳細を記入してください。
5.  アイテムを設定するには、右側の **テキスト** パネルで以下を操作できます:
    
    -   背景色、影、パディング、境界の幅、色、半径も変更してください。
    -   カスタムフォントを使う - エディター設定でカスタムフォントを追加し、フォームで使ってください。

## スペーサーアイテムを追加してください

スペーサーアイテムはランディングページでアイテム間のスペースや線を追加します。

スペーサーアイテムを追加するには:

1.  ランディングページエディターの左側ペインの **「アイテム** 」タブで「 **基本** 」セクションを展開し、「 **スペーサー**」をクリックします。
2.  スペーサーアイテムを空のレイアウトにドラッグします。
3.  右側のペインで、背景色、影、高さ(ピクセル単位)、さらに境界の幅、色、半径を設定します。

## ソーシャルメディアのアイテムを追加してください

このソーシャルメディアのアイテムは、受け取る人があなたのソーシャルメディアアカウントをフォローできるようにします。

ソーシャルメディアの項目を追加すると:

1.  ランディングページエディターの左ペインの **アイテム** タブで「 **基本** 」セクションを展開し、「 **ソーシャルメディア**」をクリックします。
2.  ソーシャルメディアのアイテムを空のレイアウトにドラッグします。
3.  右側のペインの **「ソーシャル設定**」で、関連する欄にソーシャルメディアのURLを入力してください。

## アイテムを動かす

アイテムを動かすには:

1.  フォームエディターの編集エリアで、アイテムにマウスをカーソル合わせると **アクション** メニューが表示されます。
2.  「 **移動** :mdiCursorMove:」をクリックして、編集エリアの別の行にアイテムをドラッグします。

## アイテムを削除する

フォームからアイテムを削除できます。

アイテムを削除するには:

-   **アイテム**タブでアイテムチェックボックスをクリアしてください。
    
    あるいは
    
-   編集エリアで削除したいアイテムをクリックし、**アクション** メニューで **「削除** :mdiTrashCan:」をクリックします。
    

> !注アイテムを削除した後は、再度追加できます。