プラグインなしでWordPressダッシュボードをカスタマイズするスニペット
よく使うショートコードや、リンク先はメモ帳やブラウザのお気に入りに登録するなどして、すぐ使えるようにしておくことがありますが、サイトの更新で特に頻繁に使うものは、WordPressの管理画面のどこかに設置しておくと便利で …
jQueryのコピペでできるSANGOのヘッダーをスクロールで表示・非表示で切り替えるスニペット
よく見かける、上下のスクロールに応じてヘッダーを表示したり・非表示にしたりの仕組みは、jQueryで簡単に実装することができ、このページに実装しているものが、実際にコピペのコードを貼り付けした仕様です。 そこで今回は、j …
jQueryのコピペでできるアコーディオンヘッダーのレスポンシブデザインテンプレート
アコーディオンは、クリックするとそれに対応したコンテンツが表示され、もう一度クリックすることで閉じるUIです。 PCのヘッダー周りは、スペースがある為あえてアコーディオンにする必要はないかもしれませんが、スマホのヘッダー …
jQueryのコピペでcookieを使って初回アクセス時にモーダルを表示させるスニペット
cookieを使ってコンテンツを表示したりしなかったりなど、動的コンテンツの奥行きを自由にすることができますが、書き込む際の文字列を指定したりと結構手間も多くなりがちです。 ですが、jQueryの「jquery.cook …
jQueryのコピペでできるスクロールでふわっとフェードインさせるスニペット
それぞれのオブジェクトまでスクロールした時に、classをつけたオブジェクトにアニメーションを付与させます。 このアニメーションは、別途jQueryのライブラリなどを使用することなく、簡単で数行程度のjQueryとCSS …
jQueryライブラリmodal-videoのコピペでできるYouTubeやvimeoの動画モーダル
モーダルは、そのウィンドウに集中することができるメリットとデメリットを併せ持つUIで、限られた強制力が強くユーザーにストレスを与える可能性がありつつも、便利なUIです。 いざ実装しようと思う場合、HTMLとCSSのみで実 …
HTMLとCSSのコピペでできる横に長い表のデザインスニペット
HTMLのtableタグを使うことで、簡単に表を作成することができ、検索内容によっては強調スニペットにtableで記述された表が表示されるなど、未だに使えるHTMLタグの一種です。 今回は、HTMLとCSSのコピペででき …
HTMLとCSSのコピペでできるパソコンやブラウザデザインのスニペット
世の中には驚愕の技術で、HTML・CSSの手書きコードだけで美しい絵を作り出す職人がいたりします。 CSSで作成したとは信じがたい絵で、ここまで表現するにはかなりの技術を知識が要求されると思いますが、事実HTMLとCSS …
jQueryライブラリDrawerのコピペでできるドロワーメニュー
jQueryライブラリのDrawerは、スマホでよく見かける「ドロワーメニューを簡単に実装できるプラグインで、WordPressのテーマにも導入することが容易でできます。 今回は、jQueryライブラリDrawerのコピ …
jQueryライブラリの定番、slickのコピペでできるスライダー・カルーセル
jQueryライブラリの定番とも言えるslickは、スライダー・カルーセルを簡単に設置できるライブラリです。 HTMLとオプションの値を指定して細かい動きも指定して制御することができ、本当に便利なライブラリです。 今回は …
