フッターの情報を変更

最短ホームページテンプレートの使い方7 フッターの情報を変更

今回はフッター(一番下)の情報を変更していきます。
最短ホームページテンプレートの動画の、第7回の部分になります。

情報を変更していくのはここ

今回はホームページの一番下の情報を編集していきます。
下記画像の最も下の部分です。
最も下の部分がフッター
まず、index.htmlのファイルをテキストエディタにドラッグ&ドロップします。
※無料テキストエディタTerapad(テラパッド)を利用
index.htmlを、テラパッドに、ドラッグ&ドロップします。

フッターの情報はココを編集する

開いたら、<!– 一番下に掲載しているフッタです –>の部分を編集していきます。
右に進めていきます。
 一番下に掲載しているフッタです

Copyrightの部分で、現在は無料ホームページ制作講座と書かれていますので
ここをお好みのテキストに編集します。
Copyrightの部分で、現在は無料ホームページ制作講座と書かれています。

例えば、タイトルと同じようにテストでホームページを作ります!に変えます。
例えば、タイトルと同じようにテストでホームページを作ります!に変えます。

変更したら保存します。
保存方法は、ファイル⇒ 上書き保存で保存できます。

【ワンポイント】
保存は、ファイル⇒上書き保存としなくても、
キーボードのCtrl + s のショートカットキーを使い保存できます。
このCtrl + s での保存は、めちゃくちゃ使えますので、
こちらの保存方法を癖にしましょう。

保存が終わったら、更新ボタンを押して
編集した部分が変更されているか確認してみて下さい。

今回の編集でフッターがこのように変更されていればOKです。
今回の編集でこのように変更されていればOKです。

トップページ(index.html)が終わったら他のページも編集する

今回は、トップページ(index.html)だけの変更なので、
他のページ(page1.html~page5.html)のフッターも変更する必要があります。

変更箇所だけをコピー&ペーストする方法もありますが…
簡単で間違いがないようにするには、フッター全体をコピペする方法なので、
下記のように、フッター全体をコピーして他のページに貼り付けて下さい。

※side.htmlは変更する必要はないです
※side.htmlは変更する必要はないです
すでにご説明していますが…
自分で更新できる最短ホームページテンプレートの場合
こうして、他ページへコピー&ペーストする作業が必要な部分があります。
(タイトル・タイトルバー・コンテンツバー・フッター)

コピー&ペーストは簡単ですが、
簡単がゆえに確認不足になるので、しっかり確認してコピペしましょう。
※HTMLは、間違えるとデザインが崩れますので要注意

【ワンポイント】
ここまでは、基本的な編集が多かったですが、
次はいよいよ、パーツを使ったカスタマイズが出てきます。
でも最短ホームページテンプレートの場合は
コピー&ペーストしてのが主なので無理なくできますよ。

 

 


関連記事


初心者さんおすすめ! 徹底比較 簡単ホームページ作成ソフトランキング


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. わからないことを解決する検索力を鍛えよう
    わからないことを解決する検索力を鍛えよう
  2. ホームページとブログの違いは何?
  3. 視線を意識しよう!
    ホームページのデザインは見る人の視線を意識しよう!
  4. ホームページを作れるメリット
    ホームページが作れるというスキルの素晴らしさとメリット
  5. 結局、1番モッタイナイのはコレです!
    結局、1番モッタイナイのはコレです!

ピックアップ記事

  1. WordPress(ワードプレス)とホームページ作成ソフトの違い

    WordPress(ワードプレス)とホームページ作成ソフトの違い

    ホームページ作成ソフトのおすすめで3位としているWordPress(ワードプレス)今では日本でも使っ…
  2. 私がWordPress(ワードプレス)を使う3つの大きな理由

    私がWordPress(ワードプレス)を使う3つの大きな理由

    初心者の方におすすめのホームページ作成ソフトは 下記のようにランキングを付けています。1位に自分で更…
  3. 作成ソフトの選びに迷っていたら確認する【3】のポイント

    作成ソフト選びに迷っていたら確認する【3つ】のポイント

    結局「ホームページ作成ソフトってどれを選べば良いの?」 情報が多いので、悩むでしょうし迷いますよね?…
  4. 私がホームページ作成ソフトを買って「失敗した」と思ったこと

    私がホームページ作成ソフトを買って「失敗した」と思ったこと

    これからホームページ作りを考えている方に向けて、 1つの経験談をお伝えしようかと思います。も…
  5. 簡単にホームページが作れるという評判は本当?(シリウス編)

    簡単にホームページが作れるという評判は本当?(シリウス編)

    ホームページ作成ソフトを決める段階の方でしたら すでに様々な情報を集めていると思います。様々なサイト…