{"id":8,"date":"2025-11-27T05:42:59","date_gmt":"2025-11-27T05:42:59","guid":{"rendered":"https:\/\/www.dev3.candidhotass.com\/?p=8"},"modified":"2025-11-28T05:08:42","modified_gmt":"2025-11-28T05:08:42","slug":"test-travel","status":"publish","type":"post","link":"https:\/\/www.dev3.candidhotass.com\/?p=8","title":{"rendered":"test travel"},"content":{"rendered":"<p>[itinerary_simple]<\/p>\n\n\n\n<style>\n.sns-box { \n    border:1px solid #ccc; \n    padding:12px; \n    border-radius:8px; \n    margin-bottom:12px; \n    background:#fafafa;\n}\n.sns-row { display:flex; gap:8px; align-items:center; margin-bottom:8px; }\n.sns-row label { width:80px; }\n.sns-preview { margin-top:10px; }\n.del-btn { background:#f66; color:#fff; border:none; padding:6px 10px; border-radius:6px; cursor:pointer; }\n.add-btn { background:#4caf50; color:#fff; border:none; padding:8px 12px; cursor:pointer; border-radius:6px; }\n<\/style>\n\n<div id=\"snsWrap\"><\/div>\n<button type=\"button\" class=\"add-btn\" onclick=\"addSNS()\">\uff0b SNS\u3092\u8ffd\u52a0<\/button>\n\n<template id=\"snsTemplate\">\n  <div class=\"sns-box\">\n      <div class=\"sns-row\">\n          <label>SNS<\/label>\n          <select class=\"snsSelect\">\n              <option value=\"\">\u9078\u629e<\/option>\n              <option value=\"youtube\">YouTube<\/option>\n              <option value=\"x\">X\uff08Twitter\uff09<\/option>\n              <option value=\"instagram\">Instagram<\/option>\n              <option value=\"tiktok\">TikTok<\/option>\n          <\/select>\n          <button type=\"button\" class=\"del-btn\" onclick=\"this.closest('.sns-box').remove()\">\u524a\u9664<\/button>\n      <\/div>\n\n      <div class=\"sns-row\">\n          <label>URL<\/label>\n          <input type=\"url\" class=\"snsUrl\" placeholder=\"\u6295\u7a3fURL \u3092\u5165\u529b\">\n      <\/div>\n\n      <div class=\"sns-preview\"><\/div>\n  <\/div>\n<\/template>\n\n<script>\n(function(){\n    const wrap = document.getElementById(\"snsWrap\");\n    const tpl = document.getElementById(\"snsTemplate\");\n\n    \/\/ SNS\u8ffd\u52a0\n    window.addSNS = function(){\n        const clone = tpl.content.cloneNode(true);\n        wrap.appendChild(clone);\n\n        \/\/ \u76f4\u8fd1\u306e\u8981\u7d20\u53d6\u5f97\n        const last = wrap.querySelectorAll(\".sns-box\");\n        const box = last[last.length - 1];\n\n        initSNS(box);\n    }\n\n    \/\/ \u521d\u671f\u30a4\u30d9\u30f3\u30c8\n    function initSNS(box){\n        const select = box.querySelector(\".snsSelect\");\n        const urlInput = box.querySelector(\".snsUrl\");\n        const preview = box.querySelector(\".sns-preview\");\n\n        \/\/ URL\u5909\u66f4 \u2192 \u30d7\u30ec\u30d3\u30e5\u30fc\u66f4\u65b0\n        urlInput.addEventListener(\"input\", () => {\n            updatePreview(select.value, urlInput.value, preview);\n        });\n\n        \/\/ \u7a2e\u985e\u5909\u66f4 \u2192 \u30d7\u30ec\u30d3\u30e5\u30fc\u66f4\u65b0\n        select.addEventListener(\"change\", () => {\n            updatePreview(select.value, urlInput.value, preview);\n        });\n    }\n\n    \/\/ \u30d7\u30ec\u30d3\u30e5\u30fc\u4f5c\u6210\n    function updatePreview(type, url, preview){\n        if(!type || !url){\n            preview.innerHTML = \"\";\n            return;\n        }\n\n        \/\/ YouTube\n        if(type === \"youtube\"){\n            const id = youtubeID(url);\n            if(id){\n                preview.innerHTML =\n                  `<iframe loading=\"lazy\" width=\"100%\" height=\"300\" src=\"https:\/\/www.youtube.com\/embed\/${id}\" frameborder=\"0\" allowfullscreen><\/iframe>`;\n            } else {\n                preview.innerHTML = \"URL \u304c\u4e0d\u6b63\u3067\u3059\uff08YouTube\uff09\";\n            }\n            return;\n        }\n\n        \/\/ X\uff08Twitter\uff09 \u2192 blockquote\u3067\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\n        if(type === \"x\"){\n            preview.innerHTML =\n              `<blockquote class=\"twitter-tweet\"><a href=\"${url}\"><\/a><\/blockquote>`;\n            loadTwitterScript();\n            return;\n        }\n\n        \/\/ Instagram \u2192 \u7de8\u96c6\u753b\u9762\u3067\u306f\u30d7\u30ec\u30d3\u30e5\u30fc\u4e0d\u53ef\n        if(type === \"instagram\"){\n            preview.innerHTML = \"Instagram \u306f\u516c\u958b\u30da\u30fc\u30b8\u3067\u30d7\u30ec\u30d3\u30e5\u30fc\u3055\u308c\u307e\u3059\u3002\";\n            return;\n        }\n\n        \/\/ TikTok\n        if(type === \"tiktok\"){\n            preview.innerHTML =\n              `<blockquote class=\"tiktok-embed\" cite=\"${url}\" data-video-id=\"\" style=\"max-width: 325px;min-width: 225px;\">\n                  <section><a href=\"${url}\"><\/a><\/section>\n               <\/blockquote>`;\n            loadTikTokScript();\n            return;\n        }\n    }\n\n    \/\/ YouTube ID \u62bd\u51fa\n    function youtubeID(url){\n        const reg = \/(?:v=|\\.be\\\/)([^&]+)\/;\n        const m = url.match(reg);\n        return m ? m[1] : null;\n    }\n\n    \/\/ X\uff08Twitter\uff09 widget \u8aad\u307f\u8fbc\u307f\n    function loadTwitterScript(){\n        if(window.twttr) return;\n        const s = document.createElement(\"script\");\n        s.src = \"https:\/\/platform.twitter.com\/widgets.js\";\n        document.body.appendChild(s);\n    }\n\n    \/\/ TikTok widget\n    function loadTikTokScript(){\n        if(document.getElementById(\"tiktok-embed-script\")) return;\n        const s = document.createElement(\"script\");\n        s.id = \"tiktok-embed-script\";\n        s.src = \"https:\/\/www.tiktok.com\/embed.js\";\n        document.body.appendChild(s);\n    }\n\n})();\n<\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-8","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":12,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=\/wp\/v2\/posts\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dev3.candidhotass.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}