バナー画像（編集画面）

この記事の目次

表示メニュー
パソコン側（設定ボタン）
スマホ側（設定ボタン）
背景の設定
画像の横幅設定
上部余白の自動削除
保存状態を戻す
バナー画像作成の登録ボタン
記事との空き

ルート上部メニュー > 編集 > 記事の種類を選ぶ > バナー画像作成

表示メニュー

スクロールフェードイン

バナー画像が、一定の高さにスクロールするとフェードインして表示させます。

パソコン側非表示

パソコン側でバナー画像を非表示にします。作成途中の時は、非表示を選択してください。

スマホ側非表示

スマホ側でバナー画像を非表示にします。作成途中の時は、非表示を選択してください。

背景100％表示

パソコン画像の背景を100％に伸ばしたい時に、チェックを入れてください。
スマホ側は、デバイスの端まで画像を伸ばしたい時に、チェックを入れてください。

画像の角を丸くする

画像の四隅を角丸にしたい時に、チェックを入れてください。

パソコン側（設定ボタン）

パソコン用編集画面

最初に、パソコン用画像を作成してから、スマホ用編集画面に移動してください。
パソコンの背景画像は、背景100％まで伸ばす事ができますが、印字範囲は1050pxになります。

スマホ用編集画面

スマホの編集画面では200％の大きさで作成しますが、実際は半分の大きさで表示されます
スマホ用の画像がない場合は、パソコン用画像を表示します。

パーツを追加

編集画面にパーツデザインを挿入できます。

デザインを選ぶ

テンプレートを使う時は「デザインを選ぶ」からお選びください。

画像フォルダーに登録

作成途中でも画像フォルダーに登録する事ができます。
画像フォルダーに登録しておけば、他の記事から作った画像を挿入する事ができます。

スマホ側（設定ボタン）

パソコン用編集画面

スマホ用編集画面

パーツを追加

編集画面にパーツデザインを挿入できます。

パソコン画像をコピー

パソコン画像を登録したら、スマホ側は「パソコン画像をコピーする」事ができます。
スマホ側はパソコン画像をコピーした後で、文字や画像の大きさや位置を変更します。

背景の設定

背景画像を指定する

背景には、写真・背景色・透明の指定ができます。

画像挿入	画像挿入のボタンを押すと、画像フォルダーは開きますので、お好きな背景を挿入してください。 PIXTAの素材を使う事も可能です。

縦幅	背景の縦幅を、100px〜900pxの間で指定できます。背景の設定を短くした場合は、表示しているアイテムが隠れてしまう事がありますのでご注意ください。

画像位置	背景画像の表示位置をトリミングして指定できます。

画像の横幅設定

横幅	基本的な横幅は「指定なし」か「100％」です。横幅の指定して「画像フォルダーに登録」をすると、他の記事から挿入するための「横幅の小さな画像」を作る事ができます。

枠	画像の外側を、枠線で囲むことができます。枠線の太さや色を指定する事が可能です。

色	カラーパレットから背景色を選択できます。

上部余白の自動削除

プレビュー画面の最上部のバナー画像に適用されます。
メイン画像と同じ背景色を使っていた場合は、自動で上部の余白を削除して表示します。

保存状態を戻す

画像の作成中に、必要な画像を削除してしまったなど、誤った操作をした時に「１つ前の保存状態に戻す」事ができます。
１つ前の保存状態に戻した時点で、最新データとして保存されます。

バナー画像作成の登録ボタン

重ね順の変更

重ね順の変更を行うと「前面・背面」の変更ができます。
１番が最前面になります。

設定欄の追加

複数の文字や画像を入れたい場合は、下の「設定欄の追加」を押してください。
新しい設定欄は、最上部に追加されます。

仮作成	設定欄を変更したら「仮作成」のボタンを押すと反映します。編集中は「仮作成」で画像を作成してください。

登録	バナー画像が完成したら「登録」ボタンを押してください。「登録」ボタンを押すとバナー画像が公開されます。

プレビュー画面

プレビュー画面に戻りたい時に押してください。

記事との空き

上の記事との空き

上の記事との空きを設定する事が可能です。
標準は0pxですが、任意で100pxまで指定できます。

下の記事との空き

下の記事との空きを設定する事が可能です。標準は60pxです。
背景色や横幅100％の記事が、上下にある場合は自動制御されます。

PageTop