[うなこ]

提案なのですが、Lightning G3 Pro Unitの機能を使わずに、ナビゲーションブロックを使用するのはいかがでしょうか。
メニューを設置して、タブレット、スマホ用にも手動で調整する必要がありますので少し手間ではあります、、、

手順としては
・固定ページのLightningデザイン設定の非表示設定は、ヘッダーを表示しないにチェックを入れます。
・固定ページにナビゲーションブロックを配置し、メニューを設置します（添付画像参照）　
・タブレット以下ではハンバーガーメニューになるので、ロゴを「非表示設定」からタブレットサイズ以下を非表示に設定します。

・タブレット以下ではロゴが消えますので、別途ロゴを設置し、非表示設定からPCサイズ（lg xl xxl）を非表示に設定します。

※CSSの調整は必要になってくると思います。

—–

※他のユーザー様も、ご提案がありましたら、ぜひ書き込みお願いいたします。

• この返信は1年、 6ヶ月前にうなこが編集しました。
• この返信は1年、 6ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

確認ありがとうございます。
カスタムHTMLからは表示されたようで安心しました。

ExUnitのメイン設定 → 連絡先情報 → 高度な設定 → 【お問い合わせ情報として表示するHTML】欄にSVG形式で記述した場合、【ヘッダー右側エリア】に限ってはうまく表示されない、ということのようです。

たしかに、ここにsvgコードを設置しても表示されないようでしたので、確認させていただきます。

▼社内確認用issue
https://github.com/vektor-inc/vk-all-in-one-expansion-unit/issues/957

今後ともよろしくお願いいたします。

[うなこ]

ご確認とご報告いただきありがとうございます。

iOS16.2では表示されたとのことで安心しました！

今後ともよろしくおねがいいたします。

[うなこ]

「ヘッダーウィジェットあり＆ナビ貫通」を選択しますと、【ヘッダー右側エリア】が表示されます。
【外観】>【カスタマイズ】>【ウィジェット】の【ヘッダー右側エリア】に「カスタムHTML」ブロックを配置して、そこにsvgのコードを貼り付けると表示されますでしょうか？

[うなこ]

添付画像ありがとうございます。

デモサイトのこちらのページも、表示の不具合が確認できますか？

ブロックパターン

といいますのも、わたしのiPad mini(第5世代)のsafariで確認したところ、該当の不具合が見られませんでした。
お手数ですが、デモサイトのページも不具合が見られるかの確認をお願いできますでしょうか。

[うなこ]

画像を左や右寄せなどにすると、画像分の空白が空いてしまうようでした。
お急ぎでしたら、以下のCSSを、【外観】→【カスタマイズ】→【追加CSS】に貼り付けてください。

.vk_accordion-target-close .wp-block-image{
display:none !important;
}

社内確認用issue
https://github.com/vektor-inc/vk-blocks-pro/issues/1659

• この返信は1年、 6ヶ月前にうなこが編集しました。

[うなこ]

私の方で考えてみたCSSです。
ページ遷移するときに、メニューが方向：ドロップインの場合は下から上に、方向：左→右の場合は左から右に、方向：右→左の場合は右から左へ閉じますので、位置が固定で、ナビが透明になるようにしました。ナビが透明になるので移動してガタっとなるのは無くなるかなと思います。

/*ナビを透明に*/
.vk-mobile-nav {
opacity:0;
}
/*openで不透明に*/
.vk-mobile-nav.vk-mobile-nav-open{
opacity:1;
}

/*ログイン時*/
/* adminbarがあるので方向 ドロップインの場合はずらす */
.admin-bar .vk-mobile-nav.vk-mobile-nav-drop-in{
top: 46px;
}

/* ログアウト時 */
/* 方向 ドロップインの場合 */
.vk-mobile-nav.vk-mobile-nav-drop-in{
top: 0px;
}
/*　方向 左 → 右*/
.vk-mobile-nav.vk-mobile-nav-left-in{
left: 0;
}
/*　方向 右 → 左*/
.vk-mobile-nav.vk-mobile-nav-right-in{
left: 0;
}

この他にも、なにかカスタマイズアイディアがありましたら、ぜひ書き込みよろしくお願いいたします。

[うなこ]

ページ遷移するときに、メニューが閉じますので、たしかに一瞬カクッとしますね（iPhoneのSafariで確認しました）。

Lightningデモサイト

何かいい方法がないか、考えてみます。
もし他の方で、こんな方法があるなど、カスタマイズのアイディアがありましたら、ぜひ書き込みをお願いいたします🙇‍♂️

• この返信は1年、 7ヶ月前にうなこが編集しました。

[うなこ]

iphoneのsafariで見た時に、ページ遷移する時に2階層目のメニューを開くと、メニューが閉じようと（メニュースライド方向はドロップの場合）上に動くので、それを治したい、ということであっていますか。

• この返信は1年、 7ヶ月前にうなこが編集しました。

[うなこ]

グリッドカラムカードブロックの設定から幅を変更できます。

グリッドカラムカードブロックを選択して、ブロック設定画面の「カラム幅設定」のカラムの最小サイズ（PC、タブレット、モバイル）で調整してください。（添付画像）

• この返信は1年、 7ヶ月前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

以下のCSSでどうでしょうか。
意図と違っていましたら教えてください。

/*ナビ カレントページの下線をnoneに*/
.global-nav-list>li[class*=current]::before {
   content:none;
}

[うなこ]

状況が違うかもしれませんが、過去にCTA作成時、outerブロックに背景画像を設定すると、”更新に失敗しました。返答が正しいJSONレスポンスではありません。”というメッセージが出て更新できない方がいらっしゃいました。

以下のフォーラムは参考になりますでしょうか。

outerブロックに背景画像が設定できません（CTAのみ）

[うなこ]

新規ボタンを配置してもエラーになるのですね…。

まだ原因がわかりませんが、
ブラウザはEdgeをご利用のようですが、Google Chromeブラウザで確認するとどうなりますか？エラーが出ていますか？

• この返信は1年、 7ヶ月前にうなこが編集しました。

[うなこ]

添付ありがとうございます。
画像内のボタンのコードと、私の環境のVKボタンのコードを見比べてみましたが、特に違いがありませんでした。

原因がまだわかっておりませんが、新規でVKボタンを設置した場合は編集できますか？
それとも保存して再度開くと「このブロックでエラーが発生したためプレビューできません。」のエラーになりますか？

[うなこ]

こんにちは！以下のエラーの共有方法「1. 投稿内容を共有」の部分を確認して、エラーファイルを共有することは可能でしょうか。

フォーラム・エラー共有方法

• この返信は1年、 7ヶ月前にうなこが編集しました。

[投稿者]

投稿