설명용 일러스트: 첫 화면의 소개 순서를 바꾸는 단순한 사이트 모형
글의 내용을 표현한 설명용 일러스트

워드프레스 블로그의 첫 화면이 마음에 들지 않았습니다. 그렇다고 유료 테마부터 사고 싶지는 않았어요. 그래서 무료 아스트라 테마와 스타터 템플릿으로 어디까지 바꿀 수 있는지 해보기로 했습니다.

기준 1. 첫 화면에서 하는 일이 바로 보이게

스타터 템플릿으로 전체 틀을 가져온 다음, 헤더와 첫 화면, 소개가 보이는 순서를 살폈어요. 보기 좋은 요소가 많아도 방문자가 여기가 어떤 곳인지 알기 어려우면 제 목적에는 맞지 않았어요. 필요한 설명은 앞에 두고, 덜 중요한 요소는 줄이는 쪽으로 정리했습니다.

AI에게는 “어떤 디자인이 유행인가요?”보다 “첫 화면에서 우리가 하는 일이 바로 보이게 하려면 소개 순서를 어떻게 잡을까요?”처럼 제 기준을 설명했어요. 답은 후보일 뿐이었고, 선택은 화면을 보며 제가 했어요.

기준 2. 새 기능을 붙이기 전에 관리할 일을 떠올리기

플러그인이나 페이지 빌더를 계속 늘리면 운영하면서 확인할 부분도 같이 늘어납니다. 그래서 엘리멘터는 최소한으로 쓰고, 꼭 필요한 구성부터 남기려 했어요. 속도를 수치로 재거나 플러그인별로 비교한 기록은 없습니다. 그래서 “사이트가 빨라졌다”고 말하기는 어려워요.

바꾼 뒤에는 실제 화면을 다시 보세요

재미나이에 원하는 모습을 말로 설명하고, 워드프레스에서 직접 적용했습니다. 바뀐 화면을 보고 마음에 들지 않는 부분은 다시 물었고요.

자기 사이트를 손보고 싶다면 바꾸기 전 상태로 돌아갈 방법이 있는지 확인하고, 바꾼 뒤 컴퓨터와 모바일 화면을 모두 열어 보세요.

설명용 도식: 테마를 바꿀 때 세 가지 기준