[
  {
    "id": 3467,
    "title": "ボックスリンク_F-19",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M209.94,113.94l-96,96a48,48,0,0,1-67.88-67.88l96-96a48,48,0,0,1,67.88,67.88Z\" fill=\"#9aa8c9\"/><path d=\"M165.66,90.34a8,8,0,0,1,0,11.32l-64,64a8,8,0,0,1-11.32-11.32l64-64A8,8,0,0,1,165.66,90.34ZM215.6,40.4a56,56,0,0,0-79.2,0L106.34,70.45a8,8,0,0,0,11.32,11.32l30.06-30a40,40,0,0,1,56.57,56.56l-30.07,30.06a8,8,0,0,0,11.31,11.32L215.6,119.6a56,56,0,0,0,0-79.2ZM138.34,174.22l-30.06,30.06a40,40,0,1,1-56.56-56.57l30.05-30.05a8,8,0,0,0-11.32-11.32L40.4,136.4a56,56,0,0,0,79.2,79.2l30.06-30.07a8,8,0,0,0-11.32-11.31Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "ボックスリンク",
      "リンクカード",
      "バナー",
      "CTA・訴求"
    ],
    "slug": "lazyblock/f-boxlink2026",
    "description": "画像・タイトル・説明文をまとめてリンク化するボックスリンクブロック。デフォルト/バナーの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_9a0b1c2d3e": {
        "type": "select",
        "name": "box_layout",
        "default": "default",
        "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": "default"
          },
          {
            "label": "バナー",
            "value": "banner"
          }
        ],
        "allow_null": "false",
        "multiple": "false",
        "output_format": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_0b1c2d3e4f": {
        "type": "image",
        "name": "box_image",
        "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": "",
        "insert_from_url": "true",
        "preview_size": "medium",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_1c2d3e4f5a": {
        "type": "text",
        "name": "box_title",
        "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": "",
        "placeholder": "",
        "characters_limit": 0
      },
      "control_2d3e4f5a6b": {
        "type": "textarea",
        "name": "box_desc",
        "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": "",
        "placeholder": "",
        "characters_limit": 0
      },
      "control_3e4f5a6b7c": {
        "type": "url",
        "name": "box_url",
        "default": "",
        "label": "リンク先URL",
        "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": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_4f5a6b7c8d": {
        "type": "toggle",
        "name": "box_new_tab",
        "default": "false",
        "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": "",
        "checked": "false",
        "alongside_text": "",
        "placeholder": "",
        "characters_limit": ""
      }
    },
    "code": {
      "output_method": "php",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<?php if ( ! empty( $attributes['box_url'] ) ) :\n\t$layout  = $attributes['box_layout'] ?? 'default';\n\t$new_tab = ! empty( $attributes['box_new_tab'] );\n?>\n<a href=\"<?php echo esc_url( $attributes['box_url'] ); ?>\" class=\"box-link box-link-<?php echo esc_attr( $layout ); ?>\" <?php echo $new_tab ? 'target=\"_blank\" rel=\"noopener\"' : ''; ?>>\n\t<?php if ( ! empty( $attributes['box_image']['url'] ) ) : ?>\n\t\t<div class=\"box-link-image-wrap\">\n\t\t\t<img src=\"<?php echo esc_url( $attributes['box_image']['url'] ); ?>\" alt=\"<?php echo esc_attr( $attributes['box_title'] ?? '' ); ?>\" class=\"box-link-image\">\n\t\t</div>\n\t<?php endif; ?>\n\t<div class=\"box-link-body\">\n\t\t<p class=\"box-link-title\"><?php echo esc_html( $attributes['box_title'] ?? '' ); ?></p>\n\t\t<?php if ( ! empty( $attributes['box_desc'] ) ) : ?>\n\t\t\t<p class=\"box-link-desc\"><?php echo esc_html( $attributes['box_desc'] ); ?></p>\n\t\t<?php endif; ?>\n\t</div>\n\t<span class=\"box-link-arrow\">→</span>\n</a>\n<style>\n.box-link, .box-link * { box-sizing: border-box; }\n.box-link p { margin: 0 !important; }\n.box-link {\n\tdisplay: flex; align-items: center; gap: 16px; background: #ffffff;\n\tborder: 1px solid #E5E7EB; border-radius: 12px; padding: 18px 20px;\n\tmargin: 20px 0; max-width: 600px; width: 100%; text-decoration: none !important;\n}\n.box-link-body { flex: 1; min-width: 0; }\n.box-link-title { color: #1A1A1A; font-weight: 700; font-size: 15px; margin-bottom: 4px !important; overflow-wrap: break-word; }\n.box-link-desc { color: #6B7280; font-size: 13px; overflow-wrap: break-word; }\n.box-link-arrow { color: #2F80ED; font-size: 20px; flex-shrink: 0; line-height: 1; }\n.box-link-default .box-link-image-wrap { width: 64px; height: 64px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background: #F3F4F6; }\n.box-link-default .box-link-image { width: 100%; height: 100%; object-fit: cover; display: block; }\n.box-link-banner { flex-direction: column; align-items: stretch; padding: 0; overflow: hidden; }\n.box-link-banner .box-link-image-wrap { width: 100%; aspect-ratio: 16 / 6; background: #F3F4F6; }\n.box-link-banner .box-link-image { width: 100%; height: 100%; object-fit: cover; display: block; }\n.box-link-banner .box-link-body { padding: 16px 20px; }\n.box-link-banner .box-link-arrow { display: none; }\n@media (max-width: 680px) {\n\t.box-link { padding: 16px 18px; gap: 14px; }\n}\n@media (max-width: 480px) {\n\t.box-link-default { flex-direction: column; text-align: center; }\n\t.box-link-default .box-link-image-wrap { width: 100%; height: auto; aspect-ratio: 4/3; }\n}\n</style>\n<?php else : ?>\n<p class=\"box-link-placeholder\">ボックスリンクブロック：リンク先URLを設定してください</p>\n<style>.box-link-placeholder { border: 2px dashed #D1D5DB; border-radius: 10px; padding: 24px 20px; text-align: center; color: #9CA3AF; font-size: 13px; background: #F9FAFB; margin: 20px 0; max-width: 600px; }</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": ""
  }
]