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

Elememtor 画像の上に文字 を表示される方法あれこれ。

Share on facebook
Share on twitter
Share on pocket
Share on pinterest
画像の上に文字を配置する方法

画像の上に文字 を表示するもっと簡単な方法とは?

Elememtor 画像の上に文字 と言っても色々な方法があります。もっとも簡単な方法から解説していきたいと思います!

おじさん
おじさん
わかった!画像編集ソフトで画像に文字を入れて、その画像を配置すればいいんだ!

んーーーーー残念!もちろんそれも一つの方法ですが、せっかくElementorを使う訳ですから、簡単に文字を表示させちゃいましょう。

そんなの私だって思いついたわよ・・・
おばさん
おばさん

まーまー(汗)画像に文字を入れ込むのも1つの方法ですから・・・

背景を活用して 画像の上に文字 

一番簡単なのは、セクションなどの背景に画像を設置して、テキスト系のウィジェットを配置するだけです。

おばさん
おばさん
雑ね・・・もっと分かりやすく教えなさいよ!

し、失礼しました・・・

①セクションを配置して、高さを付ける

pictonmoji_1

こうする事で、背景画像を大きく表示出来ます。

おばさん
おばさん
手抜きよ、手抜き!


②背景で画像を設定する

pictonmoji_2

背景の詳しい設定方法(画像の位置は表示方法など)4については、こちらの記事を参照下さい。

Elementor 背景 攻略(前編)背景の種類と使い方

背景 攻略(後編)背景の種類と使い方

おばさん
おばさん
手抜きよ、手抜き

ち、ちがいますよ!こっちの方が詳しく解説してるので・・・

③文字系ウィジェット(見出しウィジェット)を置いてみよう!

pictonmoji_3

あとは、デザイン次第!という訳で、新年のご挨拶。

pictonmoji_4

おじさん
おじさん
季節感・・・
また年をとるのね・・・
おばさん
おばさん