[うなこ]

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

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

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

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

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

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

[うなこ]

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

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

Attachments:

You must be logged in to view attached files.

[うなこ]

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

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

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

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を貼っていただくか、
もしくは「コードエディタ」表示にしていただき、コード部分をすべてコピーして、
このフォーラムに張り付けてください。

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

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

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

[うなこ]

以下の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でしょうか？

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が最新)でしょうか？

[うなこ]

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削除

[うなこ]

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

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

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

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

[うなこ]

カスタマイズのLightning モバイル固定ナビ設定画面から、設置したいナビボタンのリンクURL部分にtel:000-000-0000の書き方で、電話アイコンを設置可能です。

※ここへ電話番号は表示できませんが、電話アイコンでなら設置できます
※000-000-0000の部分は、ご利用の電話番号へご変更ください。

Attachments:

You must be logged in to view attached files.

[うなこ]

無事解決したようで安心しました！

「ウイジェット」→「モバイル固定ナビウィジェット」で（モバイルの時いつも一番下にある青の部分）に電話番号を表示させて、そこをタップしたら電話がかかるような設定方法はありますか？　リンク先ページのURL(必須)欄しか見当たらないのでムリなのでしょうか？

よろしくお願いいたします。

こちらの件ですが、一つの投稿内に複数の質問をしないというルールで運用しております。
（どこまで解決済みかわからなくなったり、他の人が検索するときにも探しにくいため）
大変お手数ですが、別途投稿していただいてもいいでしょうか？

フォーラムの投稿ルールはこちらからご覧いただけます
https://vws.vektor-inc.co.jp/forums

[うなこ]

なぜか、モバイルだと消えています。

原因が分かりました。

追加CSSにメディアクエリーの@media screen and (max-width: 640px){　の記載が2か所ありますが、こちらの閉じタグの}がありません。（2か所ともついていないようです）
閉じタグがないと、その下に記述したcssが全部、幅が640px以下で効くようになってしまいます。

@media screen and (max-width: 640px){に閉じタグの}をつけてあげてください。

[投稿者]

投稿