-
検索結果
-
【お使いの Snow Monkey のバージョン】25.1.0
【お使いの Snow Monkey Blocks のバージョン】20.1.2
【お使いの Snow Monkey Editor のバージョン】9.3.0
【お使いの PHP のバージョン】
【お使いのブラウザ】Chrom（Mac OS）
【当該サイトのURL】不具合とは少し違うのですが、適切なフォーラムが分からずなのでこちらに立てさせていただきます。
### 発生している問題
Chromで一覧ページの記事タイトルがスクリーンリーダーに読まれないレイアウトがあります。
読まない
- リッチメディア
- シンプル
- パネル
- カルーセル（リッチメディア）
読む
- テキスト
- テキスト２
- 大きな画像
### 試したこと
カスタム投稿タイプでも同じく、「記事一覧レイアウト」に依存してるっぽいです。
出来れば対応したい所なのですが、対処方法はありますでしょうか？
viewport を書き換えるという発想がなく、この部分には特に専用のフックなどは用意されていないため、やるなら HTML を書き換えるフックで書き換える形になるかなと思います。
とりあえず下記で既存の viewport 用メタタグは消えるかと思います。
add_filter( 'snow_monkey_template_part_render_template-parts/common/head', function( $html ) { $html = preg_replace( '|<meta name="viewport"[^>]+?>|s', '', $html ); return $html; } );あとは js でやっても良いし、ユーザーエージェントで判定させるなら PHP でもできると思うので、PHP で追加しても良いのかなと思います。
Who liked:HTML の構造が下記のようになっていて、画像とタイトル・説明・価格が並列になっているので、左右に配置はしにくいと思います。
- woocommerce-LoopProduct-link.woocommerce-loop-product__link - .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail - .woocommerce-loop-product__title - .woocommerce-product-details__short-description - .price左右に配置するなら、例えば下記のようになっているとやりやすいと思います。
- woocommerce-LoopProduct-link.woocommerce-loop-product__link - .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail - div - .woocommerce-loop-product__title - .woocommerce-product-details__short-description - .priceWooCommerce はあまり詳しくないのですが、フックや WooCommerce テンプレートの上書きで HTML 構造の上書きができる（多分）と思います。
Who liked:まーちゅうさま
ありがとうございます。
コードをスッキリさせたい場合は、アクションフックで再利用ブロックを活用するのも良いですね…！ただ私の環境だと、スラッグの編集が出来ないことと、各ブロック間の
margin-topが消えてしまうので、こちらが課題です。（まだ細かく検証してませんので見落としがあるかも）
下が再利用ブロック
Who liked: No user
