웹 사이트를 만드는 방법

마지막 업데이트 : WebsiteSetup 편집에 의해 2020 년 3 월 11 일.웹 사이트를 만드는 방법



2020 년에 누구나 웹 개발, 디자인 또는 코딩에 대해 전혀 몰라도 웹 사이트를 구축하고 디자인 할 수 있습니다..

자신이나 비즈니스를위한 웹 사이트를 만들려는 경우 적절한 도구와 리소스를 사용하여 쉽게 웹 사이트를 만들 수 있습니다.

이 단계별 가이드는 프리랜서, 대행사 또는 웹 사이트 제작자를 위해 비용을 들이지 않고도 처음부터 웹 사이트를 만드는 데 도움이됩니다..

가이드를 완료하고 웹 사이트를 설정하는 데 1-2 시간의 자유 시간이 필요합니다..

웹 사이트를 구축하기 위해 필요한 것

  • 도메인 이름 (맞춤 웹 주소, www.YourSite.com)
  • 웹 사이트 호스팅 (귀하의 웹 사이트를 호스팅하는 서비스)
  • 워드 프레스 (무료, 일반적으로 사용되는 웹 사이트 플랫폼)

모든 기능을 갖춘 웹 사이트를 구축하려면 도메인 이름 (웹 주소)과 웹 호스팅 계정을 보호해야합니다. 이 두 가지는 귀하의 웹 사이트가 다른 사람이 완전히 액세스 할 수 있도록합니다. 하나도 없으면 웹 사이트를 설정할 수 없습니다.

도메인과 호스팅이 있으면 WordPress 웹 사이트를 만들 수 있습니다. 워드 프레스는 가장 인기있는 웹 사이트 구축 플랫폼입니다. 30 % 인터넷상의 모든 웹 사이트 중.

WordPress 사이트 설정은 일반적으로 웹 호스팅 서비스를 통한 간단한 원 클릭 프로세스입니다..

가이드를 마치면 온라인에서 완벽하게 작동하는 웹 사이트, 맞춤 도메인 이름 및 다른 사용자가 완전히 액세스 할 수 있습니다..

준비된? 시작하자…


목차 (웹 사이트를 시작하는 단계) :
  1. 도메인 이름을 선택하십시오
  2. 도메인 등록 및 웹 호스팅으로 가입
  3. 웹 호스트를 통해 WordPress를 사용하여 웹 사이트 설정
  4. 웹 사이트 디자인 및 구조 맞춤 설정
  5. 중요한 페이지 및 내용 추가
  6. 탐색 메뉴 설정
  7. 온라인 상점 추가 (선택 사항)

전체 공개 : 이 안내서에는 제휴사 링크가 포함되어 있습니다. 추천 링크를 통해 웹 호스팅 및 / 또는 도메인 이름을 구매하면 추가 비용없이 수수료를받습니다. 당신의 지원에 감사드립니다.

이 안내서를 사용하여 웹 사이트 설정이 중단 된 경우이 연락처 페이지를 통해 무료 도움말을 제공합니다.

1 단계 : 도메인 이름 선택


웹 사이트를 구축하려면 가장 먼저 필요한 것은 도메인 이름입니다.

도메인 이름은 웹 사이트 이름과 주소입니다. 이 주소는 방문자가 웹 브라우저를 통해 귀하의 사이트를 찾으려고 할 때 사용됩니다.

이 웹 사이트의 도메인 이름은 websitesetup.org. 당신은 무엇이든 될 수 있습니다.

도메인 이름은 1 년에 $ 10에서 $ 50 정도입니다. 일반적인 가격표는 약 $ 15입니다.

웹 사이트의 도메인 이름을 등록하지 않았거나 선택하지 않은 경우 도움이되는 몇 가지 팁이 있습니다.

  • 당신이 만드는 경우 비즈니스를위한 웹 사이트, 도메인 이름은 회사 이름과 일치해야합니다. 예를 들면 다음과 같습니다. YourCompanyName.com
  • 설정하려는 경우 개인 웹 사이트 그때 너 자신을 위해 YourName.com 좋은 옵션이 될 수 있습니다.
  • 다음과 같은“일반적인”도메인 이름 확장자를 사용하십시오. .com, .그물 또는 .조직 당신의 목표가 해외 방문자라면. 다음과 같은 “로컬”도메인 이름 확장자를 사용하십시오. .드, .fr, 또는 .ru 목표가 국가 타겟팅 방문자 인 경우.

