トップページのスライドショーを編集する

Home » トップページ・メニュー » トップページのスライドショーを編集する

目次

編集画面の入り方

ログインして、スライドショー付近にマウスを移動させますと「スライドショーを編集する」メニューが表示しますのでクリックします。

スライドショーの文字を編集する場合

1.キャプションの「手動入力」にチェックを入れて、その下の入力欄に文字を入れます。

※改行したい位置に半角で<br>を入れるとトップページで改行されます。

2.右上の「保存」ボタンを押して終了です。

スライド画像を追加する場合

1.「スライドを追加」ボタンをクリックします。

2.追加したい画像をドラッグ＆ドロップで追加し、右下の「スライダーに追加」ボタンをクリック

※画像サイズは予め使用する大きさ（おすすめは横1600px×縦790px）にしておくと収まりが良いです。
※画像のサイズが大きすぎると自動で圧縮されて画質が落ちることがあります。画質を綺麗にしたい場合はトップページのスライドショーの画質を綺麗にしたいをご覧ください。

3.右上の「保存」ボタンを押して終了です。

スライドショーの順番を変える場合

1.移動したい画像の灰色の上部バーをドラッグして移動できます。

2.並び替え終わったら右上の「保存」ボタンを押して終了です。

スライドを削除する場合

1.削除したい画像の右上の「×」をクリックします。

2.削除が終わったら右上の「保存」ボタンを押して終了です。

スライドショーの特定の画像を非表示にする場合

1.非表示にしたい画像の目のマークをクリックします。

目のマークに斜線がついたら、右上の「保存」ボタンを押して終了です。

文字の大きさを変える（応用編）

スライドの編集画面には固定ページのようなビジュアルモードはなく、キャプション欄に直接文字やHTMLタグを入力する仕様です。キャプション欄にはHTMLタグが使用できるため、タグで文字を囲むことで大きさを調整できます。

文字を大きくしたい場合

大きくしたい文字の前に <big> を、後ろに </big> を入力します。後ろに入力するタグには、前に半角のスラッシュ「/」が付きます。

例えば「大きくしたい文字」という部分を大きくしたい場合は、以下のように入力します。

<big>大きくしたい文字</big>

このように入力すると、実際の画面では「大きくしたい文字」の部分だけが大きく表示され、<big>や</big>自体は画面に表示されません。

※ <、>、/ などの記号は、必ず半角で入力してください。日本語入力モードのまま全角で入力すると、タグとして認識されず、入力した記号がそのまま文字として画面に表示されてしまいます。

文字を小さくしたい場合

大きくする場合と同じ要領で、小さくしたい文字の前に <small> を、後ろに </small> を入力します。

<small>小さくしたい文字</small>

大きさを細かく調整したい場合

もう少し細かく大きさを調整したい場合は、<big>タグに style=”font-size: 1.5em;” のような指定を追加します。「1.5em」の数字の部分を変えることで、基準の文字サイズの何倍にするかを指定できます（例：2倍にしたい場合は「2em」、1.2倍にしたい場合は「1.2em」）。

<big style="font-size: 1.5em;">1.5倍の大きさになります</big>

この場合も、<big style=”font-size: 1.5em;”>の部分を大きくしたい文字の前に、</big>を文字の後ろに入力します。記号・数字・アルファベット（<、>、/、”、; など）はすべて半角で入力してください。

改行したい場合は、上記の<br>タグとあわせてご利用ください。