過去のメッセージを読み込み中…

あなたの発言:

この1から6までの簡単なイラストを作って下さい。順番にお願いします。

ChatGPT の発言:

あなたの発言:

この1から6までのイラストをホームページビルダーでご利用までの流れのところに落としたいのですが、どうすればいいですか?

ChatGPT の発言:

はい、できます。写真を見ると、現在お使いなのは 「ホームページ・ビルダー SP」 ですね。

今の「ご利用について」のページに、先ほど作成した STEP1~STEP6のイラスト を入れる方法をご説明します。

一番簡単なのは、6つのイラストがまとまった画像を、1枚の画像として挿入する方法です。

① まずイラストをパソコンに保存します

  1. パソコンでChatGPTを開きます。

  2. 先ほど作成した6つのイラストを表示します。

  3. 画像を右クリックして「名前を付けて画像を保存」を選びます。

  4. 「ピクチャ」など分かりやすい場所に保存します。

ファイル名は「キクリンドウ_ご利用までの流れ.png」などで大丈夫です。

② ホームページ・ビルダー SPに挿入します

左側のページ一覧から、現在開いている 「ご利用について」 を選びます。

中央の編集画面で「ご利用までの流れ」の見出し付近を表示します。

画面左側の縦にある 「+ パーツ一覧」 をクリックします。

パーツ一覧から「画像」に関するパーツを探し、挿入したい場所に配置します。
画像の選択画面が出たら、先ほど保存したイラストを指定します。

※SPのバージョンによって、画像パーツの名称や操作方法が少し異なる場合があります。

③ 画像を入れる場所

現在、STEP1~STEP6の説明文章がすでに入力されていますね。

私のおすすめは、「ご利用までの流れ」の見出しのすぐ下にイラストを配置し、その下に詳しい文章を残す方法です。

そうすると、まずイラストで全体の流れが分かり、その下で詳しい説明を読むことができます。

④ ここから一緒に操作しましょう

まず、写真の左下にある 「+ パーツ一覧」 を押してみてください。

開いた画面をもう一度写真で送っていただければ、次にどこをクリックすればよいか、実際の画面に合わせて順番にご案内します。

一度に全部操作するより、1つずつ確認していきましょう。

あなたの発言:

続いてのページはアクセスです。これはどうすればいいですか?イラストですかそれともGoogleですか? Googleですよね、どうすればいいですか?

ChatGPT の発言:

はい。相談支援事業所「キク・リンドウ」のホームページの 「アクセス」ページには、Googleマップを使うのが一番おすすめです。

イラストの地図よりも、Googleマップの方が利用者さんや保護者の方にとって便利です。

特にスマートフォンから見たときに、地図を開いて道順を確認できるのが大きなメリットです。

① アクセスページの完成イメージ

アクセス

相談支援事業所 キク・リンドウ

〒595-0813

大阪府泉北郡忠岡町忠岡南1丁目4番16号

Googleマップで所在地を確認

地図を開いて、事業所までの道順をご確認いただけます。

電話:080-9128-0784

※ご来所の際は、事前にお電話でご連絡ください。

このように、所在地とGoogleマップを掲載すれば、シンプルで使いやすいページになります。

② ホームページ・ビルダー SPにGoogleマップを入れる方法

今お使いのホームページ・ビルダー SPなら、次の方法でできます。

YouTube

  1. パソコンで を開きます。

  2. 検索欄に「大阪府泉北郡忠岡町忠岡南1丁目4番16号」と入力します。

  3. 地図上で正しい建物の位置が表示されているか確認します。

  4. 「共有」→「地図を埋め込む」→「HTMLをコピー」をクリックします。

  5. ホームページ・ビルダー SPに戻り、左側の「アクセス」を選びます。

  6. 「+ パーツ一覧」を開き、「HTMLソース」 パーツを地図を載せたい場所へ配置します。

  7. コピーしたHTMLを貼り付けて、プレビューで確認します。

