1. メシオプレス02サンプルサイトTOP
  2. ショートコード一覧
  3. ≫写真とテキスト枠

写真とテキスト枠

写真とテキスト枠のサンプルです。

色の指定

★ピンク[photo_frame color=”pink”]

bubuka

ブブカがキタ━━━━(゚∀゚)━━━━ッ!!
サプリも付いてきたから、これでわしも半年後にはフッサフサやで!

★水色[photo_frame color=”blue”]

bubuka

ここはキャプションです。
ここはキャプションです。

★黄緑[photo_frame color=”green”]

bubuka

ここはキャプションです。
ここはキャプションです。

★黒 [photo_frame color=”black”]

bubuka

ここはキャプションです。
ここはキャプションです。

★白[photo_frame color=”white”]

bubuka

ここはキャプションです。
ここはキャプションです。

幅を自分で設定したい場合

レイアウト上の理由などで枠の幅を調整したい場合に使います。

[photo_frame color=”black” width=”600″]

と指定した場合、サンプルは次の様に表示されます。

bubuka

ここはキャプションです。
ここはキャプションです。

回り込みの設定

中央寄せの場合

bubuka

ここはキャプションです。
ここはキャプションです。


中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。中央寄せの場合。

左寄せの場合。

ここはキャプションです。
ここはキャプションです。


左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。左寄せの場合。

右寄せの場合。

ここはキャプションです。
ここはキャプションです。


右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。右寄せの場合。

写真だけを表示させたい場合

写真だけを表示させたい場合は、下記のように画像のソース以外書かないでください。

[photo_frame color=”blue”]
<img src=”画像のURL” width=”200″ height=”129″ />
[/photo_frame]

画像のクラス指定は「なし(class=”alignnone)」にしてください。そうしないと、下側の余白がなくなってしまいます。中央寄せにしたい場合は、ショートコード内に「align=”center”」を設定してください。

bubuka

写真のみ&中央寄せ

bubuka

写真枠を並べて表示させたい

写真枠を並べて表示したい場合は写真枠にalignパラメータを設定し、かつ[colmun]ショートコードで囲みます。
[colmun]
写真枠たち
[/colmun]

ここはキャプションです。
ここはキャプションです。

ここはキャプションです。
ここはキャプションです。

基本的に左寄せになってしまいます。右側のスペースが気になる場合は写真枠のwidthか写真の幅を調整して対応してください。

キャプションあり

シェアをお願いします。

固定ページ下部ウィジェット

  • 固定ページ下部ウィジェット