大分県のweb関連・wordpress・PCサポートやってます
Parallaxエフェクトを使ったサイトを簡単に作りたくて、探してテストしてを３日くらい試していました。
合格点の出たプラグインを紹介します。
パララックスに対応した画像ブロックでエフェクトを指定できます。主に画像を動かしたい場合に良いです。
背景に画像を指定して、その上にコンテンツを作ってパララックスで動くエフェクトを作ります。
設定が少し分かりにくかったのと、英語なんで・・慣れるのが大変かもです。可能性は高いと思います。
ブロックエディタで要素全体にリンクする方法を探すとリンクタグのみを入れて要素全体に適用する感じのものが多いです。 ブロックエディタの標準的な使い方では、こういう処理が出来ないので少し工夫します。 カス…
画像の上にマウスが行くと画像がズームされるという処理をCSSのみで行います。wordpressのブロックエディタで使える様にしています。 サンプル 画像ブロックの高度な設定＞追加CSSクラスに img…
サイトに使用する画像のロード時間短縮の為にWebP形式に変換するプラグインを紹介します。 AIに聞いてみた WebPは、ウェブページの表示速度を向上させるための有効な手段の一つです。ファイルサイズを削…
表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。 HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換え…