[
  {
    "id": 3464,
    "title": "通知_F-16",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M208,192H48a8,8,0,0,1-6.88-12C47.71,168.6,56,139.81,56,104a72,72,0,0,1,144,0c0,35.82,8.3,64.6,14.9,76A8,8,0,0,1,208,192Z\" fill=\"#9aa8c9\"/><path d=\"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "通知",
      "アラート",
      "注意",
      "ポイント",
      "お知らせ・注意喚起"
    ],
    "slug": "lazyblock/f-notice2026",
    "description": "3種のスタイル×5種のタイプで、強調して伝えたい内容を表示する通知ブロック。",
    "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_5e6f7a8b9c": {
        "type": "select",
        "name": "notice_style",
        "default": "simple",
        "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": "simple"
          },
          {
            "label": "塗りつぶし",
            "value": "filled"
          },
          {
            "label": "太枠",
            "value": "thick"
          }
        ],
        "allow_null": "false",
        "multiple": "false",
        "output_format": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_6f7a8b9c0d": {
        "type": "select",
        "name": "notice_type",
        "default": "info",
        "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": "info"
          },
          {
            "label": "成功",
            "value": "success"
          },
          {
            "label": "警告",
            "value": "warning"
          },
          {
            "label": "エラー",
            "value": "error"
          },
          {
            "label": "ポイント",
            "value": "point"
          }
        ],
        "allow_null": "false",
        "multiple": "false",
        "output_format": "",
        "placeholder": "",
        "characters_limit": ""
      },
      "control_7a8b9c0d1e": {
        "type": "text",
        "name": "notice_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_8b9c0d1e2f": {
        "type": "textarea",
        "name": "notice_body",
        "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
      }
    },
    "code": {
      "output_method": "php",
      "editor_html": "",
      "editor_callback": "",
      "frontend_html": "<?php\n$style = $attributes['notice_style'] ?? 'simple';\n$type  = $attributes['notice_type'] ?? 'info';\n$icons = [\n\t'info'    => '<path d=\"M12 8h.01M11 12h1v4h1\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"/>',\n\t'success' => '<path d=\"M7 12l3 3 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"/>',\n\t'warning' => '<path d=\"M12 8v5M12 16h.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M10.3 3.9L2.5 18a1 1 0 00.9 1.5h17.2a1 1 0 00.9-1.5L13.7 3.9a1 1 0 00-1.7 0z\" stroke=\"currentColor\" stroke-width=\"1.8\"/>',\n\t'error'   => '<path d=\"M15 9l-6 6M9 9l6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"/>',\n\t'point'   => '<path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"/>',\n];\n$icon = $icons[ $type ] ?? $icons['info'];\n$has_body = ! empty( $attributes['notice_body'] );\n?>\n<?php if ( ! $has_body ) : ?>\n<p class=\"notice-placeholder\">通知ブロック：本文を入力してください</p>\n<style>.notice-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 else : ?>\n<div class=\"notice-block notice-style-<?php echo esc_attr( $style ); ?> notice-type-<?php echo esc_attr( $type ); ?>\">\n\t<div class=\"notice-icon\"><svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\"><?php echo $icon; ?></svg></div>\n\t<div class=\"notice-body\">\n\t\t<?php if ( ! empty( $attributes['notice_title'] ) ) : ?>\n\t\t\t<p class=\"notice-title\"><?php echo esc_html( $attributes['notice_title'] ); ?></p>\n\t\t<?php endif; ?>\n\t\t<p class=\"notice-text\"><?php echo nl2br( esc_html( $attributes['notice_body'] ?? '' ) ); ?></p>\n\t</div>\n</div>\n<style>\n.notice-block, .notice-block * { box-sizing: border-box; }\n.notice-block p { margin: 0 !important; }\n.notice-block {\n\tdisplay: flex; align-items: flex-start; gap: 12px; padding: 16px 18px;\n\tborder-radius: 10px; margin: 20px 0; max-width: 600px; width: 100%;\n\tbackground: #ffffff;\n}\n.notice-icon { flex-shrink: 0; }\n.notice-body { flex: 1; min-width: 0; }\n.notice-title { font-weight: 700; font-size: 14px; margin-bottom: 4px !important; overflow-wrap: break-word; }\n.notice-text { font-size: 13px; line-height: 1.7; overflow-wrap: break-word; }\n.notice-type-info    { --nc: #2F80ED; }\n.notice-type-success { --nc: #1D9E75; }\n.notice-type-warning { --nc: #F2994A; }\n.notice-type-error   { --nc: #EB5757; }\n.notice-type-point   { --nc: #9B51E0; }\n.notice-style-simple { border: 1px solid var(--nc); color: #1A1A1A; }\n.notice-style-simple .notice-icon { color: var(--nc); }\n.notice-style-filled { border: 1px solid #E5E7EB; border-left: 4px solid var(--nc); color: #1A1A1A; }\n.notice-style-filled .notice-icon { color: var(--nc); }\n.notice-style-thick { border: 2px solid var(--nc); color: #1A1A1A; }\n.notice-style-thick .notice-icon { color: var(--nc); }\n@media (max-width: 680px) {\n\t.notice-block { padding: 14px 16px; gap: 10px; }\n}\n@media (max-width: 480px) {\n\t.notice-block { padding: 12px 14px; gap: 8px; }\n}\n</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": ""
  }
]