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

ポイント1:見ている人が問合せしやすいHPとは?(その1)

所長先生の顔写真やお名前を掲載しましょう

 初対面の方とお会いする際、あらかじめ顔や氏名を知っていると安心したり、緊張が取れたりしませんか?

 HPも同じです。所長先生の顔写真や氏名があるHPと無いHP、どちらが問合せしやすいでしょうか?

 HPに所長先生の顔写真と氏名を掲載して、閲覧者との距離を近づけましょう。氏名には「ふりがな」もお忘れなく!

(Before・After)所長先生の顔写真や氏名を掲載する

掲載方法

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


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

事務所紹介ページのメニューボタンをクリックすると、ページ移動のメッセージが表示されます。

「保存しないで移動」ボタンをクリックします。


 3  事務所紹介ページが表示されます。

今回は以下の3つを編集します。

  • 所長先生の顔写真を掲載
  • 所長先生のお名前を掲載
  • 所長先生の経歴や所属団体の編集


 4  顔写真を掲載するスペースを確保するため、文章コンテンツの幅を小さくします。

文章コンテンツの右端にマウスカーソルを合わせると「↔」が表示されます。マウスを左クリックしたまま、左に移動(ドラッグ)します。

文章コンテンツが小さくなりますので、写真を掲載したいサイズの位置でクリックを放します。


 5  次に顔写真を掲載します。

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

「画像」をクリックします。


 6  ラジオボタンで「1列」が選択されていることを確認し、「OK」ボタンをクリックします。

画像コンテンツが追加されました。


 7  画像コンテンツを移動させます。

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


 8  コンテンツが青く表示され、移動できる状態になります。

メインビジュアルの下まで移動(ドラッグ)します。マウスを左クリックしたまま、さきほどの所長挨拶の文章横までコンテンツをドラッグします。

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

文章の横にドラッグし、「このエリアに移動」と表示されたら、左マウスボタンを放します。


 9  画像コンテンツが移動しました。次に画像を所長先生の顔写真に差し替えます。

画像コンテンツをクリックすると、左上にメニューが表示されます。

メニューから、「画像変更」ボタンをクリックします。


 10  ファイルアップロード画面が表示されます。

右上の「アップロード」ボタンをクリックします。

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

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


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

掲載したい画像のサムネイル画像をクリックします。


 12  画像が掲載されました。

画面右上にある「保存」ボタンをクリックします。


 13  保存メッセージが表示されます。「保存する」ボタンをクリックします。


 14  次に所長先生のお名前を掲載します。

挨拶文の最後に、所長先生のお名前を入力します。

見たまま編集で、Wordのように、簡単に文章を入力できます。


 15  所長経歴、所属団体等も、変更します。


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

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

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

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


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

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


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

編集した事務所紹介ページのメニューボタンをクリックし、事務所紹介ページを表示します。編集内容を確認して、プレビュー画面を閉じます。


 19  管理画面に戻ります。

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


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

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


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

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

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

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

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