フォーラムへの返信
-
テーマエディターからテーマのファイルを直接編集しても、今後アップデートを実行した際に新しいファイルで上書きされ消えてしまいますので、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というような形でクラス指定してあげることで、一番最初の投稿へのみスタイルを当てることはできます。いいねをした人:画像を読み込んでいる部分が問題だとするならば、その画像名（もしくはその一部の名前）でソースコードを検索してみたりすると良いですよ。
外から見える部分だけからのデバッグは結構大変だったりもするので、なかなかアドバイス差し上げにくいところがあります。なんとか頑張ってみてください！
いいねをした人:
実際に作られているサイトを見ているわけではないので確実なことは言えませんが、
＞PCでの表示用のみ書いているので、必要であればメディアクエリなどで分岐してつかってください。
これを怠っているからでしょうか？初心者のため意味がわからず何もしていないのですが。。
Snow Monkey はモバイルファーストな形でCSSを書かれているので、メディアクエリを設定せずに記述すると、スマホ＞タブレット＞PCと全てのデバイスへ適応されます。ですので、スマホ表示だけに適応したい、PC幅表示時だけ適応したい、などという場合には、メディアクエリを記述する必要が出てきます。
その辺りはぜひご自身で調べて試してみてください。
いいねをした人:
スマホで該当サイトを拝見しましたが、そもそもページの読み込みが完了できていません。ですので、XO Slider や Snow Monkey の問題ではなく、その辺りの調査をまずはされた方が良いかと思います。
こちらで検証ツールにてUAをスマホにした状態でも、コンソールにエラーが表示されています。そういった点をしらみ潰しに調査して、まずはスマホで読み込みが完了するようにしてみると良いかと思います。
いいねをした人:
