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

[雅人石井]

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

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

■ テーマの種類
Lightning Pro

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

■ スキンの種類
Origin II

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

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

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

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

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

■ 実際の症状
特になし

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

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

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

<!-- 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 -->

[雅人石井]

ありがとうございます。

[投稿者]

投稿