段組をHAIKとWordPressで比較する

WordPressの段組設定は、プラグイン「WP Canvas Shortcodes」で実現できますが、HAIKの段組設定に比べたら些か面倒な設定になります。双方の段組設定を比較して実態を実感してみて下さい。いかにHAIKの段組が易しいか分かると思います。まあ多分に慣れの問題でしょうが・・・・・

WordPress側のソースコードを見てみると、Htmlタグ言語そのものって感じですね。
Html言語に抵抗感があってHAIKを導入したのに、今更、Html言語でもないと思いますが、HAIKを見限ってWordPressに移行するには、それ相当の覚悟がいると言うことです。


(ケースその1) ２段の段組を比較する

HAIKの場合

#cols{{
ああああああああああああ
いいいいいいいいいいいい
うううううううううううう
====
ええええええええええええ
おおおおおおおおおおおお
}}

WordPressの場合

[wc_row]
[wc_column size="one-half" position="first"]
ああああああああああああ
いいいいいいいいいいいい
うううううううううううう
[/wc_column]
[wc_column size="one-half" position="last"]
ええええええええええええ
おおおおおおおおおおおお
[/wc_column]
[/wc_row]

解説します。（主にWordPress側で）

  1. 全体を [wc_row] と [/wc_row] 囲みます。
  2. 一つの段組を [wc_column] と [/wc_column] で指定します。
  3. size="one-half"の意味は「２分の１」と言う意味です。
  4. position="first"で「２分の１」の一段目を表しています。
  5. position="last"で「２分の１」の二段目を表しています。


(ケースその2) ３段の段組を比較する

HAIKの場合

#cols(4,4,4){{
ああああああああああああ
いいいいいいいいいいいい
うううううううううううう
====
ええええええええええええ
おおおおおおおおおおおお
ああああああああああああ
====
いいいいいいいいいいいい
うううううううううううう
ええええええええええええ
}}

WordPressの場合

[wc_row]
[wc_column size="one-third" position="first"]
ああああああああああああ
いいいいいいいいいいいい
うううううううううううう
[/wc_column]
[wc_column size="one-third"]
ええええええええええええ
おおおおおおおおおおおお
ああああああああああああ
[/wc_column]
[wc_column size="one-third" position="last"]
いいいいいいいいいいいい
うううううううううううう
ええええええええええええ
[/wc_column]
[/wc_row]

解説します。（主にWordPress側で）

  1. 全体を [wc_row] と [/wc_row] 囲みます。
  2. 一つの段組を [wc_column] と [/wc_column] で指定します。
  3. size="one-third"の意味は「３分の１」と言う意味です。
  4. position="first"で「３分の１」の一段目を表しています。
  5. position="last"で「３分の１」の三段目を表しています。
  6. 「３分の１」の途中の段組では position= は指定しません。


当ページはパネルと段組の併用でできています。

詳細はコチラです。



戻る

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

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


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