フォーラムへの返信
-
投稿者投稿
-
Diet でカスタマイザー由来の CSS を無効化してますかね?
♥ 0いいねをした人: 居ませんsnow-monkey.zipデータを試用版に上書きするようにアップロードしたとのことですが、上書きに失敗しているように見えます。上書きは具体的にどのような手順でおこないましたか?
♥ 0いいねをした人: 居ませんちょっとスクショをみて気になったのがドロップナビゲーション(スクロールすると上からにゅっとでてくるナビゲーション)が表示されていることです。Snow Monkey の仕様としては、別ページのアンカーリンクを開いたときはドロップナビゲーションが表示されず、アンカーリンクが指定しているところがページの最上部にある状態でページが開きます。
動画とってみました。
この状態でスクロールするとドロップナビゲーションが表示されるのですが、スクロールせずにただ表示しただけの状態でもドロップナビゲーションが表示されている感じでしょうか?
その後、同じページ 例えば「ヒンメリとは」というページが表示されている状態で「ヒンメリのある素敵な生活」をクリックすると二回目は表示は、タイトルが表示されたりと不安定な状態になります。
ちなみに、ページ内のアンカーリンクをクリックしたとき(.u-smooth-scroll の処理が発火したとき)はドロップナビゲーションの高さを考慮した位置にスクロールされます(ドロップナビゲーションはスクロールすると表示されるので、ページ内のアンカーリンクをクリックしたときは表示されます)。
♥ 0いいねをした人: 居ません僕の Mac + Chrome だと特にずれずに飛び先の見出しがブラウザの一番上にある状態でページが開きました。「【お使いのブラウザ】chrome」とのことですが、OS は何でしょうか? また他のブラウザでも同じでしょうか?
♥ 0いいねをした人: 居ませんassets/css/foundation/_body/_body.php
が欠落しているのではないかと思うのですが、一旦全部アップロードしなすのが確実かもしれません。管理画面からテーマの削除をおこなってしまうとカスタマイザーやウィジェットの設定データも消えてしまうので、管理画面は何も触らずに、FTP ツールを使って(サーバー上の Snow Monkey テーマファイルを消したりもせずに)「上書き」アップロードするのが良いと思います。
♥ 0いいねをした人: 居ませんページのテンプレートが「ランディングページ(ヘッダー・フッターあり)」になっているようですが、ランディングページ系のページテンプレートにしているとトップページ用のウィジェットエリアが表示されないのです。対処法としては、
– 別のページテンプレートを使う(例:フル幅)
– WPAW:スライダーではなくスライダーブロックを使うが考えられるかなと思います。
ローカル環境で試しにWPAW:スライダーではなく、スライダーブロックでヘッダー画像をスライダーにし、画像の上に表示したいタイトルをposition:absolute;で重ねてみたらそれなりに形になったのですが、それでも問題ないのでしょうか?(内部仕様?的に)
何を「問題」ととらえるかだと思いますが、とりあえず意図した表示がされているのであれば大丈夫なのではないでしょうか。ただ、Snow Monkey や Blocks のアップデート時にスライダーの CSS に変更があるときは崩れる可能性もあると思うので、アップデート時は確認をされるのが良いと思います。
①Reserve(予約)のところのデザインをコンテナで挿入したのですが、スマホ版だと右側がうまく改行がされずはみ出てている感じになってしまいます。
コンテナ自体に問題はなく、その中にあるボタンの文字数が画面サイズに対して多いためボタンが画面からはみ出し、それにひっぱられる形でコンテナなどもはみでているという感じです。Snow Monkey Blocks のボタンブロックには折返しの設定があるのでそれを有効にするか、ボタンの文字サイズをもう少し小さくすると良いのではないかと思います。
②スライダーとコンセプトの間の余白がどうしても出てしまいます。
スライダーとコンセプトの間には余白はなさそう…? コンセプトのセクション自体の上部余白(padding)はありますがそれのことですかね?
—
フォーラムは同じ問題で悩んでいる方が検索してご自身で解決する場所でもあります。そのため検索しやすいように1トピックにつき1課題で投稿をお願いしています。次回トピックをたてるときはそのようにお願いします!
おそらくカスタマイザーで設定するアーカイブ系ページ用の画像のことかと思いますが、これらについては現状サイズを変更する仕組みがありません。
一応
snow_monkey_pre_page_header_image_url
フックという、画像を独自に設定するためのフィルターフックがあり、それで任意の画像 URL を返すことはできます。/** * @param WP_Term|WP_Post_Type|WP_Post|WP_User|null $queried_object The queried object. * @return string|null */ add_filter( 'snow_monkey_pre_page_header_image_url', function( $image_url, $queried_object ) { // ここで $queried_object の値をみて分岐させる if ( ... ) { return ...; } return $image_url; }, 10, 2 );
確かにここ大きな画像が必要な部分ではないので、なんとかしたいところではありますね…。
アクセントカラー用の CSS は、HTML の head 中に
:root { --_container-max-width: 1280px;--accent-color: #cd162c;...
のような形で出力されるのですが、このような CSS は出力されていますか?
また、この CSS は IE11 には効かないので、IE11用に assets/css 以下のフォルダの中に PHP ファイルを置いて、それで動的に IE11 用の CSS を出力しています(今回は Chrome で閲覧されているとのことなのでこっちは関係ないかもです)。
♥ 0いいねをした人: 居ませんすみません、メンテナンスモードになっていて確認できませんでした…。
♥ 0いいねをした人: 居ません「自分で作成したテーマに、search-filterというフォルダを作り、その中にwp-content\plugins\search-filter\templates\results.phpからコピーしたものを、貼り付けて
そのテーマ内にコピペしたresults.phpを編集してアップすればいい」上記の通りに行いたいのですが、snowmonkeyを利用している場合、どうアップすればいいのでしょうか?
僕もそのプラグインを使ったことがないので詳しくありませんが、「テーマ内に」ということなので子テーマをつくってそこにファイルを追加する感じになるのだろうと思います(これは Snow Monkey に限らずオリジナルでない既存テーマを使っている場合はすべて同じ方法になります)。
♥ 0いいねをした人: 居ません -
投稿者投稿