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