Kona Story

요즘 O2O 라는 말 많이 들어보셨을거에요. 

바로 온라인투오프라인 

즉 온라인과 오프라인의 상권을 잇는 마케팅을 말하는데요. 

요즘같은 온라인 시대, 나는 오프라인 장사를 하는데 

홈페이지가 왜 필요해 라고

생각하시는 분들은 이제 거의 없을 거에요.

점심을 먹으러 식당에 들어가기 전에도 문앞에서 들어가기 전에 

이 식당이 괜찮은가 네이버에서 검색부터하고 보는 요즘 사람들,

이런 고객들을 위한 홈페이지 제작은 이제 선택이 아닌 필수라고 봅니다.

오늘은 그래서 홈페이지 제작비용이 궁금하신 분들이

쉽게 견적의뢰를 할 수 있는 웹쿱 사이트를 소개해드려요.

웹쿱은 홈페이지 제작사와 홈페이지를 필요로 하는 

고객들을 이어주는 다리 역할을 하는 사이트로

고객이 견적을 문의하면 다양한 웹에이전시들이 

견적을 내주는 사이트랍니다. 

▶ 웹쿱 홈페이지 바로가기>>

사업종류와 마감일자에 맞춰 견적의뢰를 하면 여러 에이전시들이

이렇게 조건을 보고 견적을 제시해주는 웹쿱은 여기저기 에이전시를 찾아

발품 팔 필요가 없어 홈페이지를 제작하고자 하는 고객에게도 좋고,

고객을 기다릴 필요 없이 필요한 고객에게 견적서를 제안할 수 있는

웹에이전시에도 좋은 사이트에요. 

때문에 웹쿱에는 이렇게 다양한 에이전시들이 등록이 되어 있고,

이들의 포트폴리오도 확인할 수 있어 홈페이지 제작을 하는데

편라하게 이용할 수 있답니다. 

웹쿱의 견적요청은 무료! 사이트에서 견적의뢰 해보세요~

▶ 웹쿱에 견적문의하기>>

요즘 웹디자인을 배우고 있는데 고민이 점점 커지고 있어요. 아무래도 소질이 없나보다 레이아웃은 왜이래 색깔은 왜이래 하면서 자학을 하는 단계가 심해지고 있어요. 그래서 결국은 오픈소스를 적극 활용하자 결심을 하고 우선 색상만 잘 잡아도 그럴싸한 디자인이 나올 수있다는 말을 믿고 컬러 팔레트 검색에 나섰습니다.

그러다 발견한 금쪽같은 사이트! 팔레튼닷컴 이에요. 

▶ Paletton.com바로가기

사이트는 굉장히 심플해요 하지만 기능은 매우 놀랍습니다. 저 원형의 팔레트에서 원하는 계열의 색깔을 선택하면 짠 하고 왼쪽에 레이아웃에 어울리는 색깔이 자동으로 배치가 돼요. 

그리고 아래 example 버튼을 누르면 이 색상을 적용했을때의 웹사이트 레이아웃 예시를 볼 수 있어요. 

코딩하기 쉽게 컬러명까지 제공되어서 완전 감사한 사이트에요. 

요즘 웹사이트를 만들다가 난 못하겠어 하고 백기들기 직전 이었는데 다시 마음을 가다듬고 도전해봐야겠어요. 괜히 이런 신기하고 재밌는 사이트 보면 동기부여가 마구마구 되더라구요. 저 처럼 색상 선택부터 어려우신 분들은 참고해보세요!

워드프레스의 큰 장점은 다양한 무료 테마 즉 무료 스킨을 제공한다는 거 아닐까요? 워드프레스는 전세계적으로 가장 핫한 웹사이트 제작툴로 인정받는 만큼, 다양한 국적의 많은 디자이너들이 많은 무료 또는 유료 디자인을 세상에 공개하고 있어요. 오늘은 이렇게 공개된 무료 테마를 제 워드프레스에 설치하는 방법을 보여드릴께요. 

저는 워드프레스를 무료호스팅을 제공하는 호스팅어의 자동설치기를 통해 만들었어요. 그 방법은 아래 이전 포스트에서 확인하실 수 있답니다.

▶ 이전포스트 바로가기 섬네일 클릭

이렇게 워드프레스를 초간단하게 자동설치 하고 나면 아래와 같은 관리자 페이지에 접속하실 수 있어요. 

