フォーラムへの返信
-
該当ページにて、右にサイドバーが表示されるテンプレート（でウィジェットを登録されていない状態等）を選択しているということはありませんか？
該当ページなどを共有できない場合は、スクリーンショットなどを併記されると解決が早いかと思います。
Who liked:Snow Monkey だけで完結しようとするならば、セクションブロックのパララックス機能を利用して実現可能な範囲で〜となるのかなと思います。が、この機能は現在非推奨となっているので、そのあたりは理解の上でとなるかと思います。
あとは、何か別にブロックを用意して活用するというのはあると思います。あとは自前でコードを書くか、ですね。参照サイトのように〜というのであれば、実現するだけであればコードを書いた方が早そうかなとも思いました。（実現できるプラグインのセットを検証するのが大変そうっていう意味です）
Who liked:
過去トピックの存在をあさらず配信ネタのために実験してしまったのでソースコードだけ置いておきます。供養させてください…。。
add_action( 'wp_enqueue_scripts', function() { wp_enqueue_style( 'vagas_css', 'https://cdnjs.cloudflare.com/ajax/libs/vegas/2.5.4/vegas.min.css' ); wp_enqueue_script( 'vagas_js', 'https://cdnjs.cloudflare.com/ajax/libs/vegas/2.5.4/vegas.min.js', ['jquery'], null, true ); wp_enqueue_script( 'vagas_function', MY_SNOW_MONKEY_URL . '/js/main.js', ['jquery'], filemtime( MY_SNOW_MONKEY_PATH . '/js/main.js' ), true ); } );Vegas Background Slider を利用するために必要なソースコード（
js/main.js含む）となりますので、別途スタイルなどは読み込んでくださいね。ちなみに実験がてら書いた
main.jsのコードも供養させてください。jQuery(function($){ $(".vegas-background-demo").vegas({ slides: [ { src: "https://images.unsplash.com/photo-1511884642898-4c92249e20b6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" }, { src: "https://images.unsplash.com/photo-1501785888041-af3ef285b470?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" }, { src: "https://images.unsplash.com/photo-1434725039720-aaad6dd32dfe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1642&q=80" }, { src: "https://images.unsplash.com/photo-1604537466573-5e94508fd243?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1169&q=80" } ] }); });任意のセレクタを指定してあげれば実験にでも使えるかもしれません。画像はUnsplashに直リンクしているのでよろしくはないです。
以上、よかったら参考にしてみてください。（過去トピックあるかどうか先に探せばよかった…
Who liked:
両端にパディングが発生して余白が出来ることは仕様ですね。なので、そういったものという事です。
ですので、理想の形にされたい場合には、追加でCSSを書かれたりしてカスタマイズする必要がありますね。
Who liked:例えば仮に、カスタマイザー→デザイン→フッターにて、レイアウトはデフォルト、１カラム、全幅にチェックを入れます。
そして、以下のようなコードをウィジェットエリアにカスタムHTMLブロックを利用して設置します。
<div class="”navlink”"> <p>Tristique neque augue fermentum porta egestas ultricies blandit litora, ligula dignissim inceptos fusce conubia proin mus, laoreet hac a felis integer ad volutpat. Platea sociosqu nulla risus fermentum leo magnis nostra varius dictumst inceptos, augue montes fusce tellus turpis integer tristique nullam dignissim. Tortor auctor accumsan nulla fringilla sagittis est phasellus, aliquam venenatis cursus interdum sem dolor parturient, augue suspendisse posuere sapien ligula himenaeos.</p> </div>その場合、以下のような表示になるかと思います。
サンプルの英文がずらーっと表示されていることが画像から確認していただけるかと思います。
試しに画像だからダメなのかと思い、テキストブロックに「あいうえお」と日本語で書いて保存してみましたが、やはり余白が空きました。
ここで言われている「余白」というのは、画像の両橋の黄緑色の部分のようなことを言ってみえるのでしょうか？もう少し詳細をお教えいただけますと助かります。
Who liked:
現在の様子を拝見しましたが、現在コンテンツ部分の上部にパディングが設定されており、その部分の白色がヘッダーの背景色と認識されてしまっているようです。
添付の画像のように検証ツールで確認をし、パディングを消してみると、正常にオーバーレイしていることが確認できます。おそらくこの固定ページに設定しているテンプレートの特性だと思いますので、設定などで何ともならない場合には、任意のCSSクラスを指定して限定した上で、パディングを消してあげれば大丈夫かと思います。
ご確認ください。
Who liked:
「実現したいこと」だけを書かれて「よろしくお願いいたします。」と言われてますが、このサポートフォーラムは、全ての Snow Monkey ユーザーのための共有知を蓄積するための場所であって、Snow Monkey カスタマイズの遠隔代行サービスではありません。
せめてトピックを作成する際にテンプレートにもある「#試してみたこと」の併記もお願いします。
Who liked:
コンソールにCSSファイルの404が出ていないということは、PHP的なエラーが出ている（
WP_DEBUGをtrueにして確認）か、CSSの記述が間違っていてスタイルがそもそも当たっていないかのどちらかのような気がします。まずは、それらの可能性を探ってみてください。
また、おそらく Snow Monkey でデモサイトを作ってみるという何かしらのチュートリアルをご覧になりながら進められているようですが、そちらに掲載されているコードがそもそも間違っているという可能性もあるので、チュートリアル制作者さんにも質問してみても良いかと思います。
Who liked:
後学のために、CSSはどうやって調べたら良いか、教えていただけませんか？
語学のために〜とご自身でもおっしゃられてみえますので、そのためにアドバイスさせていただきますと、ぜひ「CSSをどうやって当てるか調べる方法をご自身で調べる」ということに取り組んでみてください。
「Chrome 検証ツール 使い方」 などで検索すれば秒で解決するかと思います。
また、実際にどのように検証ツールを使い、CSSを適応させているのかという、デモのようなことを Youtube 配信でも過去に行っているので、よかったら参考にしてください。
Who liked:
ブラウザのコンソールにエラーが出ていませんか？そちらの情報も共有ください。
また、上の「
my-snow-monkey.phpに記述しているソースコード」が全てであれば、MY_SNOW_MONKEY_URLなどの定数が定められていない可能性があります。そちらもご確認ください。一般的にここまで書かれていてファイルが読み込まれない場合、コンソールに404が出ているかと思います。
Who liked:
念の為、こちらでも動作を確認してみましたが、
ヘッダーを「上部固定」から「オーバーレイ」に変更したところ、
① パンくずリストがヘッダー上に表示されるように
② コンテンツがヘッダーやメニューと被るように
なりました。
この挙動は「オーバーレイ」を選択した場合の正常な表示となるかと思います。要するに、背景はなし（＝透明）になり、ページコンテンツに被さる形になるということです。
この場合、ページヘッダーに画像などを設定していないとパンくずリストが上部にきてしまうので、このような表示になるかと思います。
どのような表示の仕方を望まれているかわかれば、何かしらアドバイス差し上げることができるかもしれません。ご確認お願いします。
Who liked:
