워드프레스 테마 사용자 정의하기 절차 및 기본 옵션

안녕하세요, 오엠지 디자인에서 워드프레스 강의 차원으로 초보자가 꼭 알아야 할 내용이나 많은 분들이 관심 있는 부분들을 정리해 드리고 있는데요. 이번 시간에는 워드프레스 테마 사용자 정의하기에 대한 이야기로 준비했어요.

실제 테마 사용자 정의하기는 각각의 테마 형식에 따라 차이가 있지만 기본적인 절차나 핵심 요소들은 크게 차이가 없기 때문에 이와 관계된 내용을 정리해 드릴게요.

 

워드프레스 테마 사용자 정의하기 왜 중요 할까요?

블로그를 운영하든, 홈페이지를 디자인할 때 해당 테마가 제공하는 기본 세팅을 변경해 줘야 합니다. 이를 "워드프레스 테마 사용자 정의하기"라고 해요.



로그인으로 접속하면 화면 상단에 사용자 정의하기가 확인되면 이를 통해 웹사이트를 일관성 있게 구축할 수도 있고, 디자인 역시 더 깔끔하게 할 수 있죠.

무엇보다 테마 사용자 정의하기 옵션을 제대로 사용할 수 있다면, 포스팅 구조부터 가독성이 좋아지기 때문에 특별한 디자인을 하지 않아도 워드프레스가 깔끔해 보이는 효과가 있어요.

이때 중요한 요소들은 컬러와 폰트 그리고 이미지 비율을 결정하는 것입니다. 자 그럼 하나 하나 핵심이 무엇인지 확인해 볼까요?

 

사이트 컬러 설정 방법과 주의사항

웹사이트 디자인에서 컬러는 브랜드 정체성을 사이트 색상으로 표현한다고해요. 사실 이렇게 까지 거창할 필요 없이, 몇 가지 요소를 이해하면 누구나 쉽게 워드프레스 테마 사용자 정의하기 기능을 이용해 컬러를 지정할 수 있는데요.



앞서 이야기한 것 처럼 디테일한 적용법은 사실 그리 어렵지 않고, 유튜브만 찾아도 알 수 있으니 지금 사용하는 테마 이름과 "사용자 정의하기"로 검색하면 방법은 알 수 있습니다.

따라서 필자는 설정 시, 고려해야 할 요소를 이 글에서 알려드릴거에요.

컬러 지정은 크게 버튼, 폰트, 바탕 화면으로 나뉘는 데, 대다수 테마는 콘텐츠 영역과 사이트 바탕 화면이 화이트로 설정 되어 있지만 일부 테마는 배경색이 깔린 경우가 있어요. 필자는 개인적으로 사이트 배경과 콘텐츠 배경 모두 흰색을 추천합니다.



버튼 컬러는 사실 브랜드 컬러를 사용하지만, 이때 어두운 배경도 감안해서 결정해야 합니다.

예를 들어 어두운 녹색이 브랜드 컬러라고 할 때, 검정 바탕에 어두운 녹색 버튼은 대비되는 색상이 아니기에 좋은 선택이 아닐거에요.

따라서 원하는 컬러가 어두운 색상이면, 보조 컬러나 포인트 컬러가 필요합니다.

마지막으로 폰트 컬러는 기본적으로 "000000"코드색은 사용하지 않는 게 원칙이며, 본문과 타이틀은 육안으로 구분될 정도로 차이를 두는게 좋지만 그렇다고 대비되는 색상이 되어서는 안됩니다.

추천 컬러 코드는 4f4f4f(본문컬러) 252525 ~ 161616(타이틀컬러)을 기본 베이스로 하고, 보조 컬러는 999999~888888 사이에서 결정해 보세요.

 

워드프레스 테마 사용자 정의하기 핵심은 폰트 설정

사실 필자는 폰트 간격이나 자간, 크기, 행간 등에 민감한 편이지만 실제로 포스팅이나 디자인에서 가독성을 만드는 가장 핵심이 바로 폰트입니다.



따라서 테마 사용자 정의에서 바디 설정 및 타이틀 설정에 신중해야 하는데, 세부 내용은 너무 많아 하나의 포스팅으로 설명이 부족할 것 같고, 오늘은 H1 ~ H4 까지 설정하는 방법을 알려드릴게요.

아시는 것 처럼 H1은 페이지나 글의 제목 태그입니다. 따라서 최소 600이상 두께와 30PX 이상을 설정하는 게 좋습니다. 대신 모바일 설정에서는 28~24까지 해도 무방합니다.

H2~H4까지 글자 크기를 다르게 하는 분들이 많은 데, 이는 잘못된 설정이며, 모두 글자 크기를 동일하게(28~20)정도 사이에서 설정하는 게 좋습니다.

가장 큰 이유는 소제목 크기가 다른 경우 가독성이나 디자인 측면에서 좋은 결과를 얻기 어렵기 때문이죠

그 외 중요한 요소는 텍스트 기본 크기인데, 최소 14PX~18PX 정도에서 설정해 주시는 게 좋습니다. 너무 작거나 크게 설정하면 타이틀과 비율이 맞지 않을뿐더러 눈이 좋지 않은 분들은 읽기 어렵겠죠?

이또한 검색엔진 최적화 요소에서 중요하게 생각하는 부분이니 기억하세요.

 

이미지 비율 역시 중요해요.

이미지 크기는 각 개체에서 조절하면 되지만 비율은 워드프레스 테마 사용자 정의하기에서 설정합니다. 필자는 주로 1:1을 사용하는 데, 사실 특별한 이유가 있습니다. 이는 모바일에서 이미지가 잘 보이도록 하기 위함이에요.



가로 비율 2:1은 사실 이미지가 너무 작게 보이기도 하며, 작성한 포스팅 썸네일을 나열하는 과정에서 역시 좋은 비율이라고 보기 어렵습니다.

또한 이미지 모서리 라운드를 줄 것인지 결정 여부로 동일성을 가지는 게 좋습니다. 이는 사이트 디자인 적인 요소이지만 폰트와 간격에도 영향을 주기 때문에 신중히 결정해야 하는 문제랍니다.

오늘은 이렇게 컬러와 폰트 그리고 이미지 지정에 대해 이야기해 보았습니다. 워드프레스 테마 사용자 정의하기란 사실 시간이 소요되지만 신중하고 여러 가지를 고려해 최상의 결과를 만들어야 앞으로 여러분이 워드프레스를 운영할 때 더 나은 환경에서 사이트를 관리할 수 있습니다.

앞으로도 이와 관련해 하나 하나 설명 드릴테니 추후 관련 게시판에 글이 어느정도 쌓인 경우 검색에서 "테마 사용자정의"로 확인해 보시기 바랍니다.

긴 글 읽느라 수고 하셨습니다.