QHMソースコードを『Pukiwiki for WordPress』で表示 - IT父さん Web活動日記

このページは、QHMのソースをプラグイン『PukiWiki for WordPress』を使用して表示しています。

下記「横線」の下からが対象

[pukiwiki]

TITLE:Top
//#menu(:Members/N_Menu)
#clear
/////////
* ”Quick Homepage Maker 標準デザインサンプル集 &br;QHM-haik Version：V6.04 使用&br; By 株式会社ＮＦＣ” [#nea76911] ようこそ！
”Quick Homepage Maker 標準デザインサンプル集 By 株式会社ＮＦＣ”へ

このサイトはQHMプロの標準デザインテンプレートを各４パターンに分けてサンプル表示しています。

//////
#slideshow(200,false,3){{
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_1-1.gif,サンプル1
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_1-2.gif,サンプル2
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_1-3.gif,サンプル3
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_2-1.gif,サンプル4
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_2-2.gif,サンプル5
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_2-3.gif,サンプル6
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_3-1.gif,サンプル7
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_3-2.gif,サンプル8
http://qhm.nfc-jp.net/swfu/d/NFC-QHM_Show_3-3.gif,サンプル9
}}
#clear
&br;
#style(class=box_red_ssl){{
* デザインの表示種類
QHMでは、デザイン表示の際に、

– #main_visual
– #logo_image

といった、「おまじない」で画像表示することが可能です。

このサイトでは、QHMの標準デザインを下記4パターンでサンプル表示します。
+ #main_visual・#logo_image 共に表示しない
+ #main_visual のみ表示
+ #logo_image のみ表示
+ #main_visual・#logo_image 両方表示

