워드프레스 블로그 테마 중 하나인 GeneratePress 테마를 활용하여 블로그를 꾸미는 방법을 상세하게 알려드릴께요. 디자인을 배우지 않았어도 컴퓨터에 대한 지식이 없어도 깔끔한 레이아웃으로 블로그를 꾸미는 것은 누구나 할 수 있어요. 평소 디자인과 친하지 않은 분들도 손쉽게 나만의 블로그를 꾸밀 수 있답니다.
이전 포스팅을 통해서 우리는 워드프레스를 설치하고 기본적인 설정까지 마무리 하였는데요. 건축으로 생각하면 주요 뼈대가 모두 완성되었어요. 이제 내부 설비와 인테리어 디자인만 남은 셈인데요. 오늘은 인테리어 디자인에 해당하는 사이트 디자인을 같이 해 볼께요.
사이트 디자인이라고 하니 마치 디자이너가 해야 할 것만 같은데요. 워드프레스의 인기로 인하여 이미 많은 전문가들이 디자인의 틀을 만들어서 이를 유료 혹은 무료 템플릿으로 제공하고 있어요. 그렇기 때문에 디자인을 몰라도 그리고 컴퓨터에 대한 지식이 없어도 누구나 디자인적으로도 멋진 블로그를 쉽게 만들 수 있답니다.
워드프레스로 만든 사이트 디자인을 구성하는 템플릿들을 각각의 무드에 따라 묶어서 구성해 놓은 테마를 ‘외모(Appearance)’ 메뉴에서 확인 할 수 있는데요. 우리의 블로그를 꾸미기에 앞서 어떤 테마들이 있는지 먼저 살펴볼까요.
워드프레스 테마란?
워드프레스 테마는 사이트의 시각적 디자인인데요. 테마는 템플릿, 즉 틀을 가지고 있기 때문에 콘텐츠(글, 텍스트, 이미지 등)를 가져와서 이 틀에 맞게 보여주게 되요.
웹사이트의 메뉴, 로고 그리고 위젯이 표시되는 위치와 테마의 무드를 더 확실하게 보여주는데 도움이 되는 컬러 디자인, 글꼴 등 우리가 사이트에 들어갔을 때 시각적으로 보이는 모든 디자인들이 테마에 포함되어 있어요.
이전 포스팅에서 사이트 속도를 높이기 위해 불필요한 테마를 삭제 하였는데요. ‘외모(Appearance)’ 메뉴로 이동 후 ‘새로운 테마’ 버튼을 클릭하면 원하는 테마를 찾아서 손쉽게 설치 할 수 있답니다.
**단 초기의 테마를 잘 선택해야 할 필요가 있는데요. 한번 선택 한 테마를 변경 할 수 없는 것은 아니지만, 테마의 구조적 특성에 따라 ‘메뉴’등 사이트의 디테일이 기존과 틀어지는 경우가 있어서 자칫하면 처음부터 사이트를 만드는 것 만큼의 수고와 노력이 필요 해 질 수 있어요.
그러니 초기에 오랫동안 사용 할 수 있는 테마를 선택하고, 혹시 추후 변경을 하게 된다면 꼭 백업을 받은 후 진행해야 해요. **
‘새로운 테마’ 버튼을 클릭하면 정말 많은 무료 혹은 유료 테마들을 볼 수 있는데요. 추천 받은 테마가 있다면 검색을 통해 찾을 수도 있고, 보편적인 것을 찾고 싶다면 인기순으로 정렬 된 카테고리를, 아직 흔하지 않은 테마를 활용 해 보고 싶다면 ‘최신순’ 카레고리를 살펴보며 마음에 드는 디자인 혹은 내 사이트에 적합한 테마를 찾아서 설치해도 된답니다.
하지만 처음 블로그를 시작하는 분들에게 추천하고 싶은 테마가 있는데요.
바로 GeneratePress라는 테마예요.
GeneratePress 테마의 장점
사이트의 테마를 결정 할 때 세가지 요소를 생각 해 보게 되는데요.
첫째, 디자인을 예쁘게 만들 테마인지.
둘째, 사이트의 반응 속도를 높일 수 있을지.
셋째, SEO적으로 유리한 테마인지.
GeneratePress 테마는 사실 디자인적으로 예쁜 테마는 아니예요. 메뉴의 구조도 단순하고, 꾸밈도 크게 있지 않고요. 하지만 디테일이 거의 없고 디자인이 심플하기 때문에 사이트의 속도가 매우 빠른 큰 장점을 가지고 있답니다.
특정한 이미지를 전달하거나 하는 등의 비지니스 목표가 있지 않고 ‘내가 쓰는 글을 통해 블로그로 방문자 분들과 소통하고 소소한 애드센스 수익이 더해지면 좋겠다’ 하는 정도의 블로그 새싹 분들이라면 GeneratePress 테마만으로도 충분히 잘 운영하실 수 있어요.
구글에서 상위에 검색되는 사이트 중 워드프레스로 블로그를 만들 분들의 콘텐츠를 볼 수 있는데요. 대부분은 프레임이 심플한 사이트 테마가 활용 되고 있어요. 하지만 아무 문제 없이 좋은 정보를 공유 하면서 애드센스 수익을 얻고 계시잖아요.
게다가 보통 콘텐츠에는 이미지들이 들어가기 마련인데요. 이 추가 된 이미지를 ‘특성 이미지’에 추가하면 메인 페이지에 나타나기 때문에 메엔 페이지의 구성이 부족하다는 느낌도 거의 들지 않아요.
GeneratePress 테마 꾸미기
GeneratePress를 선택 한 분들을 위해 필수적으로 커스터마이즈가 필요 한 부분과 어떻게 꾸미면 되는지 알려드릴께요.
이미 템플릿으로 구성되어 있기 때문에 누구나 잘 따라 올 수 있답니다.
1) 위젯
GeneratePress의 메뉴는 블록으로 이루어져 있는데요. 검색박스, 소셜 아이콘, 최신글 리스트 등의 사이트를 구성하는 모든 메뉴가 사각형의 블록 프레임에서 보여지는데 이 블록들이 모여 사이트의 화면을 구성하고 있어요.
그래서 GeneratePress 테마로 블로그를 꾸며 줄 때 가장 먼저 할 일은 ‘외모->사용자 정의하기->위젯’으로 이동하여 불필요한 블록을 삭제 하거나 필요한 블록을 추가(+박스 클릭)하고 블록의 위치를 정해주는 일이예요.
구상하는 블로그 혹은 사이트의 용도에 따라 구성하면 되는데, 저는 기본 세팅을 그대로 사용하거나 댓글 리스트 삭제 혹은 기본 구성에 이미지 블록만 더해서 활용하고 있어요.
2) 블로그 메뉴 만들기
블로그 메뉴를 만들기 위해서는 카테고리 추가를 먼저 해 줘야 하는데요.
글 하위 메뉴인 카테고리로 이동하여 필요한 새카테고리를 만들어 주면 되요.
1> 이름: 발행 하고 싶은 콘텐츠의 주제를 쓰면 됩니다.
2> 슬러그: URL이므로 해당 주제를 영어로 입력해주면 됩니다.
3>카테고리 설명: 카테고리에 대한 설명을 간단히 적어 주면 됩니다.
필요한 카테고리들을 추가 한 후, ‘외모->메뉴’로 이동 후, 모두보기 탭에서 새로 추가한 카테고리들을 선택 후 ‘메뉴 추가’ 버튼을 클릭하면 메뉴 구조에 해당 카테고리들이 일렬로 보이며 나타나는데요.
서브 카테고리로 만들고 싶은 항목이 있으면 해당 블록 위에 커서를 가져 간 후 마우스 왼쪽 버튼을 클릭하여 오른쪽으로 드레그하면 하위 카테고리로 들어가게 됩니다.
3) HOME 메뉴 만들기
우리가 상업적 사이트에 들어갔을 때 상단의 해당 브랜드 로고를 클릭하면 모든 메뉴가 한 눈에 보이는 메인 페이지로 이동하여 사용의 편의성을 높이는데요.
우리가 만든 블로그도 이런 기능을 가진 ‘Home’ 메뉴를 만들 수 있어요.
‘외모->메뉴’의 ‘사용자 정의 링크’를 활용하면 되는데요.
URL에 내 블로그의 도메인을 입력하고 메뉴 이름을 ‘HOME’으로 하면 간단히 만들 수 있답니다.
메뉴 구조의 제일 상단에 ‘HOME’을 배치하면, 기본 설정 하에서는 이 블로그 사이트와 같이 메뉴 제일 왼쪽에 ‘HOME’이 위치해서 보여져요.
4) 사이트 아이덴티티
블로그 방문자 분들이 사이트를 기억 할 수 있도록 사이트의 정체성이 명확해야 하는데요. 사이트가 시각적으로 각인 될 수 있도록 하기 위한 작업이 필요해요.
‘외모->사용자 정의하기->사이트 아이덴티티’ 로 이동해주세요.
블로그 이름과 태그
1> 사이트 제목 : 내 블로그의 이름을 정해주세요.
2>태그라인: 태그라인은 빈칸으로 두셔도 됩니다.
로고와 사이트 아이콘
로고와 아이콘은 사이트의 정체성을 시각적으로 명확히 보여주고 기억 될 수 있게 하는 중요한 요소이기 때문에 꼭 작업해주세요. 특히 따로 지정하지 않았을 경우 기본 디폴트 값이 ‘워드프레스’의 로고로 보여지게 되어서 다른 사이트와 혹은 워드프레스 와의 구분이 모호 해 질 수 있어요.
로고: 권장 이미지 사이즈 350 x 70 픽셀
사이트 아이콘: 권장 이미지 사이즈 min 512 x 512 픽셀
로고 디자인은 복잡한 도안을 사용하기 보다는 블로그를 대표하는 단일 문자나 심플한 디자인이 더 효과적이기 때문에 스스로 만들어도 되는데요. 너무 부담이 된다면 재능 마켓 사이트 등을 통해 외주로 진행해도 된답니다.
다만 이때에는 로고에 맞춰 파비콘도 함께 요청하세요.
파비콘: 파비콘은 주소창 왼쪽에 표시되는 대표 아이콘인데요. 내 사이트의 차별성과 정체성을 명확히 해 주는 주요 요소이니 로고에 맞춰서 만들어 주면 되요. GeneratePress에서 ‘사이트 아이콘’ 파일을 업로드 해 주면 적용됩니다.
이 블로그의 사이트 아이콘은 사이트 완성의 속도를 높이고 싶어서 ‘Affinity Deisgner’라는 앱으로 10분 만에 만든 것인데요. 스스로 하고 싶은 분들을 위해 로고와 사이트 아이콘 디자인에 대해서는 추후 포스팅에서 더 자세히 알려드릴 수 있도록 할께요.
레이아웃 설정
‘외모->사용자 정의하기->Layout’으로 이동하면 사이트 레이아웃을 변경 할 수 있는데요.
기본으로 설정해도 큰 무리가 없고, 원하는 데로 변경해도 됩니다.
콘텐츠 타입
‘외모->사용자 정의하기->Layout->Blog’ 에서 콘텐츠 타입(Content Type)은 반드시 ‘Excerpt(발췌)’로 선택 해서 일부 내용만 보이도록 해주세요.
‘Full content’로 설정하면 내가 올린 콘텐츠의 전체 내용이 메인 페이지에서 다 보이게 되어서 메인 페이지의 구성이 지저분하게 보일 수 있거든요.
오늘은 워드프레스의 테마 중 GeneratePress 테마로 내 블로그를 꾸미기를 같이 해 보았는데요.
역시 전혀 어렵지 않았죠. 이제 꾸미기까지 마쳤으니 다음 포스팅에서는 콘텐츠 구성과 사이트 관리에 도움을 줄 사이트의 내부 설비, 플러그인에 대해서 알아볼께요.