【JavaScript】スクロールアニメーションをIntersection Observerを使って実装する方法
今回はIntersection Observerを使ったスクロールアニメーションを実装する方法を紹介します。まずはデモサイトを作成したので確認してみてください。 デモサイト 前提条件は以下 jQuer...
今回はIntersection Observerを使ったスクロールアニメーションを実装する方法を紹介します。まずはデモサイトを作成したので確認してみてください。 デモサイト 前提条件は以下 jQuer...
今回はAdvanced Custom Fields(以下、ACF)を使って、カスタムフィールドで登録した複数の画像の中からランダムで1枚だけ表示させる方法を説明します。 前提条件は以下 Advance...
今回はWordPressの投稿一覧にある「新規追加」と「編集」「クイック編集」「ゴミ箱」「プレビュー」の項目を非表示にする方法について説明します。 説明する環境は以下 macOS Catalina v...
WordPress本体の更新情報と、プラグインの更新情報を管理画面で表示させない設定について説明します。 前提条件は以下 管理者、もしくは特定のユーザーID以外は非表示にするWordPress本体とプ...
今回はWordPressのGutenbergで編集画面と実際の表示画面を同じ見た目にする設定方法について説明します。 説明する環境は以下 macOS Catalina v10.15.5Visual S...
今回はWordPressの管理画面で、必要ないメニューやダッシュボードの項目を消す設定を説明します。 説明する環境は以下 macOS Catalina v10.15.5Visual Studio Co...
今回はWordPressの投稿ページ(single.php)で、Ajaxを使った無限スクロールの実装方法を説明します。 前提条件は以下 投稿ページ、またはカスタム投稿ページで無限スクロールjQuery...
今回はSwiperスライダーを使って、バラバラの画像サイズを上下中央に揃える方法を紹介します。縦向きと横向きの画像を一緒にスライダーさせたいときなど、画像の横幅や高さが違う場合にオススメの実装方法です...
今回はWordPressの引越しが簡単にできるプラグイン、All-in-One WP Migrationの使い方を紹介します。 前提条件は以下 引越し先にもWordPressをインストール済み画像もプ...
今回はGoogle Maps APIを使った地図の埋め込みと、カスタマイズ方法を紹介します。 実装内容は以下。 GoogleMap APIは取得済みブログではなく、企業ホームページに埋め込み地図の色や...