#워드프레스 초보자 가이드 #가탈작 가이드
이 글을 통해 얻게 되는 정보
- 테마를 이용해서 웹사이트를 디자인 하는 방법
- 엘리멘토 플러그인을 이용해서 웹사이트를 디자인하는 방법
- 웹사이트 디자인의 방향성
글의 순서
STEP 01 - 테마를 이용한 웹사이트 디자인 (방법1)
STEP 01-1 : 테마를 이용한 디자인 방법 가볍게 이해하고 넘어가기
워드프레스에서 테마는 웹사이트의 ‘프레임(=뼈대)’을 담당하고 있습니다. 그리고 ‘사용자 정의’ 패널을 이용해서 워드프레스의 레이아웃, 색상, 서체, 위젯의 삽입&제거를 통해 웹사이트를 꾸며나갈 수 있습니다.
지금 단계에서는 ‘아, 워드프레스에서는 저런 방식으로 웹사이트를 꾸며나가는 구나’ 정도로만 가볍게 이해하고 넘어가면 되겠습니다.
STEP 01-2 : 사용자 정의 패널 가볍게 보고 가기
워드프레스 웹사이트에 로그인 한 상태로 웹사이트에 방문하면 상단부분에 검은색 띠가 보입니다. 검은색 띠에 ‘사용자 정의하기’탭이 있고 그곳을 클릭하게 되면 ‘테마 사용자 정의하기 패널’이 열리게 됩니다.
테마에서 제공하는 ‘사용자 정의 패널’에서 사이트 로고 및 아이콘을 삽입하고, 레이아웃을 설정하고, 색상, 서체 등을 결정하고, 위젯을 넣었다 뺐다하면서 웹사이트를 꾸며나가게 됩니다.
[테마의 ‘사용자 정의하기’ 패널 여는 절차]
> 워드프레스 관리자 페이지에 로그인해서 접속
> 좌측메뉴탭의 상단 부분에 있는 홈 화면
> 사이트 방문하기 클릭
> 사이트 상단부분 검은색 띠에 ‘사용자 정의하기’ 항목 클릭
> 사용자 정의하기 패널 OPEN
STEP 01-3 : 테마로 웹사이트 꾸미는 방법 간단히 알고 가기
[테마로 웹사이트 꾸미는 방법]
- 테마의 '사용자 정의하기'를 통해 웹사이트를 꾸며나가게 됨
- 드래그앤 드롭과 마우스 클릭, 위젯의 삽입과 제거를 통해 웹사이트를 꾸며나가게 됨
- 무료테마부터 유료테마까지 정말 다양하게 존재하기때문에 내 취향에 맞는 레이아웃을 선택해서 웹사이트를 꾸며나가면 됨
- 유료테마일수록 제공되는 기능과 위젯이 많음 → 웹사이트를 더욱 예쁘게 꾸밀 수 있음
STEP 01-4 : 테마의 장단점 알고 넘어가기
[테마의 장점]
- 전문적인 코딩 기술과 지식 없이 드래그앤 드롭과 마우스 클릭만으로 웹사이트를 꾸며나갈 수 있음
- 웹사이트 프레임과 디자인은 전문 개발자와 디자이너가 참여해서 만들어놓은 것이기때문에 나보다 감각적으로 월등히 우월함
- 무료테마부터 유료테마까지 수많은 테마들이 넘쳐남 → 나의 비즈니스 또는 취향에 맞게 선택해서 웹사이트를 꾸며나갈 수 있음
- 특정 유료 테마를 선택해서 디자인과 폰트 사용을 최적화시킬 경우 웹사이트 성능면에서 높은 점수를 받아 구글 랭킹에 굉장히 유리하게 됨 → 상위 노출에 유리 → 수익 창출에 유리
[테마의 단점과 한계]
- 프레임이 이미 결정되어 있기 때문에 디자인 커스터마이징 자유도에 있어서 한계가 있음
- 워드프레스 기본 에디터는 포스팅에 적합하도록 되어 있기 때문에 페이지를 꾸미는데는 한계가 있고, 사용하기 편리하지는 않음
#워드프레스 초보자 가이드 #가탈작 가이드
STEP 02 - 엘리멘토(플러그인)를 이용한 웹사이트 디자인 (방법2)
워드프레스 웹사이트의 제작은 엘리멘토 웹 빌더 플러그인이 등장하기 전후로 나뉜다고 해도 과언이 아닙니다.
테마는 이미 코딩을 통해 결정되어져 있는 프레임 내에서 웹사이트를 꾸미기 때문에 커스터마이징 측면에서 보면 자유도가 그리 높지만은 않습니다. 반면, 엘리멘토 플러그인을 통해 웹사이트를 제작하게 되면 내 입맛에 맞는 색상과 레이아웃으로 웹사이트를 꾸미는 것이 가능하게 됩니다.
워드프레스의 능력치가 상승하게 되면 자연스럽게 엘리멘토를 이용해서 웹사이트를 꾸며나가게 됩니다.
STEP 02-1 : 엘리멘토를 이용한 디자인 방법 가볍게 이해하고 넘어가기
관리자 대시보드에서 위의 절차에 따라 페이지를 생성 합니다.
워드프레스 편집기에서 제목을 작성한 후 ‘엘리멘토 편집하기 버튼’을 클릭해서 엘리멘토 편집기로 들어갑니다.
엘리멘토 편집기에서 컨트롤 패널과 섹션,컬럼 생성 패널을 활용해 웹사이트를 꾸며나갈 수 있습니다.
섹션을 생성하고 컬럼의 갯수를 지정한 뒤, 각 컬럼안에 위젯을 삽입해서 보정해나가는 과정을 통해 커스터마이징을 해나갑니다. 그 결과 자신의 취향에 맞는 웹사이트 디자인이 가능해집니다.
STEP 02-4 : 엘리멘토의 장단점 알고 넘어가기
[엘리멘토의 장점]
- 테마에서 한계에 부딪혔던 디자인 커스터마이징 부분이 해결됨
- 내가 원하는 색상, 레이아웃으로 웹사이트를 꾸며나갈 수 있음
- 웹사이트 제작시 전문적인 코딩 기술이 없어도 드래그앤 드롭 방식을 통해 웹사이트를 제작해나갈 수 있음
- 엘리멘토에서 제공하는 다양한 템플릿을 이용할 경우, 하나부터 열까지 디자인하지 않아도 되는 편리함이 있음
- 개별 글들의 상위노출이 크게 중요하지 않은 비즈니스 블로그의 특성상 엘리멘토를 사용한 웹사이트의 디자인은 필수적임. (단, 홈 화면 첫 페이지의 상위노출은 매우 중요)
[엘리멘토의 단점]
- 상위노출에 최적화되어 있는 경량화 테마와 비교했을때, 웹 사이트 성능면에서 다소 떨어짐
- 개별 글들의 상위노출에 집착해야하는 웹사이트라면 엘리멘토 기반 사이트 제작은 적합하지 않음
#워드프레스 초보자 가이드 #가탈작 가이드
STEP 03 - 테마 + 엘리멘토를 이용한 웹사이트 디자인 (방법3)
테마 디자인에서 벗어나 엘리멘토 디자인을 사용하다보면 웹사이트의 디자인과 성능사이에서 어떻게 하는 것이 최선인지에 대해 딜레마에 빠지게 됩니다.
이러한 딜레마를 해결하기 위해 테마의 한계(디자인 자유도)와 엘리멘토의 한계(웹사이트의 성능) 사이에서 적절한 밸런스 지점을 찾아가게 됩니다. 그 결과 테마와 엘리멘토를 적절히 혼합해서 웹사이트를 디자인하는 방법에 도달하게 됩니다.
쉽게말해, 테마의 골격과 성능은 최대로 살리되, 꼭 필요한 페이지에 한정해서 엘리멘토 웹 빌더를 이용하는 것이며, 이런 방법도 있다는 점을 알려드립니다.
테마만 사용하는 것이 좋은지, 엘리멘토만 사용하는 것이 좋은지, 둘다 혼합해서 사용하는 것이 좋은지에 대한 답은 정해진 것이 없습니다. 비즈니스의 성격을 판단해서 성능을 우선시할건지, 디자인을 우선시할건지, 성능과 디자인의 밸런스를 추구할 건지에 대한 판단은 개별 상황과 취향에 따라 다를 것입니다.
다만 저의 경우 수많은 시행착오를 거치면서 다음과 같은 결론을 내렸습니다.
#워드프레스 초보자 가이드 #가탈작 가이드
STEP 04 - 결론
상위 노출을 위해서는 오로지 경량화된 유료테마만을 이용해서 사이트 로딩 속도를 극대화 시키는 것이 중요합니다. 그 결과 사용자 환경이 극도로 쾌적하게 조성되어 사용자 경험과 관련해 유의미한 데이터값이 쌓이게 되고, 그 결과 구글랭킹이 높아지게 됩니다. 뿐만 아니라, 작성되는 글 역시 SEO 글쓰기를 기반으로 탄탄하게 작성되어야 하며, 위 2가지 사항을 철저하게 지켜나가면서 수익형 블로그를 운영하는 것이 핵심이라고 할 수 있습니다.
반면, 전문 비즈니스 블로그의 경우 수익형 블로그와는 조금 다른 방향으로 운영되어야 합니다. 비즈니스 블로그는 사이트의 성능도 중요하지만 디자인 쪽에 더욱 무게를 두면서 웹사이트를 운영하는 것이 필요할 수 있습니다. 왜냐하면 전문적인 웹사이트 디자인과 전문적인 칼럼 등을 통해 비즈니스의 전문성을 어필하는 것이 매우 중요하기 때문입니다.
디자인 측면을 극도로 살리기 위해서는 엘리멘토 기반으로 웹사이트를 제작해야 하기 때문에 사이트의 성능 측면을 일정 부분 포기하는 것은 기회비용상 어쩔 수 없다고 생각합니다. 다만, 일정 부분 포기한 성능 측면을 상쇄할만큼의 압도적인 전문성을 컨테츠와 디자인 쪽에서 살려준다면 오히려 그것이 비즈니스 블로그를 운영함에 있어 더욱 적절하다고 판단하고 있습니다. (기술의 발전 속도를 고려했을 때, 이 문제 역시 가까운 미래에 해결될 것이라 판단하고 있습니다.)
그런데 엘리멘토를 사용하더라도 성능이 크게 떨어진다는 의미는 아닙니다. 다만, SEO 최적화에 목적을 둔 가벼운 유료 테마 기반으로 운영되는 사이트와 비교했을때 상대적으로 성능이 떨어진다는 의미라는 점 다시 한번 알려드립니다.
비즈니스 블로그라고 해서 상위노출에 아예 신경쓰지 않아야 한다는 것은 아닙니다. 다만, 온라인 강좌를 판매하는 사이트거나 나의 전문적인 지식을 담은 고퀄리티 글이 무료로 공개되는 것이 꺼려지는 경우, 상위 노출에 집착할 필요가 없다는 뜻입니다.
오히려 프라이빗하게 보호하기 원하는 글들도 상당수 있기 때문에 비즈니스 블로그의 경우 무료로 공개할 글들과 유료 컨텐츠로 운영할 글들을 분리해서 운영하는 것이 비즈니스 블로그의 성장에 유리하다는 것입니다.
- 수익형 블로그 (테마만으로 최적화해서 웹사이트 운영)
: 경량화된 최적화된 유료테마만으로 웹사이트 운영 → 상위노출에 유리 → 방문자수 유치에 유리 → 수익 창출에 유리
- 비즈니스 블로그 (엘리멘토 기반으로 웹사이트 운영)
- 홈화면 첫 페이지만 상위노출 되면 됨
- 디자인쪽에 비중을 실으면서 비즈니스 정체성과 전문성을 살리는 방향으로 웹사이트 제작
- 무료로 공개하는 글은 상위노출 될수록 유리하지만 큰 비중을 차지하지는 않음
- 프라이빗하게 운영하기 원하는 고퀄리티 글, 온라인 강좌 등은 상위노출할 필요 없음
[웹사이트 운영의 본질]
- 본질 극대화
: 무료 공개 글, 고퀄리티 유료 공개 글, 서비스 등 컨텐츠의 질이 극도로 높아야 함 - 적합한 마케팅 입히기
: 본질을 기반으로 적극적으로 나의 컨텐츠 및 서비스, 비즈니스를 적절한 방식으로 사람들에게 알려야 수익이 창출됨 - 위의 2가지 중 1가지라도 제대로 안되면 비즈니스로써의 가치는 없음
#워드프레스 초보자 가이드 #가탈작 가이드
수고하셨습니다!
정보가 도움이 되셨나요?
가탈작 가이드 웹사이트는
자발적 정보 이용료로 운영됩니다.
인생은 GIVE & TAKE 라고 생각합니다.
물론, 이용료 지불은 당신의 자유의지 입니다.
감사합니다!
#워드프레스 초보자 가이드 #가탈작 가이드