원하는 도메인 이름이 이미 사용 된 경우 걱정하지 마십시오. 등록 된 도메인 이름은 3 억 개가 넘지 만 여전히 사용 가능한 10 억 개의 다른 가능성이 있습니다..

아직 도메인 이름이 없으면 도메인 이름을 등록 할 필요가 없습니다..

첫해 무료로 도메인 이름을 얻는 방법을 알려 드리겠습니다 (2 단계).

2 단계 : 웹 호스팅 및 도메인 등록


도메인 이름 외에도 웹 사이트 호스팅 (웹 호스팅)이 필요합니다.

웹 호스팅은 웹 서버 파일 (콘텐츠)을 항상 실행중인 보안 서버에 호스팅하고 저장하는 서비스입니다. 웹 호스트가 없으면 다른 사람이 읽고 탐색 할 수있는 사이트에 액세스 할 수 없습니다.

새 웹 사이트를위한 경제적이고 안정적인 웹 호스팅 비용은 일반적으로 한 달에 3 ~ 10 달러입니다. 커피 한 잔 미만이지만 웹 사이트 성공을위한 중요한 투자.

어느 웹 호스팅 회사에 가입하든 다음 기능이 있는지 확인하십시오.

  • SSL을 사용한 무료 도메인 이름 (보안 용)
  • 한 번의 클릭으로 WordPress 설치 (무료)
  • 맞춤 이메일 계정
  • 무제한 또는 무제한 대역폭 (트래픽 제한 없음)
  • 고객 지원, 24/7 실시간 채팅

위의 모든 것을 제공하는 웹 사이트 호스팅을 찾으면 좋은 제공 업체를 찾은 것 같습니다.

웹 호스팅 및 도메인에는 Bluehost.com을 사용하는 것이 좋습니다. 그들은 제안한다 무료 도메인 등록 첫해에 도메인 이름을 받고 같은 회사에서 호스팅하면 시간과 돈을 절약 할 수 있습니다..

블루 호스트 호스팅 계획은 $ 3.95 / 월 (할인 링크가있는 $ 2.75 / mo) 및 웹 사이트 설정에 필요한 모든 기능을 제공합니다.

1) 웹 호스팅 계정을 얻으려면 Bluehost를 방문하여“지금 시작”을 클릭하십시오..

블루 호스트

2) 다음으로 웹 호스팅 계획을 선택하십시오 (선택 플러스는 무제한이며 기본은 새로운 사이트에 가장 적합합니다).

웹 호스팅 계획을 선택하십시오

3) 다음으로 도메인 이름을 선택하고 등록하십시오 (첫해 무료).

도메인 이름을 등록하십시오

Bluehost는 다음과 같은 국가 별 도메인 엔딩을 제공하지 않습니다..드, .fr, 또는 .ru. 필요한 경우 Domain.com 또는 GoDaddy.com에서 별도로 구입할 수 있습니다..

다른 곳에서 구입 한 도메인 이름이 이미있는 경우 Bluehost를 사용하여 새 호스팅 계획에 연결할 수 있습니다. 여기에 몇 가지 추가 단계가 필요합니다. 이름 서버. 여기 가이드가 있습니다 이를 수행하는 방법에 대한 Bluehost.

4) 등록 절차를 완료하면 즉시 액세스하는 데 몇 분이 걸리므로 웹 사이트 구축을 즉시 시작할 수 있습니다..

블루 호스트 시작 화면

3 단계 : WordPress 웹 사이트 설정 (웹 호스트를 통해)


도메인 이름과 웹 호스팅을 준비한 후에는 웹 사이트 구축 플랫폼 (CMS라고도 함)을 선택하고 설치해야합니다..

사용하기 쉽고 수천 개의 무료 디자인과 추가 기능이 제공되므로 웹 사이트를 전문적이고 독창적으로 만들 수 있으므로 WordPress를 선택하는 것이 좋습니다..

워드 프레스 웹 사이트를 설정하는 것은 쉽고 웹 호스트가 대부분 귀하를 위해 해주므로 손을 더럽힐 필요가 없습니다..

Bluehost를 웹 호스팅으로 사용하지 않아도 걱정하지 마십시오. 많은 웹 호스팅 제공 업체는 호스팅 cPanel 어딘가에 “WordPress 설치”를 가지고 있습니다. ‘를 제공하지 않는 웹 호스트를 다루는 경우원 클릭 설치“, WordPress를 설정해보십시오 수동으로.

