코딩, 디자인을 몰라도 무료로 만드는 워드프레스 홈페이지(템플릿 공유2)

 앞문장에서스타터템플릿을활용하여퀄리티높은홈페이지를만드는방법에대해공부했습니다.지난 시간에는 제가 만든 워드프레스 템플릿을 무료로 공유하는 글을 올렸는데요. 올린지 며칠 되었는데 일… blog.naver.com

이번 글에서는 스타터 템플릿을 활용해서 직접 가상의 홈페이지를 만들었는데 여기에 대한 글을 써보도록 하겠습니다. 필요하신분은 이전 템플릿 공유문처럼 비밀 코멘트로 이메일과 이름을 적어주시면 3일 이내에 메일로 템플릿 파일과 설정 방법을 알려드리도록 하겠습니다.전문으로 코딩과 디자인을 몰라도 워드프레스에 대해 조금만 알면 누구나 만들 수 있는 무료 워드프레스… blog.naver.com

스타터 템플릿 활용은 우선 앞 문장에서 썼던 것처럼 스타터 템플릿을 활용하기 위해서는 아스트라 테마를 설치하고 elementor 플러그인을 설치해야 합니다. 그런 다음 starter templates에서 원하는 무료 템플릿을 선택합니다.

어떤템플릿을선택할지고민한끝에1인기업이나프리랜서로활동하는분들에게알맞은템플릿을찾아보기로했습니다. 몇몇 프리랜서를 위한 템플릿이 있었지만, 그 중에서 하나를 선택했습니다.

개인적으로는 인물사진이 너무 좋아 부담스럽지 않을까 생각했지만 최근 코칭이나 컨설팅, 상담을 하고 있는 1인 기업이나 프리랜서분들은 개인 브랜딩이 중요하기 때문에 신뢰를 위해 크게 자기 사진을 넣는 경우도 많은 것 같아서 이 템플릿을 선택했습니다.

그리고 빨간색 동그라미에 표시를 한 것처럼 템플릿 전체를 삽입했습니다. 그 경우, 관련 플러그 인사이트의 디폴트 설정치까지 모두 삽입되기 때문에, 따로 설정할 필요는 없습니다. 이와 같이 삽입을 완료하고 사이트를 확인하면 템플릿이 그대로 보여지는 것을 볼 수 있습니다.

그 다음에 각 페이지로 들어가서 여러분이 원하는 이미지와 텍스트로 교환하는 작업이 필요한데, 저 같은 경우는 이 템플릿을 그대로 사용하지 않고 수정을 했습니다. 이 수정을 할 때 저는 엘리멘타 부가 기능 플러그인 Essential Addons for Elementor를 설치하고 이 플러그인 기능을 활용했습니다.

아래 링크가 제가 만든 템플릿 사이트입니다.(내용은 제가 가상으로 적은 것이기 때문에 신경 쓸 필요가 없습니다.) 함께 일한 고객사 리스트 Services 직장 퇴사 후 경력 준비, 플랜&솔루션 커리어 탐정 셜록훈은 직장인 여러분이 퇴사 후 성공적으로 경력을 시작할 수 있도록 체계적인 시스템으로 도와드리고 있습니다. 샘플로 작성하고 있습니다. 퇴사준비계획자분들의퇴사준비계획을만들수있도록도와드리겠습니다. 샘플로 작성하고 있습니다. 샘플로 작성하고 있습니다. 자세히 보고 싶은 직업을 찾는 여러분이 퇴근 후에 원하는 직업을 찾을 수 있도록 도와드립니다. 샘플로 작성하고 있습니다. 샘플로 작성하여 자세히 보기 직업체험을 한다. 여러분들이… couplein.woosisi.gethompy.com

템플릿수정처음에받은템플릿은모두4페이지로구성되어있었지만제가보기에는굳이구매후기페이지와콘택트페이지가따로필요없는것같아서2페이지로줄였습니다. 혹시 4페이지 다 필요하신 분은 그냥 쓰셔도 됩니다.

그리고 메인 페이지의 서비스 소개 구성이 너무 텍스트 중심이라 눈에 잘 들어오지 않는 것 같아 인포박스를 활용해서 좀 더 스마트하게 변경했습니다.

