続きを読むがうまくいかない【moreタグ不使用】



  • この投稿が削除されました!

  • administrators

    @meu2021 さん

    こんにちは!
    サイトを見る感じinputタグとlabelタグの間に<br>が入ってしまっているのが原因だと思いますよー!!

    <div class="cp_box">
    	<input id="cp01" type="checkbox"><label for="cp01"></label>
    	<div class="cp_container">
    		⇢ ツイートの埋め込みコード ←
    	</div>
    </div>
    

    ちょっとブサイクですけど、マークアップを上記に変えて確認してみてください٩( 'ω' )و



  • この投稿が削除されました!

  • administrators

    @meu2021 さん

    ビジュアルに一旦戻って、そこからテキストに戻ると
    今度は以下のようにコードが変わってしまうんです

    なるほど。。
    それはおそらくエディターの自動整形機能が効いてしまっているのが原因ですね。。

    プラグインで対応するのが一番手っ取り早いと思います。

    ・Advanced Editor Tools (previously TinyMCE Advanced)
    ・PS Disable Auto Formatting
    ・toggle wpautop

    のどれかのプラグインを導入することで自動整形がされないようになるので解消できるようになると思います。
    ただ、「Advanced Editor Tools (previously TinyMCE Advanced)」「PS Disable Auto Formatting」を併用すると不具合を起こすようなので使いやすい方を導入してみてください。

    // Advanced Editor Tools (previously TinyMCE Advanced)
    https://eightlink.jp/manual/wardpress/beginner/collapse/

    // PS Disable Auto Formatting
    https://techacademy.jp/magazine/6879

    // toggle wpautop
    https://tcd-theme.com/2021/05/toggle-wpautop.html

    使い方もとりあえず僕の方でわかりやすい記事を選定してみたので参考にしていただければ。。(動作の確認はしていないので@meu2021 さんの方でお確かめください。。🙇♂️)



  • この投稿が削除されました!

  • administrators

    @meu2021 さん

    ご連絡遅くなりました。。

    自動整形されず、続きを読むの開閉も上手くいったのですが、
    JINのショートコードと干渉するようで、
    結果、記事のデザインが崩れてしまいました。

    こちらデザインが崩れるとのことなのですが、具体的にどう崩れるのかURL等で共有いただけますか?
    これが治れば問題は解消できるかと思います。

    一番いいのはJINのアコーディオンボックスなのですが、
    スマホで見ると文字がすごく小さくなるんです…。

    https://flu-movie.jp/next02/

    何か良い方法はないでしょうか?

    またこちらなんですが、これはアコーディオンの仕様上小さくなるのは仕方ないかと。。
    (個人的にはそこまで気にならないですが。。)
    0_1629439746683_iOS の画像 (1).png