1) Bluehost에 WordPress 웹 사이트 설치

  1. Bluehost 계정에 로그인
  2. “내 사이트”를 클릭 한 다음 “사이트 만들기”를 클릭하십시오웹 사이트를 만드는 방법을 배울 때 Bluehost 내 사이트 화면
  3. 사이트에 대한 기본 정보를 제공하면 WordPress 설치가 시작됩니다. 그것은 모두 자동 조종 장치에서 발생합니다.
  4. 설정이 완료되면 Bluehost가 설치 및 로그인 세부 정보를 표시합니다. 이 정보를 안전한 곳에 보관하십시오.

블루 호스트 설치 세부 사항

2) 도메인 주소를 입력하여 웹 사이트 테스트

WordPress가 설치된 상태에서 다음에해야 할 일은 모든 것이 작동하는지 테스트하는 것입니다..

가장 쉬운 방법은 도메인 이름을 웹 브라우저에 입력하는 것입니다.

WordPress가 올바르게 설치되면 다음과 같은 매우 기본적인 웹 사이트가 표시됩니다.

웹 사이트를 만드는 방법 : Fresh WordPress Install

이것이 매력적으로 보이지 않더라도 걱정하지 마십시오. 디자인을보다 매력적인 것으로 바꾸는 방법을 곧 알게 될 것입니다.

3) SSL / HTTPS 설정 확인

즉, SSL 인증서는 웹 사이트가 방문자에게 안전하게 전달되도록합니다..

새 웹 사이트를 만들거나 WordPress를 설치할 때 Bluehost가 자동으로 SSL을 추가합니다. 사이트의 SSL 상태를 확인하려면 다음 단계를 수행하십시오.

  1. Bluehost 포털에 로그인
  2. “내 사이트”를 클릭하십시오
  3. 귀하의 사이트를 찾아“사이트 관리”를 클릭하십시오
  4. “보안”탭으로 이동
  5. “보안 인증서”에서 “무료 SSL 인증서”상태를 확인할 수 있습니다

모든 것이 잘 진행되면 자물쇠 웹 브라우저에서 도메인 이름 옆에있는 아이콘.

SSL을 완전히 설정하는 데 몇 시간이 걸릴 수 있지만 웹 사이트를 계속 구축하는 데 방해가되지는 않습니다..

4 단계 : 웹 사이트 디자인 및 구조 사용자 정의


베어 웹 사이트가 활기차고 발 차기 시작한 지금, 멋진 디자인을 선택하고, 맞춤 설정하고, 브랜딩 요소를 추가하여 자신 만의 느낌을 갖도록 할 차례입니다..

로 시작:

1) 귀하의 웹 사이트에 대한 테마를 선택하십시오

WordPress 테마는 전체 웹 사이트의 모양을 바꾸는 기본 디자인 패키지입니다. WordPress 테마는 서로 바꿔 사용할 수 있습니다. 테마에서 테마로 쉽게 전환 할 수 있습니다..

가장 중요한 것은 웹에서 수천 개의 무료 및 유료 WordPress 테마를 사용할 수 있다는 것입니다.

인기있는 워드 프레스 테마

대부분의 사람들이 좋아하는 무료 테마를 원한다면 가장 좋은 곳은 WordPress.org의 공식 테마 디렉토리입니다. 특히 가장 인기있는 테마.

당신이 볼 모든 테마는 훌륭한 품질과 그 뒤에 큰 사용자 기반이있는 것으로 입증되었습니다.

이 목록을 자유롭게 탐색하고 좋아하는 테마를 선택하지만이 가이드에서 속도를 높이려면 다음을 권장합니다. 만년설. 소수의 시작 사이트 (다른 ​​틈새 및 유형의 웹 사이트를위한 디자인 패키지)와 함께 제공되는 다목적 테마입니다..

우리는 앞으로이 안내서에서 그 주제를 사용할 것입니다.

2) 원하는 테마 설치

