{"id":5296,"date":"2018-10-12T12:53:45","date_gmt":"2018-10-12T03:53:45","guid":{"rendered":"https:\/\/jin-theme.com\/manual\/?p=5296"},"modified":"2018-12-23T12:42:25","modified_gmt":"2018-12-23T03:42:25","slug":"sns-button-custom","status":"publish","type":"post","link":"https:\/\/jin-theme.com\/manual\/sns-button-custom\/","title":{"rendered":"SNS\u30dc\u30bf\u30f3\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba"},"content":{"rendered":"<h2>SNS\uff08\u30d1\u30bf\u30fc\u30f3\uff11\uff09\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h2>\n<h3>\u5f71\u3092\u6d88\u3057\u3066\u30d5\u30e9\u30c3\u30c8\u5316<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5305\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31.png\" alt=\"\" width=\"1468\" height=\"1112\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31.png 1468w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31-300x227.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31-768x582.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31-1024x776.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.59.31.png 856w\" sizes=\"(max-width: 1468px) 100vw, 1468px\" \/>\n<\/div>\n<pre class=\"language-css\"><code>\r\n\/*SNS Type1 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a{\r\nbox-shadow:none;\r\n}\r\n<\/code><\/pre>\n<h3>\u9023\u7d50\u30c7\u30b6\u30a4\u30f3<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5299\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40.png\" alt=\"\" width=\"1494\" height=\"1110\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40.png 1494w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40-300x223.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40-768x571.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40-1024x761.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.33.40.png 856w\" sizes=\"(max-width: 1494px) 100vw, 1494px\" \/>\n<\/div>\n<pre class=\"language-css\">\/*SNS Type1 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type01 .sns-top li, .sns-design-type01 .sns li{\r\nmargin-right:0px;\r\nwidth: 25.0%;\r\ntransition:0.3s;\r\n}\r\n\r\n.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a{\r\nfont-size:0.8em;\r\nborder-radius:0px;\r\nbox-shadow:none;\r\n}\r\n<\/pre>\n<h3>\u67a0\u4ed8\u304d\u30c7\u30b6\u30a4\u30f3<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5300\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24.png\" alt=\"\" width=\"1470\" height=\"1138\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24.png 1470w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24-300x232.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24-768x595.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24-1024x793.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-12.34.24.png 856w\" sizes=\"(max-width: 1470px) 100vw, 1470px\" \/>\n<\/div>\n<pre class=\"language-css\">\/*SNS Type1 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type01 .sns-top li, .sns-design-type01 .sns li{\r\nborder: 2px solid #333;\r\nborder-radius:2px;\r\ntransition:0.3s;\r\n}\r\n\r\n.sns-design-type01 .sns li:hover,\r\n.sns-design-type01 .sns-top li:hover {\r\nopacity: 1 !important;\r\n-webkit-transform: translateY(3px);\r\ntransform: translateY(3px);\r\nfilter: brightness(95%);\r\n}\r\n\r\n.sns-design-type01{\r\nmargin-bottom:10px;\r\n}\r\n\r\n\/*SNS Type1 - \u65e2\u5b58\u30c7\u30b6\u30a4\u30f3\u306e\u6253\u3061\u6d88\u3057*\/\r\n\r\n.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a{\r\nborder-radius:0px;\r\n}\r\n\r\n.sns-design-type01 .sns li{\r\nmargin-bottom:0px;\r\n}\r\n\r\n.sns-design-type01 .sns li a:hover,\r\n.sns-design-type01 .sns-top li a:hover {\r\nopacity: 1 !important;\r\n-webkit-transform: translateY(0px);\r\ntransform: translateY(0px);\r\nfilter: brightness(100%);\r\n}\r\n<\/pre>\n<h3>\u30e2\u30ce\u30af\u30ed\u30c7\u30b6\u30a4\u30f3<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5313\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14.png\" alt=\"\" width=\"1458\" height=\"1114\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14.png 1458w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14-300x229.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14-768x587.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14-1024x782.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.46.14.png 856w\" sizes=\"(max-width: 1458px) 100vw, 1458px\" \/>\n<\/div>\n<pre class=\"language-css\">\/*SNS Type1 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type01 .sns-top .twitter a,.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns-top .hatebu a, .sns-design-type01 .sns-top .pocket a, .sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .twitter a, .sns-design-type01 .sns .facebook a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a, .sns-design-type01 .sns .line a{\r\ncolor: #fff;\r\nbackground-color:#444;\r\nborder:2px solid #444;\r\n}\r\n\r\n.sns-design-type01 .sns .line a svg, .sns-design-type01 .sns-top .line a svg{\r\nfill: #fff !important;\r\n}<\/pre>\n<div class=\"jin-yohaku20\"><\/div>\n<h2>SNS\uff08\u30d1\u30bf\u30fc\u30f32\uff09\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/h2>\n<h3>\u592a\u67a0\u30c7\u30b6\u30a4\u30f3<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5309\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18.png\" alt=\"\" width=\"1486\" height=\"1114\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18.png 1486w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18-300x225.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18-768x576.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18-1024x768.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.33.18.png 856w\" sizes=\"(max-width: 1486px) 100vw, 1486px\" \/><\/div>\n<pre class=\"language-css\">\/*SNS Type2 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type02 .sns-top .twitter a,.sns-design-type02 .sns-top .facebook a, .sns-design-type02 .sns-top .hatebu a, .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns-top .line a, .sns-design-type02 .sns .twitter a, .sns-design-type02 .sns .facebook a, .sns-design-type02 .sns .hatebu a, .sns-design-type02 .sns .pocket a, .sns-design-type02 .sns .line a{\r\nborder:2px solid;\r\n}\r\n\r\n.sns-design-type02 .sns .line a, .sns-design-type02 .sns-top .line a{\r\nborder-color: #6cc655;\r\n<\/pre>\n<h3>\u30e2\u30ce\u30af\u30ed\u30c7\u30b6\u30a4\u30f3<\/h3>\n<div class=\"jin-img-waku\">\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-5311\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23.png\" alt=\"\" width=\"1458\" height=\"1126\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23.png 1458w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23-300x232.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23-768x593.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23-1024x791.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8-2018-10-12-13.40.23.png 856w\" sizes=\"(max-width: 1458px) 100vw, 1458px\" \/><\/div>\n<pre class=\"language-css\">\/*SNS Type2 - \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/\r\n\r\n.sns-design-type02 .sns-top .twitter a,.sns-design-type02 .sns-top .facebook a, .sns-design-type02 .sns-top .hatebu a, .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns-top .line a, .sns-design-type02 .sns .twitter a, .sns-design-type02 .sns .facebook a, .sns-design-type02 .sns .hatebu a, .sns-design-type02 .sns .pocket a, .sns-design-type02 .sns .line a{\r\ncolor: #444;\r\nborder:2px solid #444;\r\n}\r\n\r\n.sns-design-type02 .sns .line a, .sns-design-type02 .sns-top .line a{\r\ncolor: #444;\r\nborder-color: #444;\r\n}\r\n\r\n.sns-design-type02 .sns .line a svg, .sns-design-type02 .sns-top .line a svg{\r\nfill: #444 !important;\r\n}\r\n<\/pre>\n<div class=\"jin-yohaku20\"><\/div>\n<h2>CSS\u8ffd\u52a0\u3059\u308b\u5834\u6240<\/h2>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-4552\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png\" alt=\"CSS\u3092\u8ffd\u52a0\" width=\"1406\" height=\"1017\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png 1406w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-300x217.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-768x556.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0-1024x741.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/06\/CSS\u3092\u8ffd\u52a0.png 856w\" sizes=\"(max-width: 1406px) 100vw, 1406px\" \/>\n<p>WordPress\u7ba1\u7406\u753b\u9762\u304b\u3089\u300c\u5916\u89b3\u300d&gt;\u300c\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u300d&gt;\u300c\u8ffd\u52a0CSS\u300d\u3078\u3068\u9032\u3093\u3067\u3001\u4e0a\u8a18\u30b3\u30fc\u30c9\u3092\u8ffd\u8a18\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u3053\u308c\u3060\u3051\u3067\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u5b8c\u4e86\u3067\u3059\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SNS\uff08\u30d1\u30bf\u30fc\u30f3\uff11\uff09\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba \u5f71\u3092\u6d88\u3057\u3066\u30d5\u30e9\u30c3\u30c8\u5316 \/*SNS Type1 &#8211; \u30c7\u30b6\u30a4\u30f3\u30ab\u30b9\u30bf\u30de\u30a4\u30ba*\/ .sns-design-type01 .sns-top li a, .sns-design-type01 .<\/p>\n","protected":false},"author":1,"featured_media":5321,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[52],"tags":[],"_links":{"self":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5296"}],"collection":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/comments?post=5296"}],"version-history":[{"count":15,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5296\/revisions"}],"predecessor-version":[{"id":5586,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5296\/revisions\/5586"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/media\/5321"}],"wp:attachment":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/media?parent=5296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/categories?post=5296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/tags?post=5296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}