[
  {
    "id": 3466,
    "title": "沿革・年表_F-18",
    "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 256 256\"><path d=\"M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z\" fill=\"#9aa8c9\"/><path d=\"M136,80v43.47l36.12,21.67a8,8,0,0,1-8.24,13.72l-40-24A8,8,0,0,1,120,128V80a8,8,0,0,1,16,0Zm-8-48A95.44,95.44,0,0,0,60.08,60.15C52.81,67.51,46.35,74.59,40,82V64a8,8,0,0,0-16,0v40a8,8,0,0,0,8,8H72a8,8,0,0,0,0-16H49c7.15-8.42,14.27-16.35,22.39-24.57a80,80,0,1,1,1.66,114.75,8,8,0,1,0-11,11.64A96,96,0,1,0,128,32Z\" fill=\"#1a1a2e\"/></svg>",
    "keywords": [
      "沿革",
      "年表",
      "タイムライン",
      "歴史",
      "リスト・手順",
      "沿革・年表"
    ],
    "slug": "lazyblock/f-timeline2026",
    "description": "年と出来事のペアを縦に並べる沿革・年表ブロック。",
    "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_5c6d7e8f9a": {
        "type": "text",
        "name": "timeline_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_6d7e8f9a0b": {
        "type": "repeater",
        "name": "timeline_list",
        "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_7e8f9a0b1c": {
        "type": "text",
        "name": "timeline_year",
        "default": "",
        "label": "年",
        "help": "",
        "child_of": "control_6d7e8f9a0b",
        "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_8f9a0b1c2d": {
        "type": "textarea",
        "name": "timeline_event",
        "default": "",
        "label": "出来事",
        "help": "",
        "child_of": "control_6d7e8f9a0b",
        "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['timeline_list'] ) && is_array( $attributes['timeline_list'] ) ) : ?>\r\n<div class=\"timeline-card\">\r\n\t<?php if ( ! empty( $attributes['timeline_title'] ) ) : ?>\r\n\t\t<p class=\"timeline-title\"><?php echo esc_html( $attributes['timeline_title'] ); ?></p>\r\n\t<?php endif; ?>\r\n\t<ul class=\"timeline-history\">\r\n\t\t<?php foreach ( $attributes['timeline_list'] as $item ) : ?>\r\n\t\t<li class=\"timeline-row\">\r\n\t\t\t<span class=\"timeline-year\"><?php echo esc_html( $item['timeline_year'] ?? '' ); ?></span>\r\n\t\t\t<span class=\"timeline-event\"><?php echo esc_html( $item['timeline_event'] ?? '' ); ?></span>\r\n\t\t</li>\r\n\t\t<?php endforeach; ?>\r\n\t</ul>\r\n</div>\r\n<style>\r\n.timeline-card, .timeline-card * { box-sizing: border-box; }\r\n.timeline-card {\r\n\tbackground: #ffffff; border: 1px solid #E5E7EB; border-radius: 12px;\r\n\tpadding: 22px 24px; margin: 24px 0; max-width: 640px; width: 100%;\r\n}\r\n.timeline-title { color: #1A1A1A; font-weight: 700; font-size: 16px; margin: 0 0 16px !important; overflow-wrap: break-word; }\r\n.timeline-history {\r\n\tlist-style: none !important; margin: 0 !important; padding: 0 !important;\r\n\tborder-left: 2px solid #2F80ED;\r\n}\r\n.timeline-row {\r\n\tlist-style: none !important; margin: 0 !important; position: relative;\r\n\tpadding: 0 0 28px 32px !important;\r\n}\r\n.timeline-row:last-child { padding-bottom: 0 !important; }\r\n.timeline-row::before {\r\n\tcontent: \"\"; position: absolute; left: -1px; top: 4px;\r\n\ttransform: translateX(-50%);\r\n\twidth: 12px; height: 12px; margin: 0 !important; padding: 0 !important;\r\n\tborder-radius: 50%; background: #ffffff; border: 2px solid #2F80ED;\r\n\tbox-shadow: 0 0 0 3px rgba(47,128,237,0.12); box-sizing: border-box !important;\r\n}\r\n.timeline-year {\r\n\tdisplay: block; font-family: \"Courier New\", monospace; font-size: 13px;\r\n\tcolor: #2F80ED; margin-bottom: 4px; font-weight: 700; overflow-wrap: break-word;\r\n}\r\n.timeline-event { font-size: 14px; color: #4B5563; line-height: 1.7; overflow-wrap: break-word; }\r\n@media (max-width: 680px) {\r\n\t.timeline-card { padding: 18px 20px; }\r\n}\r\n@media (max-width: 480px) {\r\n\t.timeline-card { padding: 16px 16px; }\r\n\t.timeline-row { padding-left: 24px !important; }\r\n}\r\n</style>\r\n<?php else : ?>\r\n<p class=\"timeline-placeholder\">沿革・年表ブロック：年表を追加してください</p>\r\n<style>.timeline-placeholder { border: 2px dashed #D1D5DB; border-radius: 10px; padding: 24px 20px; text-align: center; color: #9CA3AF; font-size: 13px; background: #F9FAFB; margin: 24px 0; max-width: 640px; }</style>\r\n<?php endif; ?>",
      "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": ""
  }
]