[うなこ]

> 下記のデモサイトでも確認しましたが、同様な症状でした。

そうなのですね…。
こちらの環境では、iPhone8 と iPhone SE のiOS14.4.2のSafariで問題なくボタンは展開いたしました。

ちょっと原因が不明ですが、iPhoneで他のChromeなどのブラウザで確認しても展開できないでしょうか。

[うなこ]

試していただきたいのですが、こちらのデモサイトの2階層目のボタンは正常に機能しますか？

HOME

といいますのも、わたしのiOS14.4.2のSafariでは問題なくボタンが展開いたしましたので、一度確認していただきたいと思います。

[うなこ]

おそらくキャッシュ系のプラグインの影響を受けている可能性があります。
Autoptimize のキャッシュを削除、もしくはAutoptimize 自体を無効化してみてください。

あとは、不具合がおきましたら、こちらのフォーラムページの「不具合かなと思ったら」の部分を参考に、実行してみてください。そうしますと原因が何であるか把握できるかもしれません。

https://vws.vektor-inc.co.jp/forums

今回はプラグインの原因の可能性が高いので、
「関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？」
の部分にあたります。

[うなこ]

> ちなみにOrigin 2をデザインスキンにしているサイトは明朝になっていないようですが、Skin Fortの問題なのでしょうか？

Fortスキンは見出しが明朝体のデザインスキンですので、Fortの問題となります。
このようになった経緯としましては、
Lightning フォント設定の機能がない時代に作成したスキンでしたので、直接スキン側に明朝の指定がしてある為です。

たしかに、現在はLightning フォント設定機能がありますので、スキン側に設定するのは違和感がありますね、、。
今後の課題とさせていただきます。

> あと、h1～h6の「見出し」にイタリックを設定できないのは仕様でしょうか？

フォントの日本語の「メイリオ」はイタリック体を指定しても斜めになりません。
こちらに理由などが書かれておりました。

メイリオフォントがイタリック体や斜体にならない

[うなこ]

編集画面から投稿の表示されていない投稿ページを開いていただき、ページヘッダーとパンくずリストの以下の部分にチェックが入っておりませんか？

もしチェックが入っていない場合は、CSSなどでカスタマイズなどされておりますか？

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

Attachments:

You must be logged in to view attached files.

[うなこ]

VK Blocks Proのグリッドカラムブロックで可能です。

カラムレイアウトをすべて4に設定してください。（添付画像参照）

グリッドカラムブロック（Pro版のみ）

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

Attachments:

You must be logged in to view attached files.

[うなこ]

カードブロックの「画像高さ」設定の「PC、タブレット、モバイル」がございますので、こちらの「モバイル」部分の数値を調整しますと、お好きな高さに調整できます。

Attachments:

You must be logged in to view attached files.

[うなこ]

masako.sさま
対馬 さま

ご連絡ありがとうございます。
Outerブロックに非表示設定した場合、非表示にならないことが確認できました。
（私の勘違いで、段落ブロック自体に非表示設定をしておりました、、）

ご不便おかけして大変申し訳ございませんが、しばらくお待ちください。

[うなこ]

VK Blocks Proのバージョンが最新ではない場合は更新してください。（現在の最新はバージョン 1.0.14）

それでも直らない場合は、以下の情報共有をお願いいたします。

可能であれば症状がでているページのURLを貼っていただくか、
もしくは「コードエディタ」表示にしていただき、コード部分をすべてコピーして、
このフォーラムに張り付けてください。

▼フォーラム・エラー共有方法

フォーラム・エラー共有方法

私の環境では再現できなかったため、ご協力お願いいたします。

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

[うなこ]

以下のCSSを追加CSSなどに追加していただき、お好きなフォントファミリー名を○○の中に入れてください。
font-family:unset; とすると、リセットします。

.vk_staff .vk_staff_text .vk_staff_text_name,
.vk_staff .vk_staff_text .vk_staff_text_caption,
.vk_staff .vk_staff_text .vk_staff_text_role,
.vk_staff .vk_staff_text .vk_staff_text_profileTitle{
font-family:○○○;
}

> カスタマイザーのLightningフォント設定と同様の設定とすることは可能なのでしょうか？
確かに、ここだけ明朝体になってしまうのはちょっと違和感がありますね、、。
議題にあげさせていただきます、ありがとうございます。

[うなこ]

ご連絡ありがとうございます。

解決してよかったです。（私のiOSも14.4.1でした。）

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

[うなこ]

Lightning Proのデモサイトの、以下のページのアニメーション部分は、スマホで確認できますか？

ページの下の方にあるアニメーションのブルーの背景が並んでいる「スライドアップ」と書いてある個所です。

VK Blocks Pro ブロックサンプル

iphoneで閲覧されているブラウザはsafariでしょうか？

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

Attachments:

You must be logged in to view attached files.

[うなこ]

私の環境（ Lightning Proバージョン 8.9.0／VK Blocks Proバージョン1.0.13／iPhone 8 ）では症状が確認ができませんでしたので、もし差し支えなければ症状のおきているサイトのURLを添付することは可能でしょうか？

あとは、VK Blocks Proのバージョンは最新(現在はバージョン 1.0.13が最新)でしょうか？

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

[うなこ]

cssのみでできるのかやってみました。

まず、Lightning Video Unit 設定の「動画の高さに合わせる」にチェックを入れていただき、
以下のcssを追加CSSなどに追加してみてください。

@media (min-width: 1200px){
.vkvu_wrap.move_height_on .mbYTP_wrapper #iframe_vkvu_video_ytb_player {
max-height: 43.25vw !important;
}
.vkvu_wrap.move_height_on {
padding-bottom: 43.25%;
}
}

このcssを追加したのがこのサイトです
解決したのでURL削除

• この返信は4年前にうなこが編集しました。
• この返信は4年前にVektor,Incが編集しました。

[うなこ]

以前添付していただいたサイトを見させていただきました。
追加CSSに書かれているcssの書き方を少し直せば直ると思います。

サイトのタイトル部分の文字のサイズですが、

h1.siteHeader_logo {　と記述がありますが、.siteHeader_logo {　に記述をかえれば直ると思います。

検証ツールでhtmlを確認していただくと、Homeではh1タグに.siteHeader_logo クラスが付いていますが、そのほかのページではpタグに付いています。

[投稿者]

投稿