③ 一緒に操作しましょう

まずはパソコンでGoogleマップを開いて、キク・リンドウの住所を検索してください。

住所を検索した後のGoogleマップの画面を写真で送ってください。

そこから「共有」を押す場所、HTMLのコピー方法、ホームページ・ビルダーへの貼り付けまで、画面を確認しながら一つずつご案内します。

あなたの発言:

電車の場合と言うところがあって、忠岡駅から約2分ほどですが、その文章を作ってください。自動車の場合は堺阪南道路(昔の26号線)からほど近いところにありますが、駐車場もあります。どんな文章を書けばいいですか?

ChatGPT の発言:

ホームページの「アクセス」には、電車とお車、それぞれのアクセス方法を簡潔に掲載するのがよいと思います。

キク・リンドウらしく、初めて来所される保護者の方にも安心していただける文章にしました。

文章作成

電車でお越しの場合

南海本線「忠岡駅」より徒歩約2分です。

駅から近く、電車でもお越しいただきやすい場所にございます。

お車でお越しの場合

堺阪南線(旧国道26号線)からほど近く、お車でもアクセスしやすい場所にございます。

駐車場もご用意しておりますので、お車でお越しの際も安心してご来所ください。

※駐車場のご利用については、事前にお問い合わせください。

私のおすすめは、この文章をそのまま掲載することです。

さらに、駐車場が事業所の敷地内にあるのか、少し離れた場所にあるのかによって、案内をもう少し親切にできます。

駐車場はキク・リンドウの建物のすぐ前にありますか? それとも別の場所でしょうか?

あなたの発言:

こんな感じですが、ホームページを開いたときにこのGoogle マップに直接行かないのですが、これをリンクに繋げたら行けるということですか?やり方がわからないので教えて。

ChatGPT の発言:

はい、そのとおりです。「Googleマップを開く」という文字にリンクを設定すれば、ホームページを見た方がクリックしたときにGoogleマップへ移動できるようになります。

送っていただいた2枚目の写真を確認しました。現在は「Googleマップを開く」という文字が入力されているだけで、リンクが設定されていない状態のようです。

今お使いの ホームページ・ビルダー SP の画面に合わせて説明します。

① まずGoogleマップのリンク先をコピーします

今回は、キク・リンドウの住所を検索するGoogleマップのリンクを用意しました。

キク・リンドウのGoogleマップ検索リンク

大阪府泉北郡忠岡町忠岡南1丁目4番16号

パソコンのChatGPTで「リンクをコピー」を押してください。

※住所の検索結果を開くリンクです。Googleマップ上で正しい建物の位置を確認してください。

② ホームページ・ビルダーでリンクを設定します

1

「アクセス」ページを開く

写真のように、左側の「アクセス」が選択されている状態で大丈夫です。

2

「Googleマップを開く」の文字を選択する

マウスで「Googleマップを開く」の文字だけをドラッグして、青く反転させます。

3

鎖のマークをクリックする

写真の編集画面上部にある、鎖の形をした マークをクリックします。これはリンクを設定するボタンです。

4

リンク先のURLを貼り付ける

リンク設定画面が出たら、リンク先の種類で「URL」または「外部サイト」を選び、先ほどコピーしたGoogleマップのアドレスを貼り付けます。

「OK」や「設定」などで確定します。

5

保存して確認する

上部の「保存」をクリックし、「プレビュー」で「Googleマップを開く」の文字をクリックしてみます。

③ ここが重要です

現在のページには「Googleマップを開く 電話:080-9128-0784」と続けて表示されていますね。

できれば、次のように分けると見やすくなります。

Googleマップで所在地を確認

電話:080-9128-0784

まずは②の手順3まで進めてください。

「Googleマップを開く」の文字を選択して、上部の鎖マークをクリックした後の画面を写真で送ってください。

そこから先は、表示された設定画面を見ながら、間違えないようにご案内します。

ChatGPT は間違えることがあります。重要な情報は確認してください。