カバーブロックを使ったら簡単にオシャレになった

カバーブロックとは？

さて、最近、こんな動画を発見しました。

これに、ワードプレスの「カバーブロック」というのが出てきました。

これ、知りませんでした。
で、調べました。参考にしたサイトはこれ。

https://webst8.com/blog/wordpress-cover-block/

ここを参考に、やってみましたが、
超簡単にできるんですね、びっくり。

これを学校で作った時は、
HTML,CSSで作ったので、
ちょっと面倒だった気がする。

こんなのが瞬時にできるんですから、
ワードプレスって凄いなと、改めて感じたわけです。

画像の上にテキストを重ねてずらす

さて、カバーブロックが何かが判ったところで、

画像とテキストを
ちょっとずらして重ねる方法ですね。
これ、ちょっとオシャレなサイトでよく見かけます。

https://www.progstudy-trace.com/entry/wordpress-fullwide-shift-overlap/

この方法は学校の授業でもやったと記憶しています。
これがワードプレスでできるんですね～～。

知らなかった。

ワードプレスでCSSを追加する事ができるのは知ってましたが、
やったことなかったです。

動画でやってるのを見て、非常に参考になりました。
今後、なにかちょいちょいと
CSS加えていこうかなと思っています。