フォーラムへの返信
-
投稿者投稿
-
今も管理画面からアップデートできますよ! もし最新版でないのにアップデート通知がでない場合は、半日とか、しばらく時間をおいてみてから、再度確認してみてください。ダッシュボード > 更新 のページです。
♥ 0Who liked: No userこれまでは 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
の値も見直したほうが良いかもしれませんね。日頃のアップデートお疲れさまです。
ありがとうございます!
♥ 0Who liked: No user要はヘッダー画像を出力できればいいですよね。ヘッダー画像を操作できるフックがあります。
/** * 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; } );
これでとりあえずは表示されると思うのですが、タイトル表示は詳細ページにしか対応していないため、一覧ページでは最初の商品のタイトルが表示されてしまいます…。次のアップデートで一覧ページのときは一覧のタイトルが表示される&フックでカスタマイズできるようにしたいと思いますので少々お待ちください!
♥ 0Who liked: No userあー、確かにいまそれを実現する方法はないですね…。次のアップデートで、子テーマから変更できるようにフックを仕込みます。
♥ 0Who liked: No userテーマに不具合がありました。v4.4.24 で修正いれましたので確認されてみてください!
♥ 0Who liked: No userFirefox の件、v4.4.24 で修正しました!
♥ 0Who liked: No user「Snow Monkey: 最近の投稿」ウィジェットには、もっと見るボタンをつける機能があるので、それでアーカイブページへのリンクをはれば「過去記事も読めるようにする」という目的は達成できるかな…とは思うのですが、あくまでボタンなのでページャーは出せないんですよね…。
もうひとつ方法としては、「ホームページの設定」で固定ページをホームページに割り当てるのをやめることです。すると、トップページは自動的に記事の一覧ページになって、自動的にページャーが表示されるようになります。そして、「投稿ページウィジェットエリア(上部)」にスライダーを入れれば、今と同じ感じの見た目になるかなと。ちなみに、今僕の事業サイトもその構成にしています。
♥ 0Who liked: No user僕もそういう感じでやると思います!
ちょっと細かいことを言えば、
nth-of-type
をここで使うのはちょっと後々混乱のもとになるかもしれないので、僕ならnth-child
を使うかなと思います。♥ 0Who liked: No userうーん、どうでしょう、他のブラウザでは1pxずれちゃう気がしますが…。iPhone の Safari って結構変な挙動が多いんですよね…。
ちなみに、「空き」というのは、空白ということでしょうか?それとも次のスライドが1px見えちゃってるということでしょうか?
♥ 0Who liked: No userそうなんです!フォーラムで提示したカスタマイズ方法や Tips はマニュアルなりにまとめようと思ってはいるのですが、優先度の問題でなかなか手を付けられず…。アップデートが落ち着いたところでやろうかなと思っていますが、アドベントカレンダーの一環として記事かくのも良いかもですねー。
♥ 0Who liked: No userあと,直ったとご報告したドロワー外部分のタップによる閉じるですが,やはり見ているページの上下の位置などにより,閉じないが発生しました。
多分 CSS の重ね順(
z-index
)の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。因みに,当方の環境からでは,当方のサイト,Snow Monnkey 公式サイト,共に右上のハンバーガーメニューがFirefoxで死んでいます。
Firefox、僕の方でも確認できました。ちょっと JavaScript の処理が他のブラウザと違うのかなーという感じです。調べてみますね。
♥ 0Who liked: No user・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消
良かったです!
因みに,ドロワーメニューを開く特殊リンクは知っているのですが,閉じる特殊リンクはあるでしょうか。
こちらご参照ください。
#sm-drawer
で開閉します。♥ 0Who liked: No user無事,実現できました。とても助かりました。
良かったです!
あと「特定の親メニューのみ,右端のアイコンだけで無く,親メニュー文字をタップした場合も子メニューが表示されるようにしたい」は,難しいでしょうか。
残念ですがこれはできません。通常文字の部分はそのページへのリンクが設定されており、それを動作させるようにしておく必要があるためです。
♥ 0Who liked: No userうーん、なんでだ。。。 iOS 9.1、12.1 でテストしてみたのですが、いずれでも動作していました。
キャッシュを削除しても状況は変わらないでしょうか? キャッシュプラグインやサーバー/ブラウザキャッシュを使っている場合はそのキャッシュも削除してみてください。
また、Snow Monnkey 公式サイトを見ても同じくハンバーガーボタンは動作しないでしょうか?
♥ 0Who liked: No userありゃすみません、修正してみました。
add_action( 'wp_footer', function() { ?> <script> jQuery(function($) { var parent = $('#menu-item-313'); // 開きたいメニューの ID を指定 parent.children('.c-drawer__toggle').attr('aria-expanded', 'true'); parent.children('.c-drawer__submenu').attr('aria-hidden', 'false'); }); </script> <?php }, 100 );
♥ 0Who liked: No user -
投稿者投稿