レイアウト編

本文以外の領域を非表示にする

haikの無料テーマ(haik_seed)は、以下の５つのパートで構成されています。

• ナビ
• アイキャッチ
• コンテンツ
• メニュー
• フッター

コンテンツのみを表示し、他をすべて非表示にする方法です。
なぜ、こんなことをする必要があるかというと、haikで作成していないサイトのリンク先にページを作成したいときに、haikでそのページを作成してリンクします。
そのリンク先のページは背景が白で、何もないページですので、自分が好きなように作成できます。
実例として、haik forumを作成しましたが、その説明文のページに　haik を使っています。
haik forumは haikとはまったく異なるプログラムなので、haikみたいに簡単に説明は書けません。PHPのソースを改造する必要があり面倒です。
そこで、haikの画面構成をいじって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 を自分が使用しているテーマカラーの色に変更すること。

これだけです。

画面構成を変更する

メニューを表示しない

ナビを表示しない

フッターを表示しない

(未稿)