この記事は最終更新日から1年以上が経過しています

  • 投稿日:2024/05/14
【SWLL】固定ページ毎にメインビジュアルを設定するカスタマイズ

【SWLL】固定ページ毎にメインビジュアルを設定するカスタマイズ

会員ID:DSwqmPxQ

会員ID:DSwqmPxQ

この記事は約2分で読めます

SWELLでHP制作!の管理人まちださんからリクエストをいただきました。

WordPressテーマSWELLで「SWELLの固定ページごとに異なるメインビジュアル」をカスタマイズしてみました。

↓こちらは固定ページ「でもページ」をTOPと同じデザインふうに変更しました。

スクリーンショット 2024-05-14 23.34.12.pngまた画像が設定されていないページはコードの影響を受けない作りになっています。

スクリーンショット 2024-05-14 23.37.50.pngカスタマイズ方法

固定ページの設定

スクリーンショット 2024-05-14 23.40.04.png固定ページの編集画面のSWELL設定にお好みの画像をアップします。
表示の上書き設定をコンテンツの上に設定してください。

スクリーンショット 2024-05-14 23.43.08.pngこちらの画像のようになっていると思います。

追加CSS

スクリーンショット 2024-05-14 23.47.20.png

.l-topTitleArea { margin-top: -94px; min-height: 600px;}.c-pageTitle{ text-align: center; line-height: 2;}.c-pageTitle__subTitle { display: block; }#breadcrumb { margin-top: -58px; color: white; background: rgba(0, 0, 0, 0.2) !important; padding: 20px 0;}

続きは、リベシティにログインしてからお読みください

ノウハウ図書館でできること
  • すべての記事の閲覧

  • ブックマーク

  • いいね・レビュー

  • 記事の投稿※応援会員(有料)のみ

  • ポイントの獲得※応援会員(有料)のみ

※会員登録には、新入生会員(初月30日無料)と応援会員(有料)があります

応援会員制度とは?
さらに!
  • リベシティの他の機能やサービスもご利用いただけます詳しく見る

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

会員ID:DSwqmPxQ

投稿者情報

会員ID:DSwqmPxQ

パンダ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(3
  • 会員ID:eNDnB3xW
    会員ID:eNDnB3xW
    2024/05/18

    うどんさん、ありがとうございます😊 「 これはどうやってやるのかな? 」と 気になっていた部分だったのでとても勉強になりました‼️ 早速使わせていただきます‼️ ありがとうございました🙇‍♀️

    会員ID:DSwqmPxQ

    投稿者

    2024/05/18

    参考になったなら良かったです!

    会員ID:DSwqmPxQ

    投稿者

  • 会員ID:8Wtj7PkS
    会員ID:8Wtj7PkS
    2024/05/16

    うどんさん、ありがとうございます! これとても困っていたので、早速使わせていただきました! 解決できて嬉しいです💕 ありがとうございます🙏

    会員ID:DSwqmPxQ

    投稿者

    2024/05/16

    お役に立ててよかったです

    会員ID:DSwqmPxQ

    投稿者

  • 会員ID:ml3jc8it
    会員ID:ml3jc8it
    2024/05/15

    ありがとうございます! これ全くわかんなかったので 気になっていたんです😭! 次の案件で使用いたします!

    会員ID:DSwqmPxQ

    投稿者

    2024/05/15

    またなにかあれば教えてください。 余裕があるときに気が向いたら実装します笑

    会員ID:DSwqmPxQ

    投稿者