フォーラムへの返信
-
カテゴリー名を表示する HTML は、実は画像と同じ
divの中に1つと、メタ情報の中に1つの、あわせて2箇所にあるんです。デフォルトではメタ情報の中のものは非表示になっています。GONSY さんの CSS は、それらの表示・非表示状態をdisplay: none、display: blockで入れ替えるものになりますね。いいねをした人:
最新ということは
Snow Monkey v27.2.2
Snow Monkey Blocks v22.2.1ですかね。
現状、
.smb-spider-pickup-slider .spider__canvasのmin-heightが指定されていて最低限の高さが決まっているので、まずはそれを無効にする必要があります。その上で、heightを追加してガチガチに固定してしまうとか、aspect-ratioで固定してしまうとかかなぁと。.smb-spider-pickup-slider .spider__canvas { min-height: auto !important; aspect-ratio: 16 / 9; }いいねをした人:メンテナンス性を考えると、先にご教示いただきました「PHP の DOMDocument と DOMXPath使用のコード」の方が良いでしょうか？
そうですね、文字列置換ではないのでその方が多少リスクは低いとは思います。
いいねをした人:あーなるほど、これちょっと難しい問題ですね…。
お知らせ記事にかいたように、2つの状況でタブが開く機能を追加しました。
1. タブの ID を指定したアンカーリンクからページを開いたとき
2. タブの ID を指定したページ内リンクをクリックしたときタブブロックが設置されているページ「以外」から、
https://example.com/#smb-tab-for-{タブのID}へのリンクをクリックすると、そのタブブロックの位置までページがスクロールし、タブが開きます。このとき、「タブブロックの位置までページがスクロール」は「Snow Monkey テーマ」の機能で実施され、「タブが開く」は「Snow Monkey Blocks」の機能で実行されています。そして、その状態で
https://example.com/#smb-tab-for-{他のタブのID}をクリックしたら、そのタブに切り替わってほしいということですよね。それは上記に書いた「タブの ID を指定したページ内リンクをクリックしたとき」に該当すると思うのですが、現状だと、この機能は<a href="#smb-tab-for-{他のタブのID}">、つまり URL を含まずにアンカーだけが指定されたリンクにしか反応しないようになっているため、https://example.com/#smb-tab-for-{他のタブのID}というリンクだと機能しないんです。で、そこを
https://example.com/#smb-tab-for-{他のタブのID}というリンクでも開くようにするのはまぁなんとかできるかも？という気がするのですが（未検証・未開発）、スクロールがどうかなぁという感じです。「「タブブロックの位置までページがスクロール」は「Snow Monkey テーマ」の機能で実施され」と書きましたが、これはページが開いた瞬間のときに実行されるので、すでに開いているときは実行されないんですよね。シンプルに HTML の機能としてアンカーリンクで移動させるようにする（※現在のタブ操作では無効化している）のはできはするのですが、そうすると Snow Monkey のヘッダーがオーバーレイとかになっているときにそれが考慮されずに重なってしまいます。だからリンクに
u-smooth-scrollクラスをつけてスムーススクロールさせればヘッダー位置を考慮してスクロールしてくれるのかもしれませんが、スムーススクロールになっちゃうのと、そもそもタブを開く機能と干渉して効かなかったりしないかな…みたいな…。と、色々気になるのですが、ひとまず調査してみます…。
いいねをした人:あーほんとですね…。僕が DOMDocument に詳しくなく、入れ子を維持したままタグの置換をおこなう方法がよくわからなかったので、
preg_replace()を使ってspan.smb-accordion__item__title__labelをh2.smb-accordion__item__title__labelに置換するコードを書いてみました。入れ子の深いところをh2に置換するので HTML にこれで良いのかよくわかりませんが、とりあえず置換はうまくいきました。add_filter( 'render_block_snow-monkey-blocks/accordion-item', function( $block_content ) { return preg_replace( '|<span class="smb-accordion__item__title__label">(.+?)</span>|ms', '<h2 class="smb-accordion__item__title__label">$1</h2>', $block_content ); } );ただ、Snow Monkey Blocks のアップデート等により、クラス名が変わったり
spanに属性が追加されたりすると、この置換処理は効かなくなるので、その点はご注意ください。いいねをした人:
