[うなこ]

TOSHIOSAKUMAさま

わたしのローカルサイトでElementorを有効化してElementorで編集ボタンを押して編集した時に、自動で calc(0px * -1) が出力されることが確認できました。

他のサイトのサブディレクトリーで作ったらできました。

他の環境で無事にできたとのことで安心いたしました。

—–

なお、該当URLのサイトのレイアウトを直す場合は、以下のいずれか一方をお試しください。

1.追加 CSS で補正する
【外観】【カスタマイズ】「追加 CSS」に、以下を貼りつけます。

[class^="wp-container-core-group-is-layout-"] > .alignfull {
    margin-left:  calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

2.Elementorプラグインを使用していないということでしたら無効化して、再度パターンを貼り直してください。

[うなこ]

hayashidera_medinolさま

解決されたとのことで安心いたしました。

Cloudflare の設定が影響していたとのこと、共有いただきありがとうございます。

また、コメントをくださった ことりさま、対馬さまにも感謝いたします。

もしよろしければ、参考にされたことりさまの投稿を「ベストアンサー」にご選択いただけますと幸いです。

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

[うなこ]

ことりさま、ご調査いただき、ありがとうございます。

hayashidera_medinolさま、以下のご確認ありがとうございます。

子テーマ、親テーマ変更、関連しそうなプラグインを切って動作確認をしましたが、同じように開けませんでした。

こちらでも確認をしてみたのですが、もしかすると「メニューを動かすための命令」が読み込まれていない状態かもしれません。
このような場合、サイトの一番下（フッター）に必要なコードが入っていないことが原因になるケースがあります。

もし子テーマをご利用でしたら、テーマファイルの中に footer.php があるかどうかご確認ください。
ありましたら、ファイルの末尾に次のコードが記述されているかどうか、念のためご確認いただけますでしょうか。

<?php wp_footer(); ?>

[うなこ]

お世話になっております。Lightning Pro をご利用いただきありがとうございます。

モバイルナビゲーションを設定してもメニューが適用されません。

こちらの件ですが、モバイル表示でハンバーガーメニューボタンを押してもメニューが展開されないということでお間違いないでしょうか？

もしそうでしたら、キャッシュ系プラグインの影響が考えられます。

お使いのサイトでは「WP Super Cache」が有効になっているように見受けられますので、まずはこのプラグインを一時的に無効化し、メニューの動作が正常になるかお試しいただけますでしょうか？

ご確認のほど、よろしくお願いいたします。

[うなこ]

お世話になっております。

今朝、PC版LINEのメモ機能にURLを貼り直して確認したところ、OGP画像は正しく変更されていることを確認できました。
一方で、PC版LINEの過去のトークに貼られたURLについては、以前の画像のまま表示されていました。
このことから、LINE側では一度取得されたOGP情報がキャッシュとして保持される仕様ではないかと考えられます。

そのため、お手数ですが、必要に応じてURLを新たに貼り直して運用していただければ幸いです。

[うなこ]

ソースを確認させていただいたところ、og:image の値は問題なく変更されているようでした。

現在の状況から考えられる原因として、LINE側のキャッシュの影響が高いと考えられます。
（私の環境でも、PC版LINEアプリのメモ機能に該当URLを貼った際はVKロゴが表示されましたが、iPhoneのLINEアプリで確認すると、アイキャッチ画像が変更されている状態でした。）

また念のため、ExUnitの「メイン設定」→「SNS Settings」内の「デフォルトのOGPイメージ」に、VKロゴの画像が登録されていないかもご確認いただければと思います。

しばらく時間を置いても改善されない場合は、再度お知らせいただけますと幸いです。

[うなこ]

パターンを修正させていただきましたのでご報告いたします。

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を追加することで、同じデザインに調整することが可能です。

1. 【外観】 > 【カスタマイズ】 > 「Lightning アーカイブページ設定」 へ進み、「お客様の声」の「表示タイプ」を「カード」に設定して「公開」ボタンをクリック
2. 次に「追加 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

少しややこしい背景となっており恐縮ですが、どうぞよろしくお願いいたします。

[投稿者]

投稿