관리자페이지 주소는 http://내도메인주소/wp-admin 에요.

처음으로 내 워드프레스 웹사이트의 관리자페이지에 접속하면 위 화면과 같은 대시보드가 보이실 거에요.

워드프레스는 이렇게 업데이트가 자주 일어나는데, 보안 패치 강화 등이 있으니 가능하면 업데이트 해주시는 편이 좋다고 하네요. 그래서 바로 지금 업데이트를 눌러 주었습니다. 

금방 업데이트가 되고 나서는 화면이 이렇게 바껴요. 

이제 다시 알림판으로 돌아왔습니다. 

무료테마를 받기 위해서는 왼쪽 메뉴 중 "외모" 항목으로 이동해야 해요.

외모를 누르면 현재 활성화 되어 있는 기본 테마가 보이실꺼에요. 저는 새로운 테마를 설정하고 싶어서 맨 위에 파란색 버튼으로 되어 있는 새로 추가를 눌러주었어요. 

테마를 추가 할 수 있는 페이지에요. 굉장히 많은 테마들이 올라와 있는데 특성/ 인기/ 최근 순으로 필터링을 할 수 있어요.   

저는 사진 관련된 웹사이트를 만들 생각이라 특성을 눌러 필터를 적용시켰어요 주제는 포토 블로깅으로 체크를 했죠.

포토 블로깅 하기에 적합한 테마들이 이렇게 나타나요. 

그 중 제 눈길을 끈 이 테마! 블랙과 화이트로 깔끔하고 사진을 큼직큼직 시원하게 보여줄 수 있을 것 같아서 택했어요.  미리보기를 한번 보고 왼쪽 상단의 설치를 눌러줍니다. 

이제 테마가 자동으로 설치 됩니다. 시간은 얼마 걸리지 않고 금방 끝나요. 

이제 제 워드프레스 웹페이지에 새 테마가 적용된 걸 눈으로 확인할 수 있어요. 여기서 끝은 아니고 이 테마를 바로 사용할 건지 확인을 눌러 주어야 해요. 왼쪽 상단의 "저장&활성화"를 누르면 이 테마가 바로 내 웹사이트에 적용이 됩니다.

자 이렇게 웹사이트가 새 옷을 입었어요. 이 테마는 무료로 제공이 되지만, 추가적으로 어떤 기능을 넣고자 할때는 유료로 확장 구매를 해야해요. 저는 일단 사용해 본 후 유료테마 구매를 시도해보려고 해요.

저는 8,900 원에 닷홈에서 도메인을 구매하고, 무료 2기가를 주는 호스팅어에서 호스팅을 받아 워드프레스를 설치했어요. 여기까지 하는데 벌써 워드프레스 도전 5 까지 왔네요. 오늘은 닷홈에서 구매한 제 도메인을 호스팅어 호스트에 설치한 제 워드프레스 홈페이지로 연결하는 방법을 보여드릴께요.

닷홈 도메인구매하기와 무료호스팅 받기는 이전 포스트를 참고해주세요.

▶ 이전 포스트 바로 가기는 섬네일을 클릭해주세요.

우선, 내 도메인을 웹사이트에 연결하기 위해서는 내 네임서버의 상세정보가 필요해요. 그러니 호스팅어에 먼저 접속을 하고 로그인을 해주세요. 로그인 후, 대시보드에서 호스팅 메뉴로 가서 내가 만든 호스팅 계정을 확인합니다.

내가 갖고 있는 호스팅 계정에서 연결하려는 도메인 앞에 +를 눌러주세요.

아래 나타난 관리 버튼을 눌러 줍니다.

관리 페이지로 들어가면 가장 먼저 보이는 상세정보를 눌러주세요.

이제 상세정보 페이지로 들어왔어요. 가장 먼저 보이는 네임서버 상세정보가 보이실 꺼에요. 이 화면을 열어놓고, 도메인을 구매한 닷홈 사이트로 가주세요.

닷홈에 로그인 후 마이닷홈으로 바로 갑니다. 마이닷홈의 첫번째 메뉴인 도메인 관리를 펼치면 세번째 무료네임서비스 메뉴가 보여요. 이 무료 네임 서비스를 클릭해주세요.

도메인관리에 내 도메인 리스트가 보이시나요? 여기서 연결하고자 하는 도메인의 호스트관리 버튼을 누릅니다.

