소제목 디자인 공유해요 심플하지만 눈에 띄는 디자인

728x90

블로그를 운영하다 보면 ‘소제목 디자인’에 한 번쯤은 욕심이 생기죠.

글만 주르륵 쓰는 것보다, 적절하게 구분된

소제목이 있으면 훨씬 읽기 편하고 눈도 덜 피곤하니까요.

 

저도 최근에 새로운 디자인을 하나 만들어봤는데,

생각보다 반응이 좋아서 이렇게 공유해보려고 해요.

 

 

왜 소제목 디자인이 중요할까?

티스토리를 비롯한 블로그 플랫폼에서는

본문 내용을 얼마나 보기 좋게 구성하느냐가 꽤 중요한 포인트예요.

 

아무리 좋은 정보라도,

글이 너무 빽빽하게 느껴지면

금방 나가버리는 경우도 많죠.

소제목 디자인을 활용하면 본문에 리듬이 생기고,

독자가 읽기 편한 구조로 정리할 수 있어요.

특히, 정보를 단계별로 정리할 때

디자인된 소제목이 있으면 포인트도 확실하고,

전달력도 좋아져요.

 

 

 

오늘 소개할 디자인은?

제가 오늘 소개할 소제목 디자인은

정말 간단하면서도 깔끔한 느낌을 주는 스타일이에요.

너무 화려하진 않지만, 스크롤을 내리다 보면

자연스럽게 시선을 끌 수 있도록 만든 게 포인트예요.

    clear: both;
    margin: 50px 0 20px;
    font-size: 22px;
    color: #ffffff; /* 글자 색상 */
    text-align: center; /* 가운데 정렬 */
    background-color: #1c309e; /* 배경색 지정 */
    border-radius: 8px; /* 둥근 모서리 추가 */
    padding: 10px 15px; /* 내부 여백 */
    border-left: none; /* 기존 왼쪽 테두리 제거 */

반응형

스킨 편집에서 CSS에

현재 h2 태그의 디자인을 찾아주시고

이 내용을 적용시켜 주시면 되요.

 

그럼 소제목이 파란색으로 깔끔하게 들어갑니다!

색상은 지금 컨셉에 맞춰서 수정해주시면 더 좋고요!

 

 

 

적용 방법은 간단해요

위 내용대로 수정만 하면

현재 글들의 모든 소제목의 디자인이

자동으로 변경되요.

아주 쉽죠?

이 기본틀에서 아이콘도 넣고

색상도 변경하고 하면

더 멋진 티스토리 블로그를 만들 수 있어요!

 

 

 

이런 소소한 디자인 하나로도

블로그 전체 분위기가 달라질 수 있다는 거,

직접 해보면 느껴지실 거예요.

 

너무 어렵게 생각하지 말고,

하나하나 적용해보다 보면

어느 순간 나만의 감성이 딱 자리잡게 되더라고요.

혹시 이 디자인 써보시고 느낌이 어땠는지 댓글로도 알려주시면 너무 좋을 것 같아요!

다음에도 도움이 될 만한 디자인이 있으면 또 소개해볼게요.

 

그럼 오늘도 즐거운 블로그 생활 되세요 :)