セクションブロックのサブタイトルとメインタイトルを入れ替えたい

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #89657
    ldr
    参加者
    5

    【お使いの Snow Monkey のバージョン】
    15.11.1

    【お使いの Snow Monkey Blocks のバージョン】
    12.6.1

    【お使いの Snow Monkey Editor のバージョン】
    6.2.1

    【お使いのブラウザ】
    Chrome

    【当該サイトのURL】

    ### 実現したいこと
    .smb-section__title と .smb-section__subtitle の順番を入れ替えて上にメインタイトル下にサブタイトルが表示されるようにしたい

    ### 発生している問題

    ### 試したこと

    0
    いいねをした人: 居ません
    #89660
    まーちゅう
    参加者
    367

    こんにちは。
    cssで対応するのが簡単だと思います。

    .smb-section .c-container {
        display: flex;
        flex-flow: column;
    }
    .smb-section .c-container .smb-section__title {
        order: 0;
    }
    .smb-section .smb-section__subtitle {
        order: 1;
        margin-top: 0.5em;
    }
    .smb-section .smb-section__lede-wrapper {
        order: 2;
        margin-top: 0;
    }
    .smb-section .smb-section__body {
        order: 3;
    }

    margin は、お好みで調整してください。
    特定のブロックに設定する場合は、セクションブロックに id か class を設定してください。

    6
    いいねをした人:
    #89691
    アバター画像キタジマ タカシ
    参加者
    2421

    これみて思ったんですけど、HTML 構造が

    .smb-section
      .smb-section__inner
        .smb-section__header
          .smb-section__subtitle
          .smb-section__title
          .smb-section__lede-wrapper

    みたいに、.smb-section__header でタイトルまわりが囲ってあるほうがカスタマイズしやすいのかなと思ったりしました。

    4
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「セクションブロックのサブタイトルとメインタイトルを入れ替えたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。