うなこ
フォーラムへの返信
-
投稿
-
HANAさま
VWSのマイアカウントへログインしていただき、
ダウンロードからLightning Video Unitの最新バージョンが入手できるかと思います。
そこからダウンロードしていただき、サイトのプラグインからインストールしていただけますか？どうぞよろしくお願いいたします。
添付画像の「投稿記事の一覧」は、VK Blocks Proの「投稿リスト」ブロックで固定ページ内に挿入できます。
その下の「記事の一覧へ」ボタンはVK Blocks Proの「ボタン」ブロックで固定ページ内に挿入できます。添付画像の月別アーカイブ、カテゴリーは、VK All in One Expansion Unit のウィジェット機能で実装しています。
月別アーカイブは「VK アーカイブリスト」、カテゴリーは「VK カテゴリー/カスタム分類リスト」で表示しています。
レイアウト設定が2カラムの場合はサイドバーに、1カラムの場合は固定ページコンテンツ下部へ表示されます。わたしの勘違いでした。
テーマ側で何かしらのcssがデザインの不具合を起こしている可能性がありますので、少々お待ちください。
お急ぎの場合は、再利用ブロックの編集画面へ行ってきただき、グループブロックのスタイルを「デフォルト」へ変更し、以下のCSSを追加してください。
.is-style-default .wp-block-group__inner-container{ padding-left:0; padding-right:0; max-width:none; }確認のため少々お待ちください。
サイトを確認させていただきました。
グループブロックの中に見出しやボタンを入れているのが原因な気がしております。ブロックのグループブロックの外に、見出しやボタンを出していただくと直るかなと思いますが、いかがでしょうか。
Outerブロックのレイアウト設定の「アウターエリア内に余白を追加する」を選択すると
.vk_outer-paddingLR-useというクラス名が付きます。
.vk_outer-paddingLR-useに対して、パディングを設定すると、調整できるのではないかと思います。※○○の中はお好きな単位を入れてください。
.vk_outer-paddingLR-use { padding-left: ○○; padding-right: ○○; }以下のCSSを追加でいかがでしょうか？
/* アイキャッチ画像の余白を小さくする */ .vk_post .vk_post_imgOuter:before { padding-top:49%; }>わたしの環境とちょっと表示が違うような気がしますので、
こちらはわたしの勘違いでした…。（背景画像をリピート表示していたので余白に気づきませんでした…汗）
機能としてはないので、cssでカスタマイズする形になります。
以下のcssで出来ますが、他のアイキャッチ画像が違う比率の場合は、
余白ができてしまうと思いますので注意が必要です。.vk_post_imgOuter{ background-size: contain; }cssのカスタマイズは、以下の記事に書いてありますので、ご参考にしてみてください。
まだ原因が分かっておりませんが、
Lightning Proバージョンを、最新のバージョン（現在は 8.7.3）に更新してみてください。もし可能でしたら、症状のでているサイトのURLを貼っていただくことはできますでしょうか？
> かなりの数の画像に角丸を適用してきたのですが、全部手動で設定を変更しなければならないのでしょうか？
以下のcssを追加CSSなどに記述していただけますと、「角丸」でもフロント画面では「角丸2」の角丸になります。
/* コア側の角丸（楕円形）を上書き */ .is-style-rounded img{ border-radius: .5rem; }このような変更になった経緯ですが、
弊社プラグインのVK Blocks 側でWordPress標準の「角丸」のスタイルを上書きしてデザインを変えていることが確認できました。
WordPress標準の画像スタイルは、長期的に考えると本来は変更しない方が望ましいという判断に至り、
WordPress標準の「角丸」はそのままで、VK Blocks側の「角丸2」を追加する変更を実行することになりました。大変ご不便おかけしますが、何卒ご理解を賜りますようお願いいたします。
