[うなこ]

Lightning Proにセクションベース設定機能がついた時に、背景白がつくdivが変わったため、
セクションベース全体が白色になるのは、Lightning Proの仕様となります。

セクションベース設定

もし以前のような見た目にする場合は、追加CSSや子テーマのstyle.cssなどに以下のCSSを追加すれば、
ご希望の表現ができるかなと思います。
いかがでしょうか。

.home .mainSection-base-on{
background-color:transparent;
padding: 0;
}
.home .mainSection-base-on .widget,
.home .mainSection-base-on .page {
background-color: #fff;
padding: 1.4rem;
}

@media (min-width: 768px){
.home .mainSection-base-on .widget,
.home .mainSection-base-on .page{
 padding: 2rem;
}
}

@media (min-width: 992px){
.home .mainSection-base-on .widget,
.home .mainSection-base-on .page {
 padding: 2.4rem;
}
}

[うなこ]

ウィジェットを編集すると、「トップコンテンツエリア右」が初期化される不具合があります。

こちらはまだ不具合がでますか？

[うなこ]

はい、header.phpをカスタマイズしてみたのですが、最初はハンバーガーが上手く表示されていました。

header.phpを子テーマ化したということですね。
header.phpは、カスタマイズしない方がいいファイルになります。
なぜかといいますと、親テーマがheader.phpのファイルで仕様変更しても、子テーマのheader.phpが優先で読み込まれてしまうので、仕様変更した部分が反映されず、表示が崩れるなどの問題が発生してしまうためです。

headerをカスタマイズする場合はアクションフックを利用すると、安全です。

こちらの記事は参考になりますでしょうか。

できる！WordPressカスタマイズ #04 アクションフックを使ったカスタマイズに挑戦！

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

[うなこ]

添付画像を確認いたしました。

できればPC版と同じように写真を横並びに表示（添付写真3）させたいのですが、
このスライダーを使っては無理なのでしょうか？

VK Block Proのスライダーブロックではそのような機能はありませんが、
代替案としましては、
PCはPC用のスライダーを設置、スマホはスマホ用（画像1枚づつ設置したスライダー）を設置して、
スライダーブロックの「非表示設定」で、PCサイズではPC用のスライダーが表示されるように設定
スマホではスマホ用のスライダーブロックが表示されるように設定すると、うまくいくのではないかと思います。

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

Attachments:

You must be logged in to view attached files.

[うなこ]

今ソースを確認していまして、
もしかしたら　header.phpをカスタマイズされていますか？

――――――――――――――
▼モバイル固定ナビ
モバイル固定ナビを利用すると、モバイル閲覧時に下部に固定ナビが表示されますので、こちらを設定して、メニューを出すこともできます。
https://lightning.nagoya/ja/expansion/lightning-pro/mobile-fix-navi

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

[うなこ]

safariで確認すると余白ができていますね。
追加CSSや子テーマのCSSなどに以下を追加でいかがでしょうか？

.mainSection .widget_instagram-feed-widget{
    margin-bottom: 0px;
    padding-bottom:25px;
}
@media (min-width: 768px){
.mainSection .widget_instagram-feed-widget{
    padding-bottom:35px;
}
}

[うなこ]

もしお急ぎでしたら、
カラーパレットの色を選択してから「カスタムカラー」を選択すると、うまくいきます。

Attachments:

You must be logged in to view attached files.

[うなこ]

もし同梱が難しい場合は、ここなら画像を無料でゲットするに安全だよというサイトがあったらご紹介いただけたら幸いです。

「いらすとや」さんは色々なところで使用しているのを見かけますね
念のため「いらすとや」さんのよくある質問ページを貼っておきます

完全無料ではなくても良いので、vektorさんから Lightningプロのユーザー向けに、Lightningに良さそうなイラストなどを集めた画像集の販売なんてあっても嬉しいです。

これはおもしろそうですね^^

[うなこ]

そうなのですね…
原因がわかりませんが、もしかしたら何かのプラグインとの相性かもしれません。

お手数なのですが
作者が Vektor,Inc.以外のプラグインをひとつづつ停止しながら、トップページを確認すると、原因がわかるかもしれません。
（もしそれでも直らない場合は、プラグインも関係ないということが分かります。）

[うなこ]

おそらく原因が分かりました。
単純に閉じタグがないのが原因のようです。
以下のように } で閉じてください

@media(max-width:768px){
	.c5f{width:100%;
	margin-left:auto;
	margin-right:auto;}
	.c5fl1,.c5fl2,.c5fl3,.c5fl4,.c5fl5{
		float:none;
		width:95%;
		margin-bottom:5px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
}

Attachments:

You must be logged in to view attached files.

[うなこ]

かつおさん

本番で稼働中らしきサイトを見つけまして検証ツールで確認しましたところ、
今現在は カスタマイズ→追加CSS に追加されていますか？
といいますのも検証ツールで確認したところ、カスタマイズの追加CSSから出力されているようでした。

上記のこともふまえまして、カスタマイズの追加CSS のcssは正常に効いているように見えました。

ちょっと気になるところとしては .areaw　のところの閉じタグがちょっとおかしいところがありましたので
.areawの個所を以下のものに変更していただいてもいいでしょうか。

.areaw{
background-color:#fff;
padding:10px 20px 0;
display:block;
border-radius:15px;
border:3px solid #3B3B3B;
width:100%!important;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
margin-bottom:0;
}

かつおさんの環境でまだ正常に表示されていないようでしたらお知らせください。

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

[うなこ]

項目の一部をヘッダートップのナビゲーションに移動

石川さんのご提案いただいた「ヘッダートップのナビゲーション」の設定方法は、
以下のページから手順が確認できますので、よろしければご参考にしてください。

→ヘッダー上部機能拡張

[うなこ]

カードブロックで対応するのはいかがでしょうか。

投稿リストブロックを利用する場合は、非表示にしたいアイテムのdivにidが付与されていますので、そのidに対してcssでdisplay:none;で非表示でしょうか。
（見た目上は非表示ですがhtmlでは存在していますのでカードブロックがお勧めです。）

[うなこ]

管理画面から、ホームに設定している固定ページを開いていただき、添付した図のように、「固定ページ」ブロックを設置します。横のブロックの設定から、ページ設定の中のページを選択のプルダウンから、今回トップページ用に作成した固定ページを選んでください。

いかがでしょうか

Attachments:

You must be logged in to view attached files.

[うなこ]

TDNさま

DRILL LANCERさんのご提案いただいた「VK 固定ページ本文」ブロックを利用する方法では、アニメーション部分は表示できるかもしれません。

固定ページ本文ブロック

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

[投稿者]

投稿