{"id":5387,"date":"2018-10-31T15:29:22","date_gmt":"2018-10-31T06:29:22","guid":{"rendered":"https:\/\/jin-theme.com\/manual\/?p=5387"},"modified":"2018-11-10T15:37:11","modified_gmt":"2018-11-10T06:37:11","slug":"icon-box","status":"publish","type":"post","link":"https:\/\/jin-theme.com\/manual\/icon-box\/","title":{"rendered":"\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u306e\u4f5c\u308a\u65b9"},"content":{"rendered":"<p>JIN\u306eVer1.76\u304b\u3089\u3001fontawesome\u3092\u5229\u7528\u3057\u305f\u300c\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u300d\u3092\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<div class=\"jin-iconbox yellow-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-caution jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main yellow--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox yellow-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-star jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main yellow--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox yellow-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-bulb jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main yellow--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox yellow-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-cart jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main yellow--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox green-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-speaker jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main green--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox green-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-comment jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main green--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox green-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-checkcircle jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main green--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox green-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-pencil jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main green--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox blue-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-like jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main blue--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox blue-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-information jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main blue--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox blue-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-gear jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main blue--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox blue-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-clipboard jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main blue--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox red-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-heart jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main red--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox red-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-unlike jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main red--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox red-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-question jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main red--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<div class=\"jin-iconbox red-iconbox\">\n<div class=\"jin-iconbox-icons\"><i class=\"jic jin-ifont-flag jin-icons\"><\/i><\/div>\n<div class=\"jin-iconbox-main red--border\">\u3053\u3053\u306b\u672c\u6587\u3092\u5165\u529b<\/div>\n<\/div>\n<h2>\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u306e\u4f7f\u3044\u65b9<\/h2>\n<img loading=\"lazy\" src=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af.png\" alt=\"\" width=\"1211\" height=\"890\" class=\"aligncenter size-full wp-image-5403\" srcset=\"https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af.png 1211w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af-300x220.png 300w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af-768x564.png 768w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af-1024x753.png 1024w, https:\/\/jin-theme.com\/manual\/wp-content\/uploads\/2018\/10\/\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30c3\u30af.png 856w\" sizes=\"(max-width: 1211px) 100vw, 1211px\" \/>\n<p>\u30d3\u30b8\u30e5\u30a2\u30eb\u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u300c\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u300d&gt;\u300c\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u300d\u3068\u9032\u3093\u3067\u3001\u5229\u7528\u3057\u305f\u3044\u30dc\u30c3\u30af\u30b9\u3092\u9078\u629e\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<p>\u3042\u3068\u306f\u30dc\u30c3\u30af\u30b9\u5185\u306b\u66f8\u304d\u8fbc\u307f\u305f\u3044\u6587\u7ae0\u3092\u5165\u529b\u3059\u308c\u3070\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n<h2>\u3010\u88dc\u8db3\u3011\u597d\u304d\u306a\u30a2\u30a4\u30b3\u30f3\u3067\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308a\u305f\u3044\u5834\u5408<\/h2>\n<p>\u304a\u597d\u307f\u306e\u30a2\u30a4\u30b3\u30f3\u3067\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308a\u305f\u3044\u5834\u5408\u3001\u4ee5\u4e0b\u306e\u65b9\u6cd5\u3067\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<div class=\"simple-box1\">\n<ol>\n<li>\u4ee5\u4e0b\u306eHTML\u304b\u3089\u4f7f\u3044\u305f\u3044\u30dc\u30c3\u30af\u30b9\u3092\u9078\u3076<\/li>\n<li>FontAwesome5\u304b\u3089\u597d\u304d\u306a\u30d5\u30a9\u30f3\u30c8\u30b3\u30fc\u30c9\u3092\u30b3\u30d4\u30fc<\/li>\n<li>HTML\u306bFontAwesome\u3092\u8cbc\u308a\u4ed8\u3051<\/li>\n<\/ol>\n<\/div>\n<h3>\u9ec4\u30dc\u30c3\u30af\u30b9<\/h3>\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"light\" data-slug-hash=\"BqgRPW\" data-default-tab=\"html\" data-user=\"HTJ-AFF\" data-pen-title=\"BqgRPW\">See the Pen <a href=\"https:\/\/codepen.io\/HTJ-AFF\/pen\/BqgRPW\/\">BqgRPW<\/a> by YUYA KIMUA (<a href=\"https:\/\/codepen.io\/HTJ-AFF\">@HTJ-AFF<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<h3>\u7dd1\u30dc\u30c3\u30af\u30b9<\/h3>\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"light\" data-slug-hash=\"jejmXZ\" data-default-tab=\"html,result\" data-user=\"HTJ-AFF\" data-pen-title=\"jejmXZ\">See the Pen <a href=\"https:\/\/codepen.io\/HTJ-AFF\/pen\/jejmXZ\/\">jejmXZ<\/a> by YUYA KIMUA (<a href=\"https:\/\/codepen.io\/HTJ-AFF\">@HTJ-AFF<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<h3>\u8d64\u30dc\u30c3\u30af\u30b9<\/h3>\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"light\" data-slug-hash=\"GYbmLN\" data-default-tab=\"html,result\" data-user=\"HTJ-AFF\" data-pen-title=\"GYbmLN\">See the Pen <a href=\"https:\/\/codepen.io\/HTJ-AFF\/pen\/GYbmLN\/\">GYbmLN<\/a> by YUYA KIMUA (<a href=\"https:\/\/codepen.io\/HTJ-AFF\">@HTJ-AFF<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<h3>\u9752\u30dc\u30c3\u30af\u30b9<\/h3>\n<p class=\"codepen\" data-height=\"265\" data-theme-id=\"light\" data-slug-hash=\"GYbmLN\" data-default-tab=\"html,result\" data-user=\"HTJ-AFF\" data-pen-title=\"GYbmLN\">See the Pen <a href=\"https:\/\/codepen.io\/HTJ-AFF\/pen\/GYbmLN\/\">GYbmLN<\/a> by YUYA KIMUA (<a href=\"https:\/\/codepen.io\/HTJ-AFF\">@HTJ-AFF<\/a>) on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"https:\/\/static.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JIN\u306eVer1.76\u304b\u3089\u3001fontawesome\u3092\u5229\u7528\u3057\u305f\u300c\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u300d\u3092\u4f7f\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002 \u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u306e\u4f7f\u3044\u65b9 \u30d3\u30b8\u30e5\u30a2\u30eb\u30a8\u30c7\u30a3\u30bf\u30fc\u306e\u300c\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u300dgt;\u300c\u30a2\u30a4\u30b3\u30f3\u30dc\u30c3\u30af\u30b9\u300d\u3068\u9032\u3093\u3067<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[55,53],"tags":[],"_links":{"self":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5387"}],"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=5387"}],"version-history":[{"count":16,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5387\/revisions"}],"predecessor-version":[{"id":5435,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/posts\/5387\/revisions\/5435"}],"wp:attachment":[{"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/media?parent=5387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/categories?post=5387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jin-theme.com\/manual\/wp-json\/wp\/v2\/tags?post=5387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}