WordPress 관리 인터페이스로 이동하십시오. 당신은 그것을 찾을 수 있습니다 YOURSITE.com/wp-admin. WordPress 설치 중에 얻은 사용자 이름과 비밀번호를 사용하십시오..

  1. 사이드 바에서 “테마 → 새 항목 추가”로 이동하십시오.웹 사이트를 만드는 방법 : 테마 추가
  2. 검색 창에 “Neve”를 입력하고 테마 이름 옆의 “설치”버튼을 클릭하십시오.웹 사이트를 만드는 방법 : 테마 설치
  3. 설치가 완료되면 “설치”버튼 대신에 “활성화”버튼을 클릭하십시오.
  4. 설치가 예상대로 진행되었음을 알리는 성공 메시지가 표시됩니다..

3) 디자인 가져 오기 (Neve 테마 사용자 만 해당)

이 시점에서 테마가 활성화되어 있지만 제대로 표시되도록해야 할 일이 몇 가지 더 있습니다..

다음과 같은 환영 메시지가 나타납니다.

환영합니다

Neve의 가장 큰 장점 중 하나는 디자인이 하나뿐 아니라 다양한 디자인 중에서 선택할 수 있다는 것입니다. 큰 파란색 버튼을 클릭하면 볼 수 있습니다.. 

멋진 사이트

20 가지가 넘는 디자인이 무료로 제공되며 비즈니스, 레스토랑, 피트니스, 음악, 음식, 웨딩, 사진, 전자 상거래, 포트폴리오 등과 같은 인기있는 웹 사이트 틈새 시장을 대부분 커버합니다. 기본적으로 사이트의 주제가 무엇이든 관계없이 적합한 디자인 패키지를 찾을 수 있습니다. 

이 가이드의 목적을 위해 목록에서 “Original”이라는 첫 번째 가이드를 선택합니다.

이 설치 프로세스는 사이트에 필요한 모든 요소를 ​​처리합니다. 디자인 자체, 디자인에 필요한 모든 플러그인 및 나중에 수정할 수있는 데모 데모가 제공됩니다..

“가져 오기”버튼을 클릭하면 모든 것이 진행됩니다. 1 분 정도 지나면 성공 메시지가 표시됩니다.

좋은 성공

그런 다음 “모양 → Neve 옵션”으로 이동하여 테마로 수행 할 수있는 다른 작업을 확인하십시오.. 시작하기 좋은

아래 옵션 중 일부를 살펴 보겠습니다.

4) 로고 추가

대부분의 사용자가하고 싶은 첫 번째 일은 로고를 업로드하여 사이트의 왼쪽 상단에 표시하는 것입니다. 지금 해보자.

�� Y당신은 DIY 로고 수 있습니다. 로고를 직접 만드는 데 사용할 수있는 도구는 다음과 같습니다..

로고가 준비되면 사이트에 로고를 추가 할 수 있습니다. “모양 → Neve 옵션”으로 이동하여“로고 업로드”링크를 클릭하십시오.

웹 사이트를 만드는 방법 : 로고 업로드

다음과 같은 내용이 표시됩니다.

맞춤 설정 도구 로고

이 인터페이스는 워드 프레스 커 스터 마이저, 웹 사이트의 다양한 모습을 편집 할 수 있습니다. 우선, 로고를 업로드 할 수 있습니다. 그렇게하려면 왼쪽 상단에있는 ‘로고 선택’버튼을 클릭하십시오..

워드 프레스는 로고를자를 수있는 옵션을 제공하지만 생략해도됩니다.

로고 추가

페이지 모서리에 로고가 곧 나타납니다..

또한 사이트 이름과 태그 라인을 로고와 함께 표시 할 것인지 선택하고 로고의 최대 너비를 설정할 수 있습니다. 이러한 설정을 실험하고 자신에게 가장 적합한 것을 선택하십시오..

완료되면 “게시”버튼을 클릭 한 다음 (왼쪽 상단) “X”버튼을 클릭하여 사용자 정의 프로그램을 종료하십시오.

5) 웹 사이트 색상 표 및 글꼴 변경

