大分県のweb関連・wordpress・PCサポートやってます
-
画像をマウスオーバーでズームする
画像の上にマウスが行くと画像がズームされるという処理をCSSのみで行います。wordpressのブロックエディタで使える様にしています。 サンプル 画像ブロックの高度な設定＞追加CSSクラスに img…
-
WebP対応してみる？
サイトに使用する画像のロード時間短縮の為にWebP形式に変換するプラグインを紹介します。 AIに聞いてみた WebPは、ウェブページの表示速度を向上させるための有効な手段の一つです。ファイルサイズを削…
-
CodePenを挿入する
表現したい何かを探す為にHTMLやCSSなどのコードを探している時に良く検索に引っかかるサイトが、CodePenです。 HTMLとCSS・JSを紹介して出力画面も表示しているアレです。コードを書き換え…
-
固定ページや投稿ごとにCSSやJavaScriptを追加したい
検索して見つけたけど、答えはこれだわ(笑) WordPress｜固定ページや投稿ごとにCSSやJavaScriptを追加する方法 とても素晴らしい情報をシェアしてくれてありがとうございます。 ※エラー…
-
スクロールすると表示するエフェクト
スクロールするとじわーっと表示するエフェクトです。CSSとJavascriptで設定します。このページのソースコード部分に設定しています。 今回はクラス名を「scroll-effect」に設定しました…
-
Parallaxなプラグイン
Parallaxエフェクトを使ったサイトを簡単に作りたくて、探してテストしてを３日くらい試していました。 合格点の出たプラグインを紹介します。 PIBE – Parallax Image Block …
-
wordpress初心者向けサイトの紹介
wordpressでブログの記事を書くにはどうすれば良いか？ ブロックエディタって、どう使うの？ という方に向けたサイトを作成しました。 wordpress learnning です。 基礎的な部分が…
-
Parallax Slider with jQuery
https://tympanus.net/Tutorials/ParallaxSlider https://github.com/wagerfield/parallax pafallac.js lux…