How to Make a Website in 10 Mins !
1. 도메인 및 호스팅 확보
웹사이트를 만들기 위한 첫 번째 단계는 도메인 이름과 호스팅을 확보하는 것입니다. 도메인 이름은 웹사이트의 주소(예: youtube.com, facebook.com)이며, 호스팅은 웹사이트의 파일(이미지, 비디오, 콘텐츠)을 저장하는 서버 공간입니다. 도메인 이름과 호스팅을 구매하려면 웹스페이스 키트(Webspace Kit)와 같은 웹사이트를 방문하여 원하는 도메인 이름을 검색하고 사용 가능한지 확인해야 합니다. 원하는 도메인 이름이 이미 등록되어 있다면, 인공지능(AI) 작문 도구를 사용하여 새로운 도메인 이름 아이디어를 얻을 수 있습니다. AI 작문 도구에 비즈니스 세부 정보를 입력하면 창의적인 이름을 제안해 줍니다. 제안된 이름 중에서 사용 가능한 도메인 이름을 웹스페이스 키트에서 다시 검색하여 확인하고, 원하는 도메인 이름을 선택합니다. 호스팅 기간을 선택하고 장바구니에 추가한 다음, 결제 정보를 입력하여 구매를 완료하면 도메인과 호스팅이 성공적으로 확보됩니다. 구매가 완료되면 웹사이트가 인터넷에 게시되고, 기본 디자인으로 표시됩니다.
2. 웹사이트 로그인
웹사이트를 구축하기 위한 두 번째 단계는 사이트에 로그인하는 것입니다. 일반적으로 웹사이트 주소 뒤에 “/login”을 입력하면 로그인 페이지로 이동합니다. 웹사이트가 활성화될 때 이메일로 전송된 로그인 정보를 사용하여 로그인합니다. 이메일에 포함된 사용자 이름과 비밀번호를 입력하고 로그인하면 워드프레스(WordPress) 대시보드로 이동합니다. 워드프레스 대시보드는 웹사이트 전체를 관리하고 제어할 수 있는 중앙 관리 공간입니다. 대시보드에서는 테마 설치, 콘텐츠 추가, 디자인 변경 등 다양한 작업을 수행할 수 있습니다.
3. 테마 설치
워드프레스 웹사이트를 위한 세 번째 단계는 테마를 설치하는 것입니다. 테마는 웹사이트의 디자인 템플릿 역할을 하며, 워드프레스에는 다양한 테마가 제공됩니다. 이 튜토리얼에서는 “Astra”라는 테마를 사용하는데, Astra 테마는 사용하기 쉬운 다양한 사전 디자인된 템플릿을 제공하기 때문입니다. Astra 테마를 설치하려면 먼저 테마 파일을 컴퓨터에 다운로드합니다. 워드프레스 대시보드에서 “Appearance(모양)” -> “Themes(테마)”로 이동하여 “Add New(새로 추가)”를 클릭한 다음, “Upload Theme(테마 업로드)”를 선택합니다. 다운로드한 Astra 테마 파일을 끌어서 놓거나 선택하여 업로드하고, “Install Now(지금 설치)”를 클릭합니다. 테마 설치가 완료되면 “Activate(활성화)” 버튼을 클릭하여 Astra 테마를 활성화합니다. 테마를 활성화하면 웹사이트의 디자인이 변경됩니다.
4. 샘플 웹사이트 가져오기
웹사이트 구축의 네 번째 단계는 샘플 웹사이트를 가져오는 것입니다. 웹사이트를 처음부터 직접 구축하는 대신, Astra 테마에서 제공하는 다양한 사전 제작된 웹사이트 디자인 중에서 하나를 선택하여 가져올 수 있습니다. Astra 테마를 설치한 후, 워드프레스 대시보드에서 “Astra Options(Astra 옵션)” -> “Install Starter Templates(시작 템플릿 설치)”로 이동합니다. 페이지 빌더를 선택하라는 메시지가 표시되면 “Elementor”를 선택하는 것이 좋습니다. Elementor는 웹사이트 페이지를 쉽게 편집할 수 있도록 도와주는 드래그 앤 드롭 방식의 페이지 빌더입니다. Elementor를 선택하면 다양한 웹사이트 템플릿 목록이 표시됩니다. 원하는 템플릿을 선택하고 “Import Complete Site(전체 사이트 가져오기)”를 클릭하면 샘플 웹사이트가 웹사이트에 가져오기 됩니다. 샘플 웹사이트가 가져오기 되면 샘플 콘텐츠와 함께 웹사이트 전체가 구축됩니다.
5. 웹사이트 커스터마이징
웹사이트 구축의 다섯 번째 단계는 웹사이트를 커스터마이징하는 것입니다. 웹사이트의 모든 페이지를 원하는 대로 편집하고 수정할 수 있습니다. 특정 페이지를 커스터마이징하려면 해당 페이지로 이동하여 “Edit with Elementor(Elementor로 편집)”를 클릭합니다. Elementor 편집기에서 텍스트, 이미지, 배경 등을 변경할 수 있습니다. 텍스트를 변경하려면 텍스트 상자를 클릭하고 원하는 내용을 입력하면 됩니다. 이미지를 변경하려면 이미지 상자를 클릭하고 새로운 이미지를 업로드하면 됩니다. 웹사이트 콘텐츠 작성에 어려움을 느낀다면, Gravity Write와 같은 AI 도구를 사용하여 클릭 한 번으로 홈페이지 콘텐츠를 생성할 수 있습니다. Gravity Write에서 생성된 콘텐츠를 복사하여 웹사이트에 붙여넣으면 됩니다. 배경 이미지를 변경하려면 해당 섹션을 선택하고 “Style(스타일)” 탭으로 이동하여 “Choose Image(이미지 선택)”를 클릭한 다음, 원하는 이미지를 업로드합니다. 변경 사항을 완료한 후에는 “Update(업데이트)”를 클릭하여 웹사이트에 적용합니다.
웹사이트에 새로운 페이지를 추가하려면 워드프레스 대시보드에서 “New(새로 만들기)” -> “Page(페이지)”로 이동합니다. 페이지 제목을 입력하고 “Edit with Elementor(Elementor로 편집)”를 클릭합니다. Elementor 편집기에서 요소를 추가하거나, 사전 제작된 템플릿을 사용하여 페이지를 디자인할 수 있습니다. 페이지 콘텐츠를 생성하는 데 도움이 필요하면 Gravity Write와 같은 AI 도구를 사용하여 콘텐츠를 생성할 수 있습니다. 생성된 콘텐츠를 복사하여 페이지에 붙여넣고, 원하는 대로 수정합니다. 페이지 디자인이 완료되면 “Publish(게시)”를 클릭하여 웹사이트에 게시합니다.
새로운 페이지를 메뉴에 추가하려면 “Appearance(모양)” -> “Customize(커스터마이징)” -> “Menus(메뉴)”로 이동합니다. 메뉴 항목을 추가하려면 “Add items(항목 추가)”를 클릭하고, 원하는 페이지를 선택합니다. 메뉴 항목을 재정렬하려면 항목을 끌어서 놓으면 됩니다. 메뉴 변경이 완료되면 “Publish(게시)”를 클릭하여 웹사이트에 적용합니다.
기본 로고를 변경하려면 “Appearance(모양)” -> “Customize(커스터마이징)” -> “Header(헤더)”로 이동합니다. 로고 이미지를 업로드하고 “Publish(게시)”를 클릭하여 웹사이트에 적용합니다. 로고가 없는 경우 Canva와 같은 도구를 사용하거나, Gravity Write에서 제공하는 로고 아이디어 생성기를 사용하여 로고를 만들 수 있습니다. 이 튜토리얼에서 소개된 방법들을 활용하면 10분 안에 웹사이트를 만들고 사용자 정의할 수 있습니다.
관련 링크:
- 워드프레스 테마: https://wordpress.org/themes/
- 드래그 앤 드롭 웹사이트 빌더: https://www.wix.com/
- 로고 디자인 툴: https://www.canva.com/