Table of Contents

상위 1% 블로거의 워드프레스 꿀팁, CSS로 글쓰기 환경 자동화하기

✅ General: 워드프레스를 시작한 분들에게 꼭 필요한 이야기

요즘 많은 분들이 워드프레스를 통해 블로그를 운영하며 구글 애드센스 승인을 목표로 열심히 글을 쓰고 있습니다. 하지만 매번 글을 작성할 때마다 글자 크기, 색상, 헤딩 스타일 등을 일일이 수정하는 건 시간이 너무 오래 걸리고 지치는 작업이죠.

특히, 글쓰기 외에도 디자인이나 코딩까지 신경 쓰기엔 너무 벅찬 분들을 위해, 오늘은 CSS를 이용한 기본 스타일 자동화 방법을 소개드립니다. 걱정 마세요! 이건 개발자가 아니어도 누구나 쉽게 할 수 있습니다.

🎯 핵심 목표: 글을 쓸 때마다 반복되는 스타일 설정을 한 번에 자동화해서, 글쓰기 자체에만 집중할 수 있는 환경을 만든다!

글자 크기나 색상, 헤딩 스타일은 단순한 미적 요소가 아닙니다.
특히 타겟 독자층이 50대 이상이라면, 작은 글씨나 흐릿한 색상은 가독성을 떨어뜨려 광고 클릭률에도 영향을 미칠 수 있습니다.

또한, 일관되지 않은 H 태그 크기는 블로그의 전체적인 균형을 깨뜨리고, 독자의 집중력을 분산시킵니다.
CSS를 활용해 기본 스타일을 설정해두면, 이런 문제를 단번에 해결할 수 있습니다.

단 한 번의 설정으로 매번 글 쓸 때마다 느끼던 피로를 줄일 수 있는 최고의 방법입니다.

외모 → 사용자 정의하기 → 추가 CSS로 이동

css
p {
  font-size: 24px;
  color: #333333; /* 가독성 높은 진회색 */
}

css
ul {
  font-size: 20px;
  color: #444444;
}

css
h2, h3, h4, h5, h6 {
  font-size: 32px;
  color: #000000;
}

💡 H 태그는 크기를 통일해 두면, 글 작성 시 어떤 태그를 쓰더라도 스타일이 통일되어 구조가 깔끔해집니다.

외모 → 테마 편집기 → functions.php 하단에 아래 코드 추가:

php
function custom_excerpt_length($length) {
    return 12; // 요약 글 길이 설정
}
add_filter('excerpt_length', 'custom_excerpt_length');

✨ 참고: 글자 크기에 따라 10~14 정도로 조절해보세요!

워드프레스는 강력한 툴이지만, 처음 접하면 어렵게 느껴질 수 있습니다. 하지만 오늘 소개해드린 CSS 설정만으로도 글쓰기 효율성은 물론, 블로그 품질과 수익까지 달라질 수 있습니다.

이제 스타일 고민은 끝내고, 콘텐츠에만 집중하세요. 테마중 원 프레스를 사용 중이시라면, 이 세팅 하나로 ‘상위 1% 블로거’로 성장할 수 있는 준비는 끝났습니다.