最短ホームページテンプレートの使い方 サイドバーの変更

最短ホームページテンプレートの使い方4 サイドバーを変更しよう

タイトルバーの変更の次はコンテンツバーを変更します。
最短ホームページテンプレートの動画の、第4回の部分になります。

最短ホームページテンプレートのサイドバーはここ

今回のコンテンツバーを変更する。と言うのは…
下記画像のページの左側(仕様によって右側)の部分になります。
ページの左側(仕様によって右側)の部分

まず、side.htmlのファイルをテラパッドにドラッグ&ドロップして開きます。
※無料テキストエディタTerapad(テラパッド)を利用
side.htmlのファイルをテキストエディタにドラッグ&ドロップ

サイドバーを変更するにはココを変更する

開いたら、<!– ここがサイドバーです –>の部分を右側に進めていきます。
開いたら、<!-- ここがサイドバーです -->の部分を右側に進めていきます。
すると、こちらの箇所が出てきます。
こちらの箇所が出てきます。この文字の部分を変更していきます。

例えば… こちらを、前回のタイトルバーの変更と同じように変更します。
こちらを、前回のタイトルバーの変更と同じように変更します。変更したら保存します。
保存方法は、ファイル⇒ 上書き保存で保存できます。

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

保存が終わったら、更新ボタンを押して
サイドバーが変更されているか確認してみて下さい。

このように変更されていればOKです。
変更されていればサイドバーはOKです。

最短ホームページテンプレートのサイドバーの特徴

最短ホームページテンプレートのサイドバーの特徴としては
1つのファイル(side.html)を編集する作業だけで
他のページのサイドバーまでも変更できる点です。(非常にラクです)

これは、どのページもside.htmlを読み込む設定になっているからです。

但し、どのページもside.htmlを読み込むと言うことは…
打ち間違えたりすると、全てのページで間違いが反映されますから、ご注意を(^^ゞ

 

【ワンポイント】
お気に入り、その他の情報の編集方法も、サイドバー(side.html)で変更します。
変更方法は、動画で確認してみて下さい。すごく簡単に変更できますよ。

自分で更新できる最短ホームページテンプレートは、
こうした簡単な作業の繰り返しなので、やっている間に身についていきます。
自然と覚えられるのは…こうした反復練習があるからですね。

 

 


関連記事


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


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. 視線を意識しよう!
    ホームページのデザインは見る人の視線を意識しよう!
  2. ムームードメインで取得のドメインをさくらで使う設定方法
    ムームードメインで取得のドメインをさくらで使う設定方法
  3. 本当の初心者でも作れる簡単なホームページ作成ソフトは?
    本当の初心者でも作れる簡単なホームページ作成ソフトは?
  4. ホームページを公開するための費用は?
  5. ホームページを作れるメリット
    ホームページが作れるというスキルの素晴らしさとメリット

ピックアップ記事

  1. 初めてドメイン取る前に知っておきたい3つの基礎知識

    初めてドメイン取る前に知っておきたい4つの基礎知識

    インターネット上にホームページを表示させるためには サイトの住所となる、ドメインを取る必要があります…
  2. 作成ソフトの選びに迷っていたら確認する【3】のポイント

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

    結局「ホームページ作成ソフトってどれを選べば良いの?」 情報が多いので、悩むでしょうし迷いますよね?…
  3. WordPress(ワードプレス)とホームページ作成ソフトの違い

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

    ホームページ作成ソフトのおすすめで3位としているWordPress(ワードプレス)今では日本でも使っ…
  4. 初心者の私がホームページ作成ソフトを選ぶまでの思考

    初心者の私がホームページ作成ソフトを選ぶまでの思考

    当サイトを見ている方の中には ホームページ作成は、本当に初めて方も多いと思います。初めて挑戦する方の…
  5. 会社のホームページを作るのに向いている作成ソフトは?

    会社のホームページを作るのに向いている作成ソフトは?

    今回は会社でホームページを作ることになった方に向けて 会社のホームページを作るのに向いている作成ソフ…