横並びサービスカード（3列）の作り方｜レスポンシブ完全対応のCSSサンプル付き
2025年11月19日
横並びのサービスカード（3列）のレスポンシブ完全版 横に3つ並ぶ「サービスカード」は、LP・企業サイト・美容院・整体など多くのサイトで使われる定番デザインです。本記事では、PCでは3列、タブレットでは2列、スマホでは1列 […]
jQueryなしでスライダーを実装する方法（Vanilla JS）
2025年11月18日
jQuery を使わずに、純粋な JavaScript（Vanilla JS）だけで実装できる軽量スライダーの作成方法です。 スライダーのライブラリを追加する必要がなく、WordPress の読み込み速度を落とさずに導入 […]
画像が横にスライドするカルーセル・スライダーを設置する方法
2025年9月25日
今回は、WordPressでプラグインを使わずに横スライドのカルーセル・スライダーを作る方法を紹介します。 任意の固定画像だけで横スライドカルーセルを作る方法です。投稿や固定ページに簡単に設置でき、テーマに合わせたCSS […]
画像が切り替わるカルーセル・スライダーを設置する方法
2025年9月25日
WordPressサイトでカルーセル・スライダーを表示したいとき、プラグインに頼らなくてもPHP＋JavaScript＋CSSだけで実装できます。 投稿や固定ページにショートコードで呼び出せるようにしておけば、軽量かつ自 […]