固定ページで一つの画像に対して複数のテキストを配置したい

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #75184
    natsu
    閲覧者
    6

    【お使いの Snow Monkey のバージョン】14.2.3
    【お使いの Snow Monkey Blocks のバージョン】 11.2.1
    【お使いの Snow Monkey Editor のバージョン】5.0.5
    【お使いのブラウザ】google chrome
    【当該サイトのURL】

    ### 実現したいこと

    キャプチャの青い四角部分に左上のミッションのようにテキストを挿入したいです。

    セクション(サイド見出し)を使用しています。

    見出しの位置:左側

    見出しカラムのサイズ:33%

    ### 発生している問題

    セクション内にブロックを追加できない

    実現できるかどうかも含めてご教授いただけると幸いです。

    0
    いいねをした人: 居ません
    #75187
    Olein_jp
    参加者
    545

    シンプルに Snow Monkey Blocks でカスタマイズする上では、僕の持っている知識の範囲内では実現は不可能でしょう。

    ただ、カスタマイズの方法によっては実現することは可能ですが、HTMLとCSSを使いこなせる知識は必要になります。

    1
    いいねをした人:
    #75277
    まーちゅう
    参加者
    356

    3カラムのレイアウトなので、素直にカラムブロックを使用するのがいいと思います。
    3カラムの真ん中に画像を置いて、左右にタイトルとテキストを入れるだけです。
    タイトルにはブロックの高度な設定の追加CSSのところにsmb-section__title smb-section-side-heading__title、リード文にはsmb-section__subtitle smb-section-side-heading__subtitleのクラスを設定すれば、セクション(サイド見出し)と同じ見た目になります。
    ただ、これだとタイトルとリード文の間が開きすぎてしまうので、タイトルにはもう一つtitle-with-leadのようなクラスを追加して、margin-top: 0;になるようにスタイルを調整する必要があります。

    title-with-lead {
      margin-top: 0;
    }
    1
    いいねをした人:
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「固定ページで一つの画像に対して複数のテキストを配置したい」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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