- このトピックには12件の返信、2人の参加者があり、最後に
により3年、 3ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】15.3.0
【お使いの Snow Monkey Blocks のバージョン】 12.0.3
【お使いの Snow Monkey Editor のバージョン】6.0.0
【お使いのブラウザ】chrome
【当該サイトのURL】https://www.kigoulab.co.jp/### 発生している問題
突然、キャッチコピーとリードコピーが表示されなくなりました。
当該部分は、当初背景画像付きセクションだったのですが、
スマホとデスクトップで改行位置を変えたいと思い修正したところ
HTMLブロックになってしまっています。サイト自体は8月２日に更新した以来さわっておらず
メルマガをだした11日時点では問題が無かったと思います### 試したこと
ソースは存在するようです。直前にメルマガだしたので、もしかしたら攻撃されたのかと
スタイルシート周りを見直したり、DBをリストアしたりしたのですが改善されません
chromeプラグインのバリデーションでも問題ないと表示されます。ちょっと手足がでず泣きそうです。
どなたか原因が分かる方いたら助けて下さい（久しぶりに泣き言）当該部分のコードは次ぎの通り
<div class="wp-block-snow-monkey-blocks-section-with-bgimage alignwide smb-section smb-section-with-bgimage smb-section-with-bgimage--left smb-section-with-bgimage--fit"><div class="smb-section-with-bgimage__bgimage smb-section-with-bgimage__bgimage--lg"><img src="https://www.kigoulab.co.jp/wp-content/uploads/2021/07/keyvisual-01-1-1024x683-1.png" alt="" class="wp-image-2560" style="opacity:1"></div><div class="c-container"><h1 class="smb-section__title"><meta charset="utf-8">デザイン経営で<br>DXを加速する</h1><div class="smb-section__lede-wrapper"><div class="smb-section__lede"> <meta charset="utf-8">パンデミックに襲われた今、<br class="sp">デジタル、グリーン、多様性が<br>これからの10年を<br class="sp">決定づけるといわれてます<br>コミュニケーションが<br>ウェブからSNSに移行した今<br>持続可能な社会/会社を作る<br class="sp">一つの手段が<br>デザインです<br>小さなトライ＆エラーを<br class="sp">繰り返すことで<br>お客様のハートをつかむ<br class="sp">商品やサービスを構築し<br>ファンベースのブランディングを<br class="sp">行います</div></div><div class="smb-section__body"></div></div></div>いいねをした人: 居ません原因がわからないまま、新たに背景画像付きセクションをつくり、画像の指定が左カラムから行うことを検索で見つけ、思い出し、新たに作成しました。スマホ用改行コードいれたのに、HTMLモードにかわりません。編集画面では改行の多いスマホの状態で表示されます。
スマホの時に画像が入れ替えできることが分かましたが、いまのところ、画像の意味がわからなくなってるものの、可読性をかんがえるといたしかたないかなと思ってこのままにしてます
イタズラされたということもない、なにかわたしがいじってしまっていたのかなと思いますが、とりあえずDBのバックアップをプラグインとdampでとって、これで良かったか明日再確認したいと思います
もし原因がわかるかたいらしたら教えて下さい
いいねをした人: 居ません本件、元コードをつかって、新たにブロックを作成してつくりなおしたらうまく修正できました
スマホとPCで改行位置を変える件はスマホでのみ改行させたいところに<br class=sp>とかいれておいてメディアクエリーでPCでは非表示にするという風にしておりました
おさわがせしました
特にご質問がなければ閉じます
チョイ待ちますねいいねをした人: 居ませんえっと、僕が知りたかったのは「スマホでのみ改行させたいところに
とかいれておいて」を具体的にどのような手順で入れたのかということです。もしブロックやエディターをテキストモードに切り替えて HTML コードとして編集されたのであれば、ブロックとしての整合性がとれなくなるので、ブロックエディターはそれを「カスタム HTML ブロック」として扱うようになります。そしてそれをまたおとのブロックに戻そうとすると、またブロックの整合性がとれなくなるので、整合性がとれない部分の設定やコンテンツは消えることがあります。
おそらくそういうことではないかと想像したのですがどうでしょうか？
いいねをした人: 居ませんはいその通りです、カスタムHTMLにきりかえてクラスをいれてます
いまはなぜかもとのブロックを維持したまま、当該クラスも認識しているようです
HTMLモードにしないでもリードにHTMLがかけるのかなとかおもってみました
たぶん、想定外だとおもいますけどいいねをした人: 居ませんブロックとしての整合性がとれなくなると「カスタム HTML ブロック」になるので、書き換えても整合性がとれていればブロックとして認識されます。
brがclassを持つことは（ブロックエディター的に）想定されていないと思うので整合性がとれなくなるのだと思います。いいねをした人: 居ませんそうです。ただ、基本的に「整合性がとれている」ということは、カスタム HTML ブロックに変換せずともブロックのパネルやツールバーで設定で設定できる範囲でしか書き換えていないということなので、あえてカスタム HTML ブロックに変換して編集する必要はないのではないかと思います。
いいねをした人: 居ませんなるほど、了解です
ただ、本ケースは毎回あるんです。リード文がスマホになって背景画像と重なるようになるため
改行を細かくして画像を回避するという場合ですもちろんあのブロックはスマホにはスマホ用の画像が設定できるようになっているので
背景画像のほうを調整するのがただしいブロックの使い方のようなきもするのですがここだけイレギュラーな使い方をするのはまずいですかね…
—
あ、会社創立おめでとうございますでしたっけ？
いいねをした人: 居ませんただ、本ケースは毎回あるんです。リード文がスマホになって背景画像と重なるようになるため
改行を細かくして画像を回避するという場合ですショートコードであれば段落ブロックの中にテキストとして入れてもちゃんと展開されるので、コードで br を入れるのではなく、改行用のショートコードをつくってそれを入れるというのが良いかもですね。
あ、会社創立おめでとうございますでしたっけ？
そうです、ありがとうございます！
いいねをした人: 居ません
- トピック「キャッチコピーとリードコピーが表示されなくなった」には新しい返信をつけることはできません。