{"id":1121,"date":"2014-09-03T11:59:42","date_gmt":"2014-09-03T02:59:42","guid":{"rendered":"http:\/\/www.dream-net.org\/blog\/?p=1121"},"modified":"2014-09-03T11:59:42","modified_gmt":"2014-09-03T02:59:42","slug":"%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%97%e3%81%aa%e3%81%8c%e3%82%89%e5%88%87%e3%82%8a%e6%9b%bf%e3%82%8f%e3%82%8b%e3%82%b9%e3%82%a4%e3%83%83%e3%83%81%e3%82%92css","status":"publish","type":"post","link":"https:\/\/dream-net.org\/blog\/?p=1121","title":{"rendered":"\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3057\u306a\u304c\u3089\u5207\u308a\u66ff\u308f\u308b\u30b9\u30a4\u30c3\u30c1\u3092CSS\u306e\u307f\u3067\u4f5c\u308b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Contents<\/p><ul class=\"toc_list\"><li><a href=\"#CSS3CSS\"><span class=\"toc_number toc_depth_1\">1<\/span> \u3010CSS3\u3011\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3057\u306a\u304c\u3089\u5207\u308a\u66ff\u308f\u308b\u30b9\u30a4\u30c3\u30c1\u3092CSS\u306e\u307f\u3067\u4f5c\u308b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/a><\/li><li><a href=\"#Create_CSS3_Toggle_Switches_Tutorial\"><span class=\"toc_number toc_depth_1\">2<\/span> Create CSS3 Toggle Switches Tutorial<\/a><\/li><li><a href=\"#1\"><span class=\"toc_number toc_depth_1\">3<\/span> 1.\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308b<\/a><\/li><li><a href=\"#2\"><span class=\"toc_number toc_depth_1\">4<\/span> 2.\u80cc\u666f\u3092\u4f5c\u308b<\/a><\/li><li><a href=\"#3\"><span class=\"toc_number toc_depth_1\">5<\/span> 3.\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/a><\/li><li><a href=\"#4\"><span class=\"toc_number toc_depth_1\">6<\/span> 4.\u30aa\u30f3\u30fb\u30aa\u30d5\u7528\u80cc\u666f\u3092\u4f5c\u308b\u3002<\/a><\/li><li><a href=\"#5\"><span class=\"toc_number toc_depth_1\">7<\/span> 5.\u5207\u308a\u66ff\u3048\u7528\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u308c\u308b<\/a><\/li><li><a href=\"#6CSS\"><span class=\"toc_number toc_depth_1\">8<\/span> 6.\u30c1\u30a7\u30c3\u30af\u304c\u5165\u3063\u305f\u6642\u306eCSS\u3092\u8ffd\u52a0\u3059\u308b<\/a><\/li><li><a href=\"#7\"><span class=\"toc_number toc_depth_1\">9<\/span> 7.\u30b9\u30a4\u30c3\u30c1\u30cf\u30f3\u30c9\u30eb\u3092\u8ffd\u52a0\u3057\u3066\u5b8c\u6210\uff01<\/a><\/li><li><a href=\"#8\"><span class=\"toc_number toc_depth_1\">10<\/span> 8.\u30aa\u30f3\u6642\u306e\u80cc\u666f\u8272\u3092\u5909\u3048\u3066\u307f\u308b<\/a><\/li><\/ul><\/div>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"CSS3CSS\">\u3010CSS3\u3011\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3057\u306a\u304c\u3089\u5207\u308a\u66ff\u308f\u308b\u30b9\u30a4\u30c3\u30c1\u3092CSS\u306e\u307f\u3067\u4f5c\u308b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/span><\/h2>\n<p>\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30aa\u30f3\u3068\u30aa\u30d5\u304c\u5207\u308a\u66ff\u308f\u308b\u30b9\u30a4\u30c3\u30c1\u3092\u3001CSS\u306e\u307f\u3067\u5b9f\u88c5\u3059\u308b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304c<a href=\"http:\/\/bloomwebdesign.net\/\" target=\"_blank\">BLOOM WEB DESIGN\uff08http:\/\/bloomwebdesign.net\/\uff09<\/a>\u3067\u7d39\u4ecb\u3055\u308c\u3066\u3044\u307e\u3057\u305f\u3002\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30d5\u30a7\u30fc\u30c9\u3067\u3075\u308f\u3063\u3068\u80cc\u666f\u8272\u304c\u5207\u308a\u66ff\u308f\u308a\u3001\u30b9\u30a4\u30c3\u30c1\u30cf\u30f3\u30c9\u30eb\u304c\u5de6\u304b\u3089\u53f3\u3078\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n<p>\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30da\u30fc\u30b8\u306f\u3053\u3061\u3089<\/p>\n<h2 style=\"color: #0083b9;\"><span id=\"Create_CSS3_Toggle_Switches_Tutorial\">Create CSS3 Toggle Switches Tutorial<\/span><\/h2>\n<p><a href=\"http:\/\/bloomwebdesign.net\/2014\/02\/css3-toggle-switches-tutorial\/\" target=\"_blank\">http:\/\/bloomwebdesign.net\/2014\/02\/css3-toggle-switches-tutorial\/<\/a> <\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/01.jpg\" alt=\"bloomwebdesign\" \/><\/p>\n<p>\u305d\u308c\u3067\u306f\u3001\u4e00\u3064\u305a\u3064\u898b\u3066\u3044\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"1\">1.\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308b<\/span><\/h2>\n<p>\u307e\u305a\u306f\u901a\u5e38\u306e\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\uff13\u3064\u3001\u30bf\u30c6\u306b\u4e26\u3079\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/02.jpg\" \/><\/p>\n<p>HTML\u3067\u306f\u3001label\u8981\u7d20\u306e\u4e2d\u306b\u3001input\u8981\u7d20\u3068\u3001\u30aa\u30f3\/\u30aa\u30d5\u5207\u308a\u66ff\u3048\u7528span\u8981\u7d20\u3001\u30b9\u30a4\u30c3\u30c1\u30cf\u30f3\u30c9\u30eb\u7528span\u8981\u7d20\u3092\u5165\u308c\u307e\u3059\u3002<\/p>\n<pre>\r\n\u25c6HTML\r\n<div class=\"container\">      \r\n<label class=\"switch\">        \r\n<input type=\"checkbox\" class=\"switch-input\">        \r\n<span class=\"switch-label\" data-on=\"On\" data-off=\"Off\"><\/span>        <span class=\"switch-handle\"><\/span>      \r\n<\/label>       \r\n<label class=\"switch\">        \r\n<input type=\"checkbox\" class=\"switch-input\" checked>        \r\n<span class=\"switch-label\" data-on=\"On\" data-off=\"Off\"><\/span>        <span class=\"switch-handle\"><\/span>      \r\n<\/label>       \r\n<label class=\"switch switch-green\">        \r\n<input type=\"checkbox\" class=\"switch-input\" checked>        \r\n<span class=\"switch-label\" data-on=\"On\" data-off=\"Off\"><\/span>        <span class=\"switch-handle\"><\/span>      \r\n<\/label>    \r\n<\/div>\r\n<\/pre>\n<pre>\r\n\/*CSS*\/\r\n.container {    \r\nmargin: 50px auto;    \r\nwidth: 280px;    \r\ntext-align: center;  \r\n} \r\n.container > .switch {   \r\ndisplay: block;   \r\nmargin:20px auto 20px auto; \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"2\">2.\u80cc\u666f\u3092\u4f5c\u308b<\/span><\/h2>\n<p>label\u8981\u7d20\u306e\u80cc\u666f\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u304b\u3051\u3001\u4e38\u3044\u30b9\u30a4\u30c3\u30c1\u72b6\u306b\u3057\u307e\u3059\u3002<br \/>\n\u5f8c\u3067input\u8981\u7d20\u3084\u30b9\u30a4\u30c3\u30c1\u30cf\u30f3\u30c9\u30eb\u90e8\u5206\u3068\u91cd\u306d\u308b\u305f\u3081\u3001position\u306frelative\u306b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/03.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch { \t\r\nposition:relative; \t\r\ndisplay:inline-block;   \r\nwidth: 56px;   \r\nheight: 20px;   \r\npadding: 3px;   \r\nbackground-color: white;   \r\nborder-radius: 18px;   \r\nbox-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);   \r\ncursor: pointer;   \r\nbackground-image: -webkit-linear-gradient(top, #eeeeee, white 25px);   \r\nbackground-image: -moz-linear-gradient(top, #eeeeee, white 25px);   \r\nbackground-image: -o-linear-gradient(top, #eeeeee, white 25px);   \r\nbackground-image: linear-gradient(to bottom, #eeeeee, white 25px);  \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"3\">3.\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u975e\u8868\u793a\u306b\u3059\u308b<\/span><\/h2>\n<p>input\u8981\u7d20\u3092opacity:0\u306b\u3057\u3066\u898b\u3048\u306a\u304f\u3057\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/04.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-input {    \r\nposition: absolute;    \r\ntop: 0;    \r\nleft: 0;    \r\nopacity: 0;  \r\n} \r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"4\">4.\u30aa\u30f3\u30fb\u30aa\u30d5\u7528\u80cc\u666f\u3092\u4f5c\u308b\u3002<\/span><\/h2>\n<p><span class=\"switch-label\">\u90e8\u5206\u306b\u30aa\u30f3\u30fb\u30aa\u30d5\u5207\u308a\u66ff\u3048\u7528\u306e\u80cc\u666f\u3092\u4f5c\u308a\u3001input\u8981\u7d20\u306b\u91cd\u306d\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/05.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-label {    \r\nposition: relative;    \r\ndisplay: block;    \r\nheight: inherit;    \r\nfont-size: 10px;    \r\ntext-transform: uppercase;    \r\nbackground: #eceeef;    \r\nborder-radius: inherit;    \r\nbox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);    \r\n-webkit-transition: 0.15s ease-out;    \r\n-moz-transition: 0.15s ease-out;    \r\n-o-transition: 0.15s ease-out;    \r\ntransition: 0.15s ease-out;    \r\n-webkit-transition-property: \r\nopacity background;    \r\n-moz-transition-property: opacity background;    \r\n-o-transition-property: opacity background;    \r\ntransition-property: opacity background;  \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"5\">5.\u5207\u308a\u66ff\u3048\u7528\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u308c\u308b<\/span><\/h2>\n<p>.switch-label:before\u3067\u3001\u30b9\u30a4\u30c3\u30c1\u30aa\u30d5\u6642\u306e\u30c6\u30ad\u30b9\u30c8\u3092data-off\u306e\u5024\u306b\u8a2d\u5b9a\u3057\u3001.switch-label:after\u3067\u3001\u30b9\u30a4\u30c3\u30c1\u30aa\u30f3\u6642\u306e\u30c6\u30ad\u30b9\u30c8\u3092data-on\u306e\u5024\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u6bb5\u968e\u3067\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067off\u306b\u306a\u3063\u3066\u304a\u308a\u3001on\u306e\u6587\u5b57\u306f\u975e\u8868\u793a\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/06.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-label:before, .switch-label:after {    \r\nposition: absolute;    \r\ntop: 50%;    \r\nmargin-top: -.5em;    \r\nline-height: 1;    \r\n-webkit-transition: inherit;    \r\n-moz-transition: inherit;    \r\n-o-transition: inherit;    \r\ntransition: inherit;  \r\n} \r\n.switch-label:before {    \r\ncontent: attr(data-off);    \r\nright: 11px;    \r\ncolor: #aaa;    \r\ntext-shadow: 0 1px rgba(255, 255, 255, 0.5);  \r\n}  \r\n.switch-label:after {    \r\ncontent: attr(data-on);    \r\nleft: 11px;    \r\ncolor: white;    \r\ntext-shadow: 0 1px rgba(0, 0, 0, 0.2);    \r\nopacity: 0;  \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"6CSS\">6.\u30c1\u30a7\u30c3\u30af\u304c\u5165\u3063\u305f\u6642\u306eCSS\u3092\u8ffd\u52a0\u3059\u308b<\/span><\/h2>\n<p>\u30c1\u30a7\u30c3\u30af\u304c\u5165\u3063\u305f\u6642\u306b\u3001label\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3057\u307e\u3059\u3002\u540c\u6642\u306b\u3001\u5148\u307b\u3069\u8a2d\u5b9a\u3057\u305f\u30aa\u30d5\u6642\u306e\u6587\u5b57\uff08data-off\u306e\u5024\uff09\u3092\u975e\u8868\u793a\u306b\u3057\u3001\u30aa\u30f3\u6642\u306e\u6587\u5b57\uff08data-on\u306e\u5024\uff09\u3092\u8868\u793a\u3055\u305b\u307e\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/07.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-input:checked ~ .switch-label {    \r\nbackground: #47a8d8;    \r\nbox-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);  \r\n}  \r\n.switch-input:checked ~ .switch-label:before {    \r\nopacity: 0;  \r\n}  \r\n.switch-input:checked ~ .switch-label:after {    \r\nopacity: 1;  \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"7\">7.\u30b9\u30a4\u30c3\u30c1\u30cf\u30f3\u30c9\u30eb\u3092\u8ffd\u52a0\u3057\u3066\u5b8c\u6210\uff01<\/span><\/h2>\n<p>\u3088\u308a\u30b9\u30a4\u30c3\u30c1\u3089\u3057\u304f\u3059\u308b\u305f\u3081\u306b\u3001\u30c4\u30de\u30df\u3092\u63cf\u753b\u3057\u307e\u3059\u3002\u30aa\u30d5\u6642\u306f\u5de6\u5074\u306b\u3001\u30aa\u30f3\u6642\u306f\u53f3\u5074\u306b\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u4f4d\u7f6e\u8abf\u6574\u3092\u3057\u3066\u3044\u307e\u3059\u3002<br \/>\n\u672c\u5bb6\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u30da\u30fc\u30b8\u306e\u901a\u308a\u306b\u3059\u308b\u3068\u3046\u307e\u304f\u8868\u793a\u3055\u308c\u306a\u3044\u3001\u3068\u3044\u3046\u5834\u5408\u306f\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n\u3053\u308c\u3067\u3001\u30b9\u30a4\u30c3\u30c1\u306e\u5b8c\u6210\u3067\u3059\uff01<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/08.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-handle:before {    \r\ncontent: '';    \r\nposition: absolute;    \r\ntop: 50%;    \r\nleft: 22%;    \r\nmargin: -6px 0 0 -6px;    \r\nwidth: 12px;    \r\nheight: 12px;    \r\nbackground: #f9f9f9;    \r\nborder-radius: 6px;    \r\nbox-shadow: inset 0 1px rgba(0, 0, 0, 0.02);    \r\nbackground-image: -webkit-linear-gradient(top, #eeeeee, white); \r\nbackground-image: -moz-linear-gradient(top, #eeeeee, white); \r\nbackground-image: -o-linear-gradient(top, #eeeeee, white); \r\nbackground-image: linear-gradient(to bottom, #eeeeee, white);  \r\n}  \r\n.switch-input:checked ~ .switch-handle:before {    \r\nleft: 78%;    \r\nbox-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);  \r\n}\r\n<\/pre>\n<h2 style=\"color: #0083b9; background: #fffd73;\"><span id=\"8\">8.\u30aa\u30f3\u6642\u306e\u80cc\u666f\u8272\u3092\u5909\u3048\u3066\u307f\u308b<\/span><\/h2>\n<p>\u80cc\u666f\u8272\u3092\u7dd1\u306b\u3057\u305f\u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u3059\u3002<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dream-net.org\/blog\/wp-content\/uploads\/2014\/09\/09.jpg\" \/><\/p>\n<pre>\r\n\/*CSS*\/\r\n.switch-green > .switch-input:checked ~ .switch-label {    \r\nbackground: #4fb845;  \r\n} \r\n<\/pre>\n<p>\u9762\u5012\u306aform\u307e\u308f\u308a\u306e\u30c7\u30b6\u30a4\u30f3\u3082\u3001CSS3\u3092\u99c6\u4f7f\u3059\u308c\u3070\u30b9\u30de\u30fc\u30c8\u3002<br \/>\n\u4eca\u5f8c\u3001\u305c\u3072\u3068\u3082\u53d6\u308a\u5165\u308c\u305f\u3044\u30c6\u30af\u30cb\u30c3\u30af\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contents1 \u3010CSS3\u3011\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3057\u306a\u304c\u3089\u5207\u308a\u66ff\u308f\u308b\u30b9\u30a4\u30c3\u30c1\u3092CSS\u306e\u307f\u3067\u4f5c\u308b\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb2 Create CSS3 Toggle Switches Tutorial3 1.\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308b4 2.\u80cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1116,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50,45],"tags":[],"class_list":["post-1121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-web"],"_links":{"self":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1121"}],"version-history":[{"count":1,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1121\/revisions"}],"predecessor-version":[{"id":1122,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1121\/revisions\/1122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=\/wp\/v2\/media\/1116"}],"wp:attachment":[{"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dream-net.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}