サイトメンテナンスをしているので一時的に表示が崩れる場合があります。何卒ご理解頂けますようお願い申し上げます。

「WP-Thumbnail-and-Text」サンプルページ

「WP-Thumbnail-and-Text」サンプルページ

このページはWordpressプラグイン「WP-Thumbnail-and-Text」を使ったサンプルページです。

実際に「WP-Thumbnail-and-Text」使ったサンプルを載せてますので、ご利用前にイメージの参考にしてみてください。

また、「ショートコードテンプレート」「サンプルコード(書き方)」も載せてありますので、使い方を忘れた時などにこのページを確認されると便利です。

※当ページは最新バージョンのサンプルになります。

 ※本記事内で紹介しているサンプルコードの画像情報は以下として書いています。

Tipsアイコン[ サンプル画像の詳細情報 ]

[URL(白背景)]→ https://tips4life.me/sampleCat01.jpg
[URL(ピンク背景)]→ https://tips4life.me/sampleCat02.jpg
[width]→ 800px
[height]→ 1732px
[alt]→「サンプル画像01」と「サンプル画像02

Contents

「WP-Thumbnail-and-Text」のショートコードテンプレート

正方形のショートコードテンプレート

以下のコードをコピペしてから各値を入力すると効率的に使えます。

[wtt_size][wtt_flame][wtt_link][wtt_pos][wtt_url][wtt_width][wtt_height][wtt_alt][wtt_text][wtt_End]

丸型のショートコードテンプレート

正方形テンプレートの「[wtt_flame]」の次に「[wtt_circle]」を入れるだけで丸型のサムネイルに出来ます。

[wtt_size][wtt_flame][wtt_circle][wtt_link][wtt_pos][wtt_url][wtt_width][wtt_height][wtt_alt][wtt_text][wtt_End]

最低限のショートコードテンプレート

以下は「最低限これだけは無いと動かない」という最低限の必須ショートコードテンプレートです。

個人的に全力で非推奨ですので、あくまで参考程度にご確認ください。

[wtt_size][wtt_flame][wtt_link][wtt_pos][wtt_url][wtt_text][wtt_End]

備考

・お使いになる際は「必ず1行で」書いてください。改行やインデント等をすると正しく表示されなくなる場合があります。

「画像の表示位置」はデフォルトで「中央表示」させています。

ですので、各ショートコードの右へ値を入力していく際に「[wtt_pos]」の右には「未入力でも中央表示」されます。

・丸型サムネイルにすると、説明文は「縦の中央に表示」されます。

・スマホなど「横幅600px以下」でデバイスの表示幅がサムネイルよりも狭くなると、サムネイルは「自動的に横幅100%で縮小」されます。

上記から、PCなどの大きなウィンドウでは400pxなどの大きなサムネイルを表示、スマホなどの小さなウィンドウでは横幅100%で表示という事が可能です。

・横幅が600px以下になると、サムネイルの右側に表示されている説明文はサムネイルの下に表示されます。

・全てのサンプルを載せると膨大な量になるので「[wtt_size]240」以降は全て「[wtt_flame]01」だけサンプルを載せます。

[wtt_size]200

[wtt_size]」の後に「200」を入力した場合のサンプル。

サムネイルのサイズが「200px」のサンプルです。

[wtt_flame]01

[wtt_size]200[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_flame]02

[wtt_size]200[wtt_flame]」の後に「02」を入力した場合のサンプル。

ライトグレーの枠線でサムネイルを囲ったシンプルなフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_flame]03

[wtt_size]200[wtt_flame]」の後に「03」を入力した場合のサンプル。

ライトグレーの二重線と影が掛かったフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_flame]04

[wtt_size]200[wtt_flame]」の後に「04」を入力した場合のサンプル。

薄いピンクの枠線と薄い影のフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_flame]05

[wtt_size]200[wtt_flame]」の後に「05」を入力した場合のサンプル。

薄いブルーの枠線と薄い影のシンプルなフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_flame]06

[wtt_size]200[wtt_flame]」の後に「06」を入力した場合のサンプル。

カーキ(黄褐色)の枠線と薄い影のシンプルなフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]200[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_size]240

[wtt_size]」の後に「240」を入力した場合のサンプル。

サムネイルのサイズが「240px」のサンプルです。

[wtt_flame]01

[wtt_size]240[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]240[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]240[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]240[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]240[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_size]280

[wtt_size]」の後に「280」を入力した場合のサンプル。

サムネイルのサイズが「280px」のサンプルです。

[wtt_flame]01

[wtt_size]280[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]280[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]280[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]280[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]280[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_size]320

[wtt_size]」の後に「320」を入力した場合のサンプル。

サムネイルのサイズが「320px」のサンプルです。

[wtt_flame]01

[wtt_size]320[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]320[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]320[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]320[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]320[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_size]360

[wtt_size]」の後に「360」を入力した場合のサンプル。

サムネイルのサイズが「360px」のサンプルです。

[wtt_flame]01

[wtt_size]360[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]360[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]360[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]360[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]360[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

[wtt_size]400

[wtt_size]」の後に「400」を入力した場合のサンプル。

サムネイルのサイズが「400px」のサンプルです。

[wtt_flame]01

[wtt_size]400[wtt_flame]」の後に「01」を入力した場合のサンプル。

太めの白い枠線と影が掛かった写真っぽいイメージのフレームです。

「サムネイル:正方形」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]400[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:正方形」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]400[wtt_flame]01[wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(白背景)

サンプル画像01

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]400[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat01.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat01.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像01[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

「サムネイル:丸型」(ピンク背景)

サンプル画像02

こんな感じで説明文を書けるよ~
フレームも一応何種類か選べるよ~☆
画像の位置も調整出来るよ~♪

[wtt_size]400[wtt_flame]01[wtt_circle][wtt_link]https://tips4life.me/sampleCat02.jpg[wtt_pos][wtt_url]https://tips4life.me/sampleCat02.jpg[wtt_width]800[wtt_height]1732[wtt_alt]サンプル画像02[wtt_text]こんな感じで説明文を書けるよ~<br>フレームも一応何種類か選べるよ~☆<br>画像の位置も調整出来るよ~♪[wtt_End]

バグの報告やお問合わせ

使い方がわからなかったり、使ってみてバグを発見された方は「お問合わせ」もしくは「Twitter」からご連絡頂けたら幸いです。

CSSやWordpressテーマなどの特性上どうしても競合する場合があります。可能な限り対応はさせて頂きますが、内容によっては対応出来兼ねる場合があります。

クレジット必須ではありませんが、ご紹介頂けると今後の励みになります。個人作成の簡単なプラグインなので、改変なども含め全て無料で利用頂けます。

Top