アーカイブページ(過去の新着一覧)のスタイルを以下の中からお選びいただけます。

① カード・マウスホバーでシャドウ

マウスホバーで枠全体に影がついて浮き上がるような動きをします。

① カード・マウスホバーでシャドウ

デモサイト https://wsp-demo01.hp1.work/blog/ で実物をご覧いただけます。

② テキスト1カラム・カテゴリーボタン角丸

シンプルなテキストのみの一覧表示です。

② テキスト1カラム・カテゴリーボタン角丸

デモサイト https://wsp-demo02.hp1.work/blog/ で実物をご覧いただけます。

③ メディア・マウスホバーで画像が拡大

マウスホバーで画像がズームアップします。

③ メディア・マウスホバーで画像が拡大

デモサイト https://wsp-demo03.hp1.work/blog/ で実物をご覧いただけます。

④ メディア・2カラム・マウスホバーで画像が拡大

マウスホバーで画像がズームアップします。

④ メディア・2カラム

デモサイト https://wsp-demo04.hp1.work/blog/ で実物をご覧いただけます。

⑤ Instagram 風

正方形の画像を並べて表示します。マウスホバーで投稿日やカテゴリーなどが表示されます。

⑤ Instagram 風

デモサイト https://wsp-demo05.hp1.work/blog/ で実物をご覧いただけます。

⑥ 円形アイキャッチ画像

⑥ 円形アイキャッチ画像
  • アイキャッチ画像を丸く表示して、やわらかいイメージを与えるデザインになっています。
  • すべての画面幅で1カラムレイアウトになっています。
  • パソコンは大きいスペースがあるので抜粋を表示していますが、スマホでは表示していません。
  • カラム全体をリンクエリアに設定してあります。
  • 記事タイトルにマウスホバー効果を設定してあります。

以下のデモサイトで実物をご覧いただけます。

https://wp-demo05.uonuma-js.com/news

https://wsp-demo06.hp1.work/blog/

ご相談・お問い合わせ

CONTACT US

WordPress サイト開設スターターパック
に関することならなんでもどうぞ

お電話のお問い合わせ

025-779-2843

メールのお問い合わせ