{"id":6637,"date":"2021-08-20T11:55:42","date_gmt":"2021-08-20T02:55:42","guid":{"rendered":"https:\/\/tq2guide-jp.tqoon.com\/?p=6637"},"modified":"2021-08-20T17:47:57","modified_gmt":"2021-08-20T08:47:57","slug":"%e5%88%9d%e6%ad%a9%e8%80%85%e5%90%91%e3%81%91%ef%bd%9c%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e4%bf%ae%e6%ad%a3","status":"publish","type":"post","link":"http:\/\/tq2guide-jp.tqoon.com\/?p=6637","title":{"rendered":"\u521d\u6b69\u8005\u5411\u3051\uff5c\u30b3\u30f3\u30c6\u30f3\u30c4\u4fee\u6b63"},"content":{"rendered":"\n<p><style type=\"text\/css\">\n.entry-title,\n.entry-meta {\ndisplay: none;\n}\n.entry-content li {\nmargin-bottom: 0px;\n}\nul,\nol,\ndl,\nli,\np,\nh2 {\nlist-style: none;\ncolor: #000;\nmargin: 0px;\n}\nh2,\np,\nh4,\nh3 {\nfont-weight: 400;\ncolor: #000\n}\na {\ncolor: #000;\n}\n.dfr {\ndisplay: flex;\nflex-flow: row wrap;\n}\n.dfnr {\ndisplay: flex;\nflex-flow: row nowrap;\n}\n.dfc {\ndisplay: flex;\nflex-flow: column wrap;\n}\n.fs-pink {\ncolor: #ec6459;\n}\na.over:hover {\nopacity: 0.8;\n}\na.over.bg-gray {\nwidth: fit-content;\nbackground-color: #e7e7e7;\npadding: 2px 5px;\nfont-size: 18px;\n}\n.previous .goto-previous {\npadding-left: 38px;\nbackground: url(\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/cercle-arrow-left_20210818.png\") no-repeat 0;\nbackground-size: 30px 30px;\nfont-size: 24px;\ncolor: #000;\nmargin-bottom: 82px;\n}\n.bg-black {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nbackground-color: #000;\ncolor: #fff;\nfont-size: 18px;\nfont-weight: 300;\npadding: 0px 11px;\nheight: 46px;\n}\n.register {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nbackground-color: #95b75d;\nborder-radius: 8px;\ncolor: #fff;\nfont-size: 16px;\nfont-weight: 300;\npadding: 0px 9px;\nheight: 34px;\nmargin-right: 10px;\n}\n.modify {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nbackground-color: #e4ba00;\nborder-radius: 8px;\ncolor: #fff;\nfont-size: 16px;\nfont-weight: 300;\npadding: 0px 9px;\nheight: 34px;\nmargin-left: 10px;\n}\n.content-header {\nmargin-bottom: 52px;\n}\n.content-header .head-title {\nmargin-bottom: 41px;\n}\n.content-header .head-title ul li img {\nwidth: 100%;\nmax-width: 162px;\n}\n.content-header .head-title ul li:first-child {\nmargin-right: 10px;\n}\n.content-header .head-title ul li h2 {\nfont-size: 30px;\nmargin-bottom: 10px;\nfont-weight: bold;\n}\n.content-header .head-title ul li p {\nmargin-top: 10px;\nline-height: 1.2;\nfont-weight: 400;\nfont-size: 22px;\n}\n.step-wrap {\nmargin-bottom: 34px;\n}\n.step-wrap .layout-step {\nwidth: 100%;\nmargin-bottom: 29px;\nalign-items: center;\n}\n.step-wrap .layout-step li {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\n}\n.step-wrap .layout-step li img {\nwidth: 100%;\n}\n.step-wrap .layout-step li.arrow {\nwidth: 39px;\nheight: 34px;\nmargin: 0px 10px;\n}\n.step-wrap .layout-step li.layout-img img {\nwidth: 100%;\n\/* max-width: 52px; *\/\n}\n.cont-wrap h3 {\nfont-size: 24px;\nmargin-bottom: 14px;\n}\n.contents-img-wrap {\nmargin: 0px 0px 19px 9px;\n}\n.contents-controller-wrap {\nmargin: 0px 0px 19px 9px;\n}\n.contents-controller-wrap h3 {\nmargin-bottom: 19px;\n}\n.contents-controller-wrap ul li {\ncursor: pointer;\nfont-size: 24px;\nfont-weight: normal;\ncolor: #000;\n}\n.contents-controller-wrap ul li:hover {\n\/* text-shadow: 3px 3px 2px #e7e7e7; *\/\nfont-weight: bold;\n}\n.contents-controller-wrap ul li.active {\nfont-weight: bold;\ncolor: #ec6459;\n}\n.contents-controller-wrap ul li .li-style {\nfont-weight: bold;\nfont-size: 20px;\nmargin: 0px 10px;\n}\n.contents-img-wrap>div>img {\nwidth: 100%;\nmax-width: 860px;\n}\n.contents-explain-wrap p {\nfont-size: 20px;\n}\n.contents-explain-wrap .fs-small {\nfont-size: 18px;\n}\n@media screen and (max-width: 768px) {\n#content.site-content {\nwidth: 100%;\n}\n.content-header .head-title h2 {\nfont-size: 24px\n}\n.content-header .head-title ul li p {\nfont-size: 18px;\n}\n}\n<\/style><\/p>\n<div class=\"whole-wrap\">\n<div class=\"previous\"><a class=\"goto-previous\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=6568\">\u524d\u306e\u30da\u30fc\u30b8\u306b\u623b\u308b<\/a><\/div>\n<br \/>\n<div class=\"content\">\n<div class=\"content-header\">\n<div class=\"head-title\">\n<ul class=\"dfr\">\n<li style=\"margin-right: 10px;\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/content.jpg\" alt=\"\u30b3\u30f3\u30c6\u30f3\u30c4\u4fee\u6b63\" \/><\/li>\n<li>\n<h2>\u30b3\u30f3\u30c6\u30f3\u30c4\u4fee\u6b63<\/h2>\n<p>\u30c6\u30a3\u30af\u30fc\u30f32.0\u3067\u306f\u5404\u300c\u30b3\u30f3\u30c6\u30f3\u30c4\u300d\u3092\u5236\u4f5c\u3001\u7d44\u307f\u7acb\u3066\u3066\u30b5\u30a4\u30c8\u3092\u69cb\u6210\u3057\u307e\u3059\u3002<br \/>\u3053\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30a6\u30a7\u30d6\u5236\u4f5c\u521d\u5fc3\u8005\u306e\u65b9\u304c\u5236\u4f5c\u3059\u308b\u306b\u306f\u591a\u5c11\u96e3\u3057\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<br \/>\u305d\u306e\u4ee3\u308f\u308a\u3001\u8981\u9818\u3092\u63b4\u3081\u3070\u81ea\u7531\u306b\u30b5\u30a4\u30c8\u3092\u69cb\u6210\u30fb\u5373\u6642\u53cd\u6620\u3067\u304d\u308b\u3068\u3044\u3046\u9577\u6240\u304c\u3042\u308a\u307e\u3059\u3002<br \/><br \/><span class=\"fs-little\"> \u203b\u5168\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u4f5c\u696d\u306f\u300c\u30bd\u30fc\u30b9\u76f4\u63a5\u4fee\u6b63\u300d\uff08HTML\/CSS\u3092\u4f7f\u7528\u3057\u305f\u7de8\u96c6\uff09\u306b\u3066\u884c\u3046\u3053\u3068\u3092\u63a8\u5968\u3057\u307e\u3059\u3002 <\/span><\/p>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"content-main\">\n<div class=\"step-wrap\">\n<ul class=\"layout-step dfr\">\n<li class=\"tq-partner\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/tqpartner-logo.png\" alt=\"tqoon partner\" \/><\/li>\n<li class=\"arrow\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/arrow-icon-2.png\" alt=\"arrow\" \/><\/li>\n<li class=\"layout-img\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/menu-icon_site_20210818.png\" alt=\"layout-img\" \/><\/li>\n<li class=\"arrow\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/arrow-icon-2.png\" alt=\"arrow\" \/><\/li>\n<li class=\"bg-black\">\u30b3\u30f3\u30c6\u30f3\u30c4<\/li>\n<li class=\"arrow\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/arrow-icon-2.png\" alt=\"arrow\" \/><\/li>\n<li class=\"dfr\">\n<p class=\"register\">\u767b\u9332<\/p>\nor\n<p class=\"modify\">\u4fee\u6b63<\/p>\n<\/li>\n<\/ul>\n<a class=\"over bg-gray\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=3217\"> \u2192\u300c\u30b3\u30f3\u30c6\u30f3\u30c4\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u898b\u308b <\/a><\/div>\n<div class=\"cont-wrap\">\n<h3>\u30b3\u30f3\u30c6\u30f3\u30c4\uff5c\u30bf\u30a4\u30d7\u5225\u306e\u7279\u5fb4<\/h3>\n<div class=\"contents-img-wrap\">\n<div class=\"contents-img type0\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/layout-contents.png\" \/><\/div>\n<div class=\"contents-img type1\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/layout-contents-impact-content.png\" \/><\/div>\n<div class=\"contents-img type2\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/layout-contents-impact-proportion.png\" \/><\/div>\n<div class=\"contents-img type3\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/layout-contents-impact-back-script.png\" \/><\/div>\n<div class=\"contents-img type4\"><img decoding=\"async\" src=\"\/\/tq2guide-jp.tqoon.com\/wp-content\/uploads\/2021\/08\/layout-contents-impact-Option-Contents.png\" \/><\/div>\n<\/div>\n<div class=\"contents-controller-wrap\">\n<h3>\u25bc \u30bf\u30a4\u30d7\u3092\u9078\u629e Click!<\/h3>\n<ul>\n<li><span class=\"li-style\">\u00b7<\/span>\u30da\u30fc\u30b8<\/li>\n<li><span class=\"li-style\">\u00b7<\/span>\u90e8\u5206<\/li>\n<li><span class=\"li-style\">\u00b7<\/span>\u30b9\u30af\u30ea\u30d7\u30c8<\/li>\n<li><span class=\"li-style\">\u00b7<\/span>\u30aa\u30d7\u30b7\u30e7\u30f3<\/li>\n<\/ul>\n<\/div>\n<div class=\"contents-explain-wrap\">\n<div class=\"explain-area type1\">\n<p>\u300c\u30da\u30fc\u30b8\u300d\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u4f5c\u3059\u308b\u3068\u3001\u65b0\u898f\u30da\u30fc\u30b8\u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002<br \/>\u307e\u305f\u3001\u767b\u9332\u3068\u540c\u6642\u306b\u305d\u306e\u30da\u30fc\u30b8\u7528\u306e URL \u304c\u751f\u6210\u3055\u308c\u307e\u3059\u3002<br \/><br \/>\u751f\u6210\u3055\u308c\u305f\u65b0\u898f\u30da\u30fc\u30b8\uff08URL\uff09\u306b\u4ed6\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u304b\u3089\u63a5\u7d9a\u3067\u304d\u308b\u3088\u3046\u3001\u30a4\u30e1\u30fc\u30b8\u306b\u30ea\u30f3\u30af\u3092\u8cbc\u308a\u8a98\u5c0e\u3057\u305f\u308a<br \/>\u30b5\u30a4\u30c8\u30e1\u30cb\u30e5\u30fc\u306b\u65b0\u3057\u3044\u30e1\u30cb\u30e5\u30fc\u3092\u767b\u9332\u3057\u3066\u30ea\u30f3\u30af\u3055\u305b\u308b\u306a\u3069\u3001\u30e6\u30fc\u30b6\u30fc\u3092\u8a98\u5c0e\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<div class=\"explain-area type2\">\n<p>\u300c\u90e8\u5206\u300d\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u30b5\u30a4\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u4e2d\u201d\u4e00\u90e8\u5206\u201d\u3092\u69cb\u6210\u3059\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3059\u3002<br \/><br \/>\u5b9f\u969b\u306e\u30b5\u30a4\u30c8\u306b\u9069\u7528\u3055\u308c\u305f\u90e8\u5206\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u7ba1\u7406\u8005\u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u30b5\u30a4\u30c8\u306b\u30ed\u30b0\u30a4\u30f3\u5f8c\u306b<br \/>\u8a72\u5f53\u3059\u308b\u90e8\u5206\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u4e0a\u306b\u30de\u30a6\u30b9\u3092\u5408\u308f\u305b\u308b\u3068\u3001\u305d\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u300c\u30b3\u30f3\u30c6\u30f3\u30c4\u30b3\u30fc\u30c9\u300d\u304c\u8868\u793a\u30fb\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<br \/><br \/>\u7ba1\u7406\u8005\u30a2\u30ab\u30a6\u30f3\u30c8\u306e\u8a2d\u5b9a\u65b9\u6cd5\u306f\u300c\u9867\u5ba2\u7ba1\u7406\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<br \/><a class=\"over bg-gray\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=3460\"> \u2192\u300c\u9867\u5ba2\u7ba1\u7406\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u898b\u308b <\/a><br \/><br \/>\u2605\u7279\u306b\u5168\u3066\u306e\u30da\u30fc\u30b8\u306b\u9069\u7528\u3057\u305f\u3044 CSS \u304c\u3042\u308b\u5834\u5408\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u30b3\u30fc\u30c9\u300cHeaderLogo\u300d\u306b\u8a18\u8f09\u3059\u308b\u3053\u3068\u3092\u63a8\u5968\u3057\u307e\u3059\u3002<br \/>\uff08\u5168\u30da\u30fc\u30b8\u4e0a\u90e8\u306b\u5171\u901a\u3067\u8aad\u307f\u8fbc\u307e\u308c\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u305f\u3081\u3002\uff09<\/p>\n<\/div>\n<div class=\"explain-area type3\">\n<p>\u300c\u30b9\u30af\u30ea\u30d7\u30c8\u300d\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u76ee\u306b\u898b\u3048\u306a\u3044\u5185\u5bb9\u3067\u3059\u3002<br \/>\u4e3b\u306b\u5916\u90e8\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u904b\u7528\u3059\u308b\u969b\u306b\u4f7f\u7528\u3059\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u30bf\u30a4\u30d7\u3067\u3059\u3002<\/p>\n<\/div>\n<div class=\"explain-area type4\">\n<p>\u30aa\u30d7\u30b7\u30e7\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u5546\u54c1\u30aa\u30d7\u30b7\u30e7\u30f3\u304b\u3089\u5225\u9014\u306b\u8a2d\u5b9a\u3057\u9023\u52d5\u3055\u305b\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u3059\u3002<br \/>\u8a73\u3057\u3044\u5185\u5bb9\u306f\u300c\u30aa\u30d7\u30b7\u30e7\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u306b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<br \/><br \/><a class=\"over bg-gray\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=6632\"> \u2192\u300c\u30aa\u30d7\u30b7\u30e7\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u898b\u308b <\/a><br \/><br \/><a class=\"over bg-gray\" href=\"\/\/tq2guide-jp.tqoon.com\/?p=6793\"> \u2192\u300c\u5546\u54c1\u30aa\u30d7\u30b7\u30e7\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u8a2d\u5b9a\u300d\u95a2\u9023\u30de\u30cb\u30e5\u30a2\u30eb\u3092\u898b\u308b <\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><script>\njQuery(document).ready(function ($) {\nvar imgwrap = $('.contents-img-wrap > div')\nvar txtwrap = $('.contents-explain-wrap > div')\n$(imgwrap).not('.type0').css('display', 'none')\n$(txtwrap).css('display', 'none')\n$('.contents-controller-wrap ul li').each(function () {\n$(this).click(function (e) {\ne.preventDefault();\n$('.contents-controller-wrap ul li').removeClass('active')\n$(this).addClass('active')\nvar i = $(this).index()\n$(imgwrap).css('display', 'none')\n$(txtwrap).css('display', 'none')\n$(imgwrap).eq(i + 1).css('display', 'block')\n$(txtwrap).eq(i).css('display', 'block')\n})\n})\n})\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u306e\u30da\u30fc\u30b8\u306b\u623b\u308b \u30b3\u30f3\u30c6\u30f3\u30c4\u4fee\u6b63 \u30c6\u30a3\u30af\u30fc\u30f32.0\u3067\u306f\u5404\u300c\u30b3\u30f3\u30c6\u30f3\u30c4\u300d\u3092\u5236\u4f5c\u3001\u7d44\u307f\u7acb\u3066\u3066\u30b5\u30a4\u30c8\u3092\u69cb\u6210\u3057\u307e\u3059\u3002\u3053\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30a6\u30a7\u30d6\u5236\u4f5c\u521d\u5fc3\u8005\u306e\u65b9\u304c\u5236\u4f5c\u3059\u308b\u306b\u306f\u591a\u5c11\u96e3\u3057\u3044\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u305d\u306e\u4ee3\u308f\u308a\u3001\u8981\u9818\u3092\u63b4\u3081\u3070\u81ea\u7531\u306b\u30b5\u30a4\u30c8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6637"}],"collection":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6637"}],"version-history":[{"count":13,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6637\/revisions"}],"predecessor-version":[{"id":6855,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=\/wp\/v2\/posts\/6637\/revisions\/6855"}],"wp:attachment":[{"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6637"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/tq2guide-jp.tqoon.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}