FC２への登録と、ホームページ管理画面の作成まで終わったらいよいよホームページの作成作業に入ります。まだ登録していない方、登録したけどログアウトしてしまいまたログインする必要がある方は下記のURLからやることを確認してください。
目次
ホームページのテンプレートを選ぶ
まずFC2ホームページの管理画面に入ります。下記URLからログインしてください。
ログインしたトップ画面のFC2ホームページ管理画面のリンクをクリックしてください。(下の画像参照)
FC2ホームページ管理画面に切り替わりました。まずはホームページのデザインテンプレートを選んでください。画面左側の「デザインテンプレート」をクリックしてください。
デザインテンプレートの一覧が表示されます。好きなデザインを選んでください。「プレビュー」をクリックすると実際にどのようにホームページが表示されるかを確認できます。
「プレビュー」をクリックすると全画面で確認できます。
好きなデザインテンプレートを決めたら「ダウンロード」をクリックしてください。
ファイル名をつけてダウンロードする画面に切り替わります。今回は「sample-b.itml」というファイル名にしておきます。では「ダウンロード」をクリックしてください。
ダウンロードが終わると、ファイルの編集方法を問われます。ファイルエディター(見た目)で編集するか、テキストエディター(HTML)で編集するかです。
ファイルエディターだと下の画像のようになります。
これがファイルエディター編集画面です。
そして下の画像がテキストエディター編集画面です。
ページの編集方法
それではダウンロードしたファイルをファイルエディターで編集していきます。やり方はワード(Word)と同じ要領で既存の文字列を消して、書きたい文字を入力してください。
文字の書き換えが終わったら画面左上の「上書き保存」をクリックしてファイルを保存します。保存が済んだら画面右上の「閉じる」をクリックして編集画面を閉じてください。
「ファイルマネージャー」の画面に移ります。もし別の画面だった場合は画面左側にある「ファイルマネージャー」をクリックするとファイルマネージャー画面に切替わります。
ではもともとあった「index.html」のファイルを削除します。この「index.html」というファイルはホームページのトップページの事です。
もともとのトップページを、今回保存した「sample-b.html」に置き換えるため、まずは「index.html」を削除します。「index.html」をクリックして選択し、削除ボタンをクリックすると削除が完了します。
下の画像の通り、「index.html」が削除されました。
では、「sample-b.html」を「index.html」の名前に変更します。「sample-b.html」をクリックして選択し、名前の変更ボタンをクリックしてください。
ファイル名を「index.html」に変更します。
ホームページにアクセスしてみると、先ほどファイルエディターで編集したファイルがトップページに表示されます。
FC2ホームページのタイトルを変更する
さて、ホームページの文字列を編集してもタイトルが変わっていません。タイトルはブラウザのタブに表示されるホームページの名前です。ではタイトルを変えていきましょう。
下の画像のように、設定のアイコンをクリックします。
するとタイトル等の編集画面が表示されます。今回はタイトルだけ変えます。
ホームページの名前を「タイトル」に入力してください。入力したら「OK」をクリックします。その後、「上書き保存」をクリックして編集内容を保存して下さい。
ちなみに見た目は何も変わりません。「閉じる」で編集画面を閉じて構いません。
再びホームページにアクセスします。一度更新ボタンをクリックしてホームページを再度読み込んでください。タブに先ほど入力したタイトルの文字列が表示されています。
以上でFC2ホームページの作成・編集方法の説明は終わりです。１から１０までこのやり方で編集することはあまりないですが、微調整や設定等の編集で必要な場合があります。