-
[jQuery] 目次を自動スクロールする方法
目次を自動スクロールってどうやれば良いんだろう。 前回実装したハイライト機能の実装。一つ問題がそれは本文をスクロールして行った時、目次が見切れてしまうとハイライトが見えなくなってしまうこと。 See the Pen ハイライト機能 by YT (@YT-the-scrip... -
[jQuery] ブログページの目次にハイライト機能を実装する方法
スクロール位置に合わせて、目次がハイライトされる実装をしたい。 zennの目次のように、スクロール位置に合わせてサイドバーの目次のハイライト位置が変わる実装。https://zenn.dev/nondescript/articles/72aabaaeda4e39前回の記事では、本文から目次を動... -
[jQuery] ブログページで目次を動的に作る実装
ブログページによく設置されている目次を作りたい。 ブログの目次とは、こちらの記事のサイドバーのような目次です。具体的な実装方針は、以下二つです。①本分から目次を動的に出力すること。②スクロール位置に合わせて目次のハイライト位置を変えること。... -
Webサイトに桜吹雪を散らせてみた[particles.js]。
桜吹雪が散るローディング画面を作りたい。 See the Pen 5-6 桜が散る by YT (@YT-the-scripter) on CodePen. ↑こんな感じのローディングアニメーションを作りました。(右下の「Rerun」を押すと、リロードされます。) 実際に実装したサイトをご覧ください... -
403ForbiddenエラーでWordPressにアクセスできない時の、解決方法。
WordPressに急にアクセスできなくなった....!まさにこの当ブログにしばらくアクセスできない状況でした。下記のようなエラー画面が出ていた。 特に設定ファイルをいじった覚えもない。そもそも管理画面ここ1週間触ってもいない！ なのに、なぜ急にアクセス... -
WordPress管理画面のユーザー名を変える方法。（Local使用）
WordPress管理画面のユーザー名を変える方法ってある？？ ※本記事はLocal（旧 Local by Flywheel）を使用しての変更方法です。 管理画面右上の部分。(セキュリティの観点で黒塗りしてます。) ユーザー画面にいくと「ユーザー名は変更できません。」という... -
ACFの日付選択ツール(Date Picker)でバリデーションを設定する方法
WordPressのプラグインAdvanced Custom Fieldsでバリデーションを設定したい。(下記画像のように日付チェックを実装したい) 例えば、イベントの開催期日を選択する時は、開始日付と終了日付を入力できます。 でもACFの基本機能では、終了日＞開始日という... -
Jqueryで特定のタブが開いた状態でページ遷移をする方法。
ページ遷移した時に特定のタブが開いた状態にしたい。 今回はURLのハッシュ値を使って、画面遷移時に特定のタブを開いた状態にする方法を紹介します。 【実装方針】 まずは実装方針の確認です。 ①まずは該当のリンクのURLの末尾にハッシュ値を振り分けます... -
functions.phpでjsが読み込まれないの解決方法。wp_footerちゃんと書いてる？？
wordpressで使うfunctions.php そこに記述したjsがなぜか読み込まれなくて詰まったので原因をまとめます。 原因は「<?php wp_footer(); ?>の記述漏れ」でした。 【<?php wp_footer(); ?>の記述漏れ】 wordpressでオリジナルテーマを作成するとき... -
FAQでよく見る、クリックで開閉するアニメーションの作り方
FAQで質問をクリックすると、答えがペラッと出てくる実装ってどうやるんだろう。 質問をクリックすると、答えがペラッと出てくるアニメーションってありますよね。 今回は開閉アニメーションの実装方法を紹介します。 【コード】 質問をクリックすると、答...
