レイアウト編
本文以外の領域を非表示にする
haikの無料テーマ(haik_seed)は、以下の5つのパートで構成されています。
- ナビ
- アイキャッチ
- コンテンツ
- メニュー
- フッター
コンテンツのみを表示し、他をすべて非表示にする方法です。
なぜ、こんなことをする必要があるかというと、haikで作成していないサイトのリンク先にページを作成したいときに、haikでそのページを作成してリンクします。
そのリンク先のページは背景が白で、何もないページですので、自分が好きなように作成できます。
実例として、haik forumを作成しましたが、その説明文のページに haik を使っています。
haik forumは haikとはまったく異なるプログラムなので、haikみたいに簡単に説明は書けません。PHPのソースを改造する必要があり面倒です。
そこで、haikの画面構成をいじってhaik forumの一部として使用しました。
haik forumの説明の画面はこちら ⇒ haik forumについて
同様なページは他のサイトでも行っています。
- 例) @LINE のページからリンクする先のページを haikで作成する。
これはかなり実用性があります。
【手順】
1.改造したいページに以下のスクリプトをコピーして貼り付ける。
//ヘッダー、フッター、メニューなどを非表示にするCSS #beforescript{{ <style type="text/css"> <!-- .haik-headcopy h1 { display: none; } nav .container { display: none; } .col-sm-3 { display: none; } #qhm_section_1 { display: none; } .haik-footer{ display: none; } .haik-palette-orange .haik-licence { display: none; } --> </style> }}
注意:
この例のCSS .haik-palette-orange は、テーマカラーにオレンジを選択してあるので、.haik-palette-orange を自分が使用しているテーマカラーの色に変更すること。
これだけです。
画面構成を変更する
メニューを表示しない
ナビを表示しない
フッターを表示しない
(未稿)