워드프레스 블로그 꾸미기 쉽게 시작하는 방법
운영 중인 블로그를 손볼 때 가장 자주 보는 문제는 디자인이 촌스러운 게 아닙니다. 첫 화면에 메뉴, 배너, 인기 글, 공지까지 한꺼번에 넣어 독자가 글을 찾기 어려운 상태죠. 워드프레스 블로그 꾸미기는 색을 고르기 전에 읽는 흐름부터 잡는 편이 결과가 좋습니다.
테마를 바꾸기 전에 현재 구성을 기록하세요
이미 글이 올라간 사이트라면 먼저 전체 백업을 만드세요. 데이터베이스와 업로드 파일이 모두 들어 있어야 합니다. 가능하면 복구도 한 번 확인하는 게 좋습니다. 테마를 바꾸면 글은 남아 있어도 메뉴 위치, 위젯, 첫 화면 배치가 달라질 수 있습니다. 작업 전 첫 화면과 글 화면을 캡처해 두면 어디가 바뀌었는지 바로 비교할 수 있습니다.
처음 만드는 블로그라면 기본 제공 테마부터 확인해도 충분합니다. 블록 테마는 관리자 화면의 ‘외모 → 편집기’에서 머리글, 바닥글, 템플릿과 전체 스타일을 조정합니다. 전통적인 테마는 ‘외모 → 사용자 정의하기’에서 색과 메뉴를 바꾸는 경우가 많습니다. 설치한 테마에 따라 메뉴 이름과 가능한 설정이 다르니, 다른 사람의 화면을 그대로 따라가기보다 내 관리자 화면에서 편집 경로를 먼저 확인하세요.
테마를 고를 때는 데모 화면보다 실제 글 한 편을 열어보는 게 낫습니다. 제목이 잘 보이는지, 본문 폭이 지나치게 넓지 않은지, 휴대폰에서 메뉴가 자연스럽게 접히는지 확인하세요. 데모에 쓰인 유료 확장 기능이나 전용 플러그인이 없으면 같은 모양을 만들기 어려운 테마도 있습니다.
색과 글꼴은 전체 스타일에서 먼저 맞추세요
블록 테마라면 ‘외모 → 편집기 → 스타일’에서 글꼴, 색상, 레이아웃을 먼저 잡습니다. 이곳의 설정은 여러 화면에 함께 적용됩니다. 글마다 글자색과 여백을 따로 지정하면 나중에 바꾸기 어렵습니다. 전통적인 테마라면 사용자 정의하기의 색상·타이포그래피 항목을 확인하세요.
처음 값은 단순하게 잡으면 됩니다. 본문 글자 크기는 16~18픽셀, 줄 간격은 1.6~1.8배, 본문 최대 폭은 680~760픽셀 정도에서 시작해 실제 글을 읽으며 조절하세요. 이 수치는 정답이 아니라 출발점입니다. 한글 글꼴의 굵기와 테마의 기본 여백에 따라 느낌이 꽤 달라집니다.
색은 배경색, 본문색, 강조색 정도로 제한하는 편이 안정적입니다. 흰색에 가까운 배경과 진한 글자색을 쓰고, 강조색 하나를 링크와 버튼에 반복해서 쓰면 됩니다. 제목마다 다른 색을 주는 것보다 독자가 링크를 즉시 알아보게 하는 편이 중요합니다. 글꼴도 여러 개 불러오면 화면이 늦게 뜰 수 있으니 기본 글꼴로 충분한지 먼저 확인하세요.
첫 화면과 메뉴는 글을 찾는 순서로 배치하세요
블로그 첫 화면에는 사이트 이름, 간단한 소개, 주요 분류, 최신 글이 있으면 출발하기 좋습니다. 상단 메뉴는 4~5개 정도로 시작하세요. ‘소개’, 핵심 글 분류, ‘문의’처럼 방문자가 찾는 항목만 두면 됩니다. 분류가 많다면 메뉴에 전부 올리지 말고 글 목록에서 찾게 하는 편이 읽기 쉽습니다.
블록 테마에서는 ‘외모 → 편집기’의 탐색 메뉴와 템플릿을 확인하세요. 첫 화면을 바꾸다가 공통 머리글을 수정하면 다른 페이지에도 적용될 수 있습니다. 워드프레스 공식 문서도 템플릿 부분의 변경이 이를 사용하는 여러 화면에 반영된다고 안내합니다. 저장 화면에 표시되는 변경 항목을 읽고, 첫 화면과 글 화면을 각각 확인하세요.
글 목록은 카드 한 줄에 너무 많이 넣지 않는 게 좋습니다. 데스크톱에서는 2~3열, 휴대폰에서는 1열이면 제목을 읽기 편합니다. 썸네일 비율을 통일하고 제목은 두세 줄 안에 들어오는지 확인하세요. 방문자가 대부분 글 검색으로 들어온다면 화려한 첫 화면보다 개별 글의 제목, 본문, 다음에 읽을 글 배치에 시간을 쓰는 게 더 낫습니다.
이미지와 플러그인은 추가하기 전에 속도를 확인하세요
이미지는 원본을 그대로 올리지 마세요. 가로 4000픽셀 사진을 작은 글 목록에 쓰면 내려받는 양만 늘어납니다. 필요한 표시 크기에 맞춰 줄이고, 사진은 화질을 확인하면서 압축하세요. 워드프레스가 제공하는 이미지 크기 선택과 편집 기능으로 해결되면 별도 플러그인이 필요 없습니다. 이미지가 많은 사이트라 일괄 변환이 필요하다면 압축 플러그인 한 가지를 검토하되, 설치 전 백업하고 몇 장을 먼저 비교하세요.
페이지 빌더, 슬라이더, 애니메이션 플러그인을 한꺼번에 넣으면 꾸미기는 빨라 보여도 수정할 곳이 늘어납니다. 먼저 테마의 블록과 패턴으로 만들 수 있는지 확인하세요. 플러그인이 꼭 필요하면 최근 업데이트 상태, 현재 워드프레스 버전과의 호환성, 기존 플러그인과 기능이 겹치는지를 보고 하나씩 설치하는 편이 안전합니다.
작업을 마친 뒤에는 휴대폰 너비 360~390픽셀에서 메뉴가 열리는지, 제목이 잘리지 않는지, 버튼을 손가락으로 누르기 쉬운지 확인하세요. 로그인하지 않은 브라우저에서도 첫 화면과 글 한 편을 열어보는 게 좋습니다. 캐시 때문에 관리자 화면에서 본 모습과 방문자가 보는 모습이 다를 수 있습니다. 저는 꾸민 뒤에 요소를 하나 더 얹기보다, 독자가 글을 읽는 데 방해되는 것을 하나 덜어내는 쪽을 권합니다.
