WordPessを使ってサイトを作成するときに、使用する頻度が高いプラグインを紹介します。案件に応じてインストールしています。 前提条件は以下です。 仕事で頻繁に使用している 実装できるものはプラグイ...

スライダーを手軽に実装できるSwiperですが、ドット（ページネーション）をマウスでクリックすると、たまに違うドットに飛んでしまうことがあります。今回はその原因と解決方法について説明します。 前提条件...

今回はGSAPのScrollTrigger.jsを使ったスクロールアニメーションについて説明します。 前提条件は以下 複雑なアニメーションをしたいアニメーションをサクサク動かしたいCSSは操作せず、J...

今回はCSSだけで画像が横に流れる無限ループの作り方を紹介します。デモサイトを作成したので、表示を確認してみてください。 デモサイト 前提条件は以下 画像を左方向と、右方向に無限ループさせるIE11対...

今回はWordPress用プラグインであるAdvanced Custom Fields Pro（以下ACFという）を使って独自のカスタムブロックを作る方法を紹介します。 前提条件は以下 Advance...

今回はWordPressでエスケープ処理する具体的な書き方を紹介します。 説明する環境は以下の通りです。 macOS Catalina v10.15.5Visual Studio Code v1.56...

今回はDIYで壁一面に棚を作る方法を紹介します。スペースを無駄にせず、重さに耐えられる本棚の作り方です。 前提条件は以下 W2780 x H2300の場所に設置（部屋の広さは4畳）DIY初心者が作るイ...

WordPressのテーマはPHPと合わせて、WordPressコーディング規約に基づいて作る必要があります。今回はVSCodeで自動でPHPをフォーマットする設定方法を紹介します。 前提条件は以下...

今回はスマホ表示でもパララックスができるsimpleParallax.jsの使い方を紹介します。 デモページ 実装内容は以下 スマホでもタブレットでもパララックスさせるbackground-image...

今回はCSSでIE11を判定して表示を切り替える方法と、JavaScriptでIE11だけpolyfillを読み込む書き方について紹介します。 前提条件は以下 JavaScriptは事前にトランスパイ...