うなこ
フォーラムへの返信
-
投稿者投稿
-
うなこモデレーターパターンを修正させていただきましたのでご報告いたします。
writing-mode と 改行
<br>
の組み合わせは、iOS環境でレイアウトが崩れる可能性があるため、
今回は No wrap(改行なし)機能 を使用して対応させていただきました。引き続きご確認のほどよろしくお願いいたします。
うなこモデレーターご報告ありがとうございます。
iPhone実機で確認したところ、症状が確認できました。
パターン修正まで少々お待ちください。
うなこモデレーターToshiさま
ご返信ありがとうございました。
ご指摘いただいた通り、一部CSSに誤りがございましたので、該当箇所を修正いたしました。他の方も参照されるかもしれないため念のため・・・。
下記、一部変更が必要でしたが、それ以外は目的のデザインとなりました。
.vk_posts-layout-card .vk_post a.btn-primary::before,
selector .vk_posts-layout-card .vk_post a.btn-primary::after改めまして、この度はご確認・ご指摘ありがとうございました。
うなこモデレーターお世話になっております。
該当URL を確認させていただきました。Lightning アーカイブページ設定の「表示タイプ」にプレミアムパターンを追加したいです。
おそらくですが、添付いただいた該当URLを拝見させていただいたところ、「お客様の声」のアーカイブページでしたので、
工務店のデモサイトのお客様の声一覧ページ のデザインにしたい、というご意図ではないかと拝察しました。もしそうでしたら、以下の手順でCSSを追加することで、同じデザインに調整することが可能です。
- 【外観】 > 【カスタマイズ】 > 「Lightning アーカイブページ設定」 へ進み、「お客様の声」の「表示タイプ」を「カード」に設定して「公開」ボタンをクリック
- 次に「追加 CSS」に以下のCSSを貼り付けてください。
※このCSSは「カード」タイプ全体に影響します。他の投稿タイプに影響を与えたくない場合は、
.post-type-archive-customer-voice
を先頭に加えてください。/*カードのデザイン調整*/ .vk_posts-layout-card .vk_post:not(.card-body){ overflow: visible; } .vk_posts-layout-card .vk_post.card{ background-color: transparent; border:none; margin-bottom:80px; } .vk_posts-layout-card .vk_post .card-body{ background: #fff; margin: -50px; z-index: 1; width: calc(100% - 30px); margin-left: 15px; } /*ボタンデザイン*/ .vk_posts-layout-card .vk_post a.btn-primary{ position: relative; display:inline-block; padding-right:32px; transition: all .2s linear; color: currentColor; background:transparent; border:none; font-size:14px; } .vk_posts-layout-card .vk_post a.btn-primary:active, .vk_posts-layout-card .vk_post a.btn-primary:focus, .vk_posts-layout-card .vk_post a.btn-primary:active:focus{ background:transparent; box-shadow:none; color:currentcolor; } .vk_posts-layout-card .vk_post a.btn-primary::before, .vk_posts-layout-card .vk_post a.btn-primary::after{ content: ''; position: absolute; display: block; height: 1px; right: 5px; transition: all .2s linear; } .vk_posts-layout-card .vk_post a.btn-primary::before{ width: 20px; bottom: 50%; border-bottom: solid 1px currentColor; } .vk_posts-layout-card .vk_post a.btn-primary::after{ width: 8px; background: currentColor; bottom: calc(50% + 3px); transform: rotate(45deg); } .vk_posts-layout-card .vk_post a.btn-primary:hover::before, .vk_posts-layout-card .vk_post a.btn-primary:hover::after{ right:0px; } /* 画像hover */ .vk_posts-layout-card .vk_post_imgOuter{ transition: all 0.4s ease-out; } .vk_posts-layout-card .vk_post_imgOuter:hover{ opacity: 0.8; }
もしご希望の内容と違っていましたら、お知らせいただければと思います。
うなこモデレーター川井さん、ご返信ありがとうございます。
ご報告の現象、こちらでも確認できました。
今後の対応について検討いたしますので、少々お時間をいただけますと幸いです。
詳細なご報告、本当にありがとうございました。▼issue
https://github.com/vektor-inc/vk-all-in-one-expansion-unit/issues/1211
うなこモデレーター川井さん、いつもお世話になっております。
編集画面の下の方にある「VK All in One Expansion Unit」の設定画面の中にある「シェアボタンの非表示設定」を展開して「ソーシャルボタンを表示しない」にチェックを入れると非表示にできるかと思います。(添付画像参照)
もし見当違いのことを言っていたらすみません!その場合はお知らせください。
Attachments:
You must be logged in to view attached files.
うなこモデレーター石川の返信の補足になります。
キャッシュプラグインの「Autoptimize」も使用されているように見えますので、こちらもキャッシュを削除してお確かめください。
おかしいなと思う点として、本サイトのVK Blocks 設定でライセンスキーを入れて保存しても消えてしまいます。ちなみにLightning G3 Pro Unit設定では、ライセンスキーは入っています。
(余白の件とは関係がなさそうですが、、)こちらは現在もライセンスキーが設置できない状況でしょうか。
うなこモデレーター返信ありがとうございます。
ExUnitの【メイン設定】> 【スムーススクロール】のスムーススクロールタイプを「CSSのみ ( 読み込みが少し軽くなりますが、Safari では動作しません。 )」を選択して「変更を保存」するといかがでしょうか?
うなこモデレーターご確認ありがとうございます。
なぜ横スクロールで?と理解は着いていってませんが💦
こちらについて補足させていただきます。
元々、X-T9テーマでは、意図しない横スクロールバーの表示、たとえばmargin-left: calc(50% – 50vw) などのネガティブマージンで横スクロールが発生するのを防ぐため、bodyに
overflow-x: hidden;
を設定していました。ただ、この
overflow-x: hidden;
の影響で、モーダルメニューオープン時に、同一ページ内のリンク(アンカーリンク)へ正常にジャンプできないケースが今回判明しました。先ほどのCSSは、モーダルメニューが開いている間だけbodyの
overflow-x
をvisible
に上書きすることで、ページ内リンクのジャンプが正常に動作するように調整しています。なお、この対応は、X-T9テーマの次回バージョンで修正を予定しておりますので、テーマが更新されましたら追加CSSの適用は不要となります。
X-T9のプルリク
https://github.com/vektor-inc/x-t9/pull/337少しややこしい背景となっており恐縮ですが、どうぞよろしくお願いいたします。
うなこモデレーターお世話になっております。
モーダルメニューを使用している場合に、iOS以外の環境で同一ページ内のリンクが正常に動作しない件について、
一度ご確認いただきたいことがございます。以下のCSSを【外観】→【カスタマイズ】→【追加CSS】に貼り付けていただき、
同一ページ内のリンクが正常に動作するかご確認いただけますでしょうか。html.has-modal-open body{ overflow-x: visible; }
うなこモデレーターお世話になっております、Lightningのご利用ありがとうございます。
■ 自分で試した事
#ロリポップ側
1.ロリポップのWAFの無効化
2.ロリポップアクセラレータの無効化
3.サーバーのPHPのバージョンをチェックご自身で上記のの項目をご確認いただいたとのことで、ありがとうございます。
サーバーのPHPのバージョンを教えていただけますか。2025年4月10日 10:36 AM 返信先: ヘッダータイトルh1を非表示にしたい (前回の質問(2025年1月22日 10:30 PM)と同じ個所ですが、今度は非表示設定の画面自体がでないです。) #107770
うなこモデレーター添付画像を確認しましたところ、ホームに設定している固定ページのように見えました。
おそらくそのページには「ページヘッダー」自体が表示されていないので、変化がないのだと思います。お手数ですが、画面キャプチャをとって、非表示にしたい部分がどの箇所なのかを書いて教えていただけますでしょうか。
2025年4月10日 9:36 AM 返信先: ヘッダータイトルh1を非表示にしたい (前回の質問(2025年1月22日 10:30 PM)と同じ個所ですが、今度は非表示設定の画面自体がでないです。) #107765
うなこモデレーターお世話になっております、Lightning Pro のご利用ありがとうございます。
添付画像のように、右側のサイドメニューの「固定ページ」タブのなかに「Lightning デザイン設定」の「ページヘッダーを表示しない」にチェックを入れると非表示になると思いますがいかがでしょうか?
※ただ少し気になるのは、TOSHIOSAKUMA さんの添付していただいた画像にはすでにチェックが入っているように見えますので、もしうまくいかない場合は教えてください
Attachments:
You must be logged in to view attached files.
うなこモデレーター解決されたとのことで、安心いたしました。
本件は「解決済み」とさせていただきますね。
また何かございましたら、お気軽にご相談ください。今後とも弊社製品をよろしくお願いいたします。
うなこモデレーターVK パターンライブラリのご利用ありがとうございます。
ご質問の件につきまして、このブロックはグリッドカラムカードブロックになります。
グリッドカラムカードブロックのリンクの設定はこちらのブロックの説明ページでご確認いただくか、以下の手順で設定できます。添付画像も併せてご確認ください。
【01】左上のドキュメント外観ボタンをクリックしてリストビューを開く
【02】リストビューが開いたら、「グリッドカラムカードアイテム」を選択。
【03】ツールバーのリンクマークをクリックするか、もしくは右側のブロック設定画面の「リンクURL」から設定できます。中のリンクを削除するとリンクも削除されます。いかがでしょうか。
Attachments:
You must be logged in to view attached files. -
投稿者投稿