[キタジマ タカシ]

や、すみません、非表示はうまく動いたのですが今度表示しようとしたらうまく表示されませんでした、ちょっとまだおかしいみたいですね…。再度確認します!

♥ 0

Who liked: No user

[キタジマ タカシ]

ただ、私の環境では『「記事にプロフィールボックスを表示する」にチェックを入れる』と『「記事に関連記事を表示する」にチェックを入れる』に関しては、改善を確認できませんでした。

うおーそうですか…。こちらでは正常に動作していますね…。PHP のバージョンの問題かなと思い、8.0.28 と 8.1.9 で試してみましたが、どちらも動作しました。

設定を変更したタイミング、カスタマイザーの保存ボタンを押したタイミングでデベロッパーツールのコンソールに JavaScript のエラーがでたり、PHP のエラーログにエラーが出力されていたりしていないでしょうか？

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey v20.2.3 で変更を入れてみました。アップデートして確認してみてください！

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey v20.2.3 で変更をいれてみましたがどうでしょうか…？

♥ 0

Who liked: No user

[キタジマ タカシ]

わ、ほんとですね…。ご報告ありがとうございます！ 全ての設定が保存されないというわけではなくて、いくつかの設定において発生している問題のようです（ご指摘いただいたものとか、アクセントカラーとか）。詳しく調査して修正いれます。少々お待ちください…。

♥ 0

Who liked: No user

[キタジマ タカシ]

あークラシックウィジェットですね、確認が漏れていました。修正入れます！

♥ 1

Who liked:

[キタジマ タカシ]

Snow Monkey Blocks v19.5.1 にアップデートするとどうでしょうか？

♥ 2

Who liked:

[キタジマ タカシ]

詳しくありがとうございます！ どうも任意のタクソノミーブロックに問題があるようです。機能が似ている最近の投稿ブロックでは問題は発生しませんでした。詳しく調査してみます。

♥ 1

Who liked:

[キタジマ タカシ]

また「コンテンツ部分のコンテナーの余白を削除」が追加されるとのことなので、こちらの実装を待ってからご意見した方が良さそうですね。

Snow Monkey Blocks v19.5.0 で追加しました！

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey v20.2.0 で変更を反映しました！

♥ 0

Who liked: No user

[キタジマ タカシ]

確認が漏れておりました、すみません。

Snow Monkey Formsで、セレクトボックスで選択する内容によって、次に表示される項目の内容を変えたいのですが、そういった「条件によって表示を変える」といったことは可能でしょうか？

Snow Monkey Forms では多分できないと思います…。もしかしたら js で display: none したりして無理やりできるかもしれませんが、意図せぬ不具合が発生する可能性もあるので、Snow Monkey Forms では現状難しいかなと思います。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey Blocks v19.4.0 で変更を入れてみました。

♥ 1

Who liked:

[キタジマ タカシ]

– 「コンテンツ部分のコンテナーの余白を削除」が有効なとき、画像のサイズが画面幅より大きい場合は画像は全幅になる。
– 「コンテンツ部分のコンテナーの余白を削除」が無効なとき、現在の「全幅のときは画像も全幅」をやめたとすると、全幅にしたとしても画像は全幅にならない。

これが素直だとは思うのですが、現状

– 画像が右配置のとき、スマホでは画像が少し右に寄る
– 画像が左配置のとき、スマホでは画像が少し左に寄る

となっているので、画像がきれいに全幅にならずに少しずれたりはみ出たりしちゃうんですよね。なので、きれいな画像全幅表示を実現するには結局「この条件のときは全幅」というのを決めないといけないんです…。

– 画像が右配置のとき、スマホではコンテンツが少し左に寄る
– 画像が左配置のとき、スマホではコンテンツが少し右に寄る

に変えてしまうという手はあるのかな…。

♥ 0

Who liked: No user

[キタジマ タカシ]

Snow Monkey v20.2.0 でブログカードの CSS に変更が入った影響です。以前に追加したブログカード用の CSS を一旦全部消して、新しく下記の CSS を追加してみてください。

.is-provider-wp-oembed-blog-card {
  padding-top: 2em;
}

.is-provider-wp-oembed-blog-card .wp-oembed-blog-card > a,
.is-provider-wp-oembed-blog-card .wp-oembed-blog-card > span{
  flex-wrap: nowrap;
}

.wp-block-embed__wrapper {
  overflow: visible !important;
}

.wp-oembed-blog-card-label-text {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: bold;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  height: 30px;
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 12;
  padding: .5em .75em;
}

@media not (min-width: 640px) {
  .is-provider-wp-oembed-blog-card {
    --wp-oembed-blog-card--gap: var(--_margin-1);
    --wp-oembed-blog-card--figure--basis: 50%;
  }

  .is-provider-wp-oembed-blog-card .wp-oembed-blog-card__figure {
    order: 1;
  }
}

♥ 0

Who liked: No user

[キタジマ タカシ]

付随してなのですが、「コンテナーの配置」がデフォルトor幅広でも、SPでメディアが全幅になってしまいます。

PC・tabではpaddingが保持されているので、spでpaddingが消えて全幅になると不自然かなと…。

んーなるほどです。左右の padding については「コンテナーの配置」が全幅かどうかではなくて「コンテンツ部分のコンテナーの余白を削除」が有効かどうかが関係してきます。ただ、PC とスマホでは横幅が全然違うので、

– スマホの場合は全幅でも通常幅でも横幅が同じ（全幅は「最大幅」の制限を外すものなので）。
– 「コンテンツ部分のコンテナーの余白を削除」が有効なとき、画像のサイズが画面幅より大きい場合は画像は全幅になる。
– 「コンテンツ部分のコンテナーの余白を削除」が無効なとき、現在の「全幅のときは画像も全幅」をやめたとすると、全幅にしたとしても画像は全幅にならない。
– PC のときと同じように素直に全幅・通常幅、コンテナーの配置、コンテンツ部分のコンテナーの余白を削除を反映した場合、どの組み合わせの場合も画像は全幅にできない

ということになってくるので、こちらを立てればこちらが立たずというか、いずれにしろ PC と同じように設定を反映させることは画面幅の問題でできないので、今ぐらいの感じが落とし所なのかなと個人的には思います…。

♥ 0

Who liked: No user

[投稿者]

投稿