jobjQueryProgrammingPHPとjQueryでカテゴリー毎の記事一覧をタブ切り替えするコンテンツの作成この記事では、WordPressサイトで、jQueryとPHPを使用して以下のようにカテゴリー毎の記事一覧をタブ切り替えするパーツの作成を紹介します。パーツ化することで複数ページに汎用的に使用出来たり、他のサイトにも同じように使用する事が出来ます。今回はWordPressを使用したサイトでプラグインを一切使わずに開け閉め可能、且つスムーススクロール導入の目次を作成して自動で記事内に挿入する方法を紹介します。2021.04.132023.02.06ProgrammingProgramming横からスライドするドロワーメニュー(ハンバーガーメニュー)のテンプレートこの記事では、コピペで作れるドロワーナビ(ハンバーガーメニュー)のテンプレートを紹介します。ドロワーナビとは、以下のように「三」型のボタンをクリックすると上下左右の何からコンテンツが現れるUXデザインです。そこにメニューがあると「ドロワーメニュー」と言われます。スマホサイトでは多く採用されているデザインですので、今後の制作では必須の技術です。別名で「ハンバーガーメニュー」と言われることが多いですので合わせて覚えておきましょう。2021.03.072022.12.27ProgrammingProgramming【jQuery】トップへ戻るボタンをコピペで超簡単に作成!!今回は以下のようなトップへ戻るボタンの作成の仕方をわかりやすく説明します。一部書き換えはありますが基本部分は全てコピペで使えますので活用して下さい。今回はWEBサイトの制作でよく聞くjQueryについての説明と、その扱い方について解説します。jQueryは今も今後もWEB制作で必須な要素なので必ず覚えておきましょう。今回の記事では、jQueryを使って画面を少しスクロールしたらヘッダーに固定されるグローバルナビケーションメニューの作成の仕方を紹介します。(コピペOK)jQueryを使ってヘッダー固定をすると、スクロールした時にカクっとズレが応じる事があります。その対処法も一緒に説明します。アンカーリンクをクリックした後に滑らかにスクロールする「スムーススクロール」の実装方法も紹介します。悩んでいるのでしたら参考にして下さい。今回は、jQueryのスライダー「slick」の使い方とオプションを徹底的に解説します。インターネット上の解説が細いとこまで行き届いてない感じがしたので、当サイトでは初心者の方でも理解出来るように超基礎の基礎から見ていきます。2020.12.292022.11.13ProgrammingProgramming背景を固定してライトボックスを作成する方法(jQuery)今回はライトボックスの作成時に背景を固定する方法を紹介します。今回の方法はjQueryを読み込む方法なので非常に簡単に実装できます。背景がスクロールしてしまって困ってる方は参考にして下さい。2020.12.262022.11.13Programming自己紹介KEITO(KT)WEBディレクターとして活動。web3に興味を持ちYouTube発信活動&投資に挑戦。jobホーム検索トップサイドバ。