-
投稿者投稿
-
2020年12月11日 8:02 PM #62918
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】Version: 12.0.0
【お使いのブラウザ】Google Chrome, Edge
【当該サイトのURL】ローカル環境===
本日、Snow Monkeyを購入し、ヘッダーメニューを作成して
ヘッダーレイアウトを「ロゴ中央」から「1行」に変更してみたところ、
ヘッダーメニューが画面左外に飛びました。その後、ヘッダーレイアウトを「ロゴ中央」に戻したりしても効果はありません。
テーマを変えてみると、そちらでは正しくメニューが表示されていました。
レイアウトを変える前に、何か他にやるべきことがありましたでしょうか?
よろしくお願いいたします。
♥ 0いいねをした人: 居ません2020年12月11日 8:22 PM #62921実際に見てみないとわからないのですが、ローカル環境とのことですので、CSS や PHP を書いた部分があれば共有してほしいです。あと、できれば崩れた表示のスクショも貼っていただきたいです。
♥ 0いいねをした人: 居ません2020年12月11日 8:47 PM #62928キタジマ様
ご返信ありがとうございます。
CSSなどは一切なにも書いておらず、今日はじめてインストールしたMAMPを使用し、インストールした直後のSnow MonKeyの使い方を確かめるために、簡単なサンプルサイトでも作ろうと手始めにヘッダーから着手し、ヘッダーレイアウトを変えたらいきなりつまずいた形です。
同じPC/ブラウザで、他のテーマは問題なく動いていますし、僕自身のブログも問題なく編集できます。
ちなみに、ここに画像を添付しようと「画像の挿入/編集」から、Chromeのデベロッパーツールを開いたスクリーンショットを何度選択しても、「ソース」は空欄のままで、まったく画像を貼れそうになかったため、諦めているところでもあります…
♥ 0いいねをした人: 居ません2020年12月12日 9:10 AM #62949昨日の14時ごろに画像アップロードについては修正したつもりなのですが、環境によってはまだエラーがでるのかもしれません。ご不便おかけしてすみません。
画像をアップロードしようとしたときに、デベロッパーツールのコンソールになにかエラーがでると思いますので、そのエラーメッセージを書いていただけるとすごく助かります。
—
下記のツイートされていたのは tomonahano さんだと思うので(アイコンが同じでしたので…違ったらすみません!)、このスクショをもとに考えてみました。
Snow Monkeyのヘッダーメニューを探して三千里😭
マジで僕なにも触ってないですからね?
ただヘッダーレイアウトを、「ロゴ中央」から「1行」に変えただけですからね?#駆け出しWEBデザイナーと繋がりたい #プログラミング初心者 #WordPress #SnowMonkey pic.twitter.com/dp80V7xXc5
— めがねん😎独学応援系WEBフリーランス (@iammeganen) December 11, 2020
まず、フォーカスされているのはグローバルナビゲーション(ヘッダーのナビゲーション)ではなくドロワーナビゲーション(スマホ用の横からにゅっとでてくるナビゲーション)です。なのでこれが画面外にあるのは通常の動作です。次に気になったのは
body[data-header-layout]
が通常2row
やcenter
というシンプルな文字列が入るはずなのになぜかローカルのファイルパスが入っているようです。ファイルパス(かファイルの中身)からヘッダーの名前を取得して入れるようになっているのですが、Windows の場合だとこのファイルパスからの取得がうまくいっていないのかもしれません。もしレンタルサーバーをお持ちでしたら、レンタルサーバーでも試してみていただきたいです。Windows の場合は不具合が起きると想定してちょっと調査してみます。
♥ 1いいねをした人: 居ません2020年12月12日 12:38 PM #62956キタジマさま、ご確認ありがとうございます。
お察しのとおり、僕です(笑)
現在出先なので、帰宅後にスクショなどを送らせていただきますね。
Snow Monkeyについては、レンタルサーバーにて試してみようと思います
現時点では、メニューの表示位置を変えてもずっとドロワーの状態です
ちなみに、これをスマホで表示させてもハンバーガーが表示されず、隠れたままです
いずれにせよ、レンタルサーバーで試してみてから結果をご報告させてください
アドバイスに感謝いたします
ありがとうございます!
♥ 0いいねをした人: 居ません2020年12月12日 1:22 PM #62958ありがとうございます!
あと、もし可能なら、下記の変更を入れてみて動作が改善されないか試してみてほしいです。
snow-monkey/vendor/inc2734/wp-view-controller/src/App/Contract/Template_Tag.php
のpublic static function filename_to_slug( $filename ) { $filename = trim( $filename ); $filename = trim( $filename, '/' ); return preg_replace( '|\.php$|', '', $filename ); }
を
public static function filename_to_slug( $filename ) { $filename = trim( $filename ); $filename = trim( $filename, DIRECTORY_SEPARATOR ); return preg_replace( '|\.php$|', '', $filename ); }
に変更、
foreach ( $hierarchy as $root ) { foreach ( $relative_dir_paths as $relative_dir_path ) { $completed_hierarchy[] = $root . DIRECTORY_SEPARATOR . $relative_dir_path; } }
を
foreach ( $hierarchy as $root ) { foreach ( $relative_dir_paths as $relative_dir_path ) { $completed_hierarchy[] = realpath( $root . DIRECTORY_SEPARATOR . $relative_dir_path ); } }
に変更、
$filepath = realpath( $file->getPathname() ); $slug = static::filename_to_slug( str_replace( $wrapper_dir . '/', '', $filepath ) );
を
$filepath = realpath( $file->getPathname() ); $filename = str_replace( $wrapper_dir . DIRECTORY_SEPARATOR, '', $filepath ); $slug = static::filename_to_slug( $filename );
に変更。その後、カスタマイザーでもう一度ヘッダーレイアウトを変更してヘッダーが表示されるようになるか確認。
これで改善されるようなら取り込んでアップデートかけます! こちらでも検証すすめます。
♥ 1いいねをした人: 居ません2020年12月12日 11:56 PM #62989キタジマ様
返信が遅くなってしまい、大変失礼いたしました。
▶画像のアップロード
こちらの環境でも問題なくアップできるようになりました。▶ヘッダーメニューの件
ご提案いただいたとおりに書き直してみたところ、ローカル環境でもしっかりと表示されました!
的確なアドバイスをいただき、誠にありがとうございます!♥ 0いいねをした人: 居ません2020年12月13日 12:17 AM #62990ご提案いただいたとおりに書き直してみたところ、ローカル環境でもしっかりと表示されました!
おー!検証ありがとうございます!めちゃめちゃ助かります。次のアップデートで同じ変更を入れますね。
Windows での表示確認は(たまに)しているものの、Windows 環境で起動させることはなかったので、まだ僕が気づいていない不具合があるかもしれません。またおかしなところがあったときはぜひ書き込みいただけるとうれしいです。ありがとうございます!
♥ 1いいねをした人: 居ません2020年12月13日 3:06 AM #63007v12.0.1 で修正入れました。確認おねがいします!
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「グローバルメニューが画面の外にしか表示されません」には新しい返信をつけることはできません。