フォーラムへの返信
-
投稿者投稿
-
お忙しい中、お返事ありがとうございます。
上記のエラーが出る条件としては、エディターの設定(右側のサイドバー)にHTMLの入力項目がある場合で、HTMLを改行した際に「ブロック読み込みエラー」と表示されるようです。
コアのアーカイブブロックはHTML編集がないため、エラーは起こりませんでした。
他にエラーが確認できたのは、以下のSNOW MONKEY BLOCKS [共通ブロック]です。
- 最近の投稿
- 任意のタクソノミーの投稿
共に「一致する投稿がない場合のテキスト」内で改行した際にエラーとなりました。
セクションブロックにも背景テキストを入力する欄がありますが、こちらは改行してもエラーは起こりませんでした。
かしこまりました。画像の変更だけよろしくお願いいたします。
<div class="wp-block-snow-monkey-blocks-section-break-the-grid alignfull smb-section smb-section-break-the-grid smb-section-break-the-grid--right smb-section-break-the-grid--mobile-image is-style-smb-section-undecorated-title" style="--smb-section-break-the-grid--shadow-color:#f78da7;--smb-section-break-the-grid--shadow-transform:translate(5%, 5%);--smb-section-break-the-grid--content-background-color:rgba(255, 255, 255, 0.8);padding-top:120px;padding-bottom:120px;--smb-section--fixed-background-color:#7bdcb5"><div class="smb-section__fixed-background"></div><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper smb-section-break-the-grid__contents-wrapper"><div class="c-row c-row--lg-middle"><div class="c-row__col c-row__col--1-1 c-row__col--lg-1-2"><div class="smb-section-break-the-grid__content smb-section-break-the-grid__content--w--20 smb-section-break-the-grid__content--p-m smb-section-break-the-grid__content--horizontal-10"><div class="smb-section__header smb-section-break-the-grid__header"><h2 class="smb-section__title smb-section-break-the-grid__title">かっこいい<br>タイトルが入ります</h2><div class="smb-section__lede-wrapper smb-section-break-the-grid__lede-wrapper"><div class="smb-section__lede smb-section-break-the-grid__lede">リード分が入ります。リード分が入ります。リード分が入ります。リード分が入ります。</div></div></div><div class="smb-section__body smb-section-break-the-grid__body"><!-- wp:snow-monkey-blocks/buttons --> <div class="wp-block-snow-monkey-blocks-buttons smb-buttons"><!-- wp:snow-monkey-blocks/btn {"borderRadius":"100px","className":"is-style-ghost"} --> <div class="wp-block-snow-monkey-blocks-btn smb-btn-wrapper is-style-ghost"><a href=""><span class="smb-btn__label">私たちについて</span></a></div> <!-- /wp:snow-monkey-blocks/btn --></div> <!-- /wp:snow-monkey-blocks/buttons --></div></div></div><div class="c-row__col c-row__col--1-1 c-row__col--lg-1-2"><div class="smb-section-break-the-grid__figure smb-section-break-the-grid__figure--w-40"><div class="smb-section-break-the-grid__shadow"></div><img src="http://demo.local/wp-content/uploads/2023/05/AdobeStock_319972399-1024x683.jpg" alt="" width="1024" height="683" /></div></div></div></div></div></div></div>
他のサイトでは
smb-section-break-the-grid__figure--w-l
というのが使われていて、アップデートでsmb-section-break-the-grid__figure--w-40
に置き換わった際に異なる動きになったものかと思っています。また、
@media (max-width:63.9375em) .smb-section-break-the-grid--left.alignfull .smb-section-break-the-grid__figure, .smb-section-break-the-grid--right.alignfull .smb-section-break-the-grid__figure { right: 0; left: 0; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }
というcssが当たっていて、全幅の時モバイルでも画像が全幅になるという仕様になっていました。
♥ 0いいねをした人: 居ません失礼しました。
「メディアの高さをブロックの高さに揃える」もオンにしています。
♥ 0いいねをした人: 居ませんローカルなので一時的なurlで共有します
url: interesting-archive.localsite.io
ユーザー名、パス共に「admin」です。
♥ 0いいねをした人: 居ません -
投稿者投稿