바로 나오는 페이지의 상단에 Edit 버튼이 보여요. 에디트 버튼을 클릭해주세요.

에디트 페이지의 두번째 항목에 호스트 정보 항목이 있습니다. 이제 호스트 등록에 호스팅어의 네임서버 상세정보의 아이피 주소를 복사해 붙여주세요. 추가버튼을 눌러 그냥 도메인주소와 "www.도메인주소"를 만들어주세요. 이제 확인 버튼을 누르면 끝! 설정 후 3시간 정도의 시간이 지나야 연결된다는 글을 봤는데 전 1시간 정도 지나니 연결이 되어 있더라구요. 그런데 ns1 과 ns2 두개를 설정해 주었더니 하나는 연결되고 하나는 연결이 되지 않아서 둘다 ns2로 설정을 했더니 연결이 잘 되고 있습니다. 

오늘은 초간단 워드프레스 자동설치하기에 도전하려고 합니다. 사실 너무 간단해서 보여드릴 것이 없네요.

지금 보여드릴 워드프레스 설치는 지난번 포스팅에서 보여드렸던 2기가를 주는 무료호스팅 사이트인 Hostinger 에서 제공하는 자동설치기를 이용하는 방법이에요.

Hostinger 에서 계정만들기는 이전 포스팅을 참고해주세요.

▶ 워드프레스 도전(3) 무료호스팅 신청 ( http://konastory.com/44 )

자, 계정을 만드셨으면 로그인 후 상단의 호스팅 메뉴를 눌러주세요.

호스팅 메뉴로 들어가면 내 호스팅 계정목록이 보여져요. 저는 테스트 계정인 konaimages.esy.es 에 워드프레스를 설치해볼꺼에요.

설치하고자하는 계정명을 클릭하면 위 화면과 같은 페이지로 이동합니다. 여기서 아래로 스크롤을 내려주세요.

웹사이트 항목의 두번째 위치한 자동설치기가 보이시나요? 이 자동설치기가 마법처럼 워드프레스 웹사이트를 10분만에 만들어 줍니다.

자동설치기를 누르면, Hostinger 가 자동설치를 해줄 수 있는 여러 어플리케이션이 보여요. 우리는 워드프레스를 설치할 예정이니까 wordpress 를 검색해주세요.

word만 쳐도 바로 나오는 wordpress 보이시나요? 바로 이 워드프레스를 클릭해 주세요.

워드프레스 버튼을 누르면 위 화면과 같은 새로운 설치 설정 화면이 보여요. 자 이제, url 과 관리가 계정, 관리자 패스워드를 넣어주고 설치를 눌러 줍니다. 웹사이트 제목은 지금 넣어도 되고, 나중에 추가할 수도 있어요.

설치하기를 누르면 설치요청이 성공적으로 접수되었습니다. 라는 메세지가 뜨며 현재 작업중이라는 액션이 보이실꺼에요.

십분 정도 경과 후, 화면을 새로고침 해주세요. 로그아웃이 되었다면 다시 한번 로그인을 해주시면 됩니다. 이제 액션 상태가 상세정보/삭제로 보인다면 설치가 완료 된거에요. url 밑에 내 도메인 주소를 클릭해주세요.

짠! 워드프레스 웹사이트가 완성되었습니다. 생각보다 너무 쉽죠?

초기 화면에는 워드프레스에서 제공하는 컨텐츠가 1개씩 샘플로 들어가있어요. 나중에 수정을 해줘야겠어요.

워드프레스의 관리자 모드로 들어가는 주소는 http://내도메인주소/wp-admin 에요. 도메인 주소 뒤에 /wp-admin 만 넣으면 위 화면과 같이 관리자 로그인을 하라는 화면이 뜹니다. 자동설치때 넣어준 사용자 이름과 비밀번호, 안까먹으셨죠?

관리자 로그인을 마치면 위 화면과 같은 관리자 대시보드를 볼 수 있어요. 사이트 현황, 최근 활동, 임시글쓰기 등이 보이네요. 왼쪽메뉴에서는 세부 메뉴설정, 글쓰기, 플러그인 관리등을 할 수 있어요.

자동설치기로 워드프레스 설치하기! 정말 초 간단하죠? 다음에는 제 워드프레스 웹사이트에 예쁜 무료 템플릿을 깔아보려고 해요!