ページを増やす方法 / ホームページビルダー21・22フルcssテンプレート編集
ページを増やす方法 / ホームページビルダー21・22フルcssテンプレート編集
ページを増やす方法 / ホームページビルダー21・22フルcssテンプレート編集
ページを増やす方法
- アート家電サービスのホームページに「エアコン」というページが必要になりました。
このテンプレートで用意されたページには「エアコン」などという項目のページなどありません。
私は、独自にページを増やす方法を考えでしました。
(独自方法でない場合)
【ページを増やす方法】
①先ほど編集したTOPページをコピーしてページを増やします。
②ドキュメントから「mysite1」のフォルダをクリックして開きます。
私の場合はドキュメントから「アート家電サービス」のフォルダを開きます。
- 「index」のファイルの上で右クリックします。
更に「コピー（C)」を選択します。
- 何もないところで（何もないところがわからない場合はかまわず）右クリックし、更に「貼り付け（P）」を選択します。
- その結果、「index」ファイルの脇に「index-コピー」ファイルが作成されたのが確認できます。
「index-コピー」のファイルを右クリックし、「名前の変更（M）」を選択し更に名前を「aircon」に変更します。
- ドキュメントの中の「mysite」に「aircon」というファイルが作成されました。
「aircon」のファイルの内容は「index」のファイルの内容其のままです。
理解できない時は「aircon」のファイルをクリックして確認してみましょう。
ここで「アート家電サービス」又は「mysite」のファイルの編集は一旦終了です。
- ホームページビルダーを起動し「ビジュアルサイトビュー」からTOP（index.html）ページを開きます。
「ソース編集」からナビゲーションの位置が編集できるように表示します。
ナビゲーションのソースで
トップページ「index.html」のHTMLを先頭から最後までドラッグし、右クリックして「コピー（P）」を選択します。
（画像の青い部分です。画像では見えない＜/a＞の最後までドラッグしコピーします。）
- 「トップページ」のHTMLの最後に（●印を付けておきました）マウスインして「貼り付け（P）」を選択します。
- 貼り付けました。
見た目なんとなく不揃いですがこのままでOKです。
- 増やしたページのHTMLを書き変えます。
＜a href=”index.html”＞を
＜a href=”aircon.html”＞と書き変えます。
更に、
ja”＞トップページ＜/span を
ja”＞エアコン＜/span と書き変えます。
書き換えが終了したら「ビジュアルサイトビュー」にいったん戻ってみましょう。
- 「aircon.html」のページが追加されリンクされているのがわかります。
これで「aircon.html」のページをクリックして編集することができます。
- ▼普通ホームページビルダーのページの追加は、ビジュアルサイトビューを開いてメニューから「編集(E)」→「新規ページを作成(A)」とするようです。
▼ TOPページの「index」のように上部にタイトル写真が入らなくて良い場合は、「service」のページをこのページの説明のようにコピーして「ページの追加」とし使用します。
- ▼質問やお問い合わせは、LINEでお願い致します。(無料)
▼LINE登録は、QRコードをタップして下さい。
