レスポンシブ編集の仕方

0
いいねをした人: 居ません
  • このトピックには3件の返信、3人の参加者があり、最後にmasalllにより3年、 9ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #67728
    masalll
    閲覧者
    11

    【お使いの Snow Monkey のバージョン】最新
    【お使いの Snow Monkey Blocks のバージョン】最新
    【お使いの Snow Monkey Editor のバージョン】最新
    【お使いのブラウザ】クロム
    【当該サイトのURL】

    ### 実現したいこと

    VScodeでHTML編集のときは

    @media screen and (max-width:500px){
    }

    でいけるのですが、WordPressの場合 element.styleが当たってしまい、なんのクラスでやれば良いか途方に暮れています。
    お願いいたします。

    0
    いいねをした人: 居ません
    #67732
    アクツ
    参加者
    167

    masalll さんこんにちは

    class名でみると、セクションブロックのタイトルの箇所のようですが、こちら何か設定とかされてたりしますか?(といってもブロックの設定で文字サイズとか変更できなさそうなのですが)

    素のセクションブロックの状態だとそもそもelement.style(HTMLコード側で直接スタイルが指定されているもの)がつかなかったので・・・

    CSS側では .hoge{ font-size:50px !important} みたいに!important をつけてしまえば、element.style より勝ちますが、!important ってあまり使いたくないので、私の場合だとそもそものelement.style を外せないかを検討すると思います。

    参考(CSS詳細度):

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

    element.styleが付くのは、WordPressだからではなくて、Snow Monkey EditorのようなプラグインでインラインのCSSが追加されているからです。
    編集画面を開いて、該当箇所のカスタムフォントサイズをリセットしてください。

    1
    いいねをした人: 居ません
    #67739
    masalll
    閲覧者
    11

    固定ページでは色を変えるだけにして、サイズ変えず、CSSで変える方がよさげですね!

    0
    いいねをした人: 居ません
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • トピック「レスポンシブ編集の仕方」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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