中小企業・個人事業の簡単ホームページ作成ソフトならとりあえずHP

ご利用実績11000人突破!

ユーザー向け使い方サイトとりあえずHPNAVI

  • 30日無料体験のお申し込み
  • はじめて訪問された方とりあえずHP公式サイト
  • ユーザー向け使い方ガイドとりあえずHPナビサイト

とりあえずHPの使い方

初級編

目次に戻る

トップページを編集しよう  スライド画像を設定する

「スライド対応」のテンプレートを選択すると、
トップページでスライド画像を表示させることができます。
画像は最大で5枚、表示可能です。

[スライド画像の設定]をクリック

管理画面の左メニューから[スライド画像の設定]をクリックします。

スライド画像の[画像を選択する]をクリックし、画像を選択する

スライド画像を追加または変更したいボックスで、
[画像を選択する]ボタンをクリックすると、別のウインドウが開きます。

スライド画像に設定したい画像を選択します

あなたのパソコンの中から、トップページのスライドに表示させたい画像ファイルを選びます。
ファイル名をクリックした後、[開く]ボタンをクリックします。
※上の画面は、Windows VISTAの例です。

スライド画像の[切り取り位置を調整]をクリックし、切り取り位置を調整する

スライド画像は、横幅1200px、高さが500pxに設定されています。
そのため、縦に長い画像の場合は、上下の切り取り位置を調整して表示します。

上下の切り取り位置を調整する場合は、スライド画像のボックスで、
[切り取り位置を調整]ボタンをクリックします。
すると、別のウインドウが開きます。

※横幅1200px以上の画像は、自動的に横幅1200pxに設定されます。

※規定のサイズよりも縦横比が横に長い場合は、横幅が1200pxにリサイズされ、上下中央に表示されます。

クリックしたまま画像を動かして、切り取りたい位置に移動する

マウスカーソルを画像の上に合わせると、矢印から「十字カーソル」に切り替わります。
この「十字カーソル」の状態で、クリックしながら上下に移動すると、
画像の上下の位置を移動することができます。
切り取りたい位置で離すと、その位置で画像が固定されます。
※一度切り取り位置を設定した後、何度でも調整し直すことが可能です。

[上記の位置で設定]をクリック

切り取り位置を固定したら、ページ下部の[上記の位置で設定]をクリックします。
※切り取り位置を変更しない場合は[キャンセル]をクリックすると、別ウィンドウが閉じます。

切り取り位置調整画面を閉じた後、[上記の内容で設定]をクリック

すべてのスライドを調整したら、スライド画像編集画面下の[上記の内容で設定]をクリックして、
全体の編集内容を保存しましょう。

ホームページを確認しましょう

[ホームページを確認]ボタンをクリックして、
実際のホームページのスライド画像が切り替わったか確認してみましょう。

※スライド画像が表示されない場合は、「トップページでの表示の優先度の設定」が[スライド画像を優先させる]になっているかどうかを確認しましょう。(なっていない場合は[スライド画像を優先させる]を選んで[上記の内容で設定]をクリックしてください。)

pic-a1301_000

スライド画像の「スピード」と「アニメーションの種類」を設定する

スライド画像が2枚以上ある場合は、自動的に「紙芝居」のように画像が切り替わりながら表示されます。

スライドのスピード では、画像が切り替わるスピードを「早い」「普通」「遅い」の三段階から選択することができます。

アニメーションの種類 では、画像が切り替わる動きを「スライド」と「フェード」の二種類から選択できます。

「スピード」と「アニメーションの種類」を変更する場合は、変更したい項目を選んだ後、ページ下部の[上記の内容で設定]をクリックしてください。

↑このページのTOP
  • ユーザー向け使い方サイトとりあえずHPNAVI
  • これってどうやるの?と思ったら使い方サポート
  • 問い合わせ前に必ずチェック!よくあるご質問
  • ユーザー同士でスピード解決!助け合い掲示板