レイアウト編

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

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 を自分が使用しているテーマカラーの色に変更すること。

これだけです。

画面構成を変更する

メニューを表示しない

ナビを表示しない

フッターを表示しない

(未稿)

ご意見箱

皆様のご意見をお待ちします。


当ページは役に立ちましたか?

選択肢 投票
とても役に立った 0  
少しだけ 0  
あんまり 0