フッターの位置まできたら止まるスクロールに追尾するサイドバーを実装する方法をご紹介いたします。 フッターに被らないスクロール追尾型のサイドバーを実装する方法 スクロールに追尾するサイドバーは、jQueryを使って実装しま…
Contact Form 7 Modulesは、Contact Form 7のフォームを設置しているページのタイトルやURL、投稿カテゴリーなどを隠し項目(hidden)として送信できるようになるWordPressプラグ…
WEBサイト内のテキストを選択した時の背景色や文字色をCSSで変更する方法をご紹介いたします。 テキスト選択時の背景色や文字色をCSSで変更する方法 どのブラウザでも大体テキスト選択時は、背景色が青色、文字色が白色になり…
30 Seconds of CSSは、30秒で理解できるCSSのコードスニペットがまとめられているサイトです。 アニメーションするローダーやホバーアニメーション等、豊富なスニペットがまとめられています。 30 Secon…
GradPadは、直感的な操作でグラデーションが作成できるCSSグラデーションジェネレーターです。 GradPadの使い方 GradPadにアクセスして、開始色・終了色などを指定していきます。下側にあるメモリでは透過度を…
WordPressサイトにて、閲覧しているページで使用されているテンプレートファイル名を出力する方法をご紹介いたします。 例えば、ブログトップであれば”index.php”、固定ページではR…
指定したタクソノミーの親タームと子タームのリストを表示しつつ、子タームに属する記事の一覧も一緒に出力する方法をご紹介いたします。 ちょっとイメージし難いかもしれませんが、以下のようにタームのリストと記事一覧を合わせて表示…
WPS Hide Loginは、WordPressのログイン画面のURLを変更することができるプラグインです。 デフォルトのログイン画面は、「http://example.com/wp-login.php」のように、wp…
投稿詳細ページなどで、カテゴリーやカスタムタクソノミーのタームを出力する際に、記事が所属している親タームのみを出力する方法をご紹介いたします。 WordPressでカテゴリーやカスタムタクソノミーの親タームのみを出力する…
WordPressで読み込まれるCSSに、ファイルの最終更新日時のバージョン番号を付与する方法をご紹介いたします。 「style.css?ver=1521411592」のように、UNIXタイムスタンプのバージョン番号を追…