기존 템플릿(좌) 수정된 템플릿(우)

그 다음에 중간 두 부분에 고객 리뷰가 크게 나오는데, 이 부분을 혹시 이렇게 크게 넣을 필요가 있을까 해서 이 두 부분을 삭제하고 개별 페이지의 고객 리뷰 부분을 추가했습니다.

기존 템플릿(좌) 수정된 템플릿(우)

그리고 다른 콘택트 폼 페이지를 삭제하고 메인 페이지 아래에 콘택트 폼을 넣었습니다. 또한 기존 바닥자의 이미지가 너무 커서 부담스러우시기에 해당 이미지를 삭제하고 간단하게 1:1 상담 버튼으로 변경하였습니다.

기존 템플릿(좌) 수정된 템플릿(우)

마지막으로개별페이지인제공하는서비스에대한상세소개페이지를수정해보았습니다. 예전에는 제공하는 세 가지 서비스 각각에 대한 글을 블로그 글처럼 링크로 연동시켰으나, 개인적인 생각으로는 이렇게 다시 연동하느니 해당 페이지에서 각 서비스에 대한 설명이 있어야 하지 않을까 싶어서 코디온 기능을 활용해 볼 수 있게 되었습니다.
하지만 혹시 모르니까 제일 처음 것만 변경하고 나머지 두 개는 그냥 두었으니까, 원하시는 걸로 선택해서 복사해도 될 것 같아요.

기존 템플릿(좌) 수정된 템플릿(우)

모바일 버전의 경우 각 페이지에서 모바일 화면으로 변경을 해서 확인해보니 조금씩 맞지 않는 부분이 있어서 개별적으로 수정을 했습니다.
그런데 이 템플릿의 경우 무료 버전을 사용해 보이는 단점은 외국 템플릿이기 때문에 sns 아이콘 기능에 한국 블로그 아이콘이 없어서 이 아이콘 이미지를 업로드 할 수 없었습니다.(업로드는 유료기능입니다.) 그래서 만약 블로그 아이콘 업로드가 필요하다면 텍스트 창에 올려 수작업으로 해야하는 단점이 있었습니다.
템플릿공유이렇게모든것을생성한뒤에어떻게하면좋을지궁금한분들과템플릿을공유할수있는지를생각해보면서여러가지테스트를해보고있지만,이전에쓴방법들보다편리한방법들을찾을수가없었습니다.다행히도 편하게 찾은 방법은 테마 셋팅을 그대로 가져오는 플러그인(Import Export Customizer Settings)을 설치하고 그 구성을 그대로 가져온 뒤 각 페이지 템플릿 파일을 가져와 삽입하는 방법이었습니다.
이경우메뉴와로고,메인페이지를개별적으로설정해야하고,이부분에대한설명도필요하다는단점이있었습니다. 제일좋은방법은사이트전체를삽입하는방법인데,이방법을활용하면예상대로표시되지않았기때문에추가로수정하는부부가늘어나는문제가발생했습니다. 그래서 좀 더 간단하게 템플릿을 공유할 수 있는 방법에 대해서는 고민해 볼 생각입니다.
사실 템플릿 공유를 위해 알아보고 만들어 보니까 생각보다 초보자들이 불편하기도 하고 제가 만든 템플릿은 큰 의미가 있을 것 같아서 계속 진행해야 될 것 같아요. 근데 어차피 시작했으니까 조금만 더 해보기로 했어요. 그래서 다음 템플릿은 시행 착오를 겪고, 더 간편하게 품질이 있는 템플릿을 공유하고 싶습니다.
어쨌든, 만약 제가 만든 템플릿이 필요하신 분은 비밀 코멘트로 이메일 주소와 이름을 적어주시면 3일 이내에 보내드리겠습니다. 혹시 받아보신 후에 모르는 것이 있으면 네이버 카페를 개설해서 거기에 질문을 남길 수 있도록 할 계획이니 답변해보겠습니다.
#워드프레스, #워드프레스무료홈페이지, #무료홈페이지, #코딩없음홈페이지, #무료템플릿공유, #무료테마, #워드프레스무료템플릿, #워드프레스무료템플릿, #프리랜서홈페이지, #1인기업홈페이지