[和田稔]

【お使いの unitone のバージョン】

13.0.0
【お使いのブラウザ】

chrome
【当該サイトのURL】

Webサイト制作実績 | モンハコ

monhaco.com

### 発生している問題

デコレーターブロックの配下にカバーブロックを入れて使用しています。

デコレーターブロックにリンクを入れているのですが、反映されなくなりました。

以前のバージョン（具体的にはわかりません）では反映されていたことを確認しています。

### 試したこと

ブロックの再作成をしましたが、結果は変わりませんでした。

[inc2734]

ページを拝見したところ、.wp-block-cover .wp-block-cover__background が z-index: 1 になっており（WordPRess コアの CSS）、デコレーターのリンクよりも階層が上になってしまうためにリンクが効かなくなってしまっているようでした。

これまで効いていて最近効かなくなったのであれば、最近のコアアップデートでカバーブロックの CSS に変更が入ったのだと思います。

ひとまず、下記の CSS を「追加 CSS」に追加してみてもらえないでしょうか？ おそらく一時しのぎできるかと！

[data-unitone-layout~=decorator__link]::before {
  z-index: 1;
}

unitone に修正を入れようと思いますが、上記の CSS で良いのか、他にもっと良い方法があるか調べてみようと思います。

[和田稔]

ありがとうございます。

以下追加CSSを入れて、カバーブロックから呼び出したのですが、効いてないかもです。同じ原因かもしれません。

/* 特定のブロックに対してhoverアニメーションを適用する */
.custom-hover-block {
  overflow: hidden; /* サイズ変更時に問題が発生しないように設定 */
}

.custom-hover-block:hover {
transform: scale(1.05); /* 5%ズーム */
transition: transform 0.3s ease-in-out; /* ズームアニメーションの速度とスムーズさを調整 */
  cursor: pointer; /* ホバー時にポインターを表示 */
}

[inc2734]

確認したところ、z-index: 1; が追加されていないっぽいです（今は消してますか？）。

また、.custom-hover-block が指定されたブロックもそのページ上には無さそうな気がします。

デベロッパーツールで追加したところ、クリックできるようになりました。
※マウスカーソルがスクショできなかったので、クリック範囲がわかりやすいように background: red を指定しました。

[和田稔]

反映できました。

カバーブロックから追加CSSを呼び出したら動かなかったのですが、
デコレーターブロックから追加CSSを呼び出したら動きました。

[inc2734]

あ、なるほどです。サイト全体の「追加 CSS」を想定していました。

WordPress ブロックテーマでカスタム CSS を追加する場所 (2023) |デイビスメディアデザイン

WordPress 6.2 のリリースで、WordPress はついにカスタム CSS を Web サイトに追加する機能を復活させました。 このヘルプ記事では、無料のオープンソース CMS プラット…

ja.daviesmediadesign.com

ブロックごとの追加 CSS に追加すると、そのブロックのセレクタが補完されちゃうんですよね。
とりあえず、アップデートまではそれでしのいでください！

[和田稔]

ありがとうございます。
アップデート期待してます。

[inc2734]

v13.1.0 で修正を入れました！

[投稿者]

投稿