실험 할 수있는 또 다른 것은 사이트에서 사용되는 색 구성표와 글꼴을 변경하는 것입니다. 웹 사이트를 만드는 방법을 배우면서 사이트를보다 독창적이고 브랜드 아이덴티티에 맞추기위한 쉬운 해결책입니다..

  1. 시작하려면 “모양 → Neve 옵션”으로 다시 이동하십시오. 다음 두 가지 옵션에 중점을 둘 것입니다.웹 사이트를 만드는 방법 : 색상 및 글꼴 변경
  2. 먼저 “색상 설정”을 클릭하십시오.
  3. 대부분의 WordPress 테마는 디자인의 다양한 요소에 사용되는 색 구성표로 정의됩니다..
  4. 가장 일반적으로 링크의 색상, 사이트의 텍스트 및 배경입니다..
  5. Customizer를 통해 Neve 테마의 색상 할당을 변경할 수 있습니다.
  6. 색상을 바꾸려면 해당 색상을 클릭하고 새 색상을 선택하십시오..색 변경
  7. 완료되면 “게시”및 “X”를 클릭하십시오..

글꼴 변경은 비슷하게 작동합니다.

  1. “모양 → Neve 옵션”패널에서“글꼴 사용자 정의”링크를 클릭하십시오..
  2. Neve를 사용하면 시스템 글꼴 및 Google 글꼴의 전체 카탈로그에서 선택할 수 있습니다.
  3. “Font Family”상자를 클릭하고 원하는 글꼴을 선택하십시오..글꼴 변경
  4. 그런 다음 제목에 사용 된 개별 글꼴을 미세 조정할 수 있습니다.

이러한 설정을 실험하여 사이트에 미치는 영향을 확인하십시오..

  1. 사이트의 본문 섹션에 사용되는 글꼴을 사용자 정의하려면 왼쪽 상단 근처에있는 화살표 버튼을 클릭하십시오.맞춤 설정 도구로 돌아 가기
  2. “일반”을 클릭하십시오. 유사한 옵션 패널로 이동하지만 이번에는 본체 글꼴을 조정합니다.
  3. 완료되면 “Publish (게시)”및 “X”를 클릭하십시오..

6) 사이드 바 추가

‘모양 → Neve 옵션’패널에서 수행 할 수있는 또 다른 작업은 사이드 바 표시 방식을 설정하는 것입니다. “콘텐츠 / 사이드 바”를 클릭하여 시작하십시오.

여기에는 세 가지 주요 옵션이 있습니다. 사이드 바 없음, 왼쪽의 사이드 바, 또는 오른쪽 사이드 바. 오른쪽 사이드 바는 대부분의 웹 사이트에 대한 클래식 레이아웃입니다. 컨텐츠 너비를 설정할 수도 있습니다. 변경 후 “Publish”및 “X”를 클릭하십시오.

7) 위젯 추가 (무료 WordPress 추가 기능)

위젯은 일반적으로 웹 사이트의 사이드 바에 나타나는 작은 콘텐츠 블록입니다. 이전 단계에서 사이드 바를 설정 했으므로 이제 위젯을 사용하여 사이드 바를 맞춤 설정해 보겠습니다..

위젯을 구성하려면“모양 → 위젯”으로 이동하십시오. 당신은 이것을 볼 것입니다 : 

웹 사이트를 만드는 방법 : Customizer

왼쪽에는 사용 가능한 모든 위젯이 있습니다. 오른쪽에는 현재 테마에서 지원하는 모든 위젯 영역이 있습니다. 사이드 바에 위젯을 추가하려면 왼쪽에서 위젯을 잡고 사이드 바 영역으로 끌어서 놓기 만하면됩니다..

예를 들어, 사이드 바에 모든 페이지를 나열하려면 “페이지”위젯을 잡고 사이드 바 섹션으로 끌어 오십시오. 위젯의 일부 기본 설정을 구성 할 수도 있습니다.

8) 당신이 만든 테마로 실험

위에서 다룬 내용은 독창적이고 독창적 인 웹 사이트를 만드는 방법을 파악하기에 충분하지만 더 많은 옵션이 있습니다..

그것들을 모두 보려면“모양 → 사용자 정의”로 이동하십시오. 모든 설정과 사전 설정으로 Customizer의 기본 인터페이스가 시작됩니다..

웹 사이트를 만드는 방법 : Customizer

사용 가능한 항목을 탐색하고 몇 가지 옵션을 가지고 놀아 보는 것이 좋습니다. 여기서 논의하지 않은 몇 가지 사용자 지정 내용에 문제가있을 수 있습니다..

5 단계 : 웹 사이트에 콘텐츠 / 페이지 추가


페이지는 웹 사이트의 본질입니다. 페이지가없는 웹 사이트는 상상하기 어렵습니다.?

