SiteCraftサポートセンター_3.1.2ver

画像+テキストパーツをページへ配置する

メールサポート

画像+テキストパーツをページへ配置する

画像+テキストパーツ

ページ作成に使用するパーツの1つです。
見出しの有無の設定でタイトルを付けることや、ボタンの配置を行うことが可能です。


画像+テキストパーツの配置方法

配置したいページの編集画面を開き、配置したい位置で、+ボタンをクリックして画像+テキストパーツを選択します。
ページの編集画面の開き方がご不明な場合はこちらからご確認ください。


次に「その他設定へ」ボタンをクリックして、見出しの「有or無」など、画像+テキストパーツの詳細情報の設定を行います。


1.画像+テキストの上に見出しを付けることが出来ます。
「表示しない」「タイトル・サブタイトルを表示」「タイトルのみを表示」の3パターンから選択できます。

2.ボタンを配置したい場合はチェックを入れます。

3.画像とテキストの位置配置を設定します。
「上揃え」「中央揃え」「下揃え」の3パターンから選択できます。
 

4.「決定」ボタンを押すと画像+テキストパーツが生成されます。
キャンセル」ボタンを押すと設定した内容が破棄されます。


5.画像+テキストパーツが生成されるので、「タイトル」「サブタイトル」「補足説明」「テキスト」に文字を入力します。
カーソルを合わせてクリックすると好きな文字を記入することが出来ます。
赤枠で囲っている「タイトル」以外は、デフォルト表示されている文字を削除すると「テキスト無し」の状態にすることが可能です。
必要に応じて、文字の入力と削除を行ってください。


6.カーソルを合わせてクリックするとテキストエディタが表示されます。
テキストエディタを使用して、文字をデザインすることが可能です。
テキストエディタの使い方はこちらからご確認ください。


7.画像の登録を行います。
ボタンをクリックすると登録している画像の一覧が表示されます。
※事前に画像のアップロードが必要です。アップロード方法の詳細はこちらからご確認ください。


8.表示させたい画像を選択します。


9.直接画像をアップロードすることも可能です。
「アップロード」をクリック、画像を選択して「開く」ボタンを押すと、既に登録している画像の一覧に表示されます。後は⑦番と同様、表示させたい画像を選択します。


10.「決定」ボタンを押すと画像が表示されます。
キャンセル」ボタンを押すと設定した内容が破棄されます。


11.画像に対してリンクを設定することが出来ます。

ボタンをクリックするとURLの設定が可能です。デフォルトは「無し」で設定されています。


12.リンク先のURLを登録します。
登録の仕方は「ページを選択」か「任意で設定」を選択し直接URLを入力する2パータンの方法があります。
またその下にある「別ウィンドウ(別タブ)で開く」にチェックをすると、リンク先が別ウィンドウで表示されます。


13.「決定」ボタンを押すとリンク先のURLが登録されます。
キャンセル」ボタンを押すと設定した内容が破棄されます。


14.画像サイズの幅を変更することが出来ます。
カーソルをボタンに合わせると矢印が表示されるのでドラッグしたまま、画像サイズを大きくしたい場合は右へ
小さくしたい場合は左へ引っ張るとサイズの調節が可能です。


ボタンを配置した場合
15.ボタンをクリックしてボタンに表示させたい文字を入力します。
デフォルトでは「テキスト」の文言が既に入っているため削除してから、お好きな文字を入力して下さい。

16.ボタンに対してリンクを設定することが出来ます。
緑のリンクボタンをクリックするとURLの設定が可能です。
デフォルトは「無し」で設定されているため、ボタンを配置した場合は必ずリンク先の設定を行ってください。


17.リンク先のURLを登録します。
登録の仕方は「ページを選択」か「任意で設定」を選択し直接URLを入力する2パータンの方法があります。
またその下にある「別ウィンドウ(別タブ)で開く」にチェックをすると、リンク先が別ウィンドウで表示されます。


18.「決定」ボタンを押すとリンク先のURLが登録されます。
キャンセル」ボタンを押すと設定した内容が破棄されます。


配置したパーツをデザインする

配置したパーツをデザインする

タイトル

サブタイトル

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

配置したパーツは上記画像+テキストパーツのように、背景に色を入れるなど様々なデザインを設定することが出来ます。

デザイン面では以下のようなことが可能です。
・コンテンツの幅の設定
・文字色の設定
・背景色の設定
・背景画像の設定
詳細はこちらをクリックしてご確認ください。

当店でご利用いただける電子決済のご案内

下記よりお選びいただけます。