-
投稿者投稿
-
2021年8月14日 7:25 PM #84287
【お使いの 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月2日に更新した以来さわっておらず
メルマガをだした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>
♥ 0いいねをした人: 居ません2021年8月14日 7:42 PM #84291背景画像付きセクションを新たにつくってみようとしたのですが、イマイチ使い方がわからなくなりました。背景画像ってどうやって指定するでしたっけ
♥ 0いいねをした人: 居ません2021年8月14日 8:20 PM #84296原因がわからないまま、新たに背景画像付きセクションをつくり、画像の指定が左カラムから行うことを検索で見つけ、思い出し、新たに作成しました。スマホ用改行コードいれたのに、HTMLモードにかわりません。編集画面では改行の多いスマホの状態で表示されます。
スマホの時に画像が入れ替えできることが分かましたが、いまのところ、画像の意味がわからなくなってるものの、可読性をかんがえるといたしかたないかなと思ってこのままにしてます
イタズラされたということもない、なにかわたしがいじってしまっていたのかなと思いますが、とりあえずDBのバックアップをプラグインとdampでとって、これで良かったか明日再確認したいと思います
もし原因がわかるかたいらしたら教えて下さい
♥ 0いいねをした人: 居ません2021年8月16日 8:45 AM #84394スマホとデスクトップで改行位置を変えたいと思い修正したところ
上記、具体的にどのような作業をされたのですか?
♥ 0いいねをした人: 居ません2021年8月16日 10:47 AM #84419本件、元コードをつかって、新たにブロックを作成してつくりなおしたらうまく修正できました
スマホとPCで改行位置を変える件はスマホでのみ改行させたいところに<br class=sp>とかいれておいてメディアクエリーでPCでは非表示にするという風にしておりました
おさわがせしました
特にご質問がなければ閉じます
チョイ待ちますね♥ 0いいねをした人: 居ません2021年8月16日 11:16 AM #84440えっと、僕が知りたかったのは「スマホでのみ改行させたいところに
とかいれておいて」を具体的にどのような手順で入れたのかということです。もしブロックやエディターをテキストモードに切り替えて HTML コードとして編集されたのであれば、ブロックとしての整合性がとれなくなるので、ブロックエディターはそれを「カスタム HTML ブロック」として扱うようになります。そしてそれをまたおとのブロックに戻そうとすると、またブロックの整合性がとれなくなるので、整合性がとれない部分の設定やコンテンツは消えることがあります。
おそらくそういうことではないかと想像したのですがどうでしょうか?
♥ 0いいねをした人: 居ません2021年8月16日 11:20 AM #84444はいその通りです、カスタムHTMLにきりかえてクラスをいれてます
いまはなぜかもとのブロックを維持したまま、当該クラスも認識しているようです
HTMLモードにしないでもリードにHTMLがかけるのかなとかおもってみました
たぶん、想定外だとおもいますけど♥ 0いいねをした人: 居ません2021年8月16日 11:38 AM #84445ブロックとしての整合性がとれなくなると「カスタム HTML ブロック」になるので、書き換えても整合性がとれていればブロックとして認識されます。
br
がclass
を持つことは(ブロックエディター的に)想定されていないと思うので整合性がとれなくなるのだと思います。♥ 0いいねをした人: 居ません2021年8月16日 11:40 AM #84447なるほど、気をつけて使いますね
ブロックエディターでつくって、「カスタム HTML ブロック」に変換して
その上で整合性がとれてればいいのですよね♥ 0いいねをした人: 居ません2021年8月16日 11:44 AM #84451そうです。ただ、基本的に「整合性がとれている」ということは、カスタム HTML ブロックに変換せずともブロックのパネルやツールバーで設定で設定できる範囲でしか書き換えていないということなので、あえてカスタム HTML ブロックに変換して編集する必要はないのではないかと思います。
♥ 0いいねをした人: 居ません2021年8月16日 11:47 AM #84452なるほど、了解です
ただ、本ケースは毎回あるんです。リード文がスマホになって背景画像と重なるようになるため
改行を細かくして画像を回避するという場合ですもちろんあのブロックはスマホにはスマホ用の画像が設定できるようになっているので
背景画像のほうを調整するのがただしいブロックの使い方のようなきもするのですがここだけイレギュラーな使い方をするのはまずいですかね…
—
あ、会社創立おめでとうございますでしたっけ?
♥ 0いいねをした人: 居ません2021年8月16日 1:04 PM #84462ただ、本ケースは毎回あるんです。リード文がスマホになって背景画像と重なるようになるため
改行を細かくして画像を回避するという場合ですショートコードであれば段落ブロックの中にテキストとして入れてもちゃんと展開されるので、コードで br を入れるのではなく、改行用のショートコードをつくってそれを入れるというのが良いかもですね。
あ、会社創立おめでとうございますでしたっけ?
そうです、ありがとうございます!
♥ 0いいねをした人: 居ません2021年8月17日 9:41 AM #84523ショートコードであれば段落ブロックの中にテキストとして入れてもちゃんと展開されるので、コードで br を入れるのではなく、改行用のショートコードをつくってそれを入れるというのが良いかもですね。
なるほど、今度試してみます
My-Snow-Monkeyでコードつくって埋め込みですね随分前につくったことがあるので その投稿さがしてみます!
ありがとうございました!
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「キャッチコピーとリードコピーが表示されなくなった」には新しい返信をつけることはできません。