フォーラムへの返信
-
僕もその問題はあると思っていたので、現実的に考えると汎用的な改善というよりかは、使い方をアナウンスした方が広くメリットがあるかなーと感じました！
なので、本件の構成だと全てのリストアイテムにSMEでフォントサイズが各々に指定されていたので、リストブロック全体でフォントサイズを指定してから、アイテム内で改行する分にはマークはずれなくなりますね。
いいねをした人:
僕も本件で初めて知って、試して調べてみただけなのでよくわからないんですけど、
<li>〜</li>に子要素（ここでいう<span>〜</span>）が存在すると発生するらしい- 対処法１：
spanをdisplay: inline;にする - 対処法2：
list-style-type: disc;を使わずにスタイリングする
って感じらしいですね。これはブラウザのデフォルトだと思います。バグと言っても良いでしょうね。Firefoxでも同様の結果が得られました。
いいねをした人:
おはようございます。
こちらの環境でも試してみたところ、以下の条件で同様の現象を確認することができました。
- コアリストブロックを使用
- テキストを改行
- リスト項目内で Snow Monkey Editor のフォントサイズ変更機能で任意のフォントサイズへ変更
ちなみに、リストアイテムのテキストを普通に改行するだけでは問題は発生しません。
気にされている事象が起きる原因は、こちらで確認しただけで他に理由があるかもしれませんが、Snow Monkey Editor経由で任意の箇所のフォントサイズを変更した際に付与される
<span>〜</span>に対して.sme-font-sizeというクラスが付与されるのですが、そこでdisplay: inline-block;が設定されているからだと思われます。しかし、これがないと任意の箇所へのフォントサイズ変更はできないため、Snow Monkey Editor での任意の箇所のみのフォントサイズ変更を行う場合には、この動作は避けられないと思います。（もし方法があればキタジマさんがアップデートで対応してくれるかと思います）
ちなみに、複数業になるような文字列に対して Snow Monkey Editor でフォントサイズを変更するだけでも事案は発生することも確認できました。ですので、改行することが問題ではないとも言えるでしょう。
対処方法としては、任意の箇所で Snow Monkey Editor にてフォントサイズの変更をしないようにする、ということが言えるかと思います。
本件の参照サイトのように、リスト全体でフォントサイズを変更したい場合には、Snow Monkey Editor で行うのではなく、リストブロック自体の設定パネルよりフォントサイズをカスタムサイズにする方法が良いと思います。
参考になれば幸いです。
いいねをした人:
詳しく教えていただきましてありがとうございます。
構成はトップページ1ページ、投稿ページ1ページ、固定ページ3ページあるのですが、投稿ページ以外のページのヘッダーはウィジェットよりも上にくるようにしたいです。
とのことですので、条件分岐としては
is_front_page() || is_page()の時にコンテンツエリア（左サイド：コンテンツ/右サイド：サイドバー）の上にコンテンツヘッダーを置きたいという感じとお見受けしました。また、表示したいコンテンツも固定ページで作られているように（編集画面を拝見して）お見受けしましたが、もし自分がやるとしたら「再利用ブロック」を活用するかもしれません。
流れとしては以下のような手順になるかと思います。
- 再利用ブロックとして挿入したいコンテンツを作る
- 再利用ブロックの
post_id番号を確認 - フックを利用して再利用ブロックを任意の場所に出力
再利用ブロックを管理したり
post_id番号を確認される場合、手前味噌ですが僕が作ったプラグインを使われてもスムーズに確認いただけるかもしれません。使い方はこちらをどうぞ。ショートコード内に表示されている数字が
post_idになります。そして、実際に挿入するソースコードですが、こんな感じで良いかと思います。
フック先は
snow_monkey_before_contents_innerとし、post_idは1234とした場合、add_action( 'snow_monkey_before_contents_inner', function() { if ( is_front_page() || is_page() ) { echo apply_filters( 'the_content', get_post( 1234 )->post_content ); } } );こんなコードで出力できるかと思います。もし、複数の再利用ブロックを用意されて、別の任意の固定ページなどに振り分けたい場合には、条件分岐を変えたり増やしたりすることで対応可能かと思います。
長くなりましたがご確認ください。
いいねをした人:なかなかテキストだけで説明をするのって大変ですよね…慣れていても僕もうまくいかない時があります…。
さて、ちょっと話がいろんな方向へ進んでしまっているので、一度まとめた方が良いかもしれませんね。
入山さんのお言葉で構いませんので、
- 現在、どうなっているのか
- 最終的に、なにをどうしたいのか
を、手書きの図を写メで撮影されて添付いただくことも可能ですので、お伝えいただけるとハズレたアドバイスを差し上げることなくお伝えできるかもしれません。
@GONSY さん、サポートありがとうございます。
今一度、ご確認いただけますと幸いですー！
いいねをした人:
こんな感じに PHP で function の中で条件分岐をされると良いでしょう。
add_action( 'snow_monkey_prepend_body', function () { if ( is_front_page() ) { ?> <div class="c-hsm-message-box c-hsm-message-box_invert p-hsm-drawer"> <p>こちらに何か表示させたい場合は、<a href="<?php echo esc_url(home_url(‘/snow_monkey_prepend_body’)); ?>”>こちらの記事を参照してください！</p> </div> <div id="splash"> <div id="splash-logo"> <p><span class="slide-in slideAnimeLeftRight"><span class="slide-in_inner slideAnimeRightLeft">NeaRMaiN</span></span></p> </div> </splash–> </div> <div class="splashbg1"></div> <div class="splashbg2"></div> <!—画面遷移用–> <?php } } );いいねをした人:
