アーカイブページ（過去の新着一覧）のスタイルを以下の中からお選びいただけます。
① カード・マウスホバーでシャドウ
マウスホバーで枠全体に影がついて浮き上がるような動きをします。
デモサイト https://wsp-demo01.hp1.work/blog/ で実物をご覧いただけます。
② テキスト1カラム・カテゴリーボタン角丸
シンプルなテキストのみの一覧表示です。
デモサイト https://wsp-demo02.hp1.work/blog/ で実物をご覧いただけます。
③ メディア・マウスホバーで画像が拡大
マウスホバーで画像がズームアップします。
デモサイト https://wsp-demo03.hp1.work/blog/ で実物をご覧いただけます。
④ メディア・2カラム・マウスホバーで画像が拡大
マウスホバーで画像がズームアップします。
デモサイト https://wsp-demo04.hp1.work/blog/ で実物をご覧いただけます。
⑤ Instagram 風
正方形の画像を並べて表示します。マウスホバーで投稿日やカテゴリーなどが表示されます。
デモサイト https://wsp-demo05.hp1.work/blog/ で実物をご覧いただけます。
⑥ 円形アイキャッチ画像
- 複数カテゴリー表示に対応しています。[2026.5.13 機能追加]
- カテゴリー名にカテゴリーアーカイブへのリンクが設定されています。[2026.5.13 機能追加]
- アイキャッチ画像を丸く表示して、やわらかいイメージを与えるデザインになっています。
- すべての画面幅で1カラムレイアウトになっています。
- カテゴリーの色を取得してラベルの背景色に反映しています。
- パソコンは大きいスペースがあるので抜粋を表示していますが、スマホでは表示していません。
- カラム全体をリンクエリアに設定してあります。
- 記事タイトルにマウスホバー効果を設定してあります。
- トップページでも同じデザインをお選びいただけます。→ 詳しくはこちら
2026.6.11 カスタム投稿タイプ対応版を追加しました
⑥ 円形アイキャッチ画像 のカスタム投稿タイプ対応版を追加しました。
オリジナルの ⑥ 円形アイキャッチ画像 との違いは以下の通りです。
オリジナル
- カスタム投稿タイプには対応していない。
- 複数のカテゴリーを表示できる。
カスタム投稿タイプ対応版
- カスタム投稿タイプに対応している。
- カテゴリーをひとつしか表示できない。（Lightning の仕様通り）
複数のカテゴリーを表示できるカスタム投稿タイプ対応版の開発は工数がかかりそうですが、需要が多いようであれば検討したいと思います。
⑦ メディア・2カラムでカード表示
- アイキャッチ画像を表示した、スリムなカード表示のレイアウトです。
- パソコンで2カラムレイアウトになっています。
- カード全体をリンクエリアに設定してあります。
- カード全体にマウスホバー効果を設定してあります。
以下のデモサイトで実物をご覧いただけます。
https://wsp-demo07.hp1.work/blog/
https://demo101.uonuma-js.com/blog/
サイドバーを表示してカードを大きめに表示している例
ご相談・お問い合わせ
CONTACT US
WordPress サイト開設スターターパック
に関することならなんでもどうぞ
お電話のお問い合わせ
025-779-2843
メールのお問い合わせ