누구나 개발하고 디자인해요

워드프레스로 홈페이지를 만들어보자

삼색치즈 2023. 12. 28. 15:40
반응형

안녕하세요!

워드프레스로 홈페이지나 블로그, 혹은 특정 사이트를 만들려 하시는분께

워드프레스로 기본적인 모습의 홈페이지를 만든 과정을 공유합니다!

 

공식홈페이지 가이드라인도 참고가 많이 됩니다 :)

▼공식 가이드라인

 

워드프레스란? 사용법 및 시작하기 가이드 최신 꿀팁 정보 총정리 (웹사이트/홈페이지/블로그/쇼

워드프레스웹코리아(WP-KR)가 워드프레스 입문/초보자가 수익형 웹사이트/홈페이지/쇼핑몰/블로그/커뮤니티/온라인강의(LMS/클래스/이러닝/강좌/인강)/플랫폼/쿠팡파트너스 사이트 및 자동화 소

news.wp-kr.com

 

또한 워드프레스로 사업화의 정보를 공유하는 사이트들을 볼 수 있는 링크를 공유드립니다

삼성전자부터 네이버 등등 큰 기업들의 사이트들도 워드프레스로 제작된 사이트 구축사례가 많아요

https://news.wp-kr.com/wordpress-examples-all-list/

 

워드프레스로 제작된 사이트 구축 사례/예시 모음 (한국/일본/중국/미국/유럽 등) [최신 업데이트

워드프레스웹코리아(WP-KR)가 워드프레스로 제작된 국내/해외(한국/일본/중국/미국/유럽 및 기타 지역)의 홈페이지/웹사이트/쇼핑몰/블로그/커뮤니티 사이트 주요 최신 구축 사례 및 예시 모음을

news.wp-kr.com

 

이제 워드프레스 홈화면을 가볼게요!

https://wordpress.com 

 

마음대로 만들어나가는 WordPress

사이트 구축, 온라인 판매, 콘텐츠로 수익 창출 등

wordpress.com

 

 

워드프레스 접속 메인화면에서 가입(계정만들기) 후, 로그인합니다

 

 

로그인 하면, 우상단의 "내 사이트"로 들어갑니다

 

사이트를 만듭니다

 

원하는 도메인 이름을 입력합니다

 

 

 

원하는 사이트 도메인을 선택하세요

저는 우선 무료로 선택했어요!

 

추후 결제하거나, 자신의 도메인을 마련해두셨다면 바꿀 수 있어요

원하는 도메인을 설정하려면 어차피 유료옵션으로 해야해요

 

 

 

 

 

 

 

그리고 게속하기로 진행합니다

 

 

저는 테스트 사이트 구축이라 무료플랜을 선택하고 진행했습니다

만들려는 사이트의 목적에 따라 요금제는 맞춰서 선택하면 되요

 

목표를 선택하여 계속하고, 건너뛰기도 가능합니다

워드프레스 서비스의 더 좋은 발전을 위해서 목표를 선택해주세요 :D

 

여기서 지금 스크린샷에서는 디자인 선택 단계가 스킵되었는데 원하는 테마를 선택해주시면됩니다 

 

 

이어서 사이트 설정을 들어가요 

 

 

 

사이트 제목 및 태그라인 설정을 한 후, 저장합니다 (나중에 하거나 수정도 되요)

 

 

메인으로 돌아와서 사이트 디자인 편집으로 진입해요

 

 

패턴 탭에서 원하는 메인 홈 화면 패턴을 선택해요

사이드(하나의영역) 화면의 테마를 고른다고 보시면 되요

 

 

원하는 주제로 편집을 한 후, 우측 상단 저장 버튼 클릭합니다

 

 

다시 사이트 디자인 편집으로 진입해요

이 과정은 선택한 패턴을 가져오기 위함이에요 

 

 

메인 홈을 클릭해요 (현화면은 가장 기본적인 최초 화면입니다)

 

 

왼상단의 + 버튼을 누릅니다

 

 

my patterns 탭을 클릭해서 내가 만든 패턴을 가져옵니다

 

기본 페이지 하단에 들어간 것을 확인하고 저는 사용 안할 윗부분을 제거했어요

 

 

이것저것 시도후 불필요한 부분(예:메인 주제 설정 텍스트 부분 등) 삭제 후 위쪽 헤더 부분과 아래쪽 푸터를 설정했어요

 

설정 최종 완료 화면 에서 우측 상단 저장 버튼 클릭하면 마무리가 되요

홈페이지 프로토타입은 이렇습니다!

 

네가지 주제를 각 버튼으로 만들었지만 버튼 기능은 동작하지 않아요 버튼기능도 넣을 수 있어요

세부적인 기능이나 디자인은 다 잡아줘야하는데 기획과 디자인이 필요하겠지요?

 

 

그리고 해당 작업물을 내보내려면 사이트 시작을 눌러주세요

 

 

이렇게 사이트가 생성되었어요!

중앙링크로 접속하거나 직접입력하여 들어갈 수 있습니다

 

홈페이지 화면 하나를 워드프레스로 간단하게 만드는 과정을 공유드렸고,

무료버전이나 유료 버전에서 다양한 시도를 할 수 있으며

기획과 디자인에 따라 패턴도 다르게 고르면서, 기능들도 추가할 수 있으니

원하는 사이트를 만들어보세요! 

 

도움이 되었다면 좋아요 부탁합니다 :D

반응형