<p>워드프레스로 블로그를 시작하셨다면 ‘버튼’ 하나에도 꽤 신경 써야 된다는 거, 아시죠?</p><p>단순한 링크보단 디자인된 버튼이 훨씬 눈에 띄고, 클릭률도 높일 수 있어요. 이번 포스팅에서는 아래처럼 <b>쉽고 빠르게 버튼 만드는 법</b>을 정리해봤어요.</p><p> </p><p>📌 이런 내용이 담겨 있어요:</p><ul style="list-style-type: disc;" data-ke-list-type="disc"><li>버튼 제너레이터 사이트로 버튼 만들기</li><li>CSS 복사해서 워드프레스에 넣는 방법</li><li>반복사용을 위한 ‘패턴 저장’ 꿀팁</li><li>흔들림, 두근두근, 확대효과 CSS 코드 공유</li><li>버튼 간 여백 주기 방법까지!</li></ul><p>초보자분들도 따라 하기 쉽게, 순서대로 스샷까지 정리했으니 어렵지 않으실 거예요.<br>저도 시행착오 겪었던 부분들, 직접 다 정리했습니다!</p><p> </p><p style="text-align: center;"><span style="color: #ee2323;" data-ke-size="size20"><b>👇 자세한 내용이 궁금하신 분은 블로그로 놀러 오세요👇.</b></span></p><div class="figure-open" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="워드프레스 버튼 만들기(+효과 주기, 패턴 저장으로 쉽게 하기) | 업포갤시 블로그" data-og-description="워드프레스를 시작한지 얼마되지 않아 열심히 공부하고 있습니다. 클릭 유도율을 높이기 위해 버튼에 효과를 주고, 쉽게 만드는 법을 배워왔습니다. 워드프레스 버튼 만들기부터 애니메이션 효" data-og-host="uppogalxy.co.kr" data-og-source-url="https://uppogalxy.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b2%84%ed%8a%bc-%eb%a7%8c%eb%93%a4%ea%b8%b0%ed%9a%a8%ea%b3%bc-%ec%a3%bc%ea%b8%b0-%ed%8c%a8%ed%84%b4-%ec%a0%80%ec%9e%a5%ec%9c%bc%eb%a1%9c-%ec%89%bd/" data-og-url="https://uppogalxy.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b2%84%ed%8a%bc-%eb%a7%8c%eb%93%a4%ea%b8%b0%ed%9a%a8%ea%b3%bc-%ec%a3%bc%ea%b8%b0-%ed%8c%a8%ed%84%b4-%ec%a0%80%ec%9e%a5%ec%9c%bc%eb%a1%9c-%ec%89%bd/" data-og-image="https://scrap.kakaocdn.net/dn/bgXUSZ/hyYWVMq76Z/GxGjtcg3EY6WcEG2HAFAsK/img.jpg?width=300&height=300&face=0_0_300_300,https://scrap.kakaocdn.net/dn/btIs3k/hyYWTOCcms/nb3EBqaDj2sacj9SMiKBxK/img.jpg?width=300&height=300&face=0_0_300_300"><a href="https://uppogalxy.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b2%84%ed%8a%bc-%eb%a7%8c%eb%93%a4%ea%b8%b0%ed%9a%a8%ea%b3%bc-%ec%a3%bc%ea%b8%b0-%ed%8c%a8%ed%84%b4-%ec%a0%80%ec%9e%a5%ec%9c%bc%eb%a1%9c-%ec%89%bd/" target="_blank" data-source-url="https://uppogalxy.co.kr/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%b2%84%ed%8a%bc-%eb%a7%8c%eb%93%a4%ea%b8%b0%ed%9a%a8%ea%b3%bc-%ec%a3%bc%ea%b8%b0-%ed%8c%a8%ed%84%b4-%ec%a0%80%ec%9e%a5%ec%9c%bc%eb%a1%9c-%ec%89%bd/"><div class="og-image"><img class="thumb_img" src="https://scrap.kakaocdn.net/dn/bgXUSZ/hyYWVMq76Z/GxGjtcg3EY6WcEG2HAFAsK/img.jpg?width=300&height=300&face=0_0_300_300,https://scrap.kakaocdn.net/dn/btIs3k/hyYWTOCcms/nb3EBqaDj2sacj9SMiKBxK/img.jpg?width=300&height=300&face=0_0_300_300" alt="" xxonerror="this.src="//img1.kakaocdn.net/thumb/C200x200/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fcafe_image%2Fcafe_meta_image_190529.png""></div><div class="og-text"><p class="og-title">워드프레스 버튼 만들기(+효과 주기, 패턴 저장으로 쉽게 하기) | 업포갤시 블로그</p><p class="og-desc">워드프레스를 시작한지 얼마되지 않아 열심히 공부하고 있습니다. 클릭 유도율을 높이기 위해 버튼에 효과를 주고, 쉽게 만드는 법을 배워왔습니다. 워드프레스 버튼 만들기부터 애니메이션 효</p><p class="og-host">uppogalxy.co.kr</p></div></a></div><p> </p>
<!-- -->
