{"id":352,"date":"2024-08-03T00:51:34","date_gmt":"2024-08-02T15:51:34","guid":{"rendered":"https:\/\/murcream.com\/blog\/?page_id=352"},"modified":"2024-08-03T19:47:24","modified_gmt":"2024-08-03T10:47:24","slug":"%e4%bb%a4%e5%92%8c%e3%81%ab%e3%80%8cweb%e6%8b%8d%e6%89%8b%e3%80%8d%e3%82%92%e3%82%b9%e3%83%9e%e3%83%9b%e5%af%be%e5%bf%9c%e6%9c%80%e9%81%a9%e5%8c%96%e3%81%99%e3%82%8b","status":"publish","type":"page","link":"https:\/\/murcream.com\/blog\/?page_id=352","title":{"rendered":"\u4ee4\u548c\u306b\u300cWeb\u62cd\u624b\u300d\u3092\u30b9\u30de\u30db\u5bfe\u5fdc&amp;\u6700\u9069\u5316\u3059\u308b"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6982\u8981<\/h2>\n\n\n\n<p>\u53e4\u304b\u3089\u306eWeb\u62cd\u624b\u30e6\u30fc\u30b6\u30fc\u306a\u306e\u3067\u3001\u3069\u3046\u306b\u304b\u4eca\u98a8\u306b\u3067\u304d\u306a\u3044\u304b\u2026\uff1f\u3068\u30b7\u30f3\u30d7\u30eb\u306b&#8221;&#8221;&#8221;\u30d1\u30ef\u30fc&#8221;&#8221;&#8221;\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u30bd\u30fc\u30b9\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u30b3\u30d4\u30da\u3057\u3066\u304a\u597d\u304d\u306a\u3088\u3046\u306b\u3044\u3058\u3063\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01\uff01<\/p>\n\n\n\n<p><a class=\"link-btn\" href=\"http:\/\/clap.webclap.com\/clap.php?id=reiwa-webclap\" target=\"_blank\" rel=\"noreferrer noopener\">\u30b5\u30f3\u30d7\u30eb\u62cd\u624b<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">0.\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a<\/h2>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0a022f1b845&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0a022f1b845\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1417\" height=\"1083\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/murcream.com\/blog\/wp-content\/uploads\/reiwa-webclap-00.png\" alt=\"\" class=\"wp-image-355\" srcset=\"https:\/\/murcream.com\/blog\/wp-content\/uploads\/reiwa-webclap-00.png 1417w, https:\/\/murcream.com\/blog\/wp-content\/uploads\/reiwa-webclap-00-768x587.png 768w\" sizes=\"auto, (max-width: 1417px) 100vw, 1417px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"\u62e1\u5927\u3059\u308b\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306f\u300c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c0\u30fc\u7528 \u4e0a\u300d\u3067\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1.\u30b9\u30de\u30db\u7528\u306b\u6a2a\u5e45\u3092\u6700\u9069\u5316<\/h2>\n\n\n\n<p>\u30e1\u30bf\u30bf\u30b0\u306f\u672c\u6765head\u30bf\u30b0\u5185\u306b\u57cb\u3081\u8fbc\u3080\u3082\u306e\u3067\u3059\u304c\u3001Web\u62cd\u624b\u3067head\u5185\u306e\u8a2d\u5b9a\u306f\u3067\u304d\u306a\u3044\u305f\u3081\u7121\u7406\u3084\u308a\u300c\u30e1\u30c3\u30bb\u30fc\u30b8\u672c\u6587\u300d\u306e\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306b\u66f8\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u3053\u308c\u306b\u3088\u308a\u3001\u30b9\u30de\u30db\u3067\u7570\u69d8\u306b\u753b\u9762\u304c\u5c0f\u3055\u3044\u554f\u984c\u304c\u89e3\u6d88\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2.\u5168\u4f53\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u8a2d\u5b9a<\/h2>\n\n\n\n<p>css\u3067\u3044\u3044\u304b\u3093\u3058\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7d50\u8ad6\u306e\u30bd\u30fc\u30b9<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>*{font-family:\u30e1\u30a4\u30ea\u30aa,sans-serif !important;}\nimg {max-width:100%;height:auto;}\ntable {margin-bottom:50px;}\n.form,.form table {\nwidth: 100%;\nmax-width: 400px;\n}\ninput[type=text],#message_body {\ndisplay: block;\nfont-size: 16px;\npadding: 10px;\nborder: 1px solid #ccc;\nborder-radius: 5px;\nwidth: 100% !important;\n}\ninput[type=text]{\nmargin: 5px auto 15px;\n}\n#message_body{\nresize: vertical;\nmargin: 5px 0;\n}\ninput[type=submit]{\nbox-shadow: none;\nappearance: none;\nborder: 0;\nmax-width: 300px;\nwidth: 100%;\npadding: 10px;\ntext-align: center;\nbackground: #98C0C6;\ncolor: #fff;\nfont-weight: bold;\nborder-radius: 20px;\ntransition: 0.3s;\ncursor: pointer; \nmargin-bottom: 10px;\n}\ninput[type=submit]:hover{\nbackground: #FCFCC7;\ncolor: #98C0C6;\n}\n#message_unres_1{margin:0 5px 0 0;height:20px;width:20px;}\nlabel[for=message_unres_1]{display:inline-block;height:20px;align-items:center;vertical-align:top;}\n.footer{width:100%;overflow:hidden;}#side01{display:none;}<\/code><\/pre><\/div>\n\n\n\n<p>\u30a4\u30f3\u30c7\u30f3\u30c8\u3084\u8a18\u6cd5\u304c\u304a\u3057\u307e\u3044\u3067<strong>\u30e4\u30d0\u3044<\/strong>\u306e\u3067\u3059\u304c\u3001\u7406\u7531\u3068\u3057\u3066\u306f\u2026<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>1000\u6587\u5b57\u5236\u9650\u304c\u3042\u308a\u3001\u6539\u884c\u3084\u30b9\u30da\u30fc\u30b9\u304c\u6587\u5b57\u6570\u306b\u30ab\u30a6\u30f3\u30c8\u3055\u308c\u3066\u3057\u307e\u3046<\/li>\n\n\n\n<li>\u30a8\u30b9\u30b1\u30fc\u30d7\u51e6\u7406\u3067\u4f7f\u3048\u306a\u3044\u8a18\u53f7\u304c\u591a\u3005\u3042\u308b<\/li>\n<\/ul>\n\n\n\n<p>\u3068\u3044\u3063\u305f\u3068\u3053\u308d\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u8a73\u7d30<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>*{font-family:\u30e1\u30a4\u30ea\u30aa,sans-serif !important;}<\/code><\/pre><\/div>\n\n\n\n<p>\u30d5\u30a9\u30f3\u30c8\u304cMSP\u30b4\u30b7\u30c3\u30af\u56fa\u5b9a\u3067\u6700\u60aa\u306a\u306e\u3067\u4e00\u5fdc\u30e1\u30a4\u30ea\u30aa\u306b\u3057\u3066\u307e\u3059\u3002<\/p>\n\n\n\n<p>Q.\u306a\u3093\u3067\u30e1\u30a4\u30ea\u30aa\uff1f<br>A.\u30c0\u30d6\u30eb\u30af\u30aa\u30fc\u30c6\u30fc\u30b7\u30e7\u30f3\u304c\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u3066\u4f7f\u3048\u306a\u3044\u304b\u3089\u3067\u3059\u2026\u3002\u30e1\u30a4\u30ea\u30aa\u4ee5\u5916\u306b\u30b9\u30da\u30fc\u30b9\u306a\u3057\u3067\u3044\u3051\u308b\u826f\u3044\u611f\u3058\u306e\u65e5\u672c\u8a9e\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308c\u3070\u305c\u3072\u305d\u308c\u3092\u8a2d\u5b9a\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>img {max-width:100%;height:auto;}<\/code><\/pre><\/div>\n\n\n\n<p>\u753b\u50cf\u304c\u306f\u307f\u51fa\u3055\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>table {margin-bottom:50px;}\n.form,.form table {\nwidth: 100%;\nmax-width: 400px;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u9069\u5ea6\u306b\u5e83\u544a\u30ea\u30f3\u30af\u306e\u4e0b\u306b\u4f59\u767d\u3092\u6301\u305f\u305b\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u6a2a\u5e45\u3092\u4e0a\u9650400px\u306b\u3057\u307e\u3059\u3002<br>\u3053\u3053\u306e\u6570\u5024\u306f\u304a\u597d\u307f\u3067\uff01<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>input[type=text],#message_body {\ndisplay: block;\nfont-size: 16px;\npadding: 10px;\nborder: 1px solid #ccc;\nborder-radius: 5px;\nwidth: 100% !important;\n}\ninput[type=text] {\nmargin: 5px auto 15px;\n}\n#message_body {\nresize: vertical;\nmargin: 5px 0;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u4e0a\u304b\u3089\u304a\u540d\u524d\u3068\u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2\u306e\u5171\u901a\u8a2d\u5b9a\u3001\u304a\u540d\u524d\u30a8\u30ea\u30a2\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u30a8\u30ea\u30a2\u306e\u8a2d\u5b9a\u3067\u3059\u3002<br>\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u306f\u30b9\u30de\u30db\u5bfe\u5fdc\u3092\u8003\u3048\u3066\u300c16px\u300d\u4ee5\u4e0a\u3092\u63a8\u5968\u3057\u307e\u3059\u3002<br>(iPhone\u3067\u306f16px\u4ee5\u4e0b\u306e\u30d5\u30a9\u30f3\u30c8\u30b5\u30a4\u30ba\u3060\u3068\u30d5\u30a9\u30fc\u30e0\u305d\u306e\u3082\u306e\u304c\u30ba\u30fc\u30e0\u3057\u3066\u3057\u307e\u3044\u3001\u898b\u305f\u76ee\u304c\u30a2\u30ec\u306b\u306a\u308a\u307e\u3059)<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>input[type=submit] {\nbox-shadow: none;\nappearance: none;\nborder: 0;\nmax-width: 300px;\nwidth: 100%;\npadding: 10px;\ntext-align: center;\nbackground: #98C0C6;\ncolor: #fff;\nfont-weight: bold;\nborder-radius: 20px;\ntransition: 0.3s;\ncursor: pointer; \nmargin-bottom: 10px;\n}\ninput[type=submit]:hover {\nbackground: #FCFCC7;\ncolor: #98C0C6;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u9001\u4fe1\u30dc\u30bf\u30f3\u306e\u8a2d\u5b9a\u3067\u3059\u3002<br>\u30b9\u30de\u30db\u3060\u3068\u30c7\u30d5\u30a9\u30eb\u30c8\u306ecss\u304c\u30ad\u30c4\u3044\u306e\u3067\u3001\u3044\u308d\u3044\u308d\u30ea\u30bb\u30c3\u30c8\u3057\u305f\u3046\u3048\u3067\u30b9\u30bf\u30a4\u30eb\u3092\u5f53\u3066\u3066\u3044\u307e\u3059\u3002<br>background \u304c\u80cc\u666f\u8272\u3001color\u304c\u6587\u5b57\u8272\u306a\u306e\u3067\u304a\u597d\u307f\u3067\u3044\u3058\u3063\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<br>:hover\u306fPC\u3067\u30de\u30a6\u30b9\u3092\u30d5\u30a9\u30fc\u30ab\u30b9\u3057\u305f\u6642\u306e\u30c7\u30b6\u30a4\u30f3\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>#message_unres_1 {margin:0 5px 0 0;height:20px;width:20px;}\nlabel[for=message_unres_1] {display:inline-block;height:20px;align-items:center;vertical-align:top;}\n.footer{width:100%;overflow:hidden;}#side01{display:none;}<\/code><\/pre><\/div>\n\n\n\n<p>\u30ec\u30b9\u4e0d\u8981\u306e\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u8abf\u6574\u3068\u3001footer\u306e\u8a2d\u5b9a\u3067\u3059\u3002<br>\u8b0e\u306b\u6a2a\u5e45\u304c\u52b9\u3044\u3066\u3044\u3066\u90aa\u9b54\u306a\u306e\u3067\u6d88\u3057\u3066\u307e\u3059\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3.\u30aa\u30d7\u30b7\u30e7\u30f3\u8a2d\u5b9a<\/h2>\n\n\n\n<p>\u3053\u3053\u307e\u3067\u306e\u8a2d\u5b9a\u3092\u3057\u305f\u4e0a\u3067\u3001\u500b\u5225\u306b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u5f53\u3066\u308b\u3068\u3053\u3093\u306a\u611f\u3058\u306b\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"520\" src=\"https:\/\/murcream.com\/blog\/wp-content\/uploads\/reiwa-webclap-01.png\" alt=\"\" class=\"wp-image-357\"\/><\/figure>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>body {\n    background: #eee;\n    padding: 10px 15px;\n}\ntable:first-child {\n    margin-bottom: 50px;\n    background: #fff;\n    max-width: 500px;\n    margin: 20px auto;\n    border-radius: 20px;\n    padding: 20px;\n}<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f59\u8ac7<\/h2>\n\n\n\n<p>\u6700\u521d\u5730\u5473\uff5e\u306b\u691c\u7d22\u3057\u305f\u3053\u3068\u3082\u3042\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u3042\u307e\u308a\u30b9\u30de\u30db\u95a2\u9023\u306e\u8a71\u306f\u51fa\u3066\u3053\u306a\u304b\u3063\u305f\u306e\u3067\u5099\u5fd8\u9332\u3067\u3059\u3002<br>\u51b7\u9759\u306b\u8003\u3048\u3066\u4eca\u30e1\u30c3\u30bb\u30fc\u30b8\u30c4\u30fc\u30eb\u4f7f\u3046\u306a\u3089\u30de\u30b7\u30e5\u30de\u30ed\u3068\u304bwavebox\u3068\u304b\u3060\u3088\u306d\u2026(\u672c\u5f53\u306b\u305d\u3046)<\/p>\n\n\n\n<p>Web\u62cd\u624b\u306f\u9001\u4fe1\u8005\u304c\u30ed\u30b0\u30a4\u30f3\u3059\u308b\u5fc5\u8981\u3082\u306a\u304f\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u9001\u308a\u3063\u3071\u306a\u3057\u306b\u3067\u304d\u308b\u306e\u304c\u597d\u304d\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"\u6982\u8981 \u53e4\u304b\u3089\u306eWeb\u62cd\u624b\u30e6\u30fc\u30b6\u30fc\u306a\u306e\u3067\u3001\u3069\u3046\u306b\u304b\u4eca\u98a8\u306b\u3067\u304d\u306a\u3044\u304b\u2026\uff1f\u3068\u30b7\u30f3\u30d7\u30eb\u306b&#8221;&#8221;&#8221;\u30d1\u30ef\u30fc&#8221;&#8221;&#8221;\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u305f\u30bd\u30fc\u30b9\u3067\u3059\u3002 \u30b3\u30d4\u30da\u3057\u3066\u304a\u597d\u304d\u306a&#8230; <a class=\"view-article\" href=\"https:\/\/murcream.com\/blog\/?page_id=352\">\u8a18\u4e8b\u3092\u8aad\u3080<\/a>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-code.php","meta":{"footnotes":""},"class_list":["post-352","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=352"}],"version-history":[{"count":9,"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":365,"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=\/wp\/v2\/pages\/352\/revisions\/365"}],"wp:attachment":[{"href":"https:\/\/murcream.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}