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

最短ホームページテンプレートの使い方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. 会社のホームページを作るのに向いている作成ソフトは?

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

    今回は会社でホームページを作ることになった方に向けて 会社のホームページを作るのに向いている作成ソフ…
  2. SIRIUS(シリウス)の購入を決めた時の最終チェック

    SIRIUS(シリウス)の購入を決めた時の最終チェック

    当サイトを見ている方の中には どのホームページ作成ソフトにするか90%ぐらい決めた方もいると思います…
  3. 作成ソフトの選びに迷っていたら確認する【3】のポイント

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

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

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

    ホームページ作成ソフトのおすすめで3位としているWordPress(ワードプレス)今では日本でも使っ…
  5. おしゃれなホームページを作るのに向いてるソフトは?

    おしゃれなホームページを作るのに向いてるソフトは?

    今回はデザインを重視する方に向けて「おしゃれ」なホームページを作るのに向いている作成ソフトをランキン…
フォトマルシェ - PhotoMarche