기술적 인 관점에서 웹 페이지는 웹상의 문서 일뿐입니다. 웹 사이트의 브랜딩 요소 (예 : 머리글 및 바닥 글)가 있다는 점을 제외하면 기존의 Word 문서와 크게 다르지 않습니다..

웹 페이지는 WordPress에서 쉽게 만들 수 있습니다. 그러나 사용 방법을 시작하기 전에 먼저 어떤 페이지를 만들어야하는지 논의 해 보겠습니다..

대부분의 웹 사이트는 다음과 같은 페이지가 필수적이라고 생각합니다.

  • 홈페이지 – 방문자가 웹 사이트를 방문 할 때 처음 보게되는 페이지입니다
  • 페이지 – 웹 사이트 정보를 설명하는 페이지
  • 접촉 페이지 – 방문자가 귀하에게 연락 할 수있는 페이지
  • 블로그 페이지 – 가장 최근의 블로그 게시물 목록; 블로그를 계획하지 않는 경우 블로그 페이지를 회사 뉴스 및 공지의 장소로 사용할 수 있습니다.
  • 서비스 페이지 – 구축하려는 웹 사이트가 비즈니스 용인 경우이 페이지를 사용하여 서비스를 소개하십시오.
  • 가게 페이지 – 전자 상거래 상점을 시작하려는 회사의 경우

위의 많은 페이지는 구조가 매우 유사합니다. 실제 페이지의 내용 만 다릅니다. 기본적으로 한 페이지를 만드는 방법을 배우면 모든 페이지를 만드는 방법을 알게됩니다. 여기에는 약간의 뉘앙스가 있으므로 이제 몇 가지 기본 유형의 페이지를 만드는 방법을 설명하겠습니다.

1) 홈페이지 만들기

Neve를 사용하는 경우 홈페이지는 다음과 같습니다.

홈페이지

이 페이지의 구조와 페이지의 요소 (모든 텍스트 및 이미지)를 편집 할 수 있습니다.

그렇게하려면 상단 바에서 “요소로 편집”버튼을 클릭하십시오.. 

Elementor로 편집

Elementor 페이지 빌더의 인터페이스가 표시됩니다..

웹 사이트를 만드는 방법 : Elementor

Elementor는 우리가 비주얼 페이지 빌더. 즉, 페이지에 표시되는 요소를 클릭하고 직접 편집 할 수 있습니다. 예를 들어 메인 헤드 라인을 변경하려면 해당 헤드 라인을 클릭하고 입력을 시작하십시오.. 

헤드 라인 유형

왼쪽 사이드 바를 보면 전체 맞춤 설정 패널이 있습니다. 컨텐츠 블록의 구조와 스타일을 조정할 수 있습니다. 예를 들어 다음은 헤드 라인 작업시 볼 수있는 내용입니다. 

헤드 라인 스타일

또 다른 멋진 점은 페이지의 요소를 잡고 다른 곳으로 끌어다 놓을 수 있다는 것입니다.

소 요소 블록

새 요소를 추가하려면 왼쪽 상단의 작은 사각형 아이콘을 클릭하십시오.

사용 가능한 모든 콘텐츠 블록 목록이 표시됩니다.

블록을 잡고 페이지 캔버스로 드래그하십시오..

홈페이지에서 작업하는 가장 좋은 방법은 블록 단위로 이동하여 페이지에있는 데모 컨텐츠를 편집하는 것입니다..

새 텍스트 컨텐츠를 입력하고 일부 블록을 재정렬하고 필요하지 않은 블록을 삭제 한 후 그에 따라 새 블록을 추가하십시오.

이 전체 인터페이스는 사용하기에 매우 직관적이므로 한 시간 정도만 사용하고 다른 것들을 실험 해보십시오..

2)“정보”,“서비스”,“연락처”와 같은 페이지를 만듭니다.

홈페이지에서 작업하는 것보다 WordPress에서 클래식 웹 페이지를 만드는 것이 훨씬 쉽습니다. “페이지 → 새로 추가”로 이동하십시오. 이 인터페이스가 표시됩니다.

웹 사이트를 만드는 방법 : 페이지 추가

모든 페이지에는 제목이 필요하므로 “제목 추가”라고 표시된 곳에 제목을 추가하십시오. 예를 들어 “회사 정보”또는 “연락처”

