これまでは body をクリックしたら閉じる、というふうにしていたのですが、それだと iOS Safari では閉じれなかったので、v4.4.24 では、ドロワーを開いたときにページの全面（ドロワーよりは下層）に、.c-drawer-close-zone という要素を置くようにして、それをクリックするとドロワーが閉じるようにしました。
検証用に、
.c-drawer-close-zone {
background-color: #000;
}
のようにすると、どこが閉じれる範囲か確認しやすくなるかと思います。.c-drawer-close-zone はヘッダーよりは下層になるようにしていますが、他の要素の z-index との兼ね合いによっては、ヘッダーと .c-drawer-close-zone の z-index の値も見直したほうが良いかもしれませんね。
日頃のアップデートお疲れさまです。
ありがとうございます！
要はヘッダー画像を出力できればいいですよね。ヘッダー画像を操作できるフックがあります。
/**
* WooCommerce の商品一覧ページで、ページヘッダーを表示
*/
add_filter(
'snow_monkey_is_output_page_header',
function( $return ) {
if ( function_exists( 'is_woocommerce' ) && is_woocommerce() && is_shop() ) {
return true;
}
return $return;
}
);
/**
* WooCommerce の商品一覧ページでページヘッダーに表示する画像を指定
*/
add_filter(
'snow_monkey_pre_page_header_image_url',
function( $url ) {
if ( function_exists( 'is_woocommerce' ) && is_woocommerce() && is_shop() ) {
return '画像の URL';
}
return $url;
}
);
/**
* WooCommerce の商品一覧ページでページヘッダーにタイトルを表示
*/
add_filter(
'snow_monkey_is_output_page_header_title',
function( $return ) {
if ( function_exists( 'is_woocommerce' ) && is_woocommerce() && is_shop() ) {
return true;
}
return $return;
}
);
これでとりあえずは表示されると思うのですが、タイトル表示は詳細ページにしか対応していないため、一覧ページでは最初の商品のタイトルが表示されてしまいます…。次のアップデートで一覧ページのときは一覧のタイトルが表示される＆フックでカスタマイズできるようにしたいと思いますので少々お待ちください！
お世話になります。
スライダーに１枚だけ設定しiPhoneのSafariで見た場合に，左に1pxほどの空白（白）が見える状態です。
スタイルをみたら，デフォルトで右にマイナスマージンが1px設定してあったので，左にも設定してみた感じです。
見かけ上，こちらの環境では空白はなくなったのですが，他のブラウザでは1pxズレる可能性がありますか。
時間があるとき再検証してみます。
お世話になります。
Firefoxで修正確認しました。
あと，ドロワー以外の部分のタップで閉じないについて
多分 CSS の重ね順（z-index）の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。
他の方から報告がないことからこちらの環境だけかな？という気もしますが，時間があるときに該当部分などご報告させていただきます。
日頃のアップデートお疲れさまです。
スマートではないんですが、自己解決しました。
子テーマ/templates/layout/header/1row.php
の最後に
if( function_exists( ‘is_woocommerce’ ) && is_woocommerce() ) {
if( is_shop() ) {
で強制的にヘッダーを出力しました。
できれば、functions.php に書きたいですが・・・。
何かアドバイス頂ければと思います。
よろしくお願いいたします。
Firefox の件、v4.4.24 で修正しました！
「Snow Monkey: 最近の投稿」ウィジェットには、もっと見るボタンをつける機能があるので、それでアーカイブページへのリンクをはれば「過去記事も読めるようにする」という目的は達成できるかな…とは思うのですが、あくまでボタンなのでページャーは出せないんですよね…。
もうひとつ方法としては、「ホームページの設定」で固定ページをホームページに割り当てるのをやめることです。すると、トップページは自動的に記事の一覧ページになって、自動的にページャーが表示されるようになります。そして、「投稿ページウィジェットエリア（上部）」にスライダーを入れれば、今と同じ感じの見た目になるかなと。ちなみに、今僕の事業サイトもその構成にしています。
僕もそういう感じでやると思います！
ちょっと細かいことを言えば、nth-of-type をここで使うのはちょっと後々混乱のもとになるかもしれないので、僕なら nth-child を使うかなと思います。
うーん、どうでしょう、他のブラウザでは1pxずれちゃう気がしますが…。iPhone の Safari って結構変な挙動が多いんですよね…。
ちなみに、「空き」というのは、空白ということでしょうか？それとも次のスライドが1px見えちゃってるということでしょうか？
そうなんです！フォーラムで提示したカスタマイズ方法や Tips はマニュアルなりにまとめようと思ってはいるのですが、優先度の問題でなかなか手を付けられず…。アップデートが落ち着いたところでやろうかなと思っていますが、アドベントカレンダーの一環として記事かくのも良いかもですねー。
あと，直ったとご報告したドロワー外部分のタップによる閉じるですが，やはり見ているページの上下の位置などにより，閉じないが発生しました。
多分 CSS の重ね順（z-index）の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。
因みに，当方の環境からでは，当方のサイト，Snow Monnkey 公式サイト，共に右上のハンバーガーメニューがFirefoxで死んでいます。
Firefox、僕の方でも確認できました。ちょっと JavaScript の処理が他のブラウザと違うのかなーという感じです。調べてみますね。
ちょっと強引ですけど、こういう形で表示させました。
.c-entry-summary__term:nth-of-type(2){
top: 2.5em;
}
.c-entry-summary__term:nth-of-type(3){
top: 5em;
}
.c-entry-summary__term:nth-of-type(n+4){
display:none;
}
（関連記事の関係はメディアクエリ でバランスとりました）
他に良い書き方あったら教えていただきたいです。
お世話になります。
#sm-drawer は，フッター固定メニューで利用しているのですが「開く」ものと思い込んでいました。
早速，ドロワーナビ内に設置できました。ただ，フッター固定メニューとは仕様が違うのかフルパスで指定する必要がありました。
また一つスッキリできました。
あと，直ったとご報告したドロワー外部分のタップによる閉じるですが，やはり見ているページの上下の位置などにより，閉じないが発生しました。
因みに，当方の環境からでは，当方のサイト，Snow Monnkey 公式サイト，共に右上のハンバーガーメニューがFirefoxで死んでいます。
・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消
良かったです！
因みに，ドロワーメニューを開く特殊リンクは知っているのですが，閉じる特殊リンクはあるでしょうか。
こちらご参照ください。#sm-drawer で開閉します。
お世話になります。
TOPページにスライダーを配置して画像を１枚のみ指定したのですが，iPhoneでは左に1pxほど空きがでるので，.wpaw-slider .slick-slider .slick-list {margin-left: -1px;} で左にもマイナスマージンを設定したのですが，これだと他にも影響がでるでしょうか。
