インストラクターのブログ

ギャラリーページの応用 -段組・画像サイズ-

投稿日:2008-09-13 02:50 / 更新日:2011-03-11 12:14

画像についてはココで即解決!

2011/3/11 ご案内
「ブログFiT」では、公開時に、あらかじめ3種類のレイアウトの「ギャラリー」ページを用意してあります。通常は、そのページをご利用いただければ、充分機能いたします。
以下は、自動で作成するギャラリーページ機能が無かった当時のサポート記事です。
自分自身で、ギャラリーページを作成したい場合にご利用ください。

「ギャラリー」ページはショートコードを指定すると、ページ幅に合わせて、画像を自動配置してくれます。
今回は、画像の段組を指定しましょう。つまり2列表示にしたり、3列表示にしたりできます。
また、画像の表示サイズも変えられるので、画像を大きくして、1列表示にし、更にギャラリーっぽくする事も可能です。

ギャラリーページに記述する、ショートコードのサンプルをいくつかご紹介します。

■段組の指定

“kougabu”の後ろに、半角の空白を開けて、columns=”n” と記述します。
“n” に列数を指定します。
例えば・・・

  • [kougabu columns=”1″]・・・1段組(1列表示)の場合
  • [kougabu columns=”2″]・・・2段組(2列表示)の場合
  • [kougabu columns=”3″]・・・3段組(3列表示)の場合

    【↑3段組の表示サンプル】
  • [kougabu columns=”4″]・・・4段組(4列表示)の場合

等です。

もちろん、ページの幅に合わせた段組にしてください。

■画像サイズ

画像の横幅と縦の最大値を指定します。
“kougabu” と columns=”n” の間に、半角の空白を開けて、max_width=”m” max_height=”m” と記述します。

max_width=”m”・・・最大横幅
max_height=”m”・・・最大高さ
“m”・・・ここにサイズ(単位:ピクセル)を記入します。
※”_” アンダーバーは [Shift]+[ろ] です。キーボードの右下です。

例えば・・・

  • 綺麗に2列で表示させたい。
    [kougabu max_width=”200” max_height=”200” columns=”2″]
    サムネイルをサイズ 200×200ピクセル の 2カラム(段組)
  • 写真を大きく、アルバム風にしたい。
    [kougabu max_width=”400” max_height=”400” columns=”1″]
    サムネイルをサイズ 400×400ピクセル の 1カラム(段組)
  • 縦型写真も大きくアルバムにしたい
    [kougabu max_width=”400” max_height=”550” columns=”1″]
    横幅は400ピクセル、高さは550ピクセルに収まる画像で表示。

画像の 縦横の比率は維持します。また指定サイズに満たない画像は、実寸で表示されます。”400×400″の指定で、実寸”300×200″の画像はそのまま”300×200″で表示されます。

※注意

  • ショートコードは全て半角の英数字です。[ ] も半角です。ここでは、カッコを全角で表示しています。(半角にすると、ショートコードが機能してしまうため)
  • この機能だけでは、まだ足りない気がしますよね。そうです。ページング機能もあります。1ページに表示する画像数の指定と、複数ページの指定も可能です。
    これについては、近日中に公開します。

セレクト・サポート記事

  • 画像について

最新の情報(更新順)

一覧

カテゴリー

便利な使い方

一覧


Go Top