[ 解決済 ] こちらの画像のようなものをライトニングプロで作成したい

VWSとは フォーラム Lightning [ 解決済 ] こちらの画像のようなものをライトニングプロで作成したい

[ 解決済 ] こちらの画像のようなものをライトニングプロで作成したい

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #63935

    雅人石井
    参加者

    ■ WordPress のバージョン
    バージョン 5.9.3

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

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    バージョン: 8.14.1

    ■ スキンの種類
    Origin II

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

    ■ プラグインの種類・バージョン
    特になし

    ■ 期待する動作
    添付画像の赤矢印のようにあるページの一部を作成したいのですが、
    このようなブロックもしくは似たブロックがありますでしょうか?

    ■ 自分で試した事
    ブロックを確認してみた。

    ■ 症状が発生するブラウザ
    特になし

    ■ 実際の症状
    特になし

    ■ その他特記事項
    特になし

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

    コードビューに切り替えて以下を貼り付けて、コードビューを終了して必要に応じて変更してみてください。

    
    <!-- wp:vk-blocks/gridcolcard {"backgroundColor":"#f9feff","containerSpace":{"top":"1.5rem","left":"1.5rem","right":"1.5rem","bottom":"1.5rem"},"border":true,"borderColor":"#13747c"} -->
    <div class="wp-block-vk-blocks-gridcolcard vk_gridcolcard" style="grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px"><!-- wp:vk-blocks/gridcolcard-item {"backgroundColor":"#f9feff","containerSpace":{"top":"1.5rem","left":"1.5rem","right":"1.5rem","bottom":"1.5rem"},"border":true,"borderColor":"#13747c"} -->
    <div class="wp-block-vk-blocks-gridcolcard-item vk_gridcolcard_item vk_gridcolcard_item-noHeader vk_gridcolcard_item-noFooter" style="background-color:#f9feff;border:1px solid #13747c"><div class="vk_gridcolcard_item_container" style="padding-top:1.5rem;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem"><!-- wp:vk-blocks/gridcolcard-item-header {"containerSpace":{"top":"1.5rem","left":"1.5rem","right":"1.5rem","bottom":"1.5rem"}} /-->
    
    <!-- wp:vk-blocks/gridcolcard-item-body -->
    <div class="wp-block-vk-blocks-gridcolcard-item-body vk_gridcolcard_item_body"><div class="vk_gridcolcard_item_body_inner"><!-- wp:heading {"level":4,"placeholder":"Heading","className":"is-style-vk-heading-plain","marginTop":"vk_block-margin-0\u002d\u002dmargin-top","marginBottom":"vk_block-margin-0\u002d\u002dmargin-bottom"} -->
    <h4 class="is-style-vk-heading-plain vk_block-margin-0--margin-top vk_block-margin-0--margin-bottom">Lightning G3 Pro Unit + VK Blocks Pro</h4>
    <!-- /wp:heading -->
    
    <!-- wp:paragraph {"align":"right","placeholder":"グリッドカラムカードブロックでは柔軟なレイアウトが可能です。","marginBottom":"vk_block-margin-0\u002d\u002dmargin-bottom"} -->
    <p class="has-text-align-right vk_block-margin-0--margin-bottom">費用 : <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vk-color-primary-dark-color"><span data-fontsize="1.5rem" style="font-size: 1.5rem;" class="vk_inline-font-size">55,000</span></mark></strong>円 ( 税込 )</p>
    <!-- /wp:paragraph --></div></div>
    <!-- /wp:vk-blocks/gridcolcard-item-body -->
    
    <!-- wp:vk-blocks/gridcolcard-item-footer /--></div></div>
    <!-- /wp:vk-blocks/gridcolcard-item --></div>
    <!-- /wp:vk-blocks/gridcolcard -->
    
    #64606

    雅人石井
    参加者

    ありがとうございます。

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