ホームページライフ 活用ガイド

ホームページ作成ガイド
かんたんサイト作成で、サイトを立ち上げてみましょう!

ホームページ作成ガイド

かんたんサイト作成ガイド編

STEP3 基本情報入力

  • STEP1 URL確認
  • STEP2 テンプレートの選択
  • STEP3 基本情報入力
  • STEP4 コンテンツ設定
  • STEP5 入力内容確認
  • STEP6 プレビュー
  • STEP7 サイト設置完了!
ロゴを画像ではなくテキストで入力したい場合
ロゴ画像がない、もしくは使いたくない場合、テキストで入力する方法をご紹介します。
テキスト入力にすると決めた場合、ロゴ画像の入力欄は空白のまま次の項目へ進んでください。



サイト作成が終了すると、ロゴ画像が挿入される部分にはサンプル画像が挿入されています。これを削除し、この部分に直接テキストを打ちこみましょう。
※この作業は全てのページに行う必要があります。
 ロゴ画像の上で一度クリックすると、□の枠で囲まれて選択されます。
 選択状態のままBackSpaceキーで削除してください。
すると、カーソルがそのままその場所に残ります。
 カーソルを動かさないでそのまま、サイト名を打ちこんでください。
この部分は文字の大きさが指定されているため、文字のスタイルを変更しなくとも丁度良い大きさの文字で表示されます。
更に色の変更等を行い、自分の好きなスタイルに変更してください。
 色を変更してみます。

入力したテキストの上でダブルクリックすると、テキスト部分が選択され、枠で囲まれます。
 ドラッグして文字を全て選択してください。
選択状態のまま、ツール左端の「テキスト色」ボタンをクリックします。

 すると、文字色が変更されます。文字の背景色を変更したい場合も同じ要領で、「テキスト」色ボタンの右隣の「背景色」ボタンをクリックして色選択します。
※フォントを変更することもできますが、環境によっては変更したフォントで表示されない場合もあります。ご了承のうえ作業を行ってください。
また、英字のサイト名で文字量が多い等の場合は、長い文字を入力することでレイアウトが崩れてしまう場合があります。下図の例ではサイト名を入力することで青枠の説明文が下にずれてしまいました。



こういった場合は、文字の大きさを調節してください。
 編集画面のすぐ上にある、「サイズ」をクリックして、セレクトボックスからサイズを選択してください。
何度か試しながら、レイアウトが崩れず、見やすい文字サイズを見つけましょう。
ここでは、26pxにするとレイアウトも崩れず、見やすい大きさになりました。



※このようにロゴ画像をテキストで入力する場合、全てのページに同じ編集作業が必要です。
この部分の編集についてはどのページも同じ要領で行えますので、文字のスタイルを変更した場合も全てのページで同じ表示になるようにしましょう!


 画像の用意が出来たので次へ進む
このページの先頭へ