[
  {
    "id": 3463,
    "title": "説明リスト_F-15",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M216,64V192H96V64Z\" fill=\"#9aa8c9\"/><path d=\"M88,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H96A8,8,0,0,1,88,64Zm128,56H96a8,8,0,1,0,0,16H216a8,8,0,0,0,0-16Zm0,64H96a8,8,0,1,0,0,16H216a8,8,0,0,0,0-16ZM56,56H40a8,8,0,0,0,0,16H56a8,8,0,0,0,0-16Zm0,64H40a8,8,0,1,0,0,16H56a8,8,0,0,0,0-16Zm0,64H40a8,8,0,1,0,0,16H56a8,8,0,0,0,0-16Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "説明リスト",
      "用語",
      "定義リスト",
      "dl",
      "リスト・手順"
    ],
    "slug": "lazyblock/f-desclist2026",
    "description": "用語と説明をセットで表示する説明リスト(dl/dt/dd)ブロック。横並び/縦積みの2レイアウトに対応。",
    "category": "Lazyblocks Free",
    "category_label": "Lazyblocks Free",
    "supports": {
      "customClassName": true,
      "anchor": false,
      "html": false,
      "multiple": true,
      "inserter": true,
      "reusable": true,
      "color": false,
      "layout": false,
      "shadow": false,
      "spacing": false,
      "dimensions": false,
      "typography": false,
      "lock": true,
      "align": [
        "wide",
        "full"
      ],
      "ghostkit": {
        "effects": false,
        "position": false,
        "spacings": false,
        "frame": false,
        "transform": false,
        "customCSS": false,
        "display": false,
        "attributes": false
      }
    },
    "controls": {
      "control_1a2b3c4d5e": {
        "type": "select",
        "name": "list_layout",
        "default": "block",
        "label": "表示形式",
        "help": "",
        "child_of": "",
        "placement": "inspector",
        "group": "settings",
        "width": "",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "choices": [
          {
            "label": "縦積み",
            "value": "block"
          },
          {
            "label": "横並び",
            "value": "inline"
          }
        ],
        "allow_null": "false",
        "multiple": "false",
        "output_format": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_2b3c4d5e6f": {
        "type": "repeater",
        "name": "list_items",
        "default": "",
        "label": "項目一覧",
        "help": "",
        "child_of": "",
        "placement": "content",
        "group": "settings",
        "width": "",
        "hide_if_not_selected": "true",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "rows_min": "",
        "rows_max": "",
        "rows_label": "項目",
        "rows_add_button_label": "項目を追加",
        "rows_collapsible": "true",
        "rows_collapsed": "true",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_3c4d5e6f7a": {
        "type": "text",
        "name": "item_term",
        "default": "",
        "label": "用語",
        "help": "",
        "child_of": "control_2b3c4d5e6f",
        "placement": "content",
        "group": "settings",
        "width": "",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": 0
      },
      "control_4d5e6f7a8b": {
        "type": "textarea",
        "name": "item_desc",
        "default": "",
        "label": "説明",
        "help": "",
        "child_of": "control_2b3c4d5e6f",
        "placement": "content",
        "group": "settings",
        "width": "",
        "hide_if_not_selected": "false",
        "required": "false",
        "translate": "false",
        "save_in_meta": "false",
        "save_in_meta_name": "",
        "placeholder": "",
        "characters_limit": 0
      }
    },
    "code": {
      "output_method": "php",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<?php if ( ! empty( $attributes['list_items'] ) && is_array( $attributes['list_items'] ) ) :\n\t$layout = $attributes['list_layout'] ?? 'block';\n?>\n<dl class=\"desc-list desc-list-<?php echo esc_attr( $layout ); ?>\">\n\t<?php foreach ( $attributes['list_items'] as $item ) : ?>\n\t\t<div class=\"desc-list-row\">\n\t\t\t<dt class=\"desc-list-term\"><?php echo esc_html( $item['item_term'] ?? '' ); ?></dt>\n\t\t\t<dd class=\"desc-list-desc\"><?php echo nl2br( esc_html( $item['item_desc'] ?? '' ) ); ?></dd>\n\t\t</div>\n\t<?php endforeach; ?>\n</dl>\n<style>\n.desc-list, .desc-list * { box-sizing: border-box; }\n.desc-list {\n\tbackground: #ffffff; border: 1px solid #E5E7EB; border-radius: 12px;\n\tpadding: 6px 20px; margin: 20px 0; max-width: 640px; width: 100%;\n}\n.desc-list dt, .desc-list dd { margin: 0 !important; }\n.desc-list-row { padding: 14px 0; border-bottom: 1px solid #F0F1F3; }\n.desc-list-row:last-child { border-bottom: none; }\n.desc-list-block .desc-list-term { color: #2F80ED; font-weight: 700; font-size: 13px; margin-bottom: 6px !important; overflow-wrap: break-word; }\n.desc-list-block .desc-list-desc { color: #4B5563; font-size: 14px; line-height: 1.8; overflow-wrap: break-word; }\n.desc-list-inline .desc-list-row { display: flex; align-items: flex-start; gap: 16px; }\n.desc-list-inline .desc-list-term {\n\tflex: 0 0 160px; min-width: 0; color: #2F80ED; font-weight: 700; font-size: 13px;\n\toverflow-wrap: break-word;\n}\n.desc-list-inline .desc-list-desc { flex: 1; min-width: 0; color: #4B5563; font-size: 14px; line-height: 1.8; overflow-wrap: break-word; }\n@media (max-width: 680px) {\n\t.desc-list-inline .desc-list-term { flex-basis: 130px; }\n}\n@media (max-width: 480px) {\n\t.desc-list { padding: 4px 16px; }\n\t.desc-list-inline .desc-list-row { flex-direction: column; gap: 4px; }\n\t.desc-list-inline .desc-list-term { flex: none; }\n}\n</style>\n<?php else : ?>\n\t<p class=\"desc-list-placeholder\">説明リストブロック：項目を追加してください</p>\n\t<style>.desc-list-placeholder { border: 2px dashed #D1D5DB; border-radius: 10px; padding: 24px 20px; text-align: center; color: #9CA3AF; font-size: 13px; background: #F9FAFB; }</style>\n<?php endif; ?>\n",
      "frontend_callback": "",
      "show_preview": "always",
      "single_output": true
    },
    "style": {
      "block": "",
      "editor": ""
    },
    "script": {
      "view": ""
    },
    "styles": [],
    "condition": [],
    "edit_url": null,
    "provide_context_to_blocks": "",
    "custom_context_slug": "",
    "allowed_blocks": "",
    "ancestor": ""
  }
]