フォーラムへの返信
-
投稿者投稿
-
if ( is_front_page() ) { // トップページのみの上の行に1行コードを追加して、下記のようにしてみてもらえますか?
var_dump( 'あいうえお' ); if ( is_front_page() ) { // トップページのみこれで画面上(HTML ソース上)に「あいうえお」が表示されるようであればフック自体は正しく動いていて、条件分岐の問題になります。「あいうえお」が表示されないようであればプラグインの読み込みかフック自体が効いていないのどちらかになりますかね。
コードを追加するときもこのWordPressのプラグインエディターから編集しているのですが、それがまずかったりしますでしょうか…?
それ自体が今回の問題の原因となる可能性は無いと思いますが、プラグインエディターから編集するとシンタックスエラーになったときに編集中のコードが全部飛んでしまうことがありますしなにかあったときにもとに戻しにくくなるので個人的には推奨できません。テキストエディター等でで編集するのが良いと思います。
♥ 0Who liked: No userSnow Monkey Editor の書式はちゃんと消えているようです。
CSS の詳細度の問題だと思うので、下記のように書き換えてみてもらえますか?
.l-footer, .l-footer .c-widget { font-size: 12px; } @media (min-width: 640px) { .l-footer, .l-footer .c-widget { font-size: 22px; } }♥ 0Who liked: No userんー、なんででしょうね…。デベロッパーツールで確認すると外れてないみたいです。

Snow Monkey Editor のバグの可能性もあるので、一度文字を消して、再度入力し直すのが確実かもしれません。
♥ 0Who liked: No userどこにも丸いバナーは表示されませんでした
どこにも表示されないということは、そもそも .sticky な要素の追加自体がされていない可能性はないですかね?
add_action( 'snow_monkey_before_contents_inner', function() { ?> <div class="sticky"> <span class="web_rsv"> <a href="https://sample01.glasscoope.com/syokaitaiken/"><p class="font-size-large font-weight-bold">初回体験</p><p class="font-size-small">予約は<br>こちらから!</p></a> </span> </div> <?php } );を My Snow Monkey プラグインに追加すると、表示場所は置いておいて、「予約はこちらから!」という文字がページ上に追加されるはずです。まずそれは追加されていますか? ページ上を眺めても確認できない場合はブラウザから HTML ソースを開いてページ内検索をして存在を確認してみてください。
もし目視でも HTML ソースにも存在しないということであれば追加に失敗しています。その場合は My Snow Monkey プラグインが有効化されていないというのが一番可能性が高いと思います。
♥ 0Who liked: No user僕はログインした状態でテストしましたが特に問題は確認できなかったので、やはり実際のページを見てみないとはっきりした原因はわからないかなというところです。
プラグインをすべて外して確認されたのであれば、コードによるカスタマイズ(JS の追加や CSS の追加)の影響という可能性はあるかなと思います。もしくは、Snow Monkey の特定の設定の組み合わせで発生するバグという可能性もあるかもしれません…。
♥ 0Who liked: No userSnow Monkey Editor の書式設定がまだ残っているようです。フッター部分で Snow Monkey Editor の書式設定でフォントサイズを指定しているものはすべて外してください!
♥ 0Who liked: No userヘッダーの高さ分だけずれがでるのでちょっと調整は必要かもですが、基本的にはこんな感じで実現できます。
.smb-slider__item__figure img { height: 100vh; // 画面の高さにあわせる object-fit: cover; // 自動的にトリミングして空白がでないようにする }※
object-fitは IE 非対応です。♥ 0Who liked: No userMy Snow Monkey プラグインか子テーマの
functions.phpに下記のコードを追加してみてください。add_filter( 'snow_monkey_get_template_part_args_template-parts/content/entry-meta', function( $args ) { // タームを格納する変数 $terms = []; // 記事に関連したタクソノミーを取得 $taxonomies = get_object_taxonomies( get_post_type(), 'object' ); // それぞれのタクソノミーをもとに、記事に設定されたタームを取得 foreach ( $taxonomies as $taxonomy ) { if ( ! $taxonomy->public ) { continue; } // 記事に設定された、そのタクソノミーのタームを取得 $_terms = get_the_terms( get_the_ID(), $taxonomy->name ); // ターム用変数に格納 $terms = array_merge( $terms, is_array( $_terms ) ? $_terms : [] ); } $args['vars']['_terms'] = $terms; return $args; } );Snow Monkey Editor の書式設定でフォントサイズを22pxにしていると思いますが、それだと調整しにくいので一旦それは消していただいて、下記の CSS を追加することで実現できます。
.l-footer { font-size: 12px; } @media (min-width: 640px) { .l-footer { font-size: 22px; } }♥ 0Who liked: No userビンゴでしたねw
解決済みの場合はトピックを閉じていただけると助かります。今回はこちらで閉じておきますね。♥ 0Who liked: No userただ、写真のサイズが高さがあるものに関しては画面からはみ出てしまうのですがこちらは写真のサイズを変更するしかないのでしょうか?
画角を維持したまま横幅を画面サイズに拡大すると当然高さは画面高よりはみ出てしまうものはでてくると思います。はみださないようにするには適当に上下をトリミングするしかないと思いますが、それは画像で調整するのは難しい(いろいろな画面の画角があるので)ので、やるとすれば CSS で画面高を超えた部分はトリミングする、ということになるかなと思います。それでよければちょっと CSS を書いてみます。
あと、モバイル表示時の写真の高さを変更するのはどのようにするのでしょうか?
これも CSS ですね。
♥ 0Who liked: No user1.上記ページにてMy Snow Monkey でテンプレートの追加/上書きをできるようにするというのを拝見したのですが、woocommerceもこちらでテンプレートを上書きする流れとなるのでしょうか?
いえ、違います。これはあくまで「Snow Monkey のテンプレート」を上書きするための処理ですね。WooCommerce のテンプレートは前述したサイトを参考にコードを追加する必要があります。
2.上書をする場合どのphpファイルを書き換えるのでしょうか?
上書きをできるようにするためのコードは My Snow Monkey プラグインに記述するのが一番簡単だと思います。ただ、やはりこれはコードのことがわかっていないと今後アップデート時などにトラブルになる可能性が高いと思うので、個人的にはコードがよくわからないのであれば WooCommerce の推奨通り子テーマを使うのが良いと思います(個人的には上書きすること自体がリスクが高いと考えているので、カスタマイズは CSS 程度にして、なるべくそのまま使うのが安全だとは思います)。
♥ 0Who liked: No usersnowmonkeyでは子テーマよりもプラグインmysnowmonkeyを推奨されておりますが、WooCommerceのカスタマイズもプラグインので可能なのでしょうか?
テンプレートの上書きは
フックでの部分的な挿入は
などが参考になるのではないでしょうか。
♥ 0Who liked: No user全幅は下記の CSS で実現できます。
div#front-page-top-content .smb-slider { width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }高さについてはどう表示させたいかで多少変わるかなと思います。具体的にどのような表示にされたいのですかね?
♥ 0Who liked: No userSnow Monkey は別ページのアンカーリンクへ移動したとき、ヘッダーが非表示 + アンカー部分がページ最上部に位置した状態でページが開かれるようになっています。そしてスクロールするとヘッダーがふわっと表示されます。ヘッダーの下に隠れるということなので、何らかの理由でヘッダーが非表示になっていないのかもしれません。原因は実際のページを見てみないとなんともなのですが、ページの URL を共有してもらうことはできますか?
♥ 0Who liked: No user -
投稿者投稿

