[ 質問者返信待ち ] Lightning G3のクイックスタート手順でデモサイトをDLしたがCSSが適用されない

[智新井]

■ WordPress のバージョン
5.8

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.7.0

■ Pro Unit のバージョン
0.9.5

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
クイックスタート手順からデモサイトをダウンロードしてインストールしたがCSSが適用されていないのか、表示が崩れています。

■ 自分で試した事
デモサイトとソースを比較すると「vk-swiper-style-css」「lightning-common-style-css」あたりのcssが読み込まれてないのではと思っていますが、
ファイル自体がどこにあるか分かりません。
style.cssや関連しそうなフォルダのパーミッション変更は試していましたが、うまくいきませんでした。

■ 症状が発生するブラウザ
chrome　Edge

■ 実際の症状
CSSが適用されず表示が崩れている

■ その他特記事項

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

Lightningのご利用ありがとうございます。株式会社ベクトルの石川と申します。
パスワードがかかっているようですので記載よろしくお願いいたします。

[石川＠Vektor,Inc.]

失礼しました。今見れました。

[石川＠Vektor,Inc.]

最初 http でセットアップしたものを後から https に変更したなどの記憶はないでしょうか？

とりあえず以下を試してみてください。

外観 > カスタマイズ > Lightning CSS最適化 を指定ナシにしてみてください。

外観 > カスタマイズ > Lightning デザイン設定で一度スキンを切り替え保存 -> OriginIIIに再徹底

プラグイン Really Simple SSL をインストールして有効化してみる。

[智新井]

石川様

早速の返信ありがとうございます。
パスワードは解除が遅くなり申し訳ありません。

＞外観 > カスタマイズ > Lightning デザイン設定で一度スキンを切り替え保存 -> OriginIIIに再徹底
＞プラグイン Really Simple SSL をインストールして有効化してみる。

上記手順を実施したところだいぶ表示が改善されました。
まだ、ページ上部にナビゲーションメニューが出てしまっているのですが、対応方法を教えていただけますでしょうか。
画面を狭めると正しくナビゲーションメニューは表示されます。

[石川＠Vektor,Inc.]

外観 > メニュー で ヘッダーに指定してるメニューに Header Top Navigation にもチェックが入っていると思いますのでチェックを外してください。

下記も参照ください。

Lightning G3 Pro Unit で作るビジネスサイトデモ

Lightning 基本設定解説 ナビゲーションの設定

[智新井]

メニュー設定で変更できること確認しました。
ありがとうございます。

外観 > カスタマイズ > Lightning CSS最適化 を有効にしてみたところ再度表示が崩れてしまいました。
現在はまた設定を外していますが、こちらは設定しないほうがよろしいでしょうか？

[石川＠Vektor,Inc.]

設定 > 基本設定 のURLは https になっていますか？

[智新井]

返信が遅くなって申し訳ありません。
設定のURLはhttpsになっております。

[投稿者]

投稿