WordPressのテーマビルダープラグイン「Elementor」のファンブログ

画像ボックス アイデア次第で何気に便利?!

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
pictbox-widget-thumbnail-min

画像ボックス ウィジェット使ってますか?

pictbox-1久々のウィジェット図鑑向け記事です。今回は画像ウィジェットを見てみたいと思います!アイデア次第では何気に便利な 画像ボックス を使って見ましょう!

画像ボックス ウィジェットは、Elementorの無料版でも使えるウィジェットです。Pro版のダイナミック機能と合わせると何やら色々出来ちゃう予感です。

おじさん
おじさん
あんまり使わないな・・・


あんたみたいね・・・
おばさん
おばさん


仲が良いですね・・・あははっ・・・(汗)

画像ボックス ウィジェットの基本

おじさん
おじさん
ところで、アイコンボックスとは何が違うの?

おっといきなり鋭いご質問!ですよね、正直、画像かアイコンかの違いです。が、アイデア次第では・・・

さっさと、説明しなさいよ!
おばさん
おばさん

あ、はい・・・

画像ボックス とは?

pictbox-3

画像ウィジェット+見出しウィジェット+テキストエディターが1セットになった様なものが、画像ボックスです。「本文」部分はテキストエディターウィジェットの様に、太文字にしたり、改行したりが基本出来ません。(※一部HTMLタグ使用可能)

①コンテンツタグの設定について

pictbox-4

画像とタイトルは、それぞれ画像ウィジェットと見出しウィジェットとほぼほぼ同じです。ですが、リンクの設定については、1箇所設定してしまえば、画像にもタイトルにもリンクが反映されます。

おばさん
おばさん
まさか、使うメリットってそれだけ・・・?

いやいや、まだ早いですよそのセリフ・・・(汗)

本文(説明)箇所については、テキストエディターとは意外、見出しの長文バージョンみたいな仕様です。なので、改行しても改行されません・・・。

む、む、むしろデメリット・・・
おばさん
おばさん

まぁまぁ・・・焦らず最後まで・・・

画像の位置は下のサンプル画像をご覧下さい。

pictbox-5

(訂正)上の画像内の中央寄せですが、正しくは上寄せです。

左右寄せでリスト形にして、ブログ記事っぽくしてもいいですし、上寄せでおっきく見せるのも良いですね!

そして忘れてはいけないのが、「タイトルHTMLタグ」 です。タイトルのタグのデフォルト設定はH3です。本文は通常のテキスト同様に、pタグです。

pictbox-6

②スタイルタブの設定について