다음으로 페이지 레이아웃을 선택하십시오. 표준 페이지를 작성하는 경우 목록의 첫 번째 페이지 인 “Single Row”로 이동할 수 있습니다. 그러나 속도를 높이려면 템플릿 라이브러리에서 선택할 수 있습니다. 이를 위해 파란색 버튼을 클릭하십시오.

다양한 사전 제작 페이지 섹션에서 선택할 수있는 창이 표시됩니다. 당신이 작업하는 경우 예를 들어, 다음 블록을 빠르게 찾아서 사용할 수 있습니다.

페이지 블록에 대하여

원하는 블록 옆에있는 “삽입”버튼을 클릭하면 페이지에 추가됩니다. 여기에서 추가로 사용자 정의하거나 텍스트를 변경하거나 이미지를 바꿀 수 있습니다.

페이지 편집 정보

완료되면 화면 오른쪽 상단의 ‘게시’버튼을 클릭하십시오..

작업 할 때 동일한 프로세스를 수행 할 수 있습니다 접촉 페이지 또는 서비스 페이지도.

템플릿 라이브러리에서 다른 페이지 블록을 선택하십시오. 예를 들어, 이것들은 서비스 페이지:

서비스 블록

템플릿을 사용하지 않고 직접 새 페이지 요소를 추가하려면 편집기 인터페이스의 왼쪽 상단에있는 “+”아이콘을 클릭하십시오.. 

블록 추가

선택한 블록은 페이지 하단에 추가됩니다. 새로운 단락 블록은 다음과 같습니다.

명령

보시다시피 자유롭게 편집하고 텍스트 속성을 변경할 수 있으며 오른쪽 사이드 바에 색상 설정이 있습니다.

언제나 그렇듯이 완료되면 ‘게시’를 클릭해야합니다..

3) 블로그 페이지 만들기

블로그 페이지는 최신 블로그 게시물 목록을 찾을 수있는 곳입니다..

좋은 소식은 블로그 페이지가 이미 만들어 졌다는 것입니다. WordPress와 Neve 테마를 설치했을 때 발생했습니다. “페이지”로 이동하여 해당 페이지를 볼 수 있습니다. 

블로그 페이지 목록

“보기”링크를 클릭하면 블로그 페이지가 실제로 표시됩니다..

새 블로그 게시물 추가 :

새 블로그 게시물을 추가하려면“게시물 → 새 게시물 추가”로 이동하십시오.

게시물 추가

이 인터페이스는 무엇을 생각 나게합니까? 예, 표준 페이지를 만들 때 사용한 것과 동일한 편집 환경입니다. 쉬운!


다양한 멋진 페이지가 만들어지면 웹 사이트를 만드는 방법에 대한 다음 단계는 내비게이션 (웹 사이트 메뉴)을 설정하는 것입니다. 메뉴는 방문자가 사이트의 페이지 간 이동에 사용하는 것입니다..

“모양 → 메뉴”로 이동하여“새 메뉴 만들기”를 클릭하십시오.

웹 사이트를 만드는 방법 : 메뉴 만들기

첫 번째 메뉴를 단계별로 만드는 방법은 다음과 같습니다.

워드 프레스 메뉴 생성 과정

  1. 제목을 추가하여 시작하십시오. 메뉴 제목은 중요하지 않지만 다른 메뉴 중에서 메뉴를 인식하는 데 도움이됩니다 (예, 둘 이상 가질 수 있음).
  2. 메뉴에 추가 할 페이지를 선택하십시오. 게시물이나 사용자 정의 링크와 같은 다른 항목을 메뉴에 추가 할 수도 있습니다..
  3. “메뉴에 추가”버튼을 클릭하여 선택한 페이지를 메뉴에 추가하십시오.
  4. 끌어서 놓기 메뉴 항목을 사용하여 중요 순서대로 링크 정렬.
  5. 메뉴 표시 위치를 선택하십시오. 테마마다 다릅니다.이 경우 메뉴를 “기본”위치로 설정하면 메뉴가 헤더에 표시됩니다..
  6. 마지막으로 메뉴를 저장하십시오.

이 단계에서는 홈페이지에 모든 메뉴가 표시됩니다..

7 단계 : 온라인 상점 / 전자 상거래 추가


이 가이드에서 마지막으로 할 일은 온라인 상점을 만드는 것입니다.

새로 만든 웹 사이트에 온라인 상점을 추가하려는 경우, 이 단계별 자습서를 따르십시오..

