- このトピックには9件の返信、2人の参加者があり、最後に
により4年前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】10.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】http://rakumath.xyz/===
管理バーを会員のメニュー代わりに使ってみたのですが、
スマホだとこのようになってしまいます。
解決することは出来ないでしょうか？
（上記記事を執筆されたのがキタジマさんですので、
既に、Snow Monkey では解決済なのかも知れません。
そうだったら、探すことができなくてお手数おかけしてすいません！）
いいねをした人: 居ませんSnow Monkey では、ログイン時は管理バーをうまいこと処理する js を読み込むようになっているのですが、非ログイン時は読み込まないようになっています。非ログイン時はコアの管理バー用 CSS も読み込まれませんが、スマホで管理バーとヘッダーをうまいこと表示させるにはこのコアの CSS を Snow Monkey の管理バー js の2つの読み込みが必要になってきます。
ということでログイン時はちゃんとなって、非ログイン時はきれいに表示されないという状況だと思うのですが、そこまではあっていますか？
可能であれば、こちらの環境で検証できるように、管理バーにメニューを追加しているコードを共有してもらいたいです！
いいねをした人: 居ませんなるほど！仰るとおりです。
ログインした場合は大丈夫ですので、合点がいきました。
このように、My Snow Monkey に書いています。
//非ログイン時も管理ツールバーを表示 add_filter('show_admin_bar', '__return_true'); //管理ツールバーにメニュー追加 function customize_admin_bar_menu($wp_admin_bar){ if(!is_user_logged_in()){ $title1 = sprintf( '<span class="ab-icon"></span><span class="ab-label">%s</span>', 'ログイン' ); $wp_admin_bar->add_menu(array( 'id' => 'dashboard_menu1', 'meta' => array(), 'title' => $title1, 'href' => home_url('/loginform/') // ページURL )); } if(is_user_logged_in() and !current_user_can( 'administrator' )){ $title2 = sprintf( '<span class="ab-icon"></span><span class="ab-label">%s</span>', 'マイページ' ); $wp_admin_bar->add_menu(array( 'id' => 'dashboard_menu2', 'meta' => array(), 'title' => $title2, 'href' => home_url('/loginform/') // ページURL )); } } add_action('admin_bar_menu', 'customize_admin_bar_menu', 9999);いいねをした人: 居ませんありがとうございます。今日試してみますね。
一応、管理バーにメニューを追加する方法以外にも、デザイン的に問題がないのであれば Snow Monkey のヘッダーサブメニューを使って内容をログイン時と非ログイン時で出し分けるほうが簡単かな？と思ったりもしました。メニューを使うやり方なら管理画面のメニュー機能でメニューを更新できるので。
いいねをした人: 居ませんなるほど！いくつがご質問させてください。
1. 現在、ログイン・非ログイン以外にUAMプラグインでグループを使って、コードから省いたのですが同じように表示メニューを変えています。メニュー表示項目をログイン・非ログインやグループ等で変えるのもアクションフックから操作できるのですか？
（勝手ながら、ここを省いても同じだろうと思って自己判断で省いたのですが、一応、その部分も掲載します）//グループネームの取得 function uamIsUserInGroup($groupName='', $userId='') { if (empty($userId)) { $userId = get_current_user_id(); } global $userAccessManager; if (isset($userAccessManager)) { $userGroupHandler = $userAccessManager->getUserGroupHandler(); $userGroupsForUser = $userGroupHandler->getUserGroupsForObject( \UserAccessManager\Object\ObjectHandler::GENERAL_USER_OBJECT_TYPE, $userId); foreach($userGroupsForUser as $element) { if ($element->getName() == $groupName) { return true; } } } else { return false; } } //グループでメニュー表示内容を分ける if(uamIsUserInGroup('XXXXX')){ $title3 = sprintf('<span class="ab-icon"></span><span class="ab-label">%s</span>','XXXXXX'); $wp_admin_bar->add_menu(array('id' => 'dashboard_menu3','meta' => array(),'title' => $title3,'href' => home_url('/mathlabo/') // ページURL)); } if(uamIsUserInGroup('YYYYYY')){ $title4 = sprintf('<span class="ab-icon"></span><span class="ab-label">%s</span>','YYYYYY'); $wp_admin_bar->add_menu(array('id' => 'dashboard_menu4','meta' => array(),'title' => $title4,'href' => home_url('/rakunan/') // ページURL)); }（上の返信、ソースコードが見やすくなってるのは、僕も投稿段階でビジュアルエディタで出来ますか？）
2. ヘッダーサブメニュー、PCだと右上にかっこいいのですが、スマホからだと右上には表示されません。スマホもPCも、左上に表示したいのです。
1.と2.が解決するなら、メニューの方が内容の入れ替えも簡単でいいなー！と思います。長文失礼しました。お返事ありがとうございます！
関係ありませんが、最近100% GPLに関するインタビュー記事を拝読して、とても感銘を受けました！（買うときは良く知らずに単純にデザインを気に入って買いました笑）本体もプラグインも素敵で気に入っています。これからも発展を楽しみにしています！！
いいねをした人: 居ませんすみません、ちょっとうまく管理バーを表示させることができなかったので、あてずっぽうな感じになってしまうのですが、ひとまず下記のコードも追加してみてください。これで解決すると良いのですが…。
add_action( 'wp_enqueue_scripts', function() { wp_enqueue_script( Helper::get_main_script_handle() . '-fix-adminbar', get_theme_file_uri( '/assets/js/fix-adminbar.min.js' ), [], filemtime( get_theme_file_path( '/assets/js/fix-adminbar.min.js' ) ), true ); } );メニュー表示項目をログイン・非ログインやグループ等で変えるのもアクションフックから操作できるのですか？
Snow Monkey には、テンプレートの内容を書き換える
snow_monkey_template_part_renderフィルターフックと 、テンプレートの内容をテンプレートではなくfunctions.php等でコードで定義できるsnow_monkey_get_template_part_<テンプレートパーツ名>アクションフックがあります。これを使って書き換えることはできると思います。参考：
上の返信、ソースコードが見やすくなってるのは、僕も投稿段階でビジュアルエディタで出来ますか？
ビジュアルエディターはわからないのですが、コードを範囲指定して、テキストエディタのツールバーにある「code」というボタンをクリックするとできます！
2. ヘッダーサブメニュー、PCだと右上にかっこいいのですが、スマホからだと右上には表示されません。スマホもPCも、左上に表示したいのです。
あ、そうかスマホではでませんね…。この調整はこの調整で面倒かもなので、先に提示した方法で管理バーの挙動がちゃんとなるのであればそっちのほうが良さそうです。
いいねをした人: 居ませんMy Snow Monkeyに加えたのですが、
wp-content/plugins/my-snow-monkey/my-snow-monkey.php ファイルの335行目のエラーのため、PHP コードの変更をロールバックしました。修正し、もう一度保存してください。 Uncaught Error: Class 'Helper' not found in wp-content/plugins/my-snow-monkey/my-snow-monkey.php:335 Stack trace: #0 wp-includes/class-wp-hook.php(287): {closure}('') #1 wp-includes/class-wp-hook.php(311): WP_Hook->apply_filters(NULL, Array) #2 wp-includes/plugin.php(478): WP_Hook->do_action(Array) #3 wp-includes/script-loader.php(2294): do_action('wp_enqueue_scri...') #4 wp-includes/class-wp-hook.php(287): wp_enqueue_scripts('') #5 wp-includes/class-wp-hook.php(311): WP_Hook->apply_filters(NULL, Array) #6 wp-includes/plugin.php(478): WP_Hook->do_action(Array) #7 wp-includes/general-template.php(2884): do_action('wp_head') #8 /home/rakumath/rakumath.xyz/puと言われてしまいます。
ご教授いただければ有難いです！！
いいねをした人: 居ませんあ！すみません！これに差し替えてみてください。
add_action( 'wp_enqueue_scripts', function() { wp_enqueue_script( \Framework\Helper::get_main_script_handle() . '-fix-adminbar', get_theme_file_uri( '/assets/js/fix-adminbar.min.js' ), [], filemtime( get_theme_file_path( '/assets/js/fix-adminbar.min.js' ) ), true ); } );いいねをした人: 居ませんありがとうございます！！出来ました！！！＞＜
スライドを素早くすると、ヘッダの移動が追いつかず、挙動が変、
という部分が見られますが（ログイン後の挙動はそこも大丈夫です）、
ここまでお世話になったので、自分でもjsを勉強して改良してみます！もしよろしければ、ログイン後の上記の部分を制御しているjsファイルなど
勉強に必要な場所をご教授いただければ嬉しいです。ここまで、本当にありがとうございました！！！！
いいねをした人: 居ませんもしよろしければ、ログイン後の上記の部分を制御しているjsファイルなど
勉強に必要な場所をご教授いただければ嬉しいです。/src/js/fix-admin.bar.jsがソースファイルで、実際に実行されるのはビルド後の/assets/js/fix-adminbar.jsになります。/src/js/fix-admin.bar.jsは処理を呼び出すためのファイルで、実際の処理は/src/js/module/_fix-adminbar.jsに書いてあります。スライドを素早くすると、ヘッダの移動が追いつかず、挙動が変、
という部分が見られますが（ログイン後の挙動はそこも大丈夫です）これがちょっと気になりはしますが、一応解決済みということで、トピック閉じますね。
いいねをした人: 居ません
- トピック「管理ヘッダーをスマホでスクロールするときに空白を作りたくない。」には新しい返信をつけることはできません。