WordPress 主题 Vicuna - Layout Pattern

Single column

class: single
layout.css: -
module: -

<body class="single">

Single column + Eye catch [Long]

class: single
layout.css: -
module: eyeCatch[2]

<body class="single"> and mod_eyeCatch-long.css

2column

class: double
layout.css: -
module: -

<body class="double">

2column + Eye catch [Short]

class: double
layout.css: -
module: eyeCatch[1]

<body class="double"> and mod_eyeCatch-short.css

2column + Eye Catch [Long]

class: double
layout.css: -
module: eyeCatch[2]

<body class="double"> and mod_eyeCatch-long.css

2column + Eye catch [Mini]

class: double
layout.css: -
module: eyeCatch[3]

<body class="double"> and mod_eyeCatch-mini.css

2column Left menu

class: double
layout.css: ←★→反転
module: -

<body class="double">の指定と4-layout.cssの[←★→]のある行の編集をしたページは上記のように表示されます。

2column Left menu + Eye catch [Short]

class: double
layout.css: ←★→反転
module: eyeCatch[1]

<body class="double">の指定と4-layout.cssの[←★→]のある行の編集、mod_eyeCatch-short.cssを読み込ませたページは上記のように表示されます。

2column Left menu + Eye catch [Long]

class: double
layout.css: ←★→反転
module: eyeCatch[2]

<body class="double">の指定と4-layout.cssの[←★→]のある行の編集、mod_eyeCatch-long.cssを読み込ませたページは上記のように表示されます。

2column Left menu + Eye catch [Mini]

class: double
layout.css: ←★→反転
module: eyeCatch[3]

<body class="double">の指定と4-layout.cssの[←★→]のある行の編集、mod_eyeCatch-mini.cssを読み込ませたページは上記のように表示されます。

3column [Type1]

class: multi
layout.css: -
module: multiCol[1]

<body class="multi">の指定とmod_multiCol-Type1.cssを読み込ませたページは上記のように表示されます。

3column [Type1] + Eye catch [Short]

class: multi
layout.css: -
module: multiCol[1]; eyeCatch[1]

<body class="multi">の指定とmod_multiCol-Type1.cssとmod_eyeCatch-short.cssを読み込ませたページは上記のように表示されます。

3column [Type1] + Eye catch [Long]

class: multi
layout.css: -
module: multiCol[1]; eyeCatch[2]

<body class="multi"> and mod_multiCol-Type1.css and mod_eyeCatch-long.css

3column [Type1] + Eye catch [Mini]

class: multi
layout.css: -
module: multiCol[1]; eyeCatch[3]

<body class="multi"> and mod_multiCol-Type1.css and mod_eyeCatch-mini.css

3column [Type2]

class: multi
layout.css: -
module: multiCol[2]

<body class="multi"> and mod_multiCol-Type2.css

3column [Type2] + Eye catch [Short]

class: multi
layout.css: -
module: multiCol[2]; eyeCatch[1]

<body class="multi"> and mod_multiCol-Type2.css and mod_eyeCatch-short.css

3column [Type2] + Eye catch [Long]

class: multi
layout.css: -
module: multiCol[2]; eyeCatch[2]

<body class="multi"> and mod_multiCol-Type2.css and mod_eyeCatch-long.css

3column [Type2] + Eye catch [Mini]

class: multi
layout.css: -
module: multiCol[2]; eyeCatch[3]

<body class="multi"> and mod_multiCol-Type2.css and mod_eyeCatch-mini.css