フォーラムへの返信
-
書いてみました！WordPress の HTML API で書き換えられるのは属性だけでタグは書き換えられなかったので、PHP の DOMDocument と DOMXPath を使ってみました。
add_filter( 'render_block_snow-monkey-blocks/accordion-item', function( $block_content ) { $doc = new \DOMDocument; $doc->loadXML( $block_content ); $xpath = new \DOMXPath( $doc ); $divsToReplace = $xpath->query( "//div[contains(@class, 'smb-accordion__item__title')]" ); foreach ( $divsToReplace as $div ) { $h2 = $doc->createElement( 'h2', $div->nodeValue ); foreach ( $div->attributes as $attr ) { $h2->setAttribute( $attr->name, $attr->value ); } $div->parentNode->replaceChild( $h2, $div ); } return $doc->saveXML(); } );render_block_{ブロック名}フックが実行されるのはフロントだけで、エディター上では下記変わらないのでご注意ください。いいねをした人:あ、そうだ、タブブロックは動的ブロック（PHP で表示されるブロック）ではないので、Snow Monkey Blocks をアップデートしたあと、一度ページの編集画面を開くことでタブブロックの HTML が最新版に自動更新されます。なので、タブブロックを設置したページを一度開いて、ページを再保存してから再度試してみてください！
※成功すると、タブボタン部分にsmb-tab-for-block-bbd4aa30-44dc-4ff9-b2f2-bbd8bb040b7dという id が追加された状態で表示されるようになります。いいねをした人:返信遅くなりすみません！外出先で返信しようと思っていたらパソコンがまさかの電池切れだったため、ひとまず実現に必要な技術だけ書いておきます！
あとでコードを書いてみようと思っていますが、お急ぎであれば下記を参考に書いてみてください。
アコーディオンアイテムの HTML の書き換えなので、
render_block_snow-monkey-blocks/accordion-itemフックを使います。上記トピックでは単純な置換なので str_replace() を使っていますが、今回は開始タグと終了タグの書き換えが必要であり、入れ子を考慮すると単純な置換は難しいので HTML API を使って置換するのが良いと思います。
いいねをした人:いくつか方法が考えられます。
## カスタム HTML ブロックを使う
これが1番簡単です。ホームページに割り当てた固定ページの編集画面で、カスタム HTML ブロックをいれて、そこに任意の HTML を書く方法です。PHP は書けないので、PHP も書きたい場合は他の方法が必要になります。
## 子テーマを使う
子テーマをお使いであれば、子テーマの中にトップページ用のテンプレートを作ることで、元のテンプレートを上書きできます。子テーマの中に
/templates/view/front-page.phpをつくって、そこに任意の HTML や PHP を書いてみてください。## My Snow Monkey プラグインを使う
既に制作が進んでいて子テーマに切り替えられない場合は My Snow Monkey プラグインでもテンプレートの上書きができます。
まず、下記を参考に My Snow Monkey プラグインでテンプレートの上書きができるように準備をしてください。
できたら、
plugins/my-snow-monkey/viewというディレクトリ内にテンプレートを作ることで元のテンプレートを上書きできるようになるので、plugins/my-snow-monkey/view/templates/view/front-page.phpをつくって、そこに任意の HTML や PHP を書いてみてください。いいねをした人: 居ませんなるほどです。タブの処理は HTML に備わっているものではないので全て自作になります。なので「アンカーリンクのときに開く」のような処理も開発が必要になります。
ただただ開くだけなら開発も難しくない気がしていますが、Snow Monkey の場合は「アンカーリンクを開いたときにヘッダーの表示状態を考慮してスクロール位置を調整をする」という機能が備わっているので、それとの兼ね合いでちゃんと動くのかどうかが気になりますね。
ひとまず調査してみます！
いいねをした人:アップデートで解消しました！
早速ありがとうございます！
コンテンツスライダーブロックについてもう一つ質問させてください。
トピックを変えた方がよろしければ新しいものを立ち上げます。お手数おかけして申し訳ないのですが、1トピックにつき1課題とさせていただいているので、本トピックはクローズして別トピックを立てていただけるとありがたいです><
いいねをした人:
