[うなこ]

返信ありがとうございます。

本来の動きであれば、スライドショーの画像を高さ450px（ピンク部分）にすれば、自動でサイズ調整されるかと思いますが、フロントページのコンテンツ（グリーン部分）が上に上がってこないというか、150PXの隙間ができたままになります。

私の環境では、症状が確認できませんでしたので、VK All in One Expansion Unitを停止すると正常に見えるとおっしゃっておりましたので、もしかすると追記されたCSSが原因ではないかと思いました。

VK All in One Expansion Unitを無効化してしまうと、カスタムCSSなど使えなくなりそれはそれで困ります。

一度、VK All in One Expansion Unitに追加したCSSのご確認をしてみて、スライドショー部分にheightの指定が書いていないか、ご確認お願いいたします。

もしくはVK All in One Expansion Unitに追加したCSSを添付することはできますか？

• この返信は3年前にうなこが編集しました。

[うなこ]

>トップスライドショーの画像の高さを600pxから450pxに変更したい。

質問があります。
このトップスライドショーは【カスタマイズ】→【Lightning トップページスライドショー】の機能であっていますか？
（VK Blocks Proのスライダーブロックの可能性もありますので、聞いてみた次第です。）

画像の高さを450pxに揃えても、150pxの余白ができてしまいます。

ちょっとどのような状況なのかの詳細がわかりませんので、
実際にサイトを見てみると、適切な回答が得られる可能性が高いです。
差し支えなければサイトのURLや画像のキャプチャを貼ることはできますか？

[うなこ]

「カスタマイズ」→「Lightning 詳細ページ設定」に「実績紹介」があると思いますので、開いていただき「非表示要素」から非表示にしたい項目にチェックを入れて公開ボタンを押してください。

[うなこ]

フッター背景画像の機能では、ちょっと細かい調整ができませんので、今のウィジェットに画像を入れた状態でCSSで調整するのはいかがでしょうか。

追加CSSなどに以下のCSSを貼り付けてみてください。
いかがでしょうか

<!-- フッター上の画像調整 -->
.site-body-bottom .container{
    max-width:100%;
    padding:0;
}

.site-body-bottom .container .widget .wp-block-image{
    margin-bottom:0;
}
.site-body-bottom .container .widget .wp-block-image img {
    width: 100vw;
}
.site-footer{
    border-top:none;
}

• この返信は3年前にうなこが編集しました。

[うなこ]

【追記】

「見出し」の電話の問い合わせはありますが、メールの問い合わせは無いのでしょうか？

メールのお問合せボタンのみ欲しいということですね。

でしたら、ExUnitのお問い合わせブロックではなく、VKボタンブロックの方が合っているかもしれません。

ボタン

もう少し具体的な例など見せていただけますと、適切な回答が得られるかもしれません。

[うなこ]

ExUnitのお問い合わせブロックのことでしょうか。
もしそうでしたら、ダッシュボード→ExUnit→メイン設定の「連絡先情報」の「電話アイコン」から変更できます。(添付画像)

行動を促すためのお問い合わせ先表示

▼FontAwesomeアイコンについて
fontawesomeのバージョン6にはまだ対応していませんので、バージョン5のアイコンから選んでください。
https://fontawesome.com/v5/search?m=free

• この返信は3年前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[うなこ]

気になるところが一点ありました。
mp4のファイル名が日本語なので（〇〇HP用.mp4）、英文字に直して、アップし直してみてください。

• この返信は3年前にうなこが編集しました。

[うなこ]

Lightning Video Unit は無効化されていますか？
Lightning Video Unitが有効化されていると、VK Video Block Pro で不具合がでますので、一度ご確認いただけますでしょうか。

それでも表示されない場合は、また教えてください。

• この返信は3年前にうなこが編集しました。

[うなこ]

確認できました。cssが不足していたようです、、すみません。
いかがでしょうか。

追加したCSS

/* モバイルナビの表示非表示*/
@media (min-width: 992px){
body.device-pc .vk-mobile-nav {
    display: block;
}
}
@media (min-width: 1200px){
body.device-pc .vk-mobile-nav {
    display: none;
}
}

完成版はこちらです

/* ハンバーガーメニュー表示 */
@media (max-width:1199.98px){
.vk-mobile-nav-menu-btn {
display: block !important;
}
}
/* グローバルナビ非表示 */
@media (max-width:1199.98px){
.l-site-header_global-menu {
display: none;
}
}
/* モバイルナビの表示非表示*/
@media (min-width: 992px){
body.device-pc .vk-mobile-nav {
    display: block;
}
}
@media (min-width: 1200px){
body.device-pc .vk-mobile-nav {
    display: none;
}
}

• この返信は3年前にうなこが編集しました。

[うなこ]

>クリックしても「×」マークが出るだけで、メニューがプルダウンされません。

現在もメニューが展開されない状態でしょうか？
スマホでは展開できていますか？

[うなこ]

TAKAさま

一点質問してもいいでしょうか。
以下のデモサイトのvideo blockは再生されますか？
（トップページのコンテンツ一番下にvk video block で動画が配置されております。）

HOME

あと、もし差し支えなければ、不具合の出る該当サイトのURLを添付していただくことは可能でしょうか。

といいますのも、私の環境
Chromeバージョン: 98.0.4758.80
VK Video Block Pro　0.0.8
で正常に再生されるようでした。

[うなこ]

ロゴの周りの左右に余白が入っておりますので、余白を0にしたcssをかきました。
カスタマイズ→追加CSS、もしくは子テーマでしたら子テーマのstyle.css などに追記してください。

/* PCサイズのロゴの余白を無し*/
@media screen and (min-width: 1200px){ 
.p-site-header-brand {
    padding: 0;
}
.p-site-header-brand_logo {
    padding: 0.5em 0;
	}
}

• この返信は3年前にうなこが編集しました。

[うなこ]

添付いただきました該当URLのサイトを確認したところ、サイトを見ることができませんでした。
「このサイトにアクセスできません　DNS_PROBE_FINISHED_NXDOMAIN」　と出ます
猫ねっこさまの環境ではいかがでしょうか。

（ドメイン名でwhois検索したところ、Domain Status: redemptionPeriodとなっておりました。一度ご確認いただけますでしょうか）

ーーー

【追記補足01】
といいますのも、私の環境では同じバージョンで確認したのですが症状が確認できませんでした。
（代替え画像のVideo Unitの背景画像が出た後、動画が流れました。）
症状の出るサイトを確認できると解決が早いかもしれません。

ーーー

【追記補足02】
本件と関係あるのかはわかりませんが、私の環境でエラーがでていたのでそれも関係あるのかもしれません。

少々お待ちください。

https://github.com/vektor-inc/vk-video-block-pro/pull/18

• この返信は3年前にうなこが編集しました。
• この返信は3年前にうなこが編集しました。
• この返信は3年前にうなこが編集しました。
• この返信は3年前にうなこが編集しました。

[うなこ]

國弘浩司さま

こんばんは。
本スレッドが解決済みとなっておりますので、できましたら別でスレッドをたてていただけますと、他のユーザーの方の目にもとまりやすくなり、解決が早いかもしれません。

と言いますのも、本スレッドとはちょっと意図が違う気がしております。

できれば両サイド余白を2pxくらいにしたいのですが…。ご教授宜しくお願い致します。

• この返信は3年前にうなこが編集しました。

[うなこ]

もし差し支えなければ症状の出ているサイトのURLを添付していただくことは可能でしょうか？

といいますのもわたしの環境では同様の症状が確認できませんでしたので、実際のページを確認させて戴けますと解決が早いかもしれません。

追記
石川さんと被ってしまいました！
石川さんのおっしゃる症状のようです。

• この返信は3年前にうなこが編集しました。

Attachments:

You must be logged in to view attached files.

[投稿者]

投稿