이것은 분명히 모든 웹 사이트에 필요한 것은 아니므로 전자 상거래가 원하는 것이 아니라면이 단계를 건너 뛰십시오..

WordPress 전자 상거래 작동 방식

WordPress가 다목적 웹 사이트 플랫폼 인 동시에, 완전한 기능을 갖춘 전자 상거래 온라인 상점을 구축 할 수 있다는 것은 놀라운 일이 아닙니다.. 완전한 기능으로, 즉, 원하는 수의 제품을 나열하고 판매 할 수 있으며 고객의 주문을 수집하고 전체 프로세스의 모든 세금 및 배송 관련 요소를 처리 할 수도 있습니다..

이 모든 것은 WooCommerce라는 플러그인으로 이루어집니다.

WooCommerce는 WordPress를위한 가장 인기 있고 가장 기능적이며 솔직한 최고의 전자 상거래 솔루션입니다.

�� WordPress 웹 사이트에서 WooCommerce를 실행하는 방법에 대한 별도의 가이드가 있습니다. 우리는 당신이 거기에 뛰어 들어 자세한 설치 방법을 읽으십시오. 3 단계와 4 단계를 수행하십시오. 그리고 여기로 돌아와.

… 좋습니다. 사이트에 WooCommerce를 설치하고 카탈로그에 제품을 추가하면 WooCommerce에서 새 페이지가 자동으로 생성 된 것을 알 수 있습니다. 해당 페이지는 다음과 같습니다.

  • “카트” – 상점의 장바구니
  • “점검” – 고객이 구매를 완료 할 수있는 결제 페이지
  • “내 계정” – 각 고객의 프로필; 과거 주문, 현재 세부 정보 및 기타 개인 정보를 보유합니다. 고객은 항상 자신의 정보를 편집 할 수 있습니다
  • “샵”/“제품” – 기본 상점 페이지 – 제품이 나열되는 페이지

이러한 각 페이지는 상점 및 기능에 대한 특정 목적을 제공합니다. 좋은 소식은 요즘 대부분의 테마가 해당 페이지를 올바르게 보이도록 최적화되어 있다는 것입니다. Neve 테마도 다르지 않습니다. 이 새 페이지를 방문하면 프레젠테이션이 명확하고 모든 것이 이해하기 쉽다는 것을 알 수 있습니다. 장바구니 페이지의 예는 다음과 같습니다.

카트

그 외에도 이러한 모든 페이지는 WordPress 웹 사이트의 다른 페이지와 같이 작동합니다. 즉, 요소를 수정하거나 요소를 추가하거나 색상, 레이아웃 등을 변경할 수 있습니다. 그러나이를 수행 할 때 이미 존재하는 WooCommerce 단축 코드를 지우지 않도록주의하십시오.

또한 사이트의 기본 메뉴에 새 장바구니 아이콘이 표시됩니다.

이 단계에서 전자 상거래 상점은 완전히 작동합니다. 이는 고객이 들어 와서 쇼핑을 할 수 있음을 의미합니다. “WooCommerce → Orders”아래 WordPress 관리 영역에 주문이 표시됩니다. 

명령

축하합니다 – 출시 준비 완료!

배운 단계를 빠르게 요약하려면 :

목차

  1. 웹 호스팅을 받고 도메인을 등록하십시오.
    도메인 이름 선택
    웹 사이트 호스팅 선택
  2. 웹 호스트를 통해 웹 사이트를 설정하십시오.
    워드 프레스 설치
  3. 웹 사이트 디자인하기 :
    테마 찾기
    테마 설치
    커스터마이즈 및 조정
  4. 컨텐츠 (페이지)를 추가하여 완료하십시오.
    페이지 추가 및 편집
    탐색 메뉴 설정

마지막은 아니지만 최소한 – 웹 사이트 개선!

축하합니다. 웹 사이트를 직접 만드는 방법을 알아 냈습니다. ��

의제의 다음 두 단계는 다음과 같아야합니다.

  • 귀하의 사이트로 트래픽을 유도하십시오. �� 여기 웹 사이트 트래픽을 유도하는 50 가지 이상의 방법이 있습니다.
  • 사이트에서 수익을 창출하세요… �� 웹 사이트에서 수익을 창출하는 33 가지 방법은 다음과 같습니다.

가이드를 성공적으로 완료 한 경우, 귀하의 평가를 이메일에 남겨 두십시오 – [email protected]!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map