フォーラムへの返信
-
拝見しました。追加CSSを削除されて試されているようなのですが、どこか（独自のプラグインなど追加CSSからではなく）から以下のようなCSSを書かれてはいませんでしょうか？
.smb-items--fill>.c-row>.c-row__col .smb-items__item__body.block-editor-block-list__layout>:nth-last-child(2), .smb-items--fill>.c-row>.c-row__col .smb-items__item__body>:last-child { margin-bottom: 0; margin-top: auto; }こちらの
margin-top: auto;が悪さをしているような気がしますので、どこで記述をされているのかを確認された上で、打ち消す等試されると良いかと思います。ご参考までに。いいねをした人:実際に試してはいませんが、カスタムメニューには CSS クラス内に一意のクラス名も含まれますし任意のクラス名を追加することも管理画面から可能です。
ですので、CSS から SVG 画像をパスで指定する形でカスタマイズをすることで、実現できそうな気がします。擬似要素など上手に使うと良いかと思います。（試してなくてすいません…
いいねをした人:こちらでも検証してみた結果、PHP のバージョンを Local にて
8.1.9にすると発生することを確認できました。設定可能なそれ以下の PHP バージョン環境（
8.0.22以下）では再現できませんでした。ですので、PHP バージョン起因である可能性を感じますね。
いいねをした人:本件の各種バージョンを合わせた環境で、Query Monitor プラグインのみ有効化してみましたが、こちらの環境では特にエラーと思えるものは確認することができませんでした。
どのような動作をさせたら、どこに言われるエラーが出ているのかを、もう少し詳しくお教えいただけると何かしら糸口になるかもしれません。
いいねをした人:
テーマエディターからテーマのファイルを直接編集しても、今後アップデートを実行した際に新しいファイルで上書きされ消えてしまいますので、WordPress のカスタマイズ全般に言えることですが、おすすめできません。
Snow Monkey で
<head>〜</head>に何かしらソースコードなどを出力されたい場合、以下のようにフックを活用されると良いでしょう。add_action( 'wp_head', function() { ?><script>hoge</script><?php });ちなみにですが、この
wp_headというフックは Snow Monkey 特有のものではなく、WordPress のフックになります。お試しください。いいねをした人:
私の方で確認してみましたが、ランダムにフッターのリンクから何度が遷移した後に、確かにフッターのリンクが押せなくなっています。しかし、おそらく Snow Monkey の不具合ではない可能性があります。
現象が発生した際に、フッターのリンク部分を検証ツールで解析しますと、
.wp-block-cover__inner-container::beforeという要素を指し示されます。こちらは、独自に用意されている my-snow-monkey の中で用意されている
_base.scssというファイルに記述されているようです。こちらがなんらかの理由によって、この現象が起きる際に、フッターのリンク群の上に重なってしまっていて、アンカーリンクをクリックできないという状態になっているようです。ちなみに、この要素に
display:noneをつけることで、リンクは正常に動作するようになります。ですので、まずはこちらの現象をそちらでも今一度再現されまして、この要素が適切に配置されるよう（フッターリンクに被らないよう）に確認されると良いかと思います。
よろしければ参考にしてみてください。
いいねをした人:
Snow Monkey を利用する・しないに関わらず、
!importantを簡単に活用していくのは、後にそれよりも強くスタイルを当てたい状況が発生した場合につらくなります。ですので、「できるだけ使わないように書く」ことを個人的には意識しています。どうしても、という場合には自分の責任の元で利用することもありだとは思いますが、「どうしても」の場合ですね。
その判断ができるように、まずは CSS の詳細度について理解を深めていっても良いかもしれませんね。（さまざまな考え方があると思います。こちらは個人的な感想です。）
いいねをした人:実際に試せてはいませんが、CSS の擬似要素で対応できるのではないかと思います。
.p-footer-sticky-nav > ul > li.menu-item-*** > a:before { CSS書く }必要であれば
aにposition:relativeなど設定し、また管理画面からメニュー項目にCSSクラスを追加するなどすることで、より一層明瞭な CSS を書くことができるかと思います。お試しください。
いいねをした人:項目で画像とボタンにリンクをつけたいのですが、項目（ブロックリンク）を選ぶとタイトルやテキストなども含めて全体にリンクがかかってしまいます。
項目（自由入力）で内部の各ブロックを好きなようにレイアウトする方法ではどうでしょうか？
画像にマウスをのせたときにバナーのように文字が現れるようにしたいです。
CSSで擬似要素とアニメーションで実装できると思います。必要であれば JavaScript（または jQuery）を使っても良いと思いますよ。
いいねをした人:
最新の記事だけ大きく表示したい。
どのように大きく表示させたいのか、そもそもレイアウトが変わるのかなど不明な点はあるのですが、CSSで対応できるような内容であれば、
.p-archive c-entries__item:first-childというような形でクラス指定してあげることで、一番最初の投稿へのみスタイルを当てることはできます。いいねをした人:
