2019/06/23
このページは本来のサイドバー付きの『subpage.html』のサンプルを兼ねています。
追加した項目等をサイドバーに置いてみようと思います。
サイトについて
About
ナビゲーションメニュー等のアイコン
ナビバーのサブタイトルにアイコンを追加しました。
：WordPressの固定ページの感じです。
：サイト内のカテゴリーの意味です。
：外部リンクのリストです。
：本文中で使用していますが、外部リンクそのものです。
１カラムに変更
今回、数年ぶりにHTMLサイトを作ってみて『PHP』の便利さを痛感しました。
『ヘッダー』『本文』『サイドバー』『フッター』に分かれている『PHP』は、『パーツ』を更新すれば全ページに反映されます。
一方こちらの静的HTMLは、『ナビバー』『サイドバー』『フッター』をいじれば、全ページ更新する必要があります。
そこで、、、『：サイト内のカテゴリー』を導入し、目次ページとしました。
そして固定ページ・投稿ページに相当する子ページはエリアを広く使えるように１カラムに変更しました。
HTMLタグのコピーボタン
下のような記述の枠内にマウスオンすると、右上にCSS(HTML)Copyというボタンが出ます。
Copy をクリックして、Copied! に変わったら枠内が全部コピーされています。
『メモ帳』等のエディターにペースト(貼り付け)して、同じ名前『〜〜.css』『〜〜.html』等で保存してご利用下さい。
/* トップページの1カラム */
#main2{
float:right;
width:930px;
padding-right:15px;
}