チョットの工夫で魅力アップ!「HP更新の7つのポイント」

ポイント7:HPをフレッシュに保つ工夫(その1)

メインビジュアルを見直しましょう

メインビジュアルは、HPのトップページに表示する大きな画像で、事務所の特長を直感的に訴えられる「HPの顔」と言えます。
この重要なメインビジュアル、作成してから更新されていますか?
変化がないと、HPの閲覧者にマンネリ感を与えてしまいます。

HPの印象をフレッシュに保つためにも、新しいメインビジュアルにリニューアルしませんか?
メインビジュアルにスライドショー機能を使って、複数画像の切り替え表示もできます。

TKCホームページサービスサポートセンターでは、メインビジュアルの作成も承っております。
お気軽にご相談ください!

(Before・After)メインビジュアルの変更

掲載方法


TKCホームページサービスサポートセンターでは、

ご提供いただいた所長先生の顔写真や事務所外観の写真をもとに、

事務所オリジナルのメインビジュアルの画像作成も承っております。


画像作成には

毎月更新サービスの更新代行サービスをご利用いただけますので、

作成を希望される場合は、

お気軽にTKCホームページサービスサポートセンターまで

ご相談ください。


【TKCホームページサービスサポートセンター】

フリーダイヤル:0120-565-010
営業時間:午前9:00~午後6:00(土日、祝日、年末年始を除く)
E-mail:tkc@imobile.co.jp

ホームページの編集依頼について動画で解説しています
≫ ホームページの編集依頼

 1  管理画面で「自分で編集する」ボタンをクリックします。


 2  見たまま編集画面が表示されます。

今回は、メインビジュアルにスライドショーコンテンツを掲載します。

スライドショーコンテンツがすでに掲載されている場合は、「 スライドショーコンテンツの画像を変更します。」に進んでください。


 3  ページの一番下にある、「コンテンツを追加する」ボタンをクリックします。


 4  「スライドショー」ボタンをクリックします。

スライドショーコンテンツの種類や設定を変更できます。

「スライドショータイプ」からスライドショーのデザインを選択し、下記を設定します。

  • コントロールボタン(写真左右)の表示設定
  • コントロールボタン(写真下)の表示設定
  • シャドウの表示設定
  • 自動再生設定
  • 切り替えスピード設定
  • 「画像枚数」への数値入力(最大10枚まで)

「OK」ボタンをクリックします。


 5  スライドショーコンテンツが追加されました。

スライドショーコンテンツをメインビジュアルエリアに移動させます。

スライドショーコンテンツの左にある ≡ にマウスカーソルを合わせると表示されるメニューから、「移動」をクリックします。

コンテンツが青く表示され、移動できる状態になります。マウスを左クリックしたまま、メインビジュアルエリアまで移動(ドラッグ)します。


 6  移動できるエリアには「このエリアに移動」と表示されます。

メインビジュアルエリアにドラッグし、「このエリアに移動」と表示されたら、左マウスボタンを放します。


 7  旧メインビジュアルの画像を削除します。

画像の左にある ≡ にマウスカーソルを合わせると表示されるメニューから、「削除」をクリックします。

削除を確認するメッセージが表示されますので、「OK」ボタンをクリックします。


 8  画像が削除されました。


 9  スライドショーコンテンツの画像を変更します。

スライドショーコンテンツにマウスカーソルを合わせます。

スライドショーコンテンツの上にメニューが表示されます。

「スライドショー変更」ボタンをクリックすると、スライドショーの変更画面が表示されます。


 10  変更したい画像を選択して、下に表示されているライブラリから掲載したい画像をクリックすると画像を変更できます。

また、各画像に対し、キャッチフレーズの挿入・リンクの設定・代替テキスト(alt属性)が設定できます。


 11  新しい画像を設定したい場合は、スライドショーの変更画面右の「画像」ボタンをクリックします。

下部にファイル選択エリアが表示されるので、掲載したい画像をファイル選択エリアにドラッグ&ドロップすると、アップロードされます。

「ファイル選択」ボタンから画像を選択することでもアップロードできます。


 12  ファイルアップロードが完了すると、ファイル選択エリアの下に、サムネイル画像が表示されます。

手順10と同様に、画像を変更します。


 13  選択写真一覧に、クリックした画像が掲載されました。

画面下にある「OK」ボタンをクリックします。


 14  スライドショーの画像が変更されました。


 15  編集が終わったら、ホームページの編集内容を確認して、公開されているホームページに編集内容を反映します。

画面左上の「管理画面トップへ戻る」ボタンをクリックします。

管理画面へ戻るメッセージが表示されますので、「保存する」ボタンをクリックします。

※この段階では、公開されているホームページに編集内容が反映されていません。


 16  管理画面が表示されます。

プレビューを見て編集内容に問題がないか確認します。「プレビューを見る」ボタンをクリックします。


 17  プレビュー画面がブラウザの別タブで表示されます。

編集内容を確認して、プレビュー画面を閉じます。


 18  管理画面に戻ります。

「ホームページを更新する」ボタンをクリックします。


 19  ホームページを更新するメッセージが表示されます。

「更新する」ボタンをクリックすると、公開されているホームページに編集内容が反映されます。


 20  公開したホームページを確認するには、管理画面右上のURLをクリックします。

公開中のホームページが表示されます。

<ホームページの編集方法について、動画で解説しています。>

今回の操作に関連する解説動画はこちらからご覧ください。

ホームページを編集する
ホームページの編集依頼
コンテンツの移動と画像の拡縮
画像、ドキュメントファイルのアップロード
ホームページを更新する