초보자 티스토리 버튼 디자인 바꾸는 방법

티스토리 블로그를 운영하다 보면 자주 쓰는 버튼을 서식으로 저장해두고 반복해서 사용하는 분들 많으시죠?

그런데 가끔은 버튼의 색상이나 크기, 글자 스타일 등을 바꾸고 싶을 때가 있어요.

이번 포스팅에서는 한 번 저장한 서식 버튼의 디자인을 수정하는 방법을 초보자도 따라하기 쉽게 알려드릴게요!

 

1.먼저, 내가 저장한 버튼 서식 확인하기

아직 서식을 만들어보지 않으셨다면, 서식만드는 포스팅을 먼저 참고해보세요!

 

버튼서식 만들러가기 👆

 

2.티스토리 [관리] > [글쓰기] 화면으로 들어가세요.

2.상단 도구 모음에서 ‘서식’ 버튼을 클릭하면, 내가 만든 서식 목록이 나옵니다.

3.수정하고 싶은 서식을 선택해서 글 작성창에 삽입합니다.

그럼 아래와 같이 버튼이 나오게 됩니다. 끝입니다. 너무 간단하죠? 

4. 이제는 버튼 디자인을 조금 수정해봅니다. 디자인 수정은 HTML코드를 수정하면 되는데요.

요즘은 쳇지피티로도 쉽게 할 수 있죠. 일단 우리는 HTML코드를 조금 수정해서 바꿔볼게요.

 

코드가 어렵게 느껴지신다면, 기존 코드에서 숫자만 살짝씩 바꿔보세요.
바뀐 결과는 ‘미리보기’로 확인하면 돼요!

 

자주 바꾸는 디자인 요소들

배경 색상	background:#FF3B2F; → background:#007BFF; (파란색)
글자 색상	color:#fff; → color:#000; (검은색)
버튼 크기	padding:15px 30px; → padding:10px 20px; (조금 작게)
글자 크기	font-size:16px; → font-size:18px; (조금 크게)
모서리 둥글기	border-radius:8px; → border-radius:50px; (완전 둥글게)

 

버튼 크기와 글자색을 숫자만 줄여보았습니다. 

아래와 같이 버튼이 변경되었습니다. 이제 디자인을 바꾼 버튼을 다시 서식으로 저장해두면 언제든 쉽께 꺼내 쓸 수 있습니다.

 초초보자들이 따라할만하게 버튼수정하는법을 포스팅해보았습니다. 마음먹기가 어렵지 막상해보면 해볼만 합니다.

다들 멋지게 꾸며 보세요.

왕초보 티스토리 반응형 버튼 만들기 정리

소상공인 정책자금 총정리

국민취업지원제도 총정리

빌 게이츠 단백질 데이터 치매 치료제 총정리