{"id":2873,"date":"2020-03-26T17:38:52","date_gmt":"2020-03-26T08:38:52","guid":{"rendered":"https:\/\/naoya-ono.com\/blog\/?p=2873"},"modified":"2020-03-26T17:38:52","modified_gmt":"2020-03-26T08:38:52","slug":"jin-customize-icon-box","status":"publish","type":"post","link":"https:\/\/naoya-ono.com\/blog\/jin-customize-icon-box\/","title":{"rendered":"\u3010JIN \u30d7\u30c1\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3011\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u6a2a\u5e45\u3044\u3063\u3071\u3044\u3059\u308b\u65b9\u6cd5"},"content":{"rendered":"<p>JIN\u306e\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u4f7f\u3063\u305f\u5834\u5408\u3001\u5de6\u53f3\u306b\u5c11\u3057\u4f59\u767d\u304c\u3042\u308b\u306e\u3067\u3001\u3061\u3087\u3063\u3068\u898b\u6804\u3048\u304c\u30a4\u30de\u30a4\u30c1\u3060\u3068\u611f\u3058\u308b\u4eba\u3082\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19-1024x334.jpg\" alt=\"\" width=\"880\" height=\"287\" class=\"alignnone wp-image-2874 size-large img_border\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19-1024x334.jpg 1024w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19-300x98.jpg 300w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19-768x250.jpg 768w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19-940x306.jpg 940w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_22_19.jpg 1522w\" sizes=\"(max-width: 880px) 100vw, 880px\"><\/p>\n<p>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u3053\u306e\u4f59\u767d\u3092\u7121\u304f\u3057\u3066\u3001\u6a2a\u5e45\u3044\u3063\u3071\u3044\u306b\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u5e83\u3052\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<div class=\"memo alert\">\n<div class=\"memo_ttl dfont\"> \u6ce8\u610f<\/div>\n<p>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u81ea\u5df1\u8cac\u4efb\u3067\u884c\u3063\u3066\u304f\u3060\u3055\u3044\u307e\u305b\u3002<\/p><\/div>\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">\u76ee\u6b21<\/p><ul class=\"toc_list\"><li><a href=\"#i\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9<\/a><\/li><li><a href=\"#i-2\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/a><ul><li><a href=\"#1\">1. \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u753b\u9762\u3092\u958b\u304f<\/a><\/li><li><a href=\"#2_CSS\">2. \u8ffd\u52a0CSS\u753b\u9762\u3092\u958b\u304f<\/a><\/li><li><a href=\"#3\">3. \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u308b<\/a><\/li><\/ul><\/li><\/ul><\/div>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-0\"><span id=\"i\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9<\/span><\/h2>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>\/* \u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u6a2a\u4e00\u676f\u306b *\/\n.jin-iconbox {\nmargin: 20px 0;\n}<\/code><\/pre>\n<\/div>\n<p>JIN\u306e\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f\u5de6\u53f3\u306b20px\u306e\u4f59\u767d\u304c\u8a2d\u3051\u3089\u308c\u3066\u3044\u308b\u306e\u3067\u3001CSS\u3067\u5de6\u53f3\u306emargin\u30670\u306b\u3057\u3066\u3042\u3052\u308c\u3070OK\u3067\u3059\u3002<\/p>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4166043434922569\" data-ad-slot=\"7750996733\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2 class=\"hh hh5 pastel-bc\" id=\"i-1\"><span id=\"i-2\">\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u306e\u8a2d\u5b9a\u65b9\u6cd5<\/span><\/h2>\n<p><span>\u65b9\u6cd5\u306f\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u3053\u3067\u306f\u4e00\u756a\u7c21\u5358\u306a\u300c\u8ffd\u52a0CSS\u300d\u306b\u30b3\u30fc\u30c9\u3092\u66f8\u304f\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/span><\/p>\n<h3 id=\"i-2\"><span id=\"1\">1. \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u753b\u9762\u3092\u958b\u304f<\/span><\/h3>\n<p><span>WordPress\u306b\u30ed\u30b0\u30a4\u30f3\u3057\u300c<\/span><strong>\u5916\u89b3<\/strong><span>\u300d-\u300c<\/span><strong>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong><span>\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_11_40.jpg\" alt=\"\" width=\"326\" height=\"175\" class=\"alignnone wp-image-2875 img_border\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_11_40.jpg 642w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_11_40-300x161.jpg 300w\" sizes=\"(max-width: 326px) 100vw, 326px\"><\/p>\n<h3 id=\"i-3\"><span id=\"2_CSS\">2. \u8ffd\u52a0CSS\u753b\u9762\u3092\u958b\u304f<\/span><\/h3>\n<p><span>\u30e1\u30cb\u30e5\u30fc\u306e\u4e00\u89a7\u306b\u3042\u308b\u300c<\/span><strong>\u8ffd\u52a0CSS<\/strong><span>\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_29_02-411x1024.jpg\" alt=\"\" width=\"237\" height=\"590\" class=\"alignnone wp-image-2877 img_border\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_29_02-411x1024.jpg 411w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_29_02-120x300.jpg 120w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2020-03-26_16_29_02.jpg 584w\" sizes=\"(max-width: 237px) 100vw, 237px\"><\/p>\n<h3 id=\"i-4\"><span id=\"3\">3. \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u308b<\/span><\/h3>\n<p>\u5148\u307b\u3069\u7d39\u4ecb\u3057\u305f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u3001\u300c\u516c\u958b\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_01_49-1.jpg\" alt=\"\" width=\"324\" height=\"391\" class=\"alignnone wp-image-2876 img_small\" srcset=\"https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_01_49-1.jpg 582w, https:\/\/naoya-ono.com\/blog\/wp-content\/uploads\/2020\/03\/\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8_2019-08-20_9_01_49-1-249x300.jpg 249w\" sizes=\"(max-width: 324px) 100vw, 324px\"><\/p>\n<p>\u4ee5\u4e0a\u3067\u4f5c\u696d\u306f\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n<p>\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u30b3\u30fc\u30c9\u3092\u8cbc\u308a\u4ed8\u3051\u305f\u3089\u3001\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u306e\u6a2a\u5e45\u304c\u5e83\u304c\u3063\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>JIN\u306e\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u4f7f\u3063\u305f\u5834\u5408\u3001\u5de6\u53f3\u306b\u5c11\u3057\u4f59\u767d\u304c\u3042\u308b\u306e\u3067\u3001\u3061\u3087\u3063\u3068\u898b\u6804\u3048\u304c\u30a4\u30de\u30a4\u30c1\u3060\u3068\u611f\u3058\u308b\u4eba\u3082\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002 \u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u3053\u306e\u4f59\u767d\u3092\u7121\u304f\u3057\u3066\u3001\u6a2a\u5e45\u3044\u3063\u3071\u3044\u306b\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u3092\u5e83\u3052\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057 &#8230; <\/p>\n","protected":false},"author":1,"featured_media":2880,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,10],"tags":[],"_links":{"self":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/2873"}],"collection":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/comments?post=2873"}],"version-history":[{"count":4,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/2873\/revisions"}],"predecessor-version":[{"id":2882,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/posts\/2873\/revisions\/2882"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/media\/2880"}],"wp:attachment":[{"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/media?parent=2873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/categories?post=2873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naoya-ono.com\/blog\/wp-json\/wp\/v2\/tags?post=2873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}