特定ページで、ナビ/メニュー/フッターの変更

haikになって、特定のページで以下のことができるようになりました。

  • ヘッダーの編集(但し、Palleteシリーズの特定テーマしか対応していない)
  • ナビの編集
  • メニューの編集
  • フッターの編集

当ページをご覧になって、ナビ、サイド・メニュー、フッターが本来のページと異なっていることに気が付いたかと思います。即ち、

  • ナビが英語表示のナビになっています。但しリンク先のページは日本語ページです。
  • サイドメニューがアコーディオン化されたメニュー表示になっています。
  • フッターもアコーディオン化されたフッター表示になっています。


何故、こんなことができるのでしょうか?

当ページの先頭には、以下の3行のおまじないが挿入されているからです。

#nav(nav2)
#menu(menu2)
#footer(footer2)


本来のページとの違い

本来のページと特定ページ(当ページ)では、下表のような使用しているページが異なります。

 本来のページ特定ページ
ナビSiteNavigatornav2
メニューMenuBarmenu2
フッターSiteNavigator2footer2

 

特定ページを形成するナビ(nav2)、メニュー(menu2)、フッター(footer2)の各ページに、以降のソースコードを記述してあげれば良いのです。


どのような場面で利用されるのか?

特定ページで、ナビやメニューやフッターが変更できることによって、例えば、多言語対応サイトの作成が簡単になりました。

「五句」で作成する多言語対応見本サイト

haik_popで作成する多言語対応見本サイト


ページ名「nav2」のソースコードです。
#bs_nav(right){{
- [[Top>FrontPage]]
- [[Nice to meet you>初めまして]]
- haik theme-related
-- [[Sample page of haik>haikの見本ページ]]
-- [[Simple Series>Simpleシリーズ]]
-- [[Palleteシリーズ>Palleteシリーズ]]
-- [[haik theme variety>haikテーマいろいろ]]
-- [[Simple & palette>シンプル&パレット]]
-- [[haik theme seven wonders +1>haikテーマ7不思議]]
- Information exchange
-- [[Bulletin board>掲示板]]
-- [[Contact Us>お問い合せ]]
-- [[Blog>QBlog]]
}}


ページ名「menu2」のソースコードです。
- [[トップ>FrontPage]]
#bs_accordion{{
- インストール関連
- haikテーマ見本関連
- 画面編集/設定
- レスポンシブ考察
- 情報交換
====
[[キャンペーン企画]]
[[Ver6.0への更新処理]]
[[無料haikテーマの取得]]
[[QHMからの移行]]
[[haikテーマの取得]]
====
[[haikの見本ページ]]
[[Simpleシリーズ]]
[[Palleteシリーズ]]
[[haikテーマいろいろ]]
[[シンプル&パレット]]
[[haikテーマ7不思議]]
====
[[パーツの使い方]]
[[レイアウトの設定]]
[[ヘッダーの設定]]
[[メインビジュアル機能]]
[[デザインの変更>特定ページでデザイン変更]]
[[全てhaik_seedです>haik_seedで作るサイト]]
[[全てhaik_flatです>haik_flatで作るサイト]]
====
[[理想的な文章表現]]
[[haik化への留意点>http://fujigopc.com/haik/index.php?go=cmZl8h]]
[[haik環境で動かない機能>haikで機能しないQHM機能]]
====
[[よろず目安箱>掲示板]]
[[お問い合せ]]
[[個人指南申込み]]
[[HP作成で起業]]
}}
#search_menu
-アクセス件数
|~累計|~昨日|~今日|
|&counter(total);|&counter(yesterday);|&counter(today);|


ページ名「footer2」のソースコードです。
#section(bgcolor=#f2f2f2,color=#636466){{{{

#cols(3,3,3,3,++++){{{

#bs_accordion{{
- インストール関連
====
LEFT:
[[トップ>FrontPage]]
[[キャンペーン企画]]
[[Ver6.0への更新処理]]
[[無料haikテーマの取得]]
[[QHMからの移行]]
[[haikテーマの取得]]
[[haik講習会メニュー]]
}}

++++

#bs_accordion{{
- haikテーマ見本関連
====
LEFT:
[[haikの見本ページ]]
[[Simpleシリーズ]]
[[Palleteシリーズ]]
[[haikテーマいろいろ]]
[[シンプル&パレット]]
[[haikテーマ7不思議]]
}}

++++

#bs_accordion{{
- 画面編集/設定
====
LEFT:
[[パーツの使い方]]
[[レイアウトの設定]]
[[ヘッダーの設定]]
[[メインビジュアル機能]]
[[デザインの変更>特定ページでデザイン変更]]
[[全てhaik_seedです>haik_seedで作るサイト]]
[[全てhaik_flatです>haik_flatで作るサイト]]
}}

++++

#bs_accordion{{
- レスポンシブ考察
====
LEFT:
[[理想的な文章表現]]
[[haik化への留意点>http://fujigopc.com/haik/index.php?go=cmZl8h]]
[[haik環境で動かない機能>haikで機能しないQHM機能]]
[[レスポンシブ事例>haikで作るレスポンシブ事例]]
#share_buttons
LEFT:&deco(gray,12){a:&counter(total); t:&counter(today); y:&counter(yesterday);};
&qhmauth{ログイン};
}}

}}}
#br(20)
© 藤心QHMクラブ / 藤心819塾
}}}}


戻る

上記の関連記事はお役に立ちましたか?

  • 下記に投票して戴けると嬉しく思います。
    選択肢 投票
    役に立った 4  
    役に立たなかった 0  

上記に関する質問はコチラでお願いします