うなこ
フォーラムへの返信
-
投稿
-
サイトのトップページにランディングページを設置すべく
新規固定ページを作成し「ホームページ設定」から当該固定ページを設定すると
ウィジェットからしかコンテンツが追加できず、前幅の画像など自由に設置できない状況です。画面を添付いただいた方が状況が把握しやすいかもしれません。
ホームページに設定した固定ページを、管理画面の「固定ページ」から編集ボタンを押すと、
ブロックが設置できそうでしょうか。ところで、「追加 CSS クラス」に追加できる、今回の様な「クラス名の一覧等」はどこかに有りますでしょうか？
機能として追加する方向のため、クラス名の一覧はありませんが、
機能追加の目処がたっておりませんので、クラス名一覧ページを準備するのかを検討中の段階でございます。VK Block Patternsをインストールして有効化しますと、
vk-cols--reverseというクラス名が使えるようになります。カラムブロックを選択して、ブロック設定の「高度な設定」の「追加 CSS クラス」に
vk-cols--reverseを追加してください。
このパターンが参考になると思います。２個目の「旬の素材」はスマホサイズで逆になっています。返信ありがとうございます。
CSSは以下でいかがでしょうか
〇〇の部分は現在62%となっておりますので、この数字を大きくして調整していただければ、隠れている画像の部分が表示されるかなと思います。
/* 投稿リストの画像 */ .vk_post .vk_post_imgOuter:before { padding-top: 〇〇%; }画像のサイズを固定にすれば良いのか、CSSで解決できるのか。
アイキャッチ画像の縦横比率がそれぞれちがう画像を入れていて、ぴったり表示したいということであっていますか。
そうだとすると、画像のサイズを固定にするのがいいかなと思います。画像のサイズを固定にしていただき、cssで調整する形でいかがでしょうか。
もし質問の意図と違っておりましたら教えてください。
サイトを確認しました。
背景画像を固定にされているのが原因で、iOSでは背景画像が拡大されて見えている状態だと思います。
（これはiOSのバグで、background-size: cover; background-attachment: fixed;を一緒に使用すると、起こります。）解決策は、
ページヘッダー設定の「背景画像の位置」を標準を選択すると、拡大されずに表示されると思います。以下のようなCSSで書いてしまうのが一番簡単かなとおもいました。
/* 全頁サイトコンテンツの上下余白を無しに */ .l-container_inner { padding-top: 0; padding-bottom: 0; }カスタマイズのデザイン設定で一括設定できるととても便利ですが・・・
ランディングページ用に使用するイメージでしたので、固定ページごとでいいのかなと思っていたのですが、一括設定するケースはけっこうあったりするのでしょうかね？
みなさんどうなんでしょうか1.カバーブロックの「VK余白調整？」を使い上下の余白を「０」
上記では余白は埋まりませんでした。上のカバーブロックを選択して、「共通の余白設定」の下の余白を0、下のカバーブロックを選択して、「共通の余白設定」の上の余白を0 にすると余白がなくなるかなと思います。
いかがでしょうか
おそらくですが、ステップ要素の親ブロックではなく、ステップ要素のアイテムブロックを削除しているので、編集画面へ行くと再びステップブロックの親ブロックが表示されている状態だと思います。
（慣れてくるといいのですが、ちょっと気付きにくいかもですね、、）複数表示したいケースのために別途 表示要素 に「分類（全項目）」
石川さんのおっしゃっている表示要素の「分類（全項目）」を表示、（画像と画像右上分類名と抜粋と投稿者とボタンは非表示）して、「表示タイプとカラム」の表示タイプを「メディア」にして、カラムを全部1にしますと、
高嶋さまの理想のデザインに近いのかなと思います。実際の画面を添付しました
テーマ側が修正されるまで、応急処置になりますが、以下のCSSを【外観】→【カスタマイズ】→【追加CSS】に追記して下さい。
/* 検索ブロック */ .widget_search form div.wp-block-search__inside-wrapper { flex-wrap: nowrap; }テーマ側が修正されましたら上記のCSSは不要になります。
またこちらからご連絡させていただきます、よろしくおねがいいたします。
