[ 解決済 ] 横並びブロックを左揃えのまま中央配置したい

VWSとは フォーラム Lightning [ 解決済 ] 横並びブロックを左揃えのまま中央配置したい

[ 解決済 ] 横並びブロックを左揃えのまま中央配置したい

  • このトピックには10件の返信、4人の参加者があり、最後にs hにより1ヶ月、 2週前に更新されました。
11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • 投稿者
    投稿
  • #89850

    s h
    参加者

    ■ WordPress のバージョン
    6.4.3

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

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

    ■ テーマのバージョン
    15.20.1

    ■ Pro Unit のバージョン
    0.26.5

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    横並びブロックを左揃えのまま中央配置したいです。

    横並びブロックは、アイコンと段落が設置されています。

    ■ 自分で試した事
    テキストはこちらでできたのですが、横並びブロックでは可能でしょうか?

    .sample01 {
    text-align: center;
    }
    .sample01 span {
    display: inline-block;
    text-align: left;
    }

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

    ■ 実際の症状
    左揃えで中央配置にしたいです。

    #89857

    mk
    モデレーター

    お世話になっております。ベクトルスタッフの松田です。

    > 横並びブロックを左揃えのまま中央配置したいです。
    について、画像等ありましたらイメージがしやすいのですが、こちらの憶測で返信いたします。

    まず実現したい状態についての確認ですが、画像1枚目の状態が実現したい内容になりますでしょうか?

    画像1枚目が実現したい内容であることが前提ですが、以下で実現できると思います。(画像2枚目参照)
    ①横並びブロックをグループブロックで囲う
    ②レイアウト > 「コンテント幅を使用するインナーブロック」をオン
    ③コンテンツの幅を指定
    ④中央配置

    もし上記と異なるようでしたら、お手数ですが詳しい説明をお願いします。

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

    Attachments:
    You must be logged in to view attached files.
    #89862

    s h
    参加者

    mk様

    ご回答ありがとうございます。
    こちらの状態で間違いありません。

    グループのレイアウト設定がないのですが、どちらから追加するのでしょうか…

    #89864

    s h
    参加者

    立て続けに失礼いたします。
    グループのときのみ、レイアウトが表示されず、コンテント幅を使用するインナーブロックが設定できません。

    確認したこと
    ・wordpress バージョン6.5
    ・theme.jsonの有効化

    他に確認すべき部分はありますでしょうか?

    #89863

    mk
    モデレーター

    ご返信ありがとうございます。

    恐れ入りますが「グループのレイアウト設定がない」との記載ですと色々な状況を想定できます。
    そのため、スクリーンショットをあげていただいたり、どこまでを行なっていただけたのかなど、詳しい内容をご共有くださればスムーズな解決につながります。
    フォーラムでご連絡くださる際はご協力いただけたら幸いです。

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

    #89869

    とりあえず
    * 横並びブロックを左揃えに指定
    * その横並びブロックをグループ化
    * その横並びブロックを中央配置
    でできませんか?

    mk さんが記載の通り現状の編集画面のスクリーンショットを上げていただいた方が回答しやすいです。

    #89870

    s h
    参加者

    mk様 石川様

    ご回答ありがとうございます。
    スクリーンショットを追加いたしました。
    石川様の手順にて、ご教授いただいた内容ができました。

    こちらの伝え方が悪く大変申し訳ございません。
    状況は、横並びブロックがグループの中に複数ある状態で、
    この横並びブロック3つを左揃えのまま中央配置にしたいです。

    お手数おかけしてしまい大変申し訳ございません。
    何卒よろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
    #89877

    mk
    モデレーター

    スクリーンショットをありがとうございます。

    ただ、スクリーンショットをいただいた部分が以前よりご連絡いただいたいる部分のみであります。
    スクリーンショットを求めている理由としまして、
    – shさんが何を実現したいのか(確認済みではありますが、今一度認識を合わせたいため)
    – shさんが何にお困りなのか(「コンテント幅を使用するインナーブロックが設定できない状態」が確認できません)
    を目視で確認できるためです。現在の状態はshさんが見ている画面より限定的な状態での判断となってしまいます。

    色々な影響が考えられるため、可能であれば横並びブロックを囲うグループウィジェットを選択した状態で、ブラウザの画面全体をスクショいただければと思います。テキストで伏せたい部分はお手数ですが、加工してアップしてください。

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

    #89880

    s h
    参加者

    mk様

    ご丁寧にお返事いただき誠にありがとうございます。
    現在の状況でございます。

    ご確認のほどよろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
    #89882

    Vektor,Inc
    キーマスター

    ご返信ありがとうございます。現象を確認できました。

    例えば添付1枚目のようになればOKでしょうか?
    上記の認識であっているようでしたら、横並びブロックを内包したグループブロックをさらに横並びグループにするとできます。(2枚目参照)

    なお、この設定では文字の長さが長いと中央寄せから成り行きで左寄せになるので、段落ブロックのテキストが長い場合はShift+リターンキーで改行を調整するなどしてみてください。

    Attachments:
    You must be logged in to view attached files.
    #89888

    s h
    参加者

    Vektor,Inc様

    ご回答ありがとうございます。
    こちらの方法で解決いたしました。
    お手間をおかけしてしまい大変申し訳ございませんでした。
    誠にありがとうございます。

11件の投稿を表示中 - 1 - 11件目 (全11件中)
  • このトピックに返信するにはログインが必要です。