워드프레스(WordPress)는 강력하면서도 사용하기 쉬운 웹사이트 제작 도구이자 콘텐츠 관리 시스템(CMS)입니다. 블로그, 쇼핑몰, 아티스트 포트폴리오, 비즈니스 웹사이트 등 상상할 수 있는 거의 모든 유형의 사이트를 위한 테마가 수만 가지에 달합니다. 하지만 그 편리함 이면에는 테마, 특히 무료 테마의 경우 기능과 커스터마이징 옵션이 상당히 제한적이라는 단점이 있습니다.
대표적인 예가 바로 테마 커스터마이저(customizer)에서 헤더 이미지를 추가하거나 변경하는 기능을 지원하지 않는 경우입니다. 현재 사용 중인 테마에는 대부분 기본 헤더 이미지가 포함되어 있으며, 우리가 할 일은 그 내장 이미지의 위치를 찾아내 자신의 이미지로 교체하는 것입니다. 코딩 지식 없이도 가능한 간단한 우회 방법을 단계별로 소개합니다.
헤더 이미지 교체 절차
1. 워드프레스 관리자 페이지 접속
워드프레스 관리자 계정으로 로그인합니다.
2. 사이트 방문
관리자 화면 왼쪽 상단에 있는 홈 아이콘과 사이트 이름 위로 마우스를 올린 뒤 "사이트 방문(Visit Site)"을 클릭합니다.
3. 개발자 도구 열기
이 단계는 사용하는 웹 브라우저에 따라 세부적인 차이가 있지만, 기본 개념은 모든 브라우저에서 거의 동일합니다. 예를 들어 구글 크롬을 사용한다면 웹사이트의 헤더 영역에서 마우스 오른쪽 버튼을 클릭하고 "검사(Inspect)"를 선택합니다.
그러면 CSS, PHP, HTML 코드 등 화면 뒤편의 방대한 정보가 나타납니다. 하지만 걱정하지 않아도 됩니다. 다음 작업을 수행하는 데 별도의 코딩 실력은 전혀 필요하지 않습니다.
4. 헤더 이미지 경로 확인
<div id="header">, <div id="logo">, 그리고 (아래 이미지처럼) <div id="splash"> 같은 HTML 태그 안의 코드를 살펴봅니다. 이곳에서 헤더 이미지가 저장된 URL 경로를 찾을 수 있을 가능성이 높으며, 형식은 대략 다음과 같습니다.
https://www.domain-name/wp-content/themes/theme-name/images/image-name.jpg
5. 이미지 크기 확인
기본 헤더 이미지의 저장 위치를 파악했으니, 이제 웹호스팅 계정의 파일 시스템에 접속해 해당 이미지를 찾아 교체할 차례입니다.
그 전에 반드시 해야 할 일이 하나 있습니다. 바로 기본 헤더 이미지의 가로·세로 픽셀 크기를 확인하는 것입니다. 교체할 새 이미지는 기존 이미지와 정확히 같은 크기여야 하기 때문입니다. 이미지를 마우스 오른쪽 버튼으로 클릭해 바탕화면에 저장한 뒤 파일 속성 또는 정보를 확인하면 픽셀 크기를 알 수 있습니다.
6. 호스팅 파일 관리자 접속
웹호스팅 서비스는 보통 "CPanel"이라는 사용하기 쉬운 인터페이스로 관리되며, 그 안에 "파일 관리자(File Manager)"가 포함되어 있습니다. 파일 관리자에 로그인한 후 헤더 이미지가 위치한 경로로 이동합니다. 일반적으로 다음과 같은 형태입니다.
/home/userdirectory/public_html/wp-content/themes/theme-name/images/image-name.jpg
7. 기존 이미지 이름 변경
기존 헤더 이미지 파일을 마우스 오른쪽 버튼으로 클릭하고 "image-name-old.jpg"처럼 알아볼 수 있는 이름으로 변경합니다. 이렇게 하면 문제가 생겼을 때 언제든 원래 상태로 되돌릴 수 있습니다.
8. 새 이미지 업로드
새 헤더 이미지를 해당 디렉터리에 업로드합니다. 이때 새 이미지의 파일명은 확장자까지 기존 이미지의 파일명과 완전히 동일해야 한다는 점을 꼭 기억하세요.
9. 브라우저 캐시 삭제
브라우저에 저장된 이미지 캐시 파일을 삭제합니다. 캐시가 남아 있으면 변경된 이미지가 바로 반영되지 않을 수 있습니다.
10. 결과 확인
웹사이트 홈페이지로 돌아가 새로고침합니다.
이제 워드프레스 테마에 완전히 새로운 헤더 이미지가 적용된 것을 확인할 수 있습니다.
마무리
CSS, PHP, HTML이라는 워드프레스의 3대 핵심 언어를 다룰 줄 몰라도, 테마를 구성하는 파일들을 적절히 활용하면 겉으로 드러나지 않는 다양한 작업을 직접 처리할 수 있습니다. 핵심은 이미지 파일처럼 원하는 파일이 어디에 위치해 있는지만 파악하면 됩니다. 위치를 찾아낸 뒤 해당 파일을 자신만의 디자인으로 교체하기만 하면 원하는 결과를 얻을 수 있습니다!