-
プラグイン
Custom Post Type UIで作成したカスタム投稿タイプの記事をエクスポートする方法
「Custom Post Type UI」は、管理画面からカスタム投稿タイプやタクソノミーを作成できるプラグインです。 PHPコードを書くことなくカスタム投稿タイプを作成できるので... -
カスタマイズ
記事公開から指定した期間”New”のテキストを表示する方法【WordPress】
WordPressの投稿一覧を表示するとき、「記事公開から○日間は"New"をつけて欲しい」といった要望をいただくことがあります。 イメージとしては、以下の画像のような感じ... -
カスタマイズ
【WordPress】カテゴリー設定の「説明」をmeta descriptionとして設定する方法
WordPressのカテゴリー設定ページには、「説明」という入力欄があります。 ここに入力したテキストを、カテゴリーページのmetaタグのdescriptionとして設定する方法を紹... -
JavaScript
【JS】ブレイクポイントを通過する毎にページをリロードする方法
PCとSPのブレイクポイントをまたぐ際に、ページを強制的にリロードしたいという場面があるかと思います。 JavaScriptのresizeイベントで実装する方法をよく見かけますが... -
jQuery
select要素にplaceholderを設定して、文字色を変える方法【jQuery】
お問い合わせフォームを実装するときなどに、selectタグを使用することがありますよね。 inputやtextareaタグにはplaceholderを設定できるのですが、selectタグには設定... -
JavaScript
JavaScriptでtextareaの高さを計算して自動で可変させる方法
お問い合わせフォームなどを作成する場合、textareaタグを使用することが多いですよね。 textareaは主に長文を入力してもらう際に使用しますが、 文章の長さに応じてtex... -
CSS
CSSでtextareaのリサイズの方向を制御する・不可にする方法
お問い合わせフォームなどで長文を入力する際によく使われるtextareaタグですが、デフォルトでは右下のつまみをドラッグすることでサイズを拡大・縮小することができま... -
プラグイン
投げ銭システム「Buy Me a Coffee」をWordPressサイトに導入する方法【WPプラグイン】
「Buy Me A Coffee」とは、投げ銭システムを無料で簡単に導入できるサービスです。 コーヒーを奢るような感覚で、少額からクリエイターに寄付することができます。 アメ... -
VSCode
【VSCode】ウィンドウの色をカスタマイズできる拡張機能Peacockの設定方法
Visual Studio CodeでWeb制作や開発をしていると、ウィンドウを複数開きながら作業することがよくあるかと思います。 画面上に複数のエディタが表示されていると、どの... -
CSS
CSSのtext-strokeプロパティで縁取り文字を実装する方法
ランディングページやWebサイト上で、縁取り文字を見かけたことがあるかと思います。 これをウェブ上で実装するとなると、画像を使用する・SVGを使用する・CSSのtext-sh... -
Sass
【Sass】@mixinで背景画像のbackgroundプロパティを簡潔に記述する方法
CSSで背景画像を指定するとき、以下のように記述が多くなりがちですよね。 .bg { background-image: url(sample.jpg); background-size: cover; background-position: c... -
JavaScript
JSとCSSでキラキラ輝く星空エフェクトを実装する方法
JavaScriptとCSSでキラキラ輝く星空エフェクトを作成してみましたので、実装コードの紹介とコードの解説をしていきます。 jQueryなしプラグインなしコピペのみで実装可... -
カスタマイズ
個別記事ページに同カテゴリーの関連記事一覧を表示する方法【WordPress】
現在表示中の記事内に、同じカテゴリーの関連記事一覧を表示したいという場合がよくありますよね。 特に記事下などに関連記事を表示しておけば、回遊率が向上しPVアップ... -
カスタマイズ
現在表示中の記事を除外した記事一覧を表示する方法【WordPress】
WordPressの個別投稿ページ内で、「最近の投稿」一覧を表示したい場合があるかと思います。 この場合、記事一覧をそのまま取得してしまうと、現在閲覧中の記事も含まれ... -
WordPress
MW WP Formでpタグの自動挿入を無効にする方法
MW WP Formでフォームを作成する際に、エディター内で改行するとpタグやbrタグが自動挿入されてしまいます。 不要なタグが自動で挿入されると、デザイン崩れや思いがけ... -
プラグイン
【jQuery】Contact Form 7でエラー箇所にスクロールする方法
WordPressプラグイン「Contact Form 7」では、必須項目が未入力の場合や、入力値が正しくない場合にエラーメッセージを表示してくれます。 しかし、フォームの項目が多...