WordPressのカテゴリーリストと記事数をボタン表示にするPHPコードとCSS

WordPressのカテゴリーリストをボタン表示にするPHPコードとCSSの解説イメージ。通常のカテゴリー一覧とボタン化後のデザインを比較し、記事数表示付きカテゴリーボタンの実装例を紹介している。
本記事は、サイドバーのカテゴリーリストをツリー表示からボタン表示に変更するカスタマイズの方法を紹介するものです。 カテゴリごとの記事数も同時に表示できます。 他サイトと一味違ったデザインのカテゴリーリストを実装してみたい … 記事を読む:WordPressのカテゴリーリストと記事数をボタン表示にするPHPコードとCSS

WordPress管理画面の背景に任意の壁紙を設定する方法【MUプラグイン】 ~テーマを変えても画像はそのまま!~

WordPress管理画面とログイン画面の背景をMUプラグインでカスタマイズするイメージ。ログイン画面にはロゴ、管理画面にはオリジナルキャラクターの壁紙を設定したサンプル。
本記事では、WordPressの管理画面・ログイン画面の背景に任意の壁紙を設定する方法を紹介します。 今回はmuプラグインで実装します。 muプラグイン(Must-Use Plugins):wp-content/mu-p … 記事を読む:WordPress管理画面の背景に任意の壁紙を設定する方法【MUプラグイン】 ~テーマを変えても画像はそのまま!~

モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

モバイル時代のサイト設計をイメージした、ダッシュボードを見つめる女性Webディレクターのイラスト
1カラムが多く見られるようになった昨今のサイトレイアウト事情ですが。 サイドバーを設置した2カラムのサイトもまだまだ多いです。 私にしても、他のサイトは1カラムですが、技術ブログ的な当サイトは2カラムにしています。 ただ … 記事を読む:モバイル時代のサイドバー設計|不要なウィジェットを非表示にする考え方と実装方法

Lightning G3無料版のトップページをCSSだけでタイル表示にする【2026年版】

Lightning G3無料版のトップページをCSS Gridだけでリスト表示から3列のタイル表示へ変更するイメージイラスト。ビジネススーツ姿の女性がビフォー・アフター画面を指し示している。
WordPressテーマのLightning G3(以下、単にLightning)は無料で使えます。 しかし一部の機能はサブスクのPro版でないと利用できません。 トップページをカード型デザインからタイル(グリッド)型デ … 記事を読む:Lightning G3無料版のトップページをCSSだけでタイル表示にする【2026年版】

手書き風フォントと手書き風ボタンを組み合わせたらこんな感じになった

WordPressで手書き風フォントと手書き風ボタンを組み合わせたデザイン例。手書き文字による柔らかな雰囲気と統一感のあるUIを表現。
本記事は手書き風フォントと手書き風ボタンを組み合わせてみたところ、実に味のあるデザインになったという内容です。 サイトに手書き文字をアクセントとして採り入れてみたい方、 ぜひ読んでみてください ボタン単体だけでなく、UI … 記事を読む:手書き風フォントと手書き風ボタンを組み合わせたらこんな感じになった

CSSだけでぼかした色鉛筆?っぽい優しいアンダーライン(下線)を引いてみる

CSSだけで作る色鉛筆風アンダーラインを紹介するイラスト。チビキャラ少女が大きな色鉛筆で見出しの下に柔らかいパステル調の下線を引き、box-shadowを使った優しい下線装飾を表現している。
CSSだけで色鉛筆?細いクレヨン?水彩ペン?っぽい下線を作って引いてみました。蛍光ペンよりも優しく柔らかく軽く見えます。見出しなどにも使え、特に手書き文字に合います。コピペでOK、よろしければ持っていって下さい。

日本語Webフォントは重い? 手書きフォントを高速表示する方法【WordPress】

日本語WEBフォントをハサミで切り取ってサブセット化する少女のイメージ
メイリオなどデフォルトのフォントは読みやすいけど単調。 特にテーマが被ると、少々のカスタマイズでは被って見えます。 ちょっと変化をつけてみたかったので手書き文字風フォントを採り入れてみました。 ……しかし、 「サイトが重 … 記事を読む:日本語Webフォントは重い? 手書きフォントを高速表示する方法【WordPress】

WordPressで特定カテゴリの記事一覧ブロックを作る方法

WordPressで特定カテゴリの記事一覧をカード表示する方法を解説。固定ページにショートコードで関連記事一覧や作品一覧を設置するイメージ。
WordPressで固定ページに特定カテゴリの記事リストを出力する方法を紹介します。 タイルギャラリーとして表示します。 私が実装したのは小説家になろうでスコップした小説紹介の記事リストを作りたかったからです もともと私 … 記事を読む:WordPressで特定カテゴリの記事一覧ブロックを作る方法

美雲このはに去られた瞬間WordPressが動かなくなった~子テーマの画像ファイルを戻し忘れた話~

WordPress管理画面から背景画像「このは」が消えたことでサイトが激重化。502エラーに頭を抱えるスーツ姿のピンク髪少女と、消えた背景画像のシルエットを描いたトラブルシューティング記事のアイキャッチ。
本記事は私のトラブルシューティング奮闘記。 釣り感満載なタイトルの意味は、お読みいただければわかります。 最初に断っておきますと、トラブルの原因は人災。 その点で、ネタとしてお読みいただければ幸いです。 アイキャッチの画 … 記事を読む:美雲このはに去られた瞬間WordPressが動かなくなった~子テーマの画像ファイルを戻し忘れた話~

著者情報(この記事を書いた人)をプラグインなしで設置する【旧版】(2016年実装・2026年追記)

WordPressでthe_author_meta()を利用した著者情報ボックスの実装方法を解説するイメージイラスト。プラグイン不要の旧版コードと完成イメージを紹介。
本記事は、記事の著者情報コーナーをプラグインなしで設置する方法の紹介です。 著者情報は読者を集める、記事をより強く訴えるという点において大きな役割を担っています。 しかしプラグインの過度な設置はサイトの速度を損なってしま … 記事を読む:著者情報(この記事を書いた人)をプラグインなしで設置する【旧版】(2016年実装・2026年追記)

リンクの下線が出たままでカッコ悪い~【WordPress】

リンクの下線が出たままで、格好悪いと悩んでる技術者
リンクの下線が出たままでカッコ悪い~ ブログカード主流の現在ですけど、リンクの下線を消したい場面はある 現在はブログカードやボタンリンクが主流になり、単純なテキストリンクをそのまま使う場面は減りました。ただ、それでもサイ … 記事を読む:リンクの下線が出たままでカッコ悪い~【WordPress】
× 閉じる