JavaScriptのlocation.hrefでドロップダウンメニューのリンク
JavaScriptの location.href を使って、リンク一覧のドロップダウンメニューを作ってみました。 目次location.hreflocationで取得できる情報location.hrefでドロップダウン …
JavaScriptの.querySelectorAll()で複数のモーダル
モーダルウィンドウを、同一ページで複数表示させる場合に .querySelectorAll() を使うとモーダルの数の追加や修正が簡単です。 そんな「複数のモーダル」を作る際のJavaScriptのネイティブなスニペット …
JavaScriptの.querySelectorAll()でマルチレベルのアコーディオン
マルチレベルのアコーディオンとは、例えば「アコーディオンxアコーディオン」のように、各レベルをクリックすると、徐々にそれぞれの新しいレベルが表示されるアコーディオンです。 そんなマルチレベルのアコーディオンを、ネイティブ …
【コピペで簡単】プラグインなしでできるWordPressのカスタマイズまとめ
WordPressでブログやサイトを作成していく時、デザインはもちろんのこと、機能を追加してWordPressをカスタマイズしたくなったことはないでしょうか？ この記事は、WordPressのカスタマイズを「プラグインな …
プラグインなしでカテゴリの親子階層をアコーディオンで出力
ブログで記事が増えてくると、カテゴリーもそれに比例して深くなりがちで、それらを全て表示するとかなりの長さになってしまいます。 以前、以下の記事でそんなカテゴリの表示カスタマイズをjQueryで行いました。 打って変わって …
プラグインなしでカスタムタクソノミーをプルダウンで掛け合わせたWordPressの絞り込み検索
前提として、通常の投稿タイプに、追加でカスタム投稿を追加。そして、カスタム投稿をカスタムタクソノミーで分類。 そして、「検索キーワード」と「カスタムタクソノミー」を必要に応じて掛け合わせて検索ができるスニペットをこの記事 …
JavaScriptのlocation.reload()でページの更新
ブラウザの再読み込み（更新）を行うボタンを、JavaScriptのコードで作ってみました。 目次location.reload()location.reload()を使ったページ更新のサンプルページ更新のコードもっと簡単 …
JavaScriptのwindow.openでウィンドウのサイズを指定して表示
少し古い挙動で、そこまで使用頻度の高いものではありませんが、JavaScriptのwindow.open のウィンドウ表示をするスニペットを作りました。 目次window.openwindow.openの詳しい解説記事w …
JavaScriptの.scrollIntoView()のクリックでスムーススクロール
JavaScriptの.scrollIntoView() メソッドを使って、コード量少なめでできるスムーススクロールを作ってみました。 目次.scrollIntoView()スムーススクロールのサンプルスムーススクロール …
JavaScriptのMath.random()で画像をランダム表示
JavaScriptの Math.random() メソッドを使って画像をランダム表示させるスニペットです。 目次Math.random()Math.random()で画像をランダム表示のサンプルランダム表示のコード M …
