[キタジマ タカシ]

モバイル用ヘッダーコンテンツが表示されるページテンプレートは以下になります。もしこれら以外のページテンプレートを使用している場合は表示されません。

– 左サイドバー
– 右サイドバー
– フル幅
– 1カラム（スリム幅）
– 1カラム

本来なら、下記の画像のように、.l-contents 直下に HTML が出力されるはずなのですが…。

♥ 0

Who liked: No user

[キタジマ タカシ]

あ、そうですね、リリースしたらここに書き込むのでそれで確認できたら閉じていただければ。

♥ 1

Who liked:

[キタジマ タカシ]

ちょっとまだちゃんと読めてなくて明日改めて確認しようと思っていますが、「※縦並びにした際に、画像とコンテンツの順序を指定したい」については現状でも設定があります！ インスペクターにある「モバイルの並び順」を設定してみてください。

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほど、コアのブロックの拡張は難しいんですね…

正確にいうとコアブロックの拡張ではなくてブロックスタイルに応じた設定項目の増減ですね。技術的には無理やりやればできなくはないのですが、無理やりなので今後のことを考えるとやらないほうが良いという感じです。

ただいずれにしても現状では枠線と背景色を分けることはできなさそうですかね？

こちらも CSS でできなくはないと思いますが、かなりいじらないといけないと思うので、今後のアップデートの影響を考えるとやらないほうが良いのかなと思います。

機能追加していただけるとしたら、アバターの表示・非表示や枠線・背景色のオプションなど追加していただけると嬉しいです…！

検討します！

♥ 0

Who liked: No user

[キタジマ タカシ]

なるほどです。

現状、折返しを CSS でいじったり全体の幅の指定をしたりしているわけではないので、中の要素に width 指定があるとか折り返し指定があるということがなければ他の要素と同じように通常通りの表示となり、見切れたりすることはありません。

中身が多いとスマホサイズなどで非常に見づらくなったり、

「スマホでカラム分割しない」のチェックがない場合はスマホでも強制的にカラム分割されるため、特にラベルカラムの幅が狭くて見づらくなるということはありえます。なのでスクロール表示の機能はあっても良いかなと思いますが、仕様をどうするか悩みますね…。

スクロールさせるためには情報ブロックを画面からはみ出させる必要があるわけですが、どうやってはみ出させるかですね…。中身を全部折返しさせないというのも微妙だし、情報ブロックをスマホ画面幅より大きい幅○○pxで固定するというのも微妙ですし…。

♥ 0

Who liked: No user

[キタジマ タカシ]

残念ながら現状ではできません…。

でもできたほうが使い勝手が良さそうなので、今後調査してみます！ ひとまず issue は立てました。

各セクションブロック間で transform できるようにしたい · Issue #661 · inc2734/snow-monkey-blocks

https://snow-monkey.2inc.org/forums/topic/%e3%82%bb%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ae%e7%a8%ae%e9%a1%9e%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b…

github.com

とりあえず現状ではタイトルや中身をコピペするなどして別のセクションブロックに入れ直す必要があります。

♥ 0

Who liked: No user

[キタジマ タカシ]

「カスタムロゴ」というのはヘッダーに表示される画像のロゴということですよね？

僕のサイトで実験したところ、

.c-site-branding__title   a::after {
  content: "v0.3";
  font-weight: normal;
  font-size: 16px;
  color:red;
  padding-left:0px;
}

できれいに表示されました。

他の CSS が邪魔しているかもしれないので、崩れているページが確認できるのであればこちらにそのページの URL を共有いただきたいです。

♥ 0

Who liked: No user

[キタジマ タカシ]

吹き出しの拡張で枠線や背景色の設定もできると嬉しいです…！

ブロックスタイルの場合、「スタイルをあてるかあてないか」だけで、設定を追加することができないんです…。

なので、細かくやりたい場合はやはりブロックスタイルの「吹き出し」ではなくて「吹き出しブロック」を使うほうが良いかもです（吹き出しブロックなら設定を追加することは可能です）。