表示させる画像は全デザイン共通で、
– #main_visual 横750px・縦200px
&show(NFC_LOGO_Tile_Wid3_750x200.jpg,50%,#main_visual 横750px・縦200px);
– #logo_image 横750px・縦200px
&show(nfc_header_01-0750.png,50%,#logo_image 横750px・縦200px);

としました。
——
* デザインの表示方法
– 各サンプルページの表示はQHMのページ毎にデザインを設定する機能
#include_skin
を使用しています。
– 各命令文の順序は下記の通りです。
— #include_skin (各サンプルページ共通)
— #logo_image (パターン3･パターン4)
— #main_visual (パターン2･パターン4)
– コンテンツ表示部分は、全て共通で同じ命令文を記述しています。
QHM-haik専用のものは未使用です。

#clear
}}
#clear
&br;
///////////////
* メニュー [#k92008d9] ///////
** [[QHM-haik>http://haik.nfc-jp.net]] [#i67d36cf] *** [[haik_Palette>http://haik.nfc-jp.net/index.php?haik_Palette]] [#g9c4d5f3] 2015-07-31追加デザイン
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_tent/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_tent,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_drawing/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_drawing,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_doc/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_doc,135×150,click);|
2015-07-24追加デザイン
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_cool/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_cool,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_fabric/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_fabric,135×150,click);|
#clear
2015-07-17追加デザイン
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_pop/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_pop,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_kinaco/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_kinaco,135×150,click);|
#clear
2015-07-09追加デザイン
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_flat/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_flat,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_moi/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_moi,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_bio/thumbnail.png,http://haik.nfc-jp.net/index.php?haik_Palette%2Fhaik_bio,135×150,click);|
#clear
&br;
///////
///////
*** [[QHM-haik [10] 2014-06-16追加>http://haik.nfc-jp.net/index.php?haik_Simple]] [#t1df1b0f] |CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_ikk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_ikk,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_nik/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_nik,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_sank/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_sank,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_yonk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_yonk,135×150,click);|
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_gok/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_gok,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_rokk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_rokk,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_nanak/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_nanak,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_hakk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_hakk,135×150,click);|
|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_kyuk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_kyuk,135×150,click);|CENTER:&show(http://qhm.nfc-jp.net/skin/hokukenstyle/haik_jikk/thumbnail.jpg,http://haik.nfc-jp.net/index.php?haik_Simple%2Fhaik_jikk,135×150,click);|||
#clear
&br;
///////
** [[QHM 新デザイン 2012年11月追加分サンプル>NewDesign]] [#mefce7b2] *** [[デザイン名称：check系2カラム [3] 2012-11-01追加>Check]] [#m4f6c928] |CENTER:&show(thumbnail-check_red.png,linkurl=Check,135×150,click);|CENTER:&show(thumbnail-check_navy.png,linkurl=Check,135×150,click);|CENTER:&show(thumbnail-check_black.png,linkurl=Check,135×150,click);|
*** [[デザイン名称：glass系2カラム [2] 2012-11-01追加>Glass]] [#i957b81e] |CENTER:&show(thumbnail-glass_yellow.png,linkurl=Glass,135×150,click);|CENTER:&show(thumbnail-glass_orange.png,linkurl=Glass,135×150,click);|
*** [[デザイン名称：metal系2カラム [1] 2012-11-01追加>Metal]] [#n6b73db2] |CENTER:&show(thumbnail-metal_01.png,linkurl=Metal,135×150,click);|
*** [[デザイン名称：natural系2カラム [4] 2012-11-01追加>Natural]] [#v54e63e9] |CENTER:&show(thumbnail-natural_01.png,linkurl=Natural,135×150,click);|CENTER:&show(thumbnail-natural_02.png,linkurl=Natural,135×150,click);|CENTER:&show(thumbnail-natural_03.png,linkurl=Natural,135×150,click);|CENTER:&show(thumbnail-natural_04.png,linkurl=Natural,135×150,click);|
*** [[デザイン名称：pastel系2カラム [3] 2012-11-01追加>Pastel]] [#e54d36c2] |CENTER:&show(thumbnail-pastel_pink.png,linkurl=Pastel,135×150,click);|CENTER:&show(thumbnail-pastel_blue.png,linkurl=Pastel,135×150,click);|CENTER:&show(thumbnail-pastel_cream.png,linkurl=Pastel,135×150,click);|
*** [[デザイン名称：simple_系2カラム [7] 2012-11-01追加>Simple_2012-11]] [#gfb4281c] |CENTER:&show(thumbnail-simple_01.png,linkurl=Simple_2012-11,135×150,click);|CENTER:&show(thumbnail-simple_pink.png,linkurl=Simple_2012-11,135×150,click);|CENTER:&show(thumbnail-simple_orange.png,linkurl=Simple_2012-11,135×150,click);|CENTER:&show(thumbnail-simple_navy.png,linkurl=Simple_2012-11,135×150,click);|
|CENTER:&show(thumbnail-simple_gray.png,linkurl=Simple_2012-11,135×150,click);|CENTER:&show(thumbnail-simple_blue.png,linkurl=Simple_2012-11,135×150,click);|CENTER:&show(thumbnail-simple_02.png,linkurl=Simple_2012-11,135×150,click);||
*** [[デザイン名称：wall系2カラム [7] 2012-11-01追加>Wall]] [#d02f7bb2] |CENTER:&show(thumbnail-wall_01.png,linkurl=Wall,135×150,click);|CENTER:&show(thumbnail-wall_02.png,linkurl=Wall,135×150,click);|CENTER:&show(thumbnail-wall_03.png,linkurl=Wall,135×150,click);|CENTER:&show(thumbnail-wall_wood.png,linkurl=Wall,135×150,click);|
|CENTER:&show(thumbnail-wall_blue.png,linkurl=Wall,135×150,click);|CENTER:&show(thumbnail-wall_pink.png,linkurl=Wall,135×150,click);|CENTER:&show(thumbnail-wall_green.png,linkurl=Wall,135×150,click);||
///////
** [[QHM 新デザイン 2011年12月追加分>New_2011-12]] [#kd6600ba] *** [[企業向け：biz系2カラム [7] 2011-12-13追加>Biz]] [#l2167e6b] |CENTER:&show(thumbnail-biz_black.png,linkurl=Biz,135×150,click);|CENTER:&show(thumbnail-biz_blue.png,linkurl=Biz,135×150,click);|CENTER:&show(thumbnail-biz_green.png,linkurl=Biz,135×150,click);|CENTER:&show(thumbnail-biz_lime.png,linkurl=Biz,135×150,click);|
|CENTER:&show(thumbnail-biz_orange.png,linkurl=Biz,135×150,click);|CENTER:&show(thumbnail-biz_red.png,linkurl=Biz,135×150,click);|CENTER:&show(thumbnail-biz_yellow.png,linkurl=Biz,135×150,click);||
*** [[企業向け：biz系3カラム [7] 2011-12-22追加>Biz3C]] [#kcf86e53] |CENTER:&show(thumbnail-3_biz_black.png,linkurl=Biz3C,135×150,click);|CENTER:&show(thumbnail-3_biz_blue.png,linkurl=Biz3C,135×150,click);|CENTER:&show(thumbnail-3_biz_green.png,linkurl=Biz3C,135×150,click);|CENTER:&show(thumbnail-3_biz_lime.png,linkurl=Biz3C,135×150,click);|
|CENTER:&show(thumbnail-3_biz_orange.png,linkurl=Biz3C,135×150,click);|CENTER:&show(thumbnail-3_biz_red.png,linkurl=Biz3C,135×150,click);|CENTER:&show(thumbnail-3_biz_yellow.png,linkurl=Biz3C,135×150,click);||
*** [[シンプル：simple_系2カラム [9] 2011-12-22追加>Simple2C]] [#l2167e6b] |CENTER:&show(thumbnail-simple_black.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_white.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_colorBlack.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_colorBlue.png,linkurl=Simple2C,135×150,click);|
|CENTER:&show(thumbnail-simple_colorGreen.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_colorOrange.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_colorRed.png,linkurl=Simple2C,135×150,click);|CENTER:&show(thumbnail-simple_colorSky.png,linkurl=Simple2C,135×150,click);|
|CENTER:&show(thumbnail-simple_colorYellow.png,linkurl=Simple2C,135×150,click);||||
*** [[グラデーション：gra系2カラム [6] 2011-12-22追加>Gra2C]] [#ac6fa87b] |CENTER:&show(thumbnail-gra_gray.png,linkurl=Gra2C,135×150,click);|CENTER:&show(thumbnail-gra_blue.png,linkurl=Gra2C,135×150,click);|CENTER:&show(thumbnail-gra_green.png,linkurl=Gra2C,135×150,click);|CENTER:&show(thumbnail-gra_pink.png,linkurl=Gra2C,135×150,click);|
|CENTER:&show(thumbnail-gra_red.png,linkurl=Gra2C,135×150,click);|CENTER:&show(thumbnail-gra_gold.png,linkurl=Gra2C,135×150,click);|||
///////
** [[標準3カラム [3]>Std3C]] [#se43c367] |CENTER:&show(thumbnail-3_green01.png,linkurl=Std3C,135×150,click);|CENTER:&show(thumbnail-3_greenblue01.png,linkurl=Std3C,135×150,click);|CENTER:&show(thumbnail-3_purple01.png,linkurl=Std3C,135×150,click);|
///////
** [[デザイン名称：g_w系 [29]>g_w]] [#x27d7974] *** [[デザイン名称：g_w色系 [4]>g_w/g_wColor]] [#n3b77f51] *** [[デザイン名称：g_wcool [5]>g_w/g_wcool]] [#z6b79a3f] *** [[デザイン名称：g_wcute [12]>g_w/g_wcute]] [#ae2eaec9] *** [[デザイン名称：g_wide [8]>g_w/g_wide]] [#mf338d8d] ///////
** [[デザイン名称：g_色系 [30]>g_Color]] [#ra905950] *** [[デザイン名称：g_black [4]>g_Color/g_black]] [#l556682a] *** [[デザイン名称：g_blue [6]>g_Color/g_blue]] [#eab72097] *** [[デザイン名称：g_brown [2]>g_Color/g_brown]] [#e0fc62a7] *** [[デザイン名称：g_gray [3]>g_Color/g_gray]] [#eb51bb18] *** [[デザイン名称：g_green [6]>g_Color/g_green]] [#r19ddd93] *** [[デザイン名称：g_orange [2]>g_Color/g_orange]] [#x30c5182] *** [[デザイン名称：g_pink [3]>g_Color/g_pink]] [#c5efaf80] *** [[デザイン名称：g_red [3]>g_Color/g_red]] [#bbda12a0] *** [[デザイン名称：g_yellow [1]>g_Color/g_yellow]] [#ze7a00d6] ///////
** [[デザイン名称：g_イメージ系 [10]>g_Image]] [#gc44802f] |CENTER:&show(thumbnail-g_flower01.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_japanese01.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_japanese02.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_leaf01.png,linkurl=g_Image,135×150,click);|
|CENTER:&show(thumbnail-g_modern01.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_modern02.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_modern03.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_modern04.png,linkurl=g_Image,135×150,click);|
|CENTER:&show(thumbnail-g_sepia01.png,linkurl=g_Image,135×150,click);|CENTER:&show(thumbnail-g_snow01.png,linkurl=g_Image,135×150,click);|||
///////
** [[デザイン名称：色系 [23]>Color]] [#acf2499c] *** [[デザイン名称：black [2]>Color/black]] [#n96b84d8] *** [[デザイン名称：blue [6]>Color/blue]] [#p352d1b4] *** [[デザイン名称：brown [3]>Color/brown]] [#w5a3403c] *** [[デザイン名称：green [1]>Color/green]] [#k3c07fa6] *** [[デザイン名称：orange [1]>Color/orange]] [#w5200b75] *** [[デザイン名称：pink [1]>Color/pink]] [#pd69c8c2] *** [[デザイン名称：purple [3]>Color/purple]] [#ib3a4695] *** [[デザイン名称：red [6]>Color/red]] [#b9064338] ///////
** [[デザイン名称：simple [5]>simple]] [#f949f26b] |CENTER:&show(thumbnail-simple01.png,linkurl=simple,135×150,click);|CENTER:&show(thumbnail-simple02.png,linkurl=simple,135×150,click);|CENTER:&show(thumbnail-simple03.png,linkurl=simple,135×150,click);|CENTER:&show(thumbnail-simple04.png,linkurl=simple,135×150,click);|
|CENTER:&show(thumbnail-simple05.png,linkurl=simple,135×150,click);||||
#clear
&br;
———————
* QHMとは [#z12d40fc] Quick Homepage Maker (QHM)は、ホームページ上でホームページを編集し、直感的で、簡単、素早く、きれいに仕上げることができます。

##使い方は、会員サイトなど##をご覧下さい。

無料体験は下記バナーをクリック

ここは画像リンクでした

#clear
&br;
——————-
** Facebook [#n7feee70] 【ここは『おまじない』#fb_likebox でした】

#clear
&br;
#clear
——————-
* デザインの表示方法 [#s642d75c] QHMでは、デザイン表示の際に、

– #main_visual
– #logo_image

といった、「おまじない」で画像表示することが可能です。

としました。
#clear
&br;
—————–
** [[公式Website>https://nfc-jp.net]] [#r21e07ac] 【ここは『おまじない』#html を使用していました。】

#clear
&br;
//////////////////
——

[/pukiwiki]