Y.INABA
フォーラムへの返信
-
投稿
-
ご確認ありがとうございます。
以下でご確認よろしくお願いいたします。1. 該当のメニュー箇所のみ抜き出して、Lightning Block Template Partsに名前を付けて登録する（必ず「公開」までお願いします）。
2. カスタマイザー ＞ Lightning ヘッダー設定 ＞ Block Template Parts で先ほど保存したテンプレートパーツ名を選択。
3. カスタマイザーの「保存」を押下。こちらで、ヘッダーのメニューのみスライダーの上部に表示されるようになるかと思います。
以下の記事もご確認よろしくお願いいたします。
・ブロックテンプレートパーツ機能 | Lightning G3 Pro Unit とは | Lightning
【追記】石川様からのご返答とは方向性が異なりますので、どちらか合う方を採用いただければと思います。
横からすみません。
添付のスクリーンショットのとおり、該当のスライダー箇所を選択し、消すなり編集するなりすればOKと思われますが、いかがでしょうか？
※パターンライブラリはあくまでもブロックエディターで使えるブロックの組み合わせを提供しているに過ぎませんので、後からブロックの配置や並び等変更いただいても問題はございません。
※該当スライダーもVK Blocksのスライダーブロックを編集したものに過ぎません。気に入らなければ、自由に修正・削除してOKです。
Takatoshi 様
トレタ様のサービスについて見識があるわけではないですが、指定箇所にフォームを挿入するにあたってCSSやJS、HTMLを挿入すれば表示可能という認識でよろしいでしょうか。
《ご参考》予約ウィジェット設定 – Shopify Communityその上で答えるのですが、以下のコードでトップページ内に出力するようにしたと思われるJavaScriptコードが上記URL内に見当たらなかったのですが、ご確認いただけますでしょうか。
1. functions.php に以下のコードを追加しました：
php function toreta_reservation_widget_script() { if (is_front_page() || is_home()) { // JavaScript コード // document.getElementById(‘trt-reservation-widget’) を探して // 予約フォームのHTMLを動的に生成する処理 } } add_action(‘wp_footer’, ‘toreta_reservation_widget_script’, 999);なので、
【問題】 ブラウザのコンソールを確認すると、以下のメッセージが繰り返し表示されます：
⏳ Widget container not found, retrying…
つまり、JavaScript は実行されているものの、document.getElementById(‘trt-reservation-widget’) が null を返しています。上記症状と思われる記載も別のJSのものではないでしょうか？
<div id=”trt-reservation-widget”></div>上記の記述も、ご認識のとおり見当たりません。
ただ、恐れ入りますが、ダブルクオーテーションの記号が誤っており、正しくは以下ではないでしょうか？<div id="trt-reservation-widget"></div>なお、以下エラーについて懸念されておりますが、結論から申し上げると、本症状には無関係の可能性が高いです。
Uncaught SecurityError: Failed to read a named property ‘document’ from ‘Window’:
Blocked a frame with origin “https://imagine-test.com” from accessing a cross-origin frame.
このエラーは VK プラグインまたは Lightning テーマ由来のもので、Toreta ウィジェットとは無関係と思われますが、JavaScript 実行に影響している可能性があります。ページ下の方、Google Map表示の際にiframeを使用しているので、そのために表示されているエラーだと思われます。
《ご参考》ブラウザがjsからiframeのエレメントへのアクセスのブロック現象及び解決方法 | 古松こちらで回答できることとしては以上となります。
ただ、以下のご質問は、質問内容やご共有いただいている内容を見る限り、Lightningに限らず発生しうる問題と思われます。Lightning テーマで TOPページにカスタムHTMLブロックを追加した場合、JavaScript から document.getElementById() で要素を取得できない理由はありますか？
Lightning または VK プラグインが DOM の読み込みタイミングに影響を与えている可能性はありますか？
TOPページで外部ウィジェットを正しく動作させるための推奨方法があれば教えてください。
冒頭のShopifyコミュニティでも回答者がおっしゃっているとおり、まずはトレタ様のサポートにお尋ねいただく方が解決が早いかと思います。
（もしくは、wp_footerがWordPress汎用のフック、カスタムHTMLも汎用ブロックであるため、WordPress公式フォーラムでお尋ねいただいても良いかもしれません）pepepe 様
イメージとしては、Lightning Evergreenのような感じでよろしいでしょうか。
・Lightning Evergreen | WEBに関する様々な問題に対応いたします
こちらについて、「ヘッダー透過 （Beta）」は既にお試しいただいておりますでしょうか。
こちらを使用することで、擬似的ではありますがご要望の形に近づけると思います。メニューの知識がなく、パターンライブラリーを参考にさせていただこうと思いましたがパターンライブラリーにも希望するものがありませんでした。
VK Video Blockにメニューを直接のせようという場合、トップページのみメニューを非表示にした上で、表示したいメニュー内容を直接記述しないといけない等のため、かなりの工数がかかるのと、どうしても独自カスタマイズの様相が強いため、汎用性に欠けるとして掲載されていないのだと思います。
最後に、記載いただいているURLですが、管理画面のURLになります。
おそらく編集途中のものを記載いただいていると思われますので、恐れ入りますが可能の範囲でスクリーンショットを開示いただくことは可能でしょうか。よろしくお願いいたします。
石川 様
原因特定とそれにともなう修正アップデートありがとうございます。
しばらく様子見してみます。VK Block Patterns / VKパターンライブラリ については先日もプラグイン内不具合にともなう大きな障害があったばかりですので、引き続き安定化を進めていただけますと幸いです。
よろしくお願いします。
私も同様の事象を確認しています。
1枚目のようにページ自体につながらないこともあれば、2枚目のようにページ自体はつながってもサムネイルが出力されないことがあります。
エラーメッセージのとおり、サーバー障害または何かしらの投稿が原因でデータベース接続が不安定なように思います。ご確認のほどお願いいたします。
石川 様
お忙しい中、ご確認、ご対応ありがとうございました。
問題なく変更できること確認済です。正直、こんなに早く対応いただけるとは思っておらず、大変感謝しております。
ご対応いただきありがとうございました。まだ使い始めたばかりのため、また何かありましたら質問等させていただくかもしれませんが、そのときはよろしくお願いいたします！
石川 様
ご確認ありがとうございます。
まずはご対応いただけるとのこと、ありがとうございます。
終わりましたらご連絡いただけますと幸いです。ブログカードの中身が
* 記事タイトル
* 抜粋
* 画像なので “記事タイトル” と “抜粋” の組み合わせにおいて、記事のタイトルに対して、抜粋は記事のタイトルを補足する内容なので、同じ”段落”タグでマークアップしては意味合いのバランスがとれないという思想です。
何かHTML上の「見出し」の意味を誤認されていらっしゃるようなのでお伝えいたしますと、
H1～6タグは「ページ上の意味合いから見てどうか」といった立ち位置に過ぎません。そのため、リンク先のページのタイトルがブログカードのリンク先だからという理由だけで見出しタグを使うべきではありません。
スクリーンリーダーがどうのこうのとおっしゃっていただいていますが、
安易に見出しタグを乱発すればかえってスクリーンリーダーを混乱させる原因にもなりかねませんので、使い方次第です。
（要はコーディング次第になるため、ブログカードに見出しを使うこと自体を否定するつもりはありません）最近は基本的に p タグでマークアップするのが普通のようですね。
「最近は」ではなく、本来そうあるべき姿に戻っているだけではないでしょうか。
（少なくとも装飾目的で見出しが認可されてきたという話を私は聞いたことがありません。WordPressの仕様に振り回されていること自体は理解していますが）ご参考までに、以下の記事もご確認くださいませ。
・<h1>–<h6>: HTML の見出し要素 – HTML | MDN
・HTML <h1>〜<h6>（見出し）タグ：正しい理解と使い方 – codingEverybody石川様
お忙しい中、ご返答いただきありがとうございます。
タイトルは “見出し” なので、見出しタグが適切だと思います
ブログカードに関してそのようなご認識でお間違いないでしょうか。
だとすれば、根拠が不明なので、何をもとにそう考えたのか詳しくご教示いただけますでしょうか。以下、私の見解をお伝えいたしますので、ご確認ください。
ブログカードにおける「タイトル」の箇所は厳密には「見出し」にあらず、あくまでもリンク用の文字列という認識です。
そして、装飾用に使う「見出し」はHTMLの意味上、本来認められるべきではありません。
（そもそもデフォルトで見出しがH5に設定されているのも構造上は不適切な使い方ですが、あまり深掘りするのも良くないので取り上げません）また、装飾用ボックスのタイトル箇所は「見出し」「段落」ともに設定できるのに、ブログカードのタイトルは「見出し」にのみ固定してしまうというのは、HTMLの整理からしても辻褄が合わないと思います。
参考までに、WordPressコア機能のブログカードでは、見出し箇所はblockquote（引用）が使用されております。
意味的には筋が通っており、H1～H6ほどの不自然さは感じられません。
（実際の出力もiframeによるもののため、ギリギリ許容できる範囲です）—
後から分かったのですが、WordPressではタイトル箇所を見出し（H1～H6）に統一するよう誘導・制限している動きがあるようです。
ただ、無意味な「見出し」タグ連発はSEO対策からしてもよろしくありません。
最近の検索エンジンは賢くなったのであまり考慮はされないと思いますが、とはいえSEO対策のうち初歩的対策と言われている箇所でもあるため、ある程度の対応はしておくべきと思います。—
本件は私の方で、特定のクラスを挿入時に見出しから段落へとfunctions.php経由で強制変換することで解決済みです。
ただこれはあくまでも力業というべきで、本質的な解決とは言いがたいです。あくまでも利用者側ではノーコードで解決できることを望みます。