吹き出しブロックに適当な CSS クラスを追加して、それでアバター画像を display: none、その吹き出しブロックをカラムブロックなんかに入れて横に画像を並べる、というのはどうでしょうね？

♥ 0

Who liked: No user

[キタジマ タカシ]

ちょっと気になった点としては、

僕の環境では

<script type='text/javascript' src='/wp-includes/js/jquery/jquery.js?ver=3.6.3' id='jquery-core-js'></script>
<script type='text/javascript' defer src='/wp-content/plugins/my-snow-monkey2/main.js?ver=1678666875' id='msm_scripts-js'></script>

となっているのに対し、memime さんの環境では

<script type='text/javascript' defer id='jquery-core-js' data-type="lazy" data-src="/wp-includes/js/jquery/jquery.min.js?ver=3.6.1"></script>
<script type='text/javascript' defer src='/wp-content/plugins/my-snow-monkey/scripts/main.js?ver=1678542667' id='msm_scripts-js'></script>

となっています。僕の環境では jQuery には defer がついていないのに、memime さんの環境では jQuery にも defer がついています。defer がついちゃうと読み込み順が保証されなくなっちゃう（多分）ので、「jQuery が見つからない」というエラーがでるのだと思います。

ちょっとなんで jQuery にも defer がついてしまっているのかはわからないのですが、高速化プラグインを使ったり、他に defer を追加するようなコードを追加していたりする可能性はありますか？また、他にも jQuery に依存する js ファイルを読み込ませていたりしますか？

♥ 0

Who liked: No user

[キタジマ タカシ]

カスタマイザー上ではフロント（実際の公開画面）のものに加えて別の js も読み込まれている可能性があるかもしれないので、「jQuery の 読み込みを最適化する」を外した状態で公開すると、フロントでは正しく読み込まれるのかどうかが気になっての質問でした。

「jQuery の 読み込みを最適化する」にチェックをつけると機能します。

↑はカスタマイザー上での話でしょうか、あるいはフロントでの話でしょうか？

一応こちらでも全く同じコードで試してみたのですが、「jQuery の 読み込みを最適化する」チェックありなしどちらも場合でも正しく実行されました。

♥ 0

Who liked: No user

[キタジマ タカシ]

テストしたところ「この度は、弊社の求人にご応募いただきまして誠にありがとうございます。」という内容の自動返信メールが届きました。なのでその gmail アドレスがなにかあるんですかねー。

♥ 0

Who liked: No user

[キタジマ タカシ]

デベロッパーツールをみると

Uncaught ReferenceError: jQuery is not defined

というエラーがでてますね。「jQuery の 読み込みを最適化する」を無効化すると改善されるのでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

可能性としては

– 管理者用メールアドレスが Gmail で、それと同じメールアドレスを「Eメール」に入力して送信しているため Gmail 側で送り元・送り先が同じということで破棄されている
– 迷惑メールフォルダに入っている
– サーバー側でなんらかのフィルタリングがされている
– セキュリティ系プラグインを使っているのであればそれでフィルタリングされている

などがあるかなと思いました。

これ、試しに僕の Gmail のメールアドレスで送信テストしてみても良いですかね？

♥ 0

Who liked: No user

[キタジマ タカシ]

これでどうですかね？

@media not all and (min-width: 640px) {
  .smb-section__lede {
    text-align: left;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

・枠線の色、テーブルの背景色などを設定したい
・枠線の左右、上下の余白の設定項目がほしい（無段階の可変か、いくつかの段階性か？）
・見切れたときにスクロールできるように設定したい

確かにどれもあったほうが良いですね…。一点教えてください。「見切れたとき」とありますが、見切れるときってどのようなシチュエーションでしょうか？中身がすごく多いとか、大きなボタンが入っているとかでしょうか？ 一度再現した上で、機能追加できるかどうか試したいなと…。

現在 WordPress 6.2 の対応作業中なのですぐには作業できないのですが、それが終わったあと、4月以降で機能追加できるのかどうか調査してみたいと思います。ご要望ありがとうございます！

♥ 1

Who liked:

[投稿者]

投稿