石川＠Vektor,Inc.
フォーラムへの返信
-
投稿
-
画面サイズが大きく違うので、メニューの数やサブメニューを含めてユーザー毎に設定の異なる汎用テーマの機能として対応するのは無理なので標準で実装はできていない部分で、そういった内容は個別のカスタマイズの領域になりますが、実感された通り、Aを調整しても結局Bがうまくいかない。対策をとるとCがうまくいかないなど、かなり調整に時間がかかります。
最初におすすめしないと書いたのは、そういった事を踏まえた上でメニュー数や好みも関係するので、個別にプロに依頼しないと実現は難しいと感じたためです。
特定のユーザー様専用のカスタマイズ対応に時間をかけてしまうと、その分本来はユーザー全員に恩恵があるはずの機能改善がされなくなってしまいます。他の全ユーザーにメリットがなく、弊社としても個別の案件に人員を割いても、受託のようにかかった工数を請求できるわけではなく、弊社製品としての機能改善もされずに他製品との競争力が低下してしまうだけの状態に陥ってしまい、結果として売上が低下し運営が成り立たなってしまうという理由から、公式なサポートとしては、あくまで搭載されている機能で出来る範囲の設定方法のサポートまでとさせていただいております。
CSSでのカスタマイズにつきまして公式に提供するサポート外の範囲となりますので、要望通りに最後まで実現するようサポートする事を保証するものではない点だけあらかじめご理解いただけますと幸いです。
その上で今後要望を実現するには、
A. 他の一般参加者様の回答を待つ
B. 弊社スタッフが業務時間外に個人の趣味として回答するのを待つ
C. 自身でCSSを勉強して挑戦する
D. 他の制作者にカスタマイズを依頼する
E. 他の実現方法を模索するという選択肢が考えられます。
A と B は他人を頼る方法になりますので、確実性はありません。
C について、CSSについては簡単なカスタマイズ方法については下記で紹介しておりますが、内容的にプロの制作者に依頼するレベルなので難易度はかなり高いと思います。
D については、 https://showcase.vektor-inc.co.jp/ に登録されている制作者様や、「WordPress カスタマイズ依頼」などで検索して、発注先を検討いただくかたちになります。
E については、現状のヘッダーをCSSでなんとかするのではなく、PC用のヘッダーとスマホ用のヘッダーをブロックエディタで自分で作成して、ブロックの非表示設定機能をつかって画面サイズによって出し分けるなどの方法があります。
ブロックテンプレートパーツ機能につきましては下記参照ください。ただ…こちらもブロックの操作になれていないと難しいのと、サブメニューを展開する事を考えると、よほどCSSの知識がないと対応が難しいので、結局モバイルはハンバーガーメニューが一番無難という結論に達する可能性が高いです。
おそらく “ハンバーガーメニューではモバイルで見たときにメニュー項目が隠れてしまうから嫌” という事ではないかと思うので、その場合、既存のメニューをモバイルでも見えるようにカスタマイズするのではなく、発想を変えて、”モバイルのときにはハンバーガーメニューとは別で、表示したいメニュー項目だけ別途表示させておく” 方が現実的だと思います。
それなら、とりあえずブロックテンプレートパーツでヘッダーを作った上で、
そのヘッダーの中に、モバイルのときだけ表示するメニュー項目を作成（サブメニューの展開まで自動で対応は難易度が上がりすぎるので、あくまで1階層にとどめ、表示する項目も厳選する）し、そのメニューをブロックの非表示設定で画面が狭いときだけ表示するように指定するのが実現できそうなラインではないかと思います。Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。
手元の環境で記載の症状が発生しないのと、
同様の報告も他のユーザーの方からあがっていないため、直接サイトを見てみないと回答が難しいです。同じ症状を発生させたデモサイトを作成し、All in One WP Migration などでサイトのデータをエクスポートし、そのデータを共有いただけると回答しやすいです。
一次実装が終わって確認待ちの状態です。
今日〜明日に状況また返信いたします。あまりおすすめしませんが…
@media (max-width: 991.98px){ .global-nav { display: block; } } .vk-mobile-nav-menu-btn { display:none; }弊社製品をご購入いただきありがとうございます。
印刷で表示されたポップアップで印刷先をPDFに切り替えて保存可能です。
名称変更はシステムではできませんので、下記より注文番号と会社名などご連絡ください。
よろしくお願いいたします。
まず大前提として VK Filter Search は一つの WordPress 内でしか稼働しません。
おそらくそれはご理解いただいているかと思います。その上で日本語と英語をどういうディレクトリで作っているのかがわからないので回答が難しいため、
まずはどういう構成になっているのか第三者に把握しやすいように記載よろしくお願いいたします。今確認する限りは特に問題ありませんでした。
ブロックを移動したりした際に意図せず入れ子になったり、どこか壊れてしまったのではないかと思います。
まっさらなページに貼り付けても発生するかご確認ください。
まっさらなページに貼り付けても発生する場合は該当の見出しやグループに何かスタイルをあてていないか確認くださいませ。
以上よろしくお願いいたします。
おそらく Lightning Pro をご利用の時に 1 カラム用のテンプレートを指定した事に起因する問題だと思われます。
テンプレートの指定をデフォルトテンプレートに戻してみてください。
Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。
投稿いただいている内容を確認しましたが「おかしくなる」の症状がよくわかりませんでした。
> 本来ブロックの右上に灰色の帯で表示されますが、
これは何の事でしょうか？
再現手順やスクリーンショットなど添付いただけると助かります。
失礼いたしました。
先日 Evergreen のインポートデータをアップデートした際のミスでした。lightning-g3-evergreen.zip をアップしなおしましたので改めてダウンロードくださいませ。
お手数おかけして恐れ入りますがよろしくお願いいたします。
お世話になっております。ベクトルの石川でございます。
恐れ入りますが VK Blocks Pro の投稿リストブロックでは標準で抜粋の文字サイズを変更する機能はありませんので、CSSでのカスタマイズが必要です。
CSS でのカスタマイズは公式なサポート対象外となりますので、
弊社スタッフに比較的余裕がある場合に返信 または 他のユーザー様の返信をお待ちいただく事になります。まずは下記を確認ください。今回のケースはシンプルなので練習には丁度良いと思います。
これが理解できるようになれば今回に限らず今後も同様に変更したい場合は出てくると思いますので、いろいろ対応可能になります。
また、同様に他のユーザーが質問された場合に回答いただけばベストアンサーで500ポイントも付与されます。上記確認の上今一度やってみて、上手くいかない場合は改めて試したコードを記載してください。
あるいは他のユーザー様の返信を一旦お待ちください。簡単なものまで弊社スタッフで手をとめて都度対応してしまうとなると、本来全ユーザーに恩恵があるはずの弊社でしかできない機能追加・改善の機会が減ってしまいますので、比較的カンタンなカスタマイズにつきましてはできるだけユーザーの皆様同士で解決できるようになればみんなに利益となりますので、何卒ご理解とご協力いただけますと幸いです。
プラグイン Create Block Theme をインストール・有効化して、
外観 > テーマフォントの管理から追加できます。Noto sans だけなら下記からもできます。
たぶん WordPress 6.5 から標準で実装されるような気はします（未確認）。
該当のナビゲーションは WordPress 標準ナビゲーションブロックの機能・仕様になります。
弊社の製品でそれに対応する処理を追加実装するのかは、本家 Gutenberg の方でそういった議論がされているのかなど確認の上で今後の検討課題とさせていただきます。
現行の仕様で閉じたい場合は以下の対応を検討ください。
1. 現状のナビゲーションブロックは「非表示設定」で画面が広い場合のみ表示するように設定する
2. モバイルでは Lightning 標準のモバイルナビを使用する設定にする下記参照くださいませ。
■ カラム数ではなく最小幅を指定
グリッドカラムカードは従来のように画面サイズを基準としてカラム数を指定するのではなく、カラムに保持させたい最小幅を指定し、その最小幅を基準に自動レイアウトする新しいカラムブロックです。
極めて少ないCSSでレイアウトされているので、画面サイズ毎に多くのCSSが必要だった従来のグリッドシステムより軽量です。
以上よろしくお願いいたします。
