サイトデザイン

ワードプレスで画像上に文字を埋め込む方法

看板
今回は画像の内側に文章を
埋め込む方法を動画で解説
しております

今回は画像に文章を埋め込む方法を動画で解説しました
看板内の文章をドラッグするとわかると思いますが画像に文章が埋め込んであります

文章なんてphotoshopとかペイントとかgimpとかphotoscapeとかで画像の上に重ねちゃえば簡単じゃん!って思う方もいるかもしれませ んが、このテクニックはLP(ランディングページ)とか作るときに地味に活躍します。

応用すればこんなふうに画像内にメルマガのフォームなんかも埋め込めますしね↓
(適当に作ったので文字の色がかぶってて見にくいですが)

OLYMPUS DIGITAL CAMERA

*メールアドレス
*名前
      

ワードプレスで画像上に文字を埋め込む方法 動画

動画内で使用しているタグはこちらです↓↓コピーして動画で指定している場所を各自変えてみて使用してみてください

<div style="position: relative;">
<img class="aligncenter size-full wp-image-1136" alt="看板" src="https://keishixx.com/wp/wp-content/uploads/2013/09/6a58c88246effc15c7194a0832eacb69.jpg" width="339" height="339" />
<div style="position: absolute; top: 100px; left: 200px;">画像内側に埋め込むテキスト</div>
</div>
Top