とりあえずHP の使い方

基本的な使い方

トップページをつくるスライド画像を設定する

ご確認ください

以下のいずれかに該当する方は、新管理画面をご利用のため、解説とは部分的に異なる箇所があります。

  • 2023年12月18日以降に、とりあえずHPの無料体験をお申し込みした方
  • 「新管理画面への移行完了のお知らせ」の通知を受け取っている方

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

[トップページの編集]をタップ

管理画面のメニューの[トップページの編集]をタップします。

スライド画像の設定を変更

スライド画像の設定で[変更]ボタンをタップします。

スライド画像の[変更]をタップする

スライド画像を追加または変更したいボックスで、[変更]ボタンをタップします。

[新しい画像を選ぶ]をタップする
スライド画像に設定したい画像を選択します

あなたのスマートフォンの中から、トップページのスライドに表示させたい画像ファイルをタップします。

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

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

上下の切り取り位置を調整する場合は、スライド画像の変更で、[切り取り位置を調整]ボタンをタップします。

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

スワイプして画像を動かし、切り取りたい位置に移動する

画像の上で上下にスワイプすると、画像の上下の位置を移動することができます。切り取りたい位置で離すと、その位置で画像が固定されます。
※一度切り取り位置を設定した後、何度でも調整し直すことが可能です。

[上記の位置で設定]をタップ

切り取り位置を固定したら、[上記の位置で設定]をタップします。
※切り取り位置を変更しない場合は[キャンセル]をタップすると、スライド画像の変更画面に戻ります。

[戻る]をタップして『スライド画像の設定画面』を表示した後、[スライド画像優先]をタップ

すべてのスライドを調整したら、スライド画像の設定画面下の[スライド画像優先]をタップして、
スライド画像を表示させます。

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

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

※スライド画像が表示されない場合は、「スライド画像の設定」が[スライド画像優先]になっているかどうかを確認しましょう。(なっていない場合は[スライド画像優先]をタップしてください。)

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

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

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

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

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


【ヒント】画像はどのように用意するの?

ホームページ掲載用の画像ファイルをお持ちでない場合は、著作権フリーで利用できる素材集サイトなどもあります。
以下のページにて、ホームページ用の写真やイラストを探せる画像配布サイトや、どのような画像を掲載すると良いかをご紹介しています。

おすすめ画像配布サイト

※著作権については、各素材サイトにルールが設けられていますので、利用にあたっては、ご注意ください。

ホームページのファビコンを設定する

ロゴマークを表示させる

外部フォームを利用する

Googleアナリティクスの設定

Googleマイビジネスに登録しよう

無料オンラインサポート実施中

\ホームページを作る前に知っておきたい/

ホームページの作り方 動画講座

動画URLを無料で入手

\ホームページ制作のプロに個別相談/

とりあえずHP無料個別レッスン

個別レッスンの詳細

簡単に自分で作れるホームページ作成ソフト「とりあえずHP」

簡単HP作成ソフト「とりあえずHP」

無料お試しはこちら