{"id":1002,"date":"2021-12-07T00:23:10","date_gmt":"2021-12-06T15:23:10","guid":{"rendered":"https:\/\/tecchan.jp\/swell-tips\/?p=1002"},"modified":"2021-12-08T14:10:53","modified_gmt":"2021-12-08T05:10:53","slug":"swell-button-icon","status":"publish","type":"post","link":"https:\/\/tecchan.jp\/swell-tips\/entry\/swell-button-icon\/","title":{"rendered":"SWELL\u30dc\u30bf\u30f3\u306e\u30a2\u30a4\u30b3\u30f3\u8868\u793a\u4f4d\u7f6e\u3092\u6587\u5b57\u306e\u76f4\u5f8c\u306b\u5909\u66f4\u3059\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba"},"content":{"rendered":"\n<p>SWELL\u30dc\u30bf\u30f3\u3067\u306f\u3001\u6587\u5b57\u306e\u76f4\u524d\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u4fbf\u5229\u3067\u3059\u304c\uff08<a href=\"https:\/\/swell-theme.com\/update\/7420\/#index_id1\" target=\"_blank\" rel=\"noreferrer noopener\">ver. 2.2.2<\/a>\u4ee5\u964d\u306b\u6a5f\u80fd\u5b9f\u88c5\uff09\u3001\u3053\u308c\u3092<strong>\u6587\u5b57\u306e\u76f4\u5f8c<\/strong>\u306b\u5909\u66f4\u3059\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<h2>\u52d5\u4f5c\u30b5\u30f3\u30d7\u30eb<\/h2>\n\n\n\n<p>\u901a\u5e38\u306f\u3001<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal\"><a href=\"\" class=\"swell-block-button__link\" data-has-icon=\"1\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-circle-right\" class=\"svg-inline--fa fa-chevron-circle-right fa-w-16 __icon\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg><span>\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/span><\/a><\/div>\n\n\n\n<p>\u306e\u3088\u3046\u306b\u3001\u30a2\u30a4\u30b3\u30f3\u304c\u6587\u5b57\u306e\u76f4\u524d\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u304c\u3001<\/p>\n\n\n\n<div class=\"swell-block-button is-style-btn_normal button-icon-right\"><a href=\"\" class=\"swell-block-button__link\" data-has-icon=\"1\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"chevron-circle-right\" class=\"svg-inline--fa fa-chevron-circle-right fa-w-16 __icon\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z\"><\/path><\/svg><span>\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089<\/span><\/a><\/div>\n\n\n\n<p>\u306e\u3088\u3046\u306b\u3001<strong>\u6587\u5b57\u3092\u5148\u306b\u3001\u30a2\u30a4\u30b3\u30f3\u3092\u5f8c\u306b<\/strong>\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2>\u30a2\u30a4\u30b3\u30f3\u3092\u6587\u5b57\u306e\u76f4\u5f8c\u306b\u5909\u66f4\u3059\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u624b\u9806<\/h2>\n\n\n\n<p>\u307e\u305a\u6700\u521d\u306b\u3001\u5916\u89b3 &gt; \u30ab\u30b9\u30bf\u30de\u30a4\u30ba &gt; <strong>\u8ffd\u52a0CSS<\/strong>\u306a\u3069\u306b\u3001\u4ee5\u4e0b\u306eCSS\u3092\u30b3\u30d4\u30da\u3057\u3066\u5165\u529b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.button-icon-right span {\norder: 1;\n}\n.button-icon-right .__icon {\norder: 2;\nmargin-left: 0.5em;\nmargin-right: 0;\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u30a2\u30a4\u30b3\u30f3\u3092\u6587\u5b57\u306e\u76f4\u5f8c\u306b\u5909\u66f4\u3057\u305f\u3044\u30dc\u30bf\u30f3\u306e\u300c<strong>\u9ad8\u5ea6\u306a\u8a2d\u5b9a<\/strong>\u300d\u306e<strong>\u8ffd\u52a0CSS\u30af\u30e9\u30b9<\/strong>\u306b\u3001<code>button-icon-right<\/code>\u3068\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<p>\u4f4d\u7f6e\u3092\u5165\u308c\u66ff\u3048\u305f\u3044\u30dc\u30bf\u30f3\u306e\u307f<code>button-icon-right<\/code>\u3068\u3044\u3046\u30af\u30e9\u30b9\u540d\u3092\u5272\u308a\u632f\u3063\u3066\u3044\u307e\u3059\u3002\u307e\u305f\u3001\u5177\u4f53\u7684\u306b\u306f<code>order: 1;<\/code>\u3068o<code>rder: 2;<\/code>\u3067\u9806\u756a\u3092\u5165\u308c\u66ff\u3048\u3066\u3044\u3066\u3001\u30a2\u30a4\u30b3\u30f3\u304c\u5de6\u306b\u3042\u308b\u5834\u5408\u306f\u53f3\u306b\u30de\u30fc\u30b8\u30f3\u304c<code>0.5em<\/code>\u3042\u308a\u307e\u3059\u304c\u3001\u305d\u308c\u3092<code>0<\/code>\u306b\u3057\u3066\u3001\u5de6\u306b\u30de\u30fc\u30b8\u30f3\u3092<code>0.5em<\/code>\u8db3\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<h3>\uff08\u304a\u307e\u3051\uff09SWELL\u30dc\u30bf\u30f3\u306e\u30a2\u30a4\u30b3\u30f3\u306f\u3001Font Awesome\u3082\u4e00\u90e8\u4f7f\u7528\u53ef\u80fd<\/h3>\n\n\n\n<p>SWELL\u30dc\u30bf\u30f3\u306e\u30a2\u30a4\u30b3\u30f3\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u7528\u610f\u3055\u308c\u3066\u3044\u308b\u4ee5\u4e0b\u306e\u30a2\u30a4\u30b3\u30f3\u306e\u307b\u304b\u306b\u3001<strong>Font Awesome<\/strong>\u306e<code>.fas<\/code>\u3068<code>.fab<\/code>\u3068<code>.far<\/code>\u304c\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized is-style-border\"><img decoding=\"async\" src=\"https:\/\/tecchan.jp\/swell-tips\/wp-content\/uploads\/2021\/12\/swell-button-icon.png\" alt=\"\" class=\"wp-image-1003\" width=\"256\" height=\"426\" srcset=\"https:\/\/tecchan.jp\/swell-tips\/wp-content\/uploads\/2021\/12\/swell-button-icon.png 341w, https:\/\/tecchan.jp\/swell-tips\/wp-content\/uploads\/2021\/12\/swell-button-icon-180x300.png?_mod=1638803709 180w\" sizes=\"(max-width: 256px) 100vw, 256px\" \/><\/figure>\n\n\n\n<p class=\"has-border -border03\">\u305f\u3068\u3048\u3070\u3001\u30ea\u30f3\u30af\u3067\u3042\u308b\u3053\u3068\u3092\u793a\u3059<code>fas fa-external-link-alt<\/code>\uff08\u30a2\u30a4\u30b3\u30f3\u306e\u8a73\u7d30\u306f<a rel=\"noreferrer noopener\" href=\"https:\/\/fontawesome.com\/v5.15\/icons\/external-link-alt?style=solid\" target=\"_blank\">\u3053\u3061\u3089<\/a>\uff09\u3084\u3001\u53f3\u77e2\u5370\u306e<code>fas fa-chevron-circle-right<\/code>\uff08\u30a2\u30a4\u30b3\u30f3\u306e\u8a73\u7d30\u306f<a rel=\"noreferrer noopener\" href=\"https:\/\/fontawesome.com\/v5.15\/icons\/chevron-circle-right?style=solid\" target=\"_blank\">\u3053\u3061\u3089<\/a>\uff09\u306a\u3069\u3001\u7279\u306b\u4fbf\u5229\u305d\u3046\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u4ed6\u306b\u3082\u8272\u3005\u63a2\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>SWELL\u30dc\u30bf\u30f3\u3067\u306f\u3001\u6587\u5b57\u306e\u76f4\u524d\u306b\u30a2\u30a4\u30b3\u30f3\u3092\u633f\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3066\u4fbf\u5229\u3067\u3059\u304c\uff08ver. 2.2.2\u4ee5\u964d\u306b\u6a5f\u80fd\u5b9f\u88c5\uff09\u3001\u3053\u308c\u3092\u6587\u5b57\u306e\u76f4\u5f8c\u306b\u5909\u66f4\u3059\u308b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u65b9\u6cd5\u3067\u3059\u3002 \u52d5\u4f5c\u30b5\u30f3\u30d7\u30eb \u901a\u5e38\u306f\u3001 \u306e\u3088\u3046\u306b\u3001\u30a2\u30a4\u30b3\u30f3\u304c\u6587\u5b57\u306e\u76f4\u524d\u306b [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":""},"categories":[12,24],"tags":[26],"_links":{"self":[{"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/posts\/1002"}],"collection":[{"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":18,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/posts\/1002\/revisions"}],"predecessor-version":[{"id":1025,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/posts\/1002\/revisions\/1025"}],"wp:attachment":[{"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/media?parent=1002"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/categories?post=1002"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecchan.jp\/swell-tips\/wp-json\/wp\/v2\/tags?post=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}