The 5 Major Don'ts of Building an Ecommerce Site | Two Minute Tuesdays

안녕 모두들! 제 이름은 매트이고 저는 여기 Volusion의 소셜 미디어 관리자입니다 환영 2 분 화요일에 2 분간의 전자 상거래 조언을 제공합니다

온라인 성공 2 분 화요일 동안 우리는 당신이 당신을 위해해야 ​​할 많은 일들에 대해 이야기했습니다 전자 상거래 사이트이지만 아직하지 말아야 할 활동에 초점을 맞 춥니 다 와 그 점을 염두에두고, 오늘 저는 5 대 전공으로 당신 만의 온라인 상점을 만들지 않겠습니까? 첫째, 계획 없이는 아무것도 시작하지 마십시오 전자 상거래를 구축 할 때마다 사이트에서 마일스톤을 보유하고 있는지, 목표를 달성했는지, 당신이하고있는 방법을 측정하기 위해 측정 기준을 망쳤다

즉, 탄탄한 사업 계획을 수립하십시오 장거리 다음으로, 디자인과 브랜딩을 잊지 마라 모든 단계 당신은 귀하의 사이트가 어떻게 보이는지, 적어도 일반적인 아이디어가 있으니 브랜드가 무엇을 표현하는지 알아야합니다

이 비전은 단추 색상, 제품 사진의 모양과 같은 나중에 결정을 내리는 데 도움이됩니다 너의 사본의 음색이 무엇과 같을 까, 그래서 너가이 요인을 고려하고 있다는 것을 확인 하십시요 출발점에서 세 번째로, 세부 사항을 짐작하지 마십시오 동안 처음에는 어떤 결정이 중요하지 않다고 생각할 수도 있습니다 길

예를 들어 가맹점 제공 업체와 하나의 옵션을보고 있다고 가정 해 보겠습니다01 %의 요금 만 부과합니다 이것은별로 좋아하지 않지만, 전자 상거래 사이트에서 수백만 달러를 벌어 들여 미래에 많은 돈을 요할 수 있습니다 넷째, 밤새 판매를 기대하지 마십시오

예, 웹 사이트를 시작하는 것은 매우 흥미로운 일입니다 과정이 끝나면 자신에 대해 기분이 좋아질 것입니다 그러나, 판매가 즉시 들어오는 것을 보지 말고, 실망을 자초 할 수 있습니다 당신 밖에있는 수백만 개의 웹 사이트가 있다는 것을 기억해야합니다 그 중 많은 사이트가 판매되고 있습니다

귀하와 동일한 제품이므로 시간과 돈을 투자하는 것이 중요하다는 것을 알아야합니다 마케팅에 이러한 투자는 트래픽이 유입되고 판매가 이루어지는 지 확인하는 데 도움이됩니다 통과하고있다 하룻밤 사이에 판매를 기대하지 마십시오

좋은 모습이 될 것입니다 마지막으로, 그러나 적어도 한 번에 모든 것을하려고하지 마십시오 많은 결정을 내려야합니다 온라인 상점을 개설 할 때 취해야 할 조치가 많으므로 작은 이정표를 설정하십시오 "오늘, 나는 5 개의 제품 페이지를 조립할 것", 또는 "오늘, 나는 내 홈페이지를 시작하려고합니다 "그 승리를 축하하고 당신의 온전함과 온라인 비즈니스를 유지하기 위해 관리 가능한 시간표를 지키십시오

움직이는 다행히도이 다섯 가지 말로 당신을 지킬 것입니다 귀하의 전자 상거래 사이트를 성공적으로 운영하여 성공적으로 운영 할 수있는 방법에 대해 알아보십시오 궁금한 점이 있으면 항상 기꺼이 도와 드리겠습니다 그냥 내 의견에 질문을 남겨주세요 아래 상자를 클릭하면 기꺼이 연락 드리겠습니다

나부터 너 행복 판매!

Create Amazing Responsive Bootstrap Website From Scratch

안녕하세요 여러분, 오늘의 akshay와 매일 수업료 환영합니다 이 튜토리얼에서 우리는이 놀라운 반응 부트 스트랩 웹 사이트를 할퀴다

따라서이 비디오를 시작하기 전에이 채널을 구독하지 말고 클릭하십시오 이 비디오가 마음에 드시면 버튼을 클릭하십시오 그래서 우리가 떠나기 전에, let 's가 시작됩니다 먼저 프로젝트를 만들고 내용 css 및 js 파일의 부트 스트랩 파일을 추가하십시오 그런 다음이 자습서에서 사용하는 이미지 폴더와 그 내용 이미지를 가져옵니다

이 이미지와 부트 스트랩 파일을 설명에서 모두 다운로드 할 수 있습니다 이제 프로젝트의 루트 디렉토리에 새로운 homehtml 및 Stylecss 파일을 만듭니다 창을 두 개의 섹션으로 분할하고이 두 창에서이 두 파일을 엽니 다

뷰포트 메타 태그로 간단한 HTML 형식을 만듭니다 이 시간에 집으로 가져갈 수 있도록 페이지의 제목을 변경하십시오 이제 stylecss와 bootstrap 파일을 homehtml에 링크하십시오

html 파일에 링크하는 모든 파일은 절대적으로 경로 그래서 그것은 잘 작동합니다 그리고 jquery와 bootstrapjs 파일을 script 태그로 연결하십시오 먼저 jquery 파일을 추가 한 다음 bootstrapjs 파일을 추가하십시오

부트 스트랩 파일이 jquery 파일 위에 있으면 클릭 이벤트가 제대로 작동하지 않습니다 그것이 매우 중요하기 때문에 당신의 마음 에이 일을 계속 그럼, 본문 섹션으로 이동하여 탐색 메뉴를 만듭니다 nav navbar = "navbar navbar-expand-lg navbar-dark 우리는 흑색 네비게이션 바를 사용하고 있습니다 어둠의 navbar

nav에서 navbar 브랜드 클래스로 앵커 태그를 만듭니다 그리고 우리는 navbar 브랜드에 왼쪽 패딩을 준다 그런 다음 토글 버튼을 만들고 싶습니다 이 유형 버튼 클래스를 만들려면 navbar 토글 유형이 버튼입니다 그리고 우리는 또한 data-toggle = "collapse"data-target = "# navbarNav"와 같은 몇 가지 필요한 부트 스트랩 속성을 추가합니다

aria-control = "navbarNav"aria-expanded = "false"aria-label = "토글 탐색" 그런 다음 span 태그를 삽입하여 토글 아이콘을 만듭니다 따라서 <span class = "navbar-toggler-icon"> </ span>을 입력하십시오 이제 토글 버튼을 만든 후에 탐색 항목을 만들어야합니다 div 클래스 축소를 만들고 navbar 축소 클래스를 추가하십시오 그런 다음 데이터 대상 속성에서 만든 ID와 정확히 일치하는 ID를 지정하십시오

그런 다음 탐색 항목 클래스가있는 li 태그를 만들고 패딩 x와 활성 클래스를 추가합니다 그런 다음 탐색 링크 클래스로 앵커 태그를 만듭니다 Href 속성을 비워 둡니다 먼저 홈 탭을 만들어 여기에 집을 만듭니다 앵커 태그에 sr 전용 클래스가있는 스팬 삽입 이 클래스는 레이아웃에서 화면 판독기 전용 정보를 숨기는 데 사용됩니다

렌더링 된 페이지 li 탭이 완료되면 일관되게 li 태그가있는 메뉴 항목을 만듭니다 그래서이 모든 코드를 복사하여 모든 닫는 li 태그 아래에 붙여 넣습니다 블로그를 서비스 및 우리에 대한 이름으로 바꿉니다 이제 배경 이미지를 삽입하여 stylecss 파일로 이동하여 html을 만듭니다

및 바디 클래스 우리는 높이 100과 너비 100을 취할 것입니다 그런 다음 배경 이미지를 찾습니다 그런 다음 배경 위치를 사용합니다 : 0 % 왼쪽과 9 % 위쪽 배경 크기 : 표지; 배경 반복 : 반복 없음

That 's it 탐색 메뉴가 탐색 준비가되었습니다 그것은 아주 잘 작동합니다 나는 모든 글꼴에 단 하나의 글꼴만을 사용하고 있으므로 전 세계 글꼴을 사용하고 있습니다 * 및 글꼴 패밀리를 지정하십시오 여백 0과 안쪽 여백 0을 지정하십시오

그런 다음 navbar 브랜드 용 클래스를 만듭니다 그리고 흰색으로 색상을 지정하십시오 색상을 변경하려면 흰색을 다른 색상으로 변경하십시오 이제 navbar 브랜드의 글꼴 크기를 늘려서 늘리십시오 그런 다음 행 및 내용 클래스로 div를 만듭니다

그런 다음 검은 색 칸 2를 만듭니다 그런 다음 4 열로 div를 만듭니다 이 열에 이미지 태그를 삽입하십시오 소스에서 텍스트 이미지를 찾고 클래스 img-fluid를 추가하십시오 이 후 6 열의 다른 div 만들고이 비워 두십시오

프로젝트를 실행하십시오 텍스트 이미지는 배치 할 위치에 배치되었습니다 그래서이 후에 컨테이너로 div를 만들고 텍스트를 가운데에 배치하십시오 이 div에서 h1을 우리의 feature 내용으로 생성하십시오 그런 다음 패딩 상단이있는 단락 태그를 만듭니다

여기에 몇 가지 기능 텍스트를 삽입하십시오 이제 우리는 h1 태그를 스타일링 할 것입니다 글꼴 크기를 늘리십시오 그리고 단락을위한 스타일을 만들고 글꼴 크기를 늘리면 텍스트 정렬이 중심입니다 컨테이너 클래스로 div를 만들고이 요소를 가운데에 놓고 패딩 상단을 만듭니다

4입니다 컨테이너 클래스에서 행 작성 및 행 태그에서 세 개의 컬럼을 작성하십시오 첫 번째 열에서는 img 유체 클래스로 이미지를 삽입하십시오 두 번째 열에서는 img 유체 클래스로 두 번째 시계 아이콘 이미지를 삽입하십시오 그리고 세 번째 열에서는 img 유동 부트 스트랩 클래스로이 채팅 아이콘 이미지를 삽입하십시오

그런 다음 가운데 텍스트가있는 다른 컨테이너 클래스를 만들고 패딩 상단을 만듭니다 컨테이너 클래스에서 새 행을 만들고 패딩 y를 삽입합니다 그런 다음 세 개의 열을 만듭니다 첫 번째 열에서 새 단락을 만들고 데모 텍스트를 추가하십시오 Google 검색 및 유형 데모 텍스트로 이동합니다

lorem에서이 데모 텍스트를 가져옵니다 웹 사이트 그러면이 텍스트를 복사하여 단락 태그에 붙여 넣습니다 이 텍스트를 세 개의 모든 열에 붙여 넣습니다 그리고 당신이 이것을 실행할 때 그것은 매우 반응 적으로 보입니다

그 후, 컨테이너 유체 클래스로 div에 대한 시차 스크롤 효과를 생성합니다 div를 시차 클래스로 삽입하십시오 이제는 시차 클래스를 만들고 싶으므로 stylecss 파일로 이동하여 높이 30을 삽입하십시오 높이 : 30vw; background-image : url ( 'Images / 739905

png'); 배경 위치 : 중심; background-repeat : no-repeat; 배경 부착 : 고정; 색깔 : 백색; 디스플레이 : 플렉스; align-items : 센터; } 그것은 우리의 시차가 아주 잘 작동합니다 이제 시차 div 태그에 텍스트를 삽입하려고합니다 그래서 4 개의 열을 만듭니다 col 1을 사용하여 div 클래스를 만듭니다 컬럼 5, 컬럼 2 및 컬럼 4; 5 열에 h1 태그를 만들고 일부를 삽입하십시오

본문 우리는 당신이 행복하게 사는 공간을 만들 것입니다 그런 다음 열 4에서 목표 텍스트로 h1 태그를 만듭니다 그런 다음 프로젝트를 실행하십시오 이제 색상을 지정하여 style

css 파일로 이동하여 흰색에 color 속성을 삽입하고 싶습니다 그런 다음 디스플레이 플렉스를 추가하고 항목 가운데 정렬 이렇게하면 텍스트를 세로 및 가로로 가운데 맞춤 할 수 있습니다 이제 우리는 연락처 섹션을 만들 예정입니다 그래서 div 클래스를 컨테이너 클래스와 함께 추가하십시오

여백 위쪽 5 및 여백 아래쪽 5 행 만들기 이 후 두 개의 열을 만듭니다 칼럼 4와 칼럼 8 컬럼 4 칼럼에 h1 태그 추가 본문 그리고 여기에 데모 텍스트를 추가 할 것입니다 그래서 이것을 복사하여 단락 태그에 붙여 넣습니다 그런 다음 3 열의 입력란에 입력란을 추가하십시오

그래서 우리는 placeholder라는 이름으로 input textbox를 추가 할 것입니다 그리고 오른쪽 여백을 추가하고 y를 패딩하고 x 클래스를 패딩합니다 그런 다음 전자 메일 자리 표시자가있는 다른 텍스트 상자를 만듭니다 패딩 y와 패딩 x 클래스를 추가합니다 그런 다음 텍스트 상자의 너비를 늘려 CSS 클래스 입력 유형 텍스트를 만들고 추가합니다

너비를 늘리십시오 그런 다음 메시지 자리 표시자를 사용하여 텍스트 영역을 만들고 마진 상단 여백 y와 여백 x를 추가합니다 부트 스트랩 클래스 또한 텍스트 영역의 크기도 늘립니다 이후 우리는 다른 시차 효과를 만들기 위해 div 컨테이너 유체를 생성 할 것입니다

수업 컨테이너 유체 클래스에서 텍스트 센터가있는 parallax2 클래스를 추가하십시오 그런 다음 CSS 파일로 이동하여 parallax2 클래스를 만듭니다 높이는 40이어야합니다 그런 다음 배경 이미지를 추가합니다

이 이미지를 변경하겠습니다 그런 다음 배경 위치를 추가 한 다음 배경을 반복하면 배경이 지정됩니다 커버 할 크기 마지막으로 첨부 파일이 고정됩니다 parallax2에서 4 열 cols1 col4 col1 및 col5로 새 div를 만듭니다

col4에 커서를 놓고 이미지 태그를 추가하십시오 원본 속성에서 표시 할 이미지를 지정하십시오 그래서 나는이 이미지를 사용할 것이다 이 작업을 완료 한 후 col5로 이동하여 h2 태그를 추가하십시오 이 h2 태그에 텍스트를 삽입합니다

나는 여행을 세계에 가져갈 것이다 그런 다음 데모 텍스트로 단락을 만듭니다 그래서 데모 텍스트를 복사하여 단락에 붙여 넣습니다 Google 콘텐츠가 상단에 표시되지만이 센터를 배치하려고합니다 이렇게하려면 디스플레이 플렉스를 추가하고 항목을 가운데 맞춤하십시오

여기에서 텍스트 색상을 검정색으로 변경할 수 있지만 수동으로 변경하여 h2 요소의 CSS 클래스입니다 그리고 속성은 검은 색이고 패딩 바닥은 5vh입니다 그런 다음 색상 검정과 글꼴 크기 12vw로 단락 CSS 클래스를 만듭니다 그래서 그것은 매우 아름답게 보입니다

이제 두 개의 버튼을 삽입하기 만하면됩니다 그래서 나는 편집자에게 돌아가 줄 클래스로 div를 만들 것이다 이 행에 col6이라는 두 개의 열을 만듭니다 첫 번째 열에서 버튼 유형 버튼을 추가하고 클래스 btn1을 추가 한 다음 보조 btn btn을 추가합니다 부트 스트랩 클래스

패딩 x를 추가합니다 다음과 같이이 버튼의 이름을 지정하겠습니다 두 번째 열에서 다른 버튼을 만듭니다 그리고 follow 버튼에 사용하는 것과 동일한 클래스를 추가합니다 그러나이 클래스의 이름을 btn2로 지정합니다

이 후 btn1 클래스를 stylecss 파일에 추가합니다 그리고 왼쪽에 float 속성을 추가합니다 배경색은 투명하게 중요합니다 그리고 검은 색은 중요합니다

float 오른쪽으로 btn2 클래스를 만듭니다 그리고 배경색 투명성이 중요합니다 그리고 색상은 검은 색이 중요합니다 이제 우리는 객관적인 섹션을 만들고 싶습니다 따라서 컨테이너 유체 클래스로 div를 생성하십시오

그런 다음이 컨테이너 유체에 행 클래스를 삽입하십시오 그리고 행 클래스에 마진 상위 5를 추가하십시오 이 후 div 12 및 텍스트 중심 div 만듭니다 이 div에서 h1 태그에 객관적인 텍스트를 추가하십시오 col 4로 다른 div를 만들고 공백으로 둡니다

그런 다음 col 5 클래스로 div를 만듭니다 col 5 클래스에서 단락을 추가하십시오 스타일 폭 30vh를 지정하십시오 단락에서 데모 텍스트를 추가하면됩니다 복사해서 여기에 붙여 넣으십시오

그리고 마지막으로 검은 색 3 클래스를 만듭니다 단락 너비를 제거하면 단락이 얇아집니다 그런 다음, 컨테이너 유체와 바닥 글 클래스를 나누어서 만듭니다 그런 다음 가운데 텍스트 및 여백 위쪽 5 행 추가 이 행에 3 열 4 열을 작성하십시오 그리고 우리는 cols3 이름을 사용하여이 모든 클래스에 접근 할 것입니다

첫 번째 열에서 img 유체 클래스로 원 이미지를 추가합니다 그 후 h1 태그에 count 클래스를 추가하면 텍스트는 91 %가됩니다 그리고 마진 상단 4와 함께 h2 태그를 추가하고 이름을 Design으로 지정하십시오 이제 우리의 텍스트가 원의 바깥에 있음을 볼 수 있습니다 원

그래서 상대적인 위치와 cols3 클래스를 만듭니다 그리고 position 절대 값으로 count 클래스를 생성하십시오 그리고 위쪽 : 0 아래쪽 0 왼쪽 0과 오른쪽 0; 그런 다음 패딩 윗면 12를 만듭니다 이 후 두 번째 열에서 img 유체 클래스로 원의 이미지를 추가합니다 그런 다음 h1 태그에 count 클래스를 추가하고 텍스트를 추가합니다

86 % 그리고 마진 4 위의 h2 태그를 추가하고 융통성을 부여하십시오 세 번째 열에서는 이전에 만든 것과 똑같이 만듭니다 그래서 나는 그것을 창조 할 것이다 이 작업을 완료 한 후 권한 클래스가있는 div 태그를 추가하십시오 저작권 기호가있는 h3 태그를 추가하십시오

이제 여기에 배경 이미지를 추가하여 stylecss에 바닥 글 클래스를 추가하겠습니다 파일 그런 다음 배경 이미지를 추가 한 다음 배경 크기를 추가하십시오 그리고 배경 위치 센터

높이 100vh 그리고 상대적인 위치 이제 h3 태그를 페이지 하단에 배치하려고합니다 따라서 stylecss 파일에 권한 클래스를 만들고 절대 위치를 추가합니다

그리고 bottom 속성은 0입니다 이제 우리의 복사 오른쪽 기호가 바닥에 있습니다 페이지의 이제 모든 것이 완료되었습니다 그러나 우리는 우리 웹 사이트에 스크롤 효과를주기를 원합니다 그래서 src 속성으로 script 태그를 추가하고 scroll reveal

minjs 파일을 찾습니다 그런 다음 페이지 하단으로 이동하여 windowsr = scrollreveal을 추가하십시오 그런 다음 sr

reveal 메서드를 삽입하고 괄호 안에 우리가 사용하는 부트 스트랩 클래스를 추가합니다 이 튜토리얼 그런 다음 시간을 추가하십시오 우리는 1 분이 걸릴 것이므로 여기에 1000을 더할 것입니다 이 효과를 적용하기 위해 몇 가지 클래스를 추가 할 것입니다

그거야 이제 모든 것이 만들어집니다 이제 우리는 프로젝트를 실행할 것입니다 우리 웹 사이트가 준비되어 있고 놀라운 것처럼 보일 것입니다 그거야

아직 가입하지 않으 셨다면 빨간 버튼을 클릭하십시오 당신 매주 놀라운 콘텐츠 질문이 있으면 비디오 댓글 섹션에 나에게 의견을 말하십시오이 비디오 이 동영상을 좋아하면 도움이됩니다 지켜봐 줘서 고마워

그때까지 다음 비디오에서 보시고 행복하게 지켜보십시오

Create a webshop with Asp.Net – Part 1

안녕 얘들 아, ASPNet 자습서의 새로운 시리즈에 처음 오신 것을 환영합니다

분명히 많은 사람들이 내 이전의 AspNet 튜토리얼을 즐겼습니다 생각 했으니 까 왜 새걸하지 그래? 새롭고 개선되었습니다 이것이 바로이 시리즈의 출처입니다

'AspNet을 사용하여 자체 웹샵 만들기'에 오신 것을 환영합니다 이 시리즈에서는 내가 보는 앞에서 본 것처럼 자신 만의 웹샵을 구축하는 방법을 보여 드리겠습니다 이 사이트는 정적 인 페이지 (예 : 변경되지 않은 페이지)를 포함합니다 이 웹샵과 같은 동적 인 페이지

데이터베이스 데이터로 많은 작업을 할 것이므로 관계형 데이터베이스를 작성하는 방법도 배웁니다 또한 자신 만의 CMS 또는 컨텐츠 관리 시스템을 구축 할 수 있습니다 컨텐츠 관리 시스템은 데이터베이스를 조작 할 수있는 시스템으로, 응용 프로그램 또는 웹 사이트 내에서 예를 들어 이 웹 사이트 소유자가 판매를하고 있다고 가정 해 보겠습니다

현재 브레이크 디스크 비용은 150 파운드입니다 (£) 원한다면 내 웹 사이트에서이 가격을 변경할 수 있습니다 보시다시피 데이터베이스를 직접 업데이트하지 않고도 데이터가 업데이트되었습니다 또한이 사이트에는 로그인 및 등록 기능이 있습니다 사용자가 자신의 계정을 만들 수 있습니다

사용자가 로그인하면 해당 계정을 사용하여 상점에서 항목을 구입할 수 있습니다 나는 5 개의 Shock Absorbers를 구입할 예정입니다 장바구니에서 현재 및 이전 주문을 검토 할 수 있습니다 내가 원한다면 항목을 삭제할 수도 있습니다 체크 아웃하기 전에 장바구니에서 주문한 품목의 양을 수정하십시오

소개 만해도 충분합니다 나는 네가 가기를 열망한다고 확신한다 그럼 출발 수업 1과 함께 이 튜토리얼에서는 마스터 페이지를 작성하는 방법을 보여 드리겠습니다

기본적으로 마스터 페이지는 웹 사이트의 디자인 템플릿입니다 기본적으로 단일 마스터 페이지를 만들고 HTML 및 CSS 스타일을 추가 한 다음 다른 페이지에 링크합니다 이 페이지는 마스터 페이지와 완전히 같은 디자인을가집니다 유지 관리 가능성과 같은 마스터 페이지를 사용하면 특정 이점이 있습니다 필요한 항목을 업데이트해야하는 경우 한 곳에서만 업데이트 할 수 있습니다 또한 링크 된 페이지의 코드 또는 내용이 덜 필요합니다

링크 된 페이지에서 작성해야하는 유일한 코드 / 컨텐츠는 컨텐츠 영역의 데이터입니다 이 'white area'의 내용으로, 'content'영역으로 알려져 있습니다 각 페이지를 개별적으로 디자인 할 필요가 없습니다 페이지를 Masterpage에 연결할 수 있습니다 각 페이지마다 별도의 콘텐츠를 입력하십시오 즉, 마스터 페이지는 디자인을 제공하고 링크 된 페이지는 컨텐츠를 제공합니다

디자인을 시작하기 전에 우리가 설계 할 디자인을 살펴 보겠습니다 웹 디자인에 대한 예리한 시선이 있다면이 디자인은 세 가지 영역으로 구성되어 있습니다 배너 위쪽 그 아래 탐색 바입니다 및 그 아래의 내용 창입니다

꼬리말이나 사이드 바를 추가 할 수도 있습니다 이 수업을 위해 우리는이 세 영역을 고수 할 것입니다 주목해야 할 한 가지 중요한 점은이 회색 영역 '래퍼 (wrapper)'외부에 있습니다 색상이 모두 '래퍼'안에 있습니다 래퍼는 기본적으로 컨테이너입니다

귀하의 실제 웹 디자인을 포함하고 있습니다 그 밖의 모든 것은 단지 '필러'입니다 최신 브라우저는 회색 영역을 제거하여 래퍼를 현명하게 사용합니다 사용자가 자신의 브라우저 창 크기를 조정하면 브라우저는 래퍼 내의 항목에 자동으로 초점을 맞 춥니 다 스마트 폰 및 / 또는 태블릿과 같은 모바일 장치에서도 마찬가지입니다

이것들은 래퍼에없는 모든 것을 자동으로 잘라냅니다 나는 Ms Paint로 웹 사이트의 추상 그림을 그렸습니다 제발 웃지 마세요

요약하면 다음과 같습니다 배너 : 상단 파란색 상자 탐색 바 : 두 번째 파란색 상자 콘텐츠 창 : 빨간색 상자 브라우저 창에서 전체 화면을 표시 할 수 없을 때마다 회색 영역이 잘립니다 그것은 이론입니다 이제 가자 시작하자

Visual Studio를 열고 메뉴 -> 새로 만들기 -> 웹 사이트를 선택하십시오 설치된 템플릿에서 Visual C #을 선택해야합니다 AspNet 빈 웹 사이트를 선택하고, 그리고 그것에게 적당한 이름을 줘라 나는 'Garage Manager'라고 부를 것이다

그러면 webconfig 파일을 사용하여 빈 웹 사이트 프로젝트가 생성됩니다 지금은 무시하고 솔루션을 마우스 오른쪽 단추로 클릭하십시오 새 항목 추가를 선택하십시오 그런 다음 MasterPage 개체를 찾습니다

MasterPage에 이름을 남겨주세요 이것은 우리가 우리의 MasterPage의 구조를 정의 할 수있는 빈 HTML 웹 페이지를 생성 할 것이다 먼저, 조금 정리하자 'Doctype html'이후의 모든 것을 제거하십시오 더 이상 필요하지 않습니다

그것은 한 번 표준 이었지만 더 이상 사용되지 않았습니다 html 태그 사이에서 'html'을 제외한 모든 것을 삭제하십시오 이제 우리는 네 가지 요소를 만들 것입니다 래퍼, 탐색 모음, 배너 및 내용 HTML <div> 태그 사용 여는 <div> 태그와 <asp : Contentplaceholder> 태그 사이에 약간의 공간을 만듭니다 그래서 <div> 태그를 여기에 넣을 수 있습니다

기억하십시오 : 다른 모든 <div> 요소는 'wrapper' 새 <div> 태그 만들기 'id'속성을 추가하십시오 그 이름을 'wrapper' HTML 요소 id를 제공하면 나중에 CSS로 스타일을 쉽게 지정할 수 있습니다 래퍼에서 3 개의 새로운 <div> 태그를 만듭니다 이드를 '기치' '항해' 및 '콘텐츠' '<asp : ContentPlaceholder>'태그를 배치해야합니다 콘텐츠 <div> 태그 사이

이것은 매우 중요하므로 잊지 않도록하십시오 이 강의의 뒷부분에서 볼 수 있듯이 링크 된 페이지에 콘텐츠 나 데이터를 넣을 수있는 유일한 장소 <asp : ContentPlaceHolder> 태그 사이에 있습니다 다른 모든 지역은 출입 금지 구역입니다 브라우저에서 링크 된 페이지를 실행할 때마다 브라우저는 링크 된 마스터 페이지를 표시합니다 연결된 페이지에있는 데이터 나 내용에 관계없이 contentplaceholder 태그를 대체합니다 해당 내용을 content <div> 태그 내에 넣기를 원합니다

그래서 우리는 content <div> 태그 사이에 content placeholders를 위치시켜야합니다 Navigation div의 다른 페이지에 링크를 추가해 보겠습니다 확장, 정렬되지 않은 목록 (<ul>) 추가, ID를 'nav'로 설정하십시오 <ul> 태그 내에 4 개의 List 요소 (<li>) 추가 각 <li> 요소 사이에 Asp : Hyperlink 컨트롤을 배치하십시오 하이퍼 링크 이름 업데이트 : 첫 번째 웹 사이트를 'Webshop'으로 설정하고, 두 번째 것은 'About us'에, 세 번째 보고서는 '보고서'로, 그리고 마지막 하나는 '경영'입니다

우리는 장래의 수업 과정에서이 페이지들을 만들 것입니다 오늘, 우리는 'About page'를 만들 것입니다 디자인 단추를 클릭하면 화면의 왼쪽 하단에 당신은 귀하의 MasterPage의 미리보기를 볼 수 있습니다 보시다시피 아직 많이 보이지 않습니다 그 이유는 아직 CSS로 스타일을 추가하지 않았기 때문에 우리는 이미지를 추가하지 않았기 때문입니다

이미지를 추가하여 약간의 색상을 추가합시다 이 프로젝트에서 사용한 것과 같은 이미지를 사용하고 싶다면 이 비디오 아래의 설명에서 'StarterPack'다운로드를 찾으십시오zip에서 폴더를 다운로드하고 추출한 다음 솔루션 탐색기에서 끌어다 놓아 폴더를 추가하십시오 원하는 경우 자신의 이미지를 사용할 수 있습니다

그런 다음 이미지 컨트롤을 끌어 놓습니다 배너 태그 사이 속성 (F4)을 확장하고 'ImageUrl'속성을 찾습니다 3 개의 타원 ()을 클릭하여 엽니 다 'Images / BannerCarjpg'이미지를 선택하십시오 이것은 귀하의 웹 사이트의 기본 구조입니다 이제 너비 속성을 찾습니다

'100 %'로 설정하십시오 이렇게하면 이미지의 크기가 브라우저의 전체 너비에 상관없이 브라우저 창의 전체 너비를 차지하게됩니다 이것은 귀하의 웹 사이트의 기본 구조입니다 CSS를 사용하여 조금 스타일을 지정해 보겠습니다 솔루션을 마우스 오른쪽 단추로 클릭하십시오

새 폴더를 선택하고 '스타일'이라고합니다 이 폴더에서 CSS 또는 'CSS 스타일 시트'를 유지할 것입니다 우리 웹 사이트에 스타일을 추가 할 책임이 있습니다 스타일 : 요소 너비와 높이, 테두리, 배경색, 패딩 및 여백 등과 같은 요소 스타일 폴더를 마우스 오른쪽 버튼으로 클릭하고 '새 항목 추가'를 선택하십시오 스타일 시트 객체를 찾고 이름을 'Stylesheet

css'로 남겨 두십시오 우리는 <div> 요소의 id 이름을 입력하여 스타일을 지정할 수 있습니다 해시 태그 (예 : # 래퍼) #싸개 #기치 #항해 #nav에도 하나 추가하십시오 및 #content 이제 여러 줄의 CSS 코드를 적어두고, 필자가 작성한 모든 것을 복사하십시오 당신이 이해하지 못하는 것이 있으면 걱정하지 마십시오

몇 분 안에 가장 중요한 행을 설명 할 것입니다 그렇게해야합니다 비디오를 일시 중지하고 되감기하십시오 당신이 내가하는 것과 같은 줄을 지키기 위해 필요한만큼 자주 가장 중요한 행을 간단히 설명하겠습니다

맨 위에서 시작해 봅시다 본문 사이의 선은 웹 사이트의 모든 텍스트에 대해 글꼴 모음, 크기 및 색상을 설정합니다 전체 페이지의 배경을 'Lavender'(Line 6)로 설정하는 것뿐만 아니라, 11 행 : 너비 : 1100px; 래퍼의 너비를 1100 픽셀로 지정합니다 여백 : 자동 (12 행)은 상위 컨테이너의 가운데에 요소를 배치합니다 (이 경우 전체 브라우저 창) 인간 언어 : 여백 : 자동 화면의 중앙에 래퍼를 설정합니다

안쪽 여백 : 20px (13 행) 컨테이너의 마지막 내용 줄과 테두리 사이에 20 픽셀을 배치합니다 전체 해변이 사랑과 법원임을 확인하는 11 월 배경색 : 흰색 (14 행) 이것은 라벤더 (몸체) 배경 위에 하얀색 콘텐츠 영역을 제공합니다 그라디언트 색상 (25 행) 두 개 이상의 지정된 색상 사이의 부드러운 전환을 표시해 봅시다 표시 : 블록 (30 행) 링크를 선 대신에 <p>와 같은 사각형으로 나타냅니다 (41 행) 플로트 : 왼쪽 링크가 왼쪽에서 시작하여 서로 옆으로 떠있게합니다

부유물 : 당신이 원한다면 오른쪽도 가능합니다 (44 행) 텍스트 변환 : 대문자 : 모든 링크를 대문자로 설정 마지막으로, 각 링크의 왼쪽에 작은 흰색 테두리를 추가했습니다 아마 눈치 챘을 것입니다 클릭 링크는 클릭되지 않은 링크와 다른 디자인을 갖는 경향이 있습니다 우리는이 웹 사이트에서이를 원하지 않습니다

이 선은 클릭 된 링크가 기본 디자인을 유지하는지 확인합니다 이 줄은 현재 사용자가 마우스 커서를 가리키고있는 링크의 흰색 배경을 제공합니다 최소 높이 : 400px 이렇게하면 페이지에 내용이 없더라도 항상 흰색 래퍼가 표시됩니다 내가 보여주고 싶은 마지막 CSS 트릭은 둥근 모서리를 사용하는 것입니다 내 예제에서 볼 수 있듯이 래퍼의 모서리는 직사각형 대신 둥글게 보입니다

이 효과를 얻으려면 css 파일로 돌아가십시오 랩퍼 클래스에 다음 행을 추가하십시오 이 세 줄은 기본적으로 모두 똑같은 일을합니다 그들은 컨테이너의 모서리를 둥글게 만듭니다

(HTML 5) 이 CSS 요소에 픽셀을 많이 추가할수록 커브가 더 두드러집니다 우리가 같은 것을 3 번 적는 이유는 일부 브라우저 때문이며 인터넷 익스플로러를 보는 것입니다

아직이 줄을 잘 모른다 성공 확률을 높이기 위해 하나 대신 3 개의 행을 추가합니다 엔티티의 영역은 해변으로 그년으로 그물을 시험해 보았을 때 육체적으로 확신했을 때 통화를 열어야한다면 CSS 파일을 마스터 페이지에 연결하려면 마스터 페이지를 열고 <header> 태그 사이에 <link> 태그를 추가하십시오

스타일 시트에 'rel'속성을 설정하십시오 'href'속성을 'Styles / Stylesheetcss'로 변경 'text / css'에 대한 type 속성 <link rel = "stylesheet"href = "스타일 / StyleSheetcss"type = "text / css"/> 디자인보기를 새로 고치면 마스터 페이지가 CSS 코드로 업데이트되었음을 ​​알 수 있습니다 좋은 척도를위한 표제를 추가하십시오

이제 완전히 작동하는 마스터 페이지를 만들었습니다 만세! 논의 할 마지막 사항은 Asp PlaceHolder 태그입니다 전에 언급했듯이; 이 마스터 페이지에 웹 페이지를 링크 할 때마다, ContentPlaceHolders가 연결된 웹 페이지에있는 데이터로 바뀝니다 솔루션에 새 폴더를 추가하고 '페이지'라고 부릅니다 해당 폴더 내에서 새 Web Form을 만듭니다

Aboutaspx라고하고 '마스터 페이지 선택'확인란이 선택되어 있는지 확인하십시오 마스터 페이지에서 '정보'링크를 클릭하십시오 및 그 속성들 새로 만든 '정보'페이지로 탐색 URL 설정 이 페이지는 마스터 페이지와 같은 디자인이지만 컨텐츠 소유자 외부의 것은 편집 할 수 없습니다 요약하면 : 마스터 페이지는 디자인을 제공하고 링크 된 페이지는 컨텐츠를 제공합니다

임의의 콘텐츠를 입력 해보십시오 내가 제일 좋아하는 따옴표 중 하나를 입력하겠습니다 그것을 테스트하려면 : 약 페이지를 마우스 오른쪽 버튼으로 클릭하고 '시작 페이지로 설정'을 선택하십시오 이것은 우리가이 프로젝트를 실행할 때 About 페이지를 홈페이지로 만들 것입니다 보시다시피 모든 것이 효과적입니다

우리는 기본적인 디자인으로 기본 Masterpage를 만들었습니다 지금까지 자신 만의 마스터 페이지를 만들고 웹 페이지에 링크하는 방법을 배워야했습니다 그래서 나는 그것이 오늘 우리의 교훈을 마무리 짓는다 고 생각합니다 항상 그렇듯이 시청 해 주셔서 감사합니다 만약 질문이 있다면 의견 섹션에서 저에게 질문하거나 포럼에서 토론하십시오

이 비디오 아래의 설명에서 포럼에 대한 링크를 찾을 수 있습니다 다시 한 번, 시청 해 주셔서 감사 드리며 다음 강의에서 다시 만나기를 바랍니다 여기서는 관계형 SQL 데이터베이스를 작성하는 방법을 보여 드리겠습니다

How to Create an eCommerce Website (Online Store) in WordPress – 2019!

오늘 나는이 놀라운 전자 상거래 웹 사이트를 단계별로 만드는 방법을 보여줄 것입니다 얘들 아 내 이름은 호간 (Hogan)이며이 튜토리얼에 오신 것을 환영합니다

전자 상거래 웹 사이트를 단계별로 살펴 보겠습니다 따라서이 비디오가 끝날 때까지 자신 만의 전자 상거래 웹 사이트를 운영하고 지불을 수락 할 준비가되었습니다 하지만 실제로 시작하기 전에이 튜토리얼은 튜토리얼이 아니며 PHP와 HTML, CSS와 같이하는 법을 배우지 않으려 고 코딩 또는 eBay와 같은 웹 사이트를 구축하십시오이 웹 사이트는 경매 웹 사이트와 같습니다 이것은 단지 간단하고 깨끗한 전자 상거래 웹 사이트입니다

좋아, 그래서 너가 쓰고 싶지 않으면 당신은 누군가를 고용하여 수천, 수천 달러를 당신이나 다른 사람들을 고용하여 코드 작성법을 배우는 것을 알고 있습니다 그렇다면이 튜토리얼은 당신에게 완벽합니다 따라서이 전자 상거래 웹 사이트는 중소기업에서 불법이 아닌 한 원하는 물건을 실제로 팔 수 있습니다 너 여자 드레스를 팔 수있는 신발을 팔 수있어 디지털 제품을 판매 할 수도 있습니다

예 : 음악 및 전자 책 가구 전자 제품 가방이나 심지어 아이폰 케이스, 그래서 당신이 원하는 것을 팔 수 있습니다 그래서 실제로 판매 할 제품이 없다면 실제로 세 가지 놀라운 장소를 보여 드리겠습니다 최고 브랜드는 실제로 제품을 실제로 싸게부터 가져와 정말 좋은 마진으로 판매합니다 따라서 아직 판매 할 준비가되어있는 제품이 반드시 필요하지는 않습니까? 실제로 투자하지 않고 물건을 실제로 판매 할 수있는 방법을 보여 드리겠습니다 수천, 수천 달러의 제품 및 재고

괜찮아 그래서 이것은 실제로 현재 실제 매장입니다 나는 너에게 무엇을 지어 주는지 정확히 알려줄거야 그리고 너에게 시험을 보여줄거야 거래는 기본적으로 고객이 상점에서 어떻게 구매할 것인지를 보여줍니다

지불 방법과 주문 방법 당신이 실제로 명령을 이행하는 방법 오늘 우리가 만들고있는 전자 상거래 웹 사이트 짐 상어와 같은 웹 사이트에서 기대할 수있는 많은 주요 기능이 있습니다 나이키와 Topshop뿐만 아니라 그래서 Topshop이 Nike와 Jim Shark와 같은 정말 멋지고 간단한 헤더 디자인을 가지고 있음을 볼 수 있습니다 또한 디스플레이에 2 차 헤더가있어 무료 배송 및 무료 배송을 알 수 있습니다 여기에 우리 웹 사이트와 동일한 메가 메뉴가있는 정말 멋진 드롭 다운 메뉴가 있습니다

그래서 정말 멋지고 간단한 헤더 섹션에 제품을 보여주는 메가 메뉴가 있습니다 당신은 또한 간단한 메뉴를 가질 수 있습니다 그냥 여기있는 것처럼 실제로 로고를 추가 할 수 있습니다 고객은 위시리스트에 제품을 추가 할 수도 있습니다

그들은 카트에 그것을 추가 할 수 있습니다 그들은 또한 계정으로 더 빨리 체크 아웃 할 수 있으며 여기에서 제품을 바로 검색 할 수 있습니다 그래서 나는 정말 멋지고 단순한 방법을 보여줄거야 슬라이더 이미지 배경 그래서 Topshop과 같이하고 싶다면 비디오를 표시 할 수 있습니다 레이아웃은 실제로 레이아웃을 변경할 수 있습니다

드래그 앤 드롭 빌더를 사용하기 때문에 모든 레이아웃 좋아요, 저는 여러분의 텍스트에 버튼과 같은 것을 추가하는 방법을 보여줄 것입니다 추천 제품과 같이 최신 컬렉션을 표시 할 수 있습니다 좋아, 레이아웃을 정렬 할 수도있어 꼭이 레이아웃을 가질 필요는 없습니다 이 웹 사이트는 우리가 만드는 방법을 보여줄 것입니다

또한 블로그 게시물을 추가하는 방법을 알려 드리겠습니다 따라서 블로그 게시물은 실제로 유용합니다 왜냐하면 실제로 당신이 개발하고있는 새로운 제품 라인에 관한 기사 또는 당신이 알고있는 기사를 쓸 수도 있습니다 어쩌면 최고의 웨딩 드레스를 찾는 최고의 10 가지 팁과 웨딩 드레스를 판매하는 경우 실제로 상위 10 가지 팁을 검색하는 사람들 그들은 당신의 웹 사이트에 올거야 그리고 아마 그들은 웨딩 드레스를 사러 갈거야 따라서 웹 사이트에 대한 타겟이 명확한 무료 트래픽을 얻는 것이 좋습니다

좋아요 여기에 비디오를 추가하는 방법과 정말 멋진 그라디언트를 추가하는 방법을 보여 드리겠습니다 그게 다야 그래서 여기에 소셜 미디어와 결제 아이콘이있는 정말 멋지고 간단한 푸터 섹션이 있습니다 예를 들어 배송 및 배송에 관한 중요한 페이지를 만드는 방법과 또한 연락처 페이지이므로 사람들은 실제로 이름을 알 수 있습니다

이메일을 보내고 여기에 메시지를 제출하십시오 따라서 질문이 있으시면이 메시지를 직접받은 편지함으로 보내주십시오 괜찮아 또한 정말 멋진 FAQ 페이지를 만드는 방법을 보여줄 것입니다 예

예를 들어 어떤 페이지 든 가능합니다 정책을 반환하거나 배송 정책 또는 그런 것 좋아요, 사람들은 질문을 클릭 할 수 있습니다 그 대답은 아래처럼 떨어질 것입니다 좋아요

블로그 페이지를 만드는 방법을 보여 드리겠습니다 블로그 게시물을 여기에 표시 할 수 있습니다 알았어 그래서이 웹 사이트는 모바일 응답이 될거야 태블릿에 잘 맞을 것입니다

노트북과 데스크탑을 iPads로 연결하십시오 그러면 모바일에서 상점을 실제로 관리 할 수 ​​있으므로 가격을 변경할 수 있습니다 휴대 전화에서 재고 수준을 관리하면 특별한 소프트웨어 나 기술이 필요하지 않으므로이 웹 사이트를 구축 할 수 있습니다 나는 당신이 단계별로 알아야 할 모든 것을 보여줄 것이다 고객이 실제로 클릭하면 상점 페이지라고 말하면 메인 가게 페이지로 이동합니다

다음은 제품 필터입니다 따라서 사람들은 실제로 제품을 여기에서 필터링 할 수 있습니다 누군가가 좋아한다고 가정 해 봅시다 아마 그들은 전자 책을 찾고 싶어 할 것입니다 그래서 그것은 전자 책과 같습니다

이것은 당신이 판매하는 모든 책입니다 좋아, 여기에서 위시리스트에 추가 할 수 있습니다 또한 제품을 클릭하고 여기에 귀하의 가격은 귀하의 가격입니다 고객 리뷰 여기서 간단한 설명을 입력 할 수 있습니다 좋아, 여기에 이미지를 표시 할 수 있고 사람들은 그 이미지를 확대 할 수있다 추가 이미지도 추가 할 수 있으며 내가 추가하는 방법을 보여 주며 다운로드 가능한 제품을 알고 있습니다

단순한 제품이나 가변 제품 예를 들어 어쩌면 점퍼 또는 그런 것과 당신은 다른 크기와 다른 색깔을 가지고 있습니다 그러면 당신도 그렇게 할 수 있습니다 좋아, 그럼 내가 여기 아래로 스크롤 할거야 이것은 당신이 긴 설명을 넣을 수있는 곳입니다

좋아, 비디오 추가하기 표시하려는 추가 이미지와 고객이 리뷰를 클릭 할 수도 있습니다 관련 제품 및 고객이 해당 제품을 구매하기를 원하면 장바구니에 추가를 클릭하고 해당 제품이 장바구니에 자동으로 추가되고 그런 다음 자동으로 체크 아웃하거나 '장바구니보기'를 클릭 할 수 있습니다 좋습니다 쿠폰 코드를 추가하여 고객에게 30 % 할인을 제공 할 수있는 방법을 보여 드리겠습니다 예 30을 저장하면 적용을 클릭 할 수 있고 그 쿠폰이 실제로 여기에 적용될 것입니다

좋습니다 쿠폰으로 29 달러부터 시작합니다 그것은 단지 20 달러와 30 센트 인 것을 끝낸다 따라서 귀하의 고객은 기본 체크 아웃 인 체크 아웃으로 진행할 수 있거나 진행할 수 있습니다 PayPal에 직접 연결하면 PayPal 주소를 사용하고 배송 주소로 사용합니다

기본 체크 아웃을 클릭합니다 따라서 고객이 자신의 이름으로 입력해야하는 간단하고 효율적인 체크 아웃 절차가 있습니다 성 이것은 실제로 가상 제품이기 때문입니다 따라서 배송되지 않습니다 그들은 연설 할 필요가 없습니다

알았어 일반적으로 물리적 인 제품 일 경우 주소를 입력해야합니다 그래서 여기 우리가 건너 뛰고 이메일 주소를 넣을거야 오른쪽 아래로 스크롤 세금도 자동으로 계산됩니다 좋아, 그리고 귀하의 고객은 또한 다양한 다른 비용을 지불 할 수 있습니다

지불 방법은 직접 은행 송금 수표 대금 상환을 설정할 수 있으므로 예를 들어 필리핀에서 일부 국가를 알고 있기 때문에 신용 카드를 자주 사용하지 않는다고 생각합니다 또한 대금 상환을 설정할 수도 있습니다 좋아요,하지만 PayPal을 사용하여 설정하는 방법을 보여 드리겠습니다 고객이 PayPal 계정을 가지고 있지 않더라도 신용 카드로 결제 할 수 있습니다 스트라이프 결제를 설정할 수도 있습니다

PayPal을 클릭하면 지불금을 선택한 총액에 만족한다고 해봅시다 따라서 다른 PayPal 계정을 사용하고 로그인을 클릭하면 Pay Now를 클릭합니다 괜찮아 그래서 고객이 지불 한 후 확인을하고 기본적으로 여기에 실제로 다운로드 할 수있는 다운로드가 있습니다 실제로 컴퓨터로 직접 다운로드하십시오

좋아, 왜냐하면 이것은 실제로 가상 제품 실제로 물리적 인 제품이 아닙니다 사람들은 실제로 그것을 다운로드 할 수 있습니다 알겠습니다 주문 확인서입니다

좋습니다 또한 이메일에서 다운로드 할 수도 있습니다 귀하가 실제 전자 상거래 상점 주인이 될 고객이며 그러면 실제 제품 인 경우 주문을 이행해야합니다 그 (것)들을 그 (것)들에게 발송할 필요가있을 것입니다 실제로 PayPal 계정으로 지불됩니다 그래서 당신은 주택 보험 회사로부터의 지불을 볼 수 있습니다

제 개인 계좌를 보시다시피, 20 달러와 30 센트입니다 그래서 우리는 여기로 돌아갈거야 여기서 실제로 주문을 관리 할 수 ​​있습니다 여기를 클릭하여 주문을 관리하고 상태도 설정하십시오 괜찮아 당신은 또한 보고서를 클릭 할 수 있으므로 이번 주에 얼마나 많은 판매가 이루어지고 있는지 확인할 수 있습니다

번호를 연결할 수 있습니다 고객 탭을 클릭하여 고객을 실제로 볼 수 있습니다 재고 및 세금 및 필요한 모든 것을 확인하십시오 웹 사이트의 백엔드 또는 대시 보드 섹션 따라서 실제로 웹 사이트를 다시 클릭하면 좋아, 나는 시작하는 것이 좋고 좋은 일이라고 생각한다 하지만 내가 너무 빠르면 너무 천천히 가면이 비디오를 실제로 빨리 감을 수 있습니다

당신은 실제로 맥주를 느리게 할 수 있습니다 설정 옵션을 클릭하고 질문이 있으시면 두려워하지 말고 24 시간 이내에 연락 드리겠습니다 아래에 모든 타임 스탬프가 나열되어있어 어떤 섹션으로 건너 뛰고 알고있는 섹션을 다시 방문 할 수 있습니다 구독을 확실히하고 싶다면 비디오를 좋아하고 시작하자 좋아, 그럼 우리가 필요로하는 모든 것을 다 살펴 보자

따라서 전자 상거래 웹 사이트를 실제로 구축해야하는 첫 번째 작업은 도메인 이름이 필요합니다 도메인 이름은 기본적으로 웹 사이트 주소입니다 예를 들어 Google의 기본 이름은 googlecom입니다 귀하의 전자 상거래 스토어 이름이 귀하의 것입니다

좋아, 그리고 두 번째로 필요한 것은 호스팅 계정 호스팅은 기본적으로 이미지와 같은 웹 사이트의 파일을 저장하는 인터넷상의 서버 사람들이 24/7에 액세스 할 수 있도록하는 내용입니다 괜찮아 그래서 기본적으로 그것은 인터넷상의 사실상의 땅처럼 당신의 데이터를 저장하고 실제로 웹 사이트를 온라인으로 만들려면이 두 가지가 필요합니다 세 번째는 실제로 WordPress를 설치해야한다는 것입니다 WordPress는 콘텐츠 관리 시스템이라고하는 것입니다 기본적으로 웹 사이트를 실제로 만들 수 있습니다

코드 작성 방법을 배우지 않고도 실제로 5 억 개 이상의 서로 다른 웹 사이트에서 실제로 전원을 사용합니다 당신은 그들의 블로그 전자 상거래 상점과 중소 기업 웹 사이트를 알고 있습니다 그런 다음 우리는 전자 상거래를 추가하는 플러그인 또는 응용 프로그램 인 WooCommerce를 사용할 것입니다 기본적으로 WordPress에는 전자 상거래 기능이 없으므로 WordPress 웹 사이트 기능성 우리는 제품을 추가 할 수있게 할 것입니다 당신은 선적 가격을 추가하여 지불 옵션을 설정하고 그 다음에 테마를 설치하고 테마는 기본적으로 웹 사이트의 모양이며 드래그 앤 드롭 빌드 업을 포함합니다

좋아요 이 세 가지 무료 도구를 사용하여 전자 상거래 웹 사이트를 구축 할 것입니다 그렇다면 모든 도메인 이름 비용은 보통 얼마입니까? 나는 매년 15 달러 또는 12 달러를 생각한다 나는 매년 15 달러를 생각한다 호스팅 비용은 실제로 어떤 계획에 따라 매달 5-10 달러가 소요됩니다

좋아 WordPress는 무료입니다 우리는 상거래가 무료입니다 주제는 아래 설명에 포함되어 있습니다 하지만 당신은 얻을 수있는 옵션이 있습니다

실제로 도움을 드리고자하는 사람들을 위해 특별히 권장되는 지원 및 업데이트 실제로 전자 상거래 상점을 구축 할 친구 또는 가족 도움이 더 필요할 수도 있습니다 그것은 매우 유용합니다 자, 자습서는 무료입니다 오늘부터 시작하는 총 비용은 기본적으로 약 $ 20 또는 25 달러, 알았어 그래서 기본적으로 우리가 먼저 할 일은 hostgator

com으로 넘어갈 것입니다 도메인과 호스팅을 얻으려면 좋아, 너는 같은 장소에서 그 두 가지를 얻을 수있다 그래, 브라우저를 열면 Hostgator로 향할거야 그래서 입력해라

호스트 : 3 80 또는 차분한 다음 enter를 클릭하십시오 그래서 우리 도메인 이름과 우리의 호스팅 계정을 얻게 될 것입니다 나는 지난 8 년 동안 Hostgator를 사용 해왔고 놀랍습니다 그래서 그것이 내가 추천하는 이유입니다 그들은 또한 연중 무휴, 45 일간의 돈 환불 보장

괜찮아 그래서 여기에서는 몇 가지 다른 계획을 보게 될 것입니다 그러나 대부분의 초보자들에게는 웹 호스팅 계획을 권장합니다 좋아요 그래서 가장 저렴하고 초보자에게 추천합니다 웹 사이트로 트래픽이 많이 발생하면 실제로 클라우드 호스팅으로 업그레이드 할 수 있습니다

그것은 조금 비싸지 만 좋아, 그렇지 않으면 시작하는 것도 알 수 있니? 왼쪽에있는 웹 사이트를 클릭하면됩니다 괜찮아 그래서 여기에 3 가지 다른 계획이 있습니다 Hatchling plan 아기와 사업 계획도 있습니다

그래서 사업 계획은 아마 당신이 지금 당장 필요로하는 것보다 조금 더 많을 것입니다 하지만 분명히 자금이 있다면 분명히 알 수 있습니다 사업 계획을 세우십시오 그러나 내가 추천하는 것은 대부분의 초보자를위한이 두 계획을 고집하는 것이다 자, 당신은 하나의 도메인을 호스트 할 수 있습니다

예를 들어, 브랜드를 차분하게 유지할 수 있습니다 베이비 플랜으로 알았어 당신의 브랜드가 침착하게 친구 브랜드를 진정시킬 수 있습니다 하나의 계정으로 호스팅되는 고객 웹 사이트를 가질 수도 있습니다 그래, 알다시피, 그들은 더 많은 것을 만들거야, 당신은 웹 사이트를 알고 아기 계획을 세웁니다

조금 더 비쌉니다 그러나 당신이 단지 첫 번째 웹 사이트를 만들고 싶어한다면, 좋아, 지금 구매를 클릭하십시오 괜찮아 그래서 여기에 등록 할 도메인 이름을 입력 할 곳이 있습니까? 괜찮아 그래서 예를 들면 너를 창조한다

자신의 온라인 상점을 열고 여기에서 원하는 확장자를 선택한 다음 외부를 클릭하십시오 좋아, 때로는 사용할 수 없기 때문에 다른 사람이 이미 등록 했으므로 좀 더 창의적이어야합니다 괜찮아? 예를 들어 상점으로 바꾸고 사용 가능한지 확인해 보겠습니다 좋아, 네가 볼 수 있듯이 매년 13 달러에 다른 확장 기능도 있습니다 하지만 저는 개인적으로 닷컴을 추천합니다

왜냐하면 대부분의 사람들이 여기에 브라우저에 실제로 입력하는 것이기 때문에 여기에서 아래로 스크롤해야합니다 일반적으로 도메인 개인 정보 보호가 검사됩니다 승인 그래서 개인적으로 권하고 싶습니다만, 기본적으로 내용을 숨기는 것은 필요하지 않습니다 일반 사람들이 귀하의 도메인 namecom을 검색하고 귀하의 세부 정보를 찾을 수 없기 때문에 그것은 당신의 전자 우편을 지킬 것이다, 당신은 스팸을 최소로 알고있다

그리고 모든 그 쓰레기 메일과 그런 것 그래서 그것이 여기에서 선택되었습니다 그래서 내가 추천하는 이유입니다 여기 아래로 스크롤하면됩니다 패키지 유형 및 결제주기를 선택해야합니다

따라서 전자 상거래를 계속하든 안하든 알다시피 확신이 없다면 선로에서 두 달이 지나면 한 달에 한 달 또는 세 달 간가는 것이 좋습니다 하지만 당신이 장기간 간다면 돈을 좀 더 절약 할 수 있습니다 그래, 그건 너에게 달렸어 하지만 개인적으로 여기에 12 명을 추천합니다 사용자 이름과 보안 핀을 입력해야합니다

그래서 나는 이미 Hostgator와 몇 가지 계정을 가지고있다 그래서 나는 너를 단계별로 걸어 갈거야 여기에 모든 것을 해? 아래로 스크롤하면 결제 정보를 입력하고 신용 카드 세부 정보 및 PayPal 계정이있는 경우 PayPal을 통해 지불 할 수도 있습니다 좋아, 동영상을 일시 중지하고 그 내용을 채운 다음 스크롤을 끝내면 여기에 자동으로 선택되며 무료로 제공됩니다 기본적으로 앞에있는 HTTPS와 자물쇠 아이콘 이는 웹 사이트에서 고객 데이터를 수집하고 보안을 유지하는 데 도움이되므로 중요합니다

사이트 잠금 모니터링을 제공하십시오 우리는 그걸 선택을 취소 할거야 좋아요, 당신이 볼 수 있듯이 그것은 권장하지만, 실제로 무료 플러그인으로 웹 사이트를 보호 할 수 있습니다 따라서 웹 사이트가 생기면 많은 방문자를 알게됩니다 그럼 당신도 그것을 선택할 수 있습니다

아니면 그냥 앞에 올려 놓을 수도 있습니다 좋아, 너의 상황에 달려있어 사이트 백업과 우리가 선택을 취소 할 이메일 이 두 가지는 무료 플러그인과 함께 무료로 할 수 있기 때문입니다 또한 설정하려면 내 채널에 대한 자습서가 있습니다 귀하의 웹 사이트에 있습니다

자신의 도메인 namecom에서 자신의 이메일을 확인하십시오 좋아, 우린 아래로 내려갈거야 쿠폰 코드는 지금 바로 쇼핑을 시작합니다 지금 유효성 검사를 클릭하고 총액이 조금 줄었을거야

네가 볼 수 있듯이 청구주기가 여기에 있습니다 좋아, 40 % 줄이겠다 좋아 그래서 너에게 돈을 조금 더 줄거야 그리고 당신이 그것을 사용한다면 나는 작은 수수료를받을 수 있습니다

그러나 그것은 실제로 당신이 돈을 절약 할 수있게 도와줍니다 그것은 내가 너희들을 위해이 무료 튜토리얼을 계속 만들어내는 데 도움이된다 정말로 감사한다 좋아, 그래서 여기 아래로 스크롤 너는 모든 것을 볼거야

가격, 알았어 그래서 6 달러는 64 달러이고 또한 도메인은 그것이 모두 정확하다는 것을 확인하고 합계는 90 달러가됩니다 좋아, 아마도 한 달에 7 달러를 약간 넘는 것 같아 좋아요하지만 시작할 수 있기 때문에 놀랍습니다 전자 상거래 웹 사이트에서 100 달러도 안되는 것을 알고 계실 것입니다

나는 그것이 정말로 좋은 거래라고 생각한다 당신이 스스로 할 수있는 모든 것을 설정하기 위해 개발자에게 돈을 지불 할 필요는 없습니다 좋아요, 그래서 우리는 여기서 아래로 스크롤하여 읽기를 선택하고 동의 한 다음 지금 체크 아웃을 클릭 할 것입니다 괜찮아 따라서 도메인 이름을 구입하고 계정을 호스팅 한 후에는 다음과 비슷한 이메일을 받아야합니다

괜찮아 그래서 당신이 찾아야 할 것은 컨트롤 패널 URL입니다 사용자 이름과 비밀번호를 복사해야합니다 여기에 붙여 넣어 로그인하십시오 로그인을 클릭하면 설치가 시작됩니다 우리 웹 사이트에 WordPress 그래서 여기에 맨 위에 새로운 WordPress 웹 사이트를 구축하는 모습을 보여줍니다

찾을 수 없다면 찾으려고 노력하십시오 빠른 설치 Ok, 빠른 설치를 클릭 한 다음 WordPress 설치를 클릭하십시오 이제 WordPress 웹 사이트를 새로 만들 계획입니다 여기에서 설치하려는 도메인을 선택해야합니다

승인 그래서 방금 구입 한 제품을 선택하겠습니다 보시다시피, 저는 꽤 많은 것을 가지고 있습니다 올바른 것을 선택하십시오 디렉토리 부분을 비워 둡니다

그렇지 않으면 WordPress와 같은 것을 추가하는 것을 알고 있다면 그것은 귀하의 웹 사이트에 워드 프레스를 설치하는 것입니다 comm slash WordPress 기본 도메인 URL에 설치하기를 원하십니까? 확인을 클릭 한 후 다음을 클릭하십시오 블로그 제목을 입력 할 수 있으며 나중에 변경할 수 있습니다 로고 만 입력 할거야 관리자 사용자 이름 그래서 이것은 우리가 확인으로 WordPress의 대시 보드에 로그인 할 사용자 이름입니다 성을 기입하고 유효한 이메일 주소를 입력하십시오

그들은 또한 보낼 것이기 때문에 이 전자 메일의 로그인 세부 정보 및 암호를 여기에 입력하고 동의하면 클릭 한 다음 설치를 클릭하십시오 그래서 WordPress가 귀하의 웹 사이트에 설치하는 데 몇 초를 걸릴 것입니다 좋습니다 설치가 완료되면 인사해야합니다 지금 내가 할 수있는 일은 암호를 먼저 복사하는 것입니다

좋아, 그래서 그들은 또한 당신에게 당신의 이메일 주소로이 세부 사항들을 보낼 것입니다 때로는 스팸으로 끝나기도하고 실제로 새 탭에서 해당 링크를 열면됩니다 시간이 걸리기 때문에 웹 사이트가 아직 작동하지 않을 수도 있습니다 Hostgator 실제로 백 엔드에 귀하의 웹 사이트를 설정하므로 15-20 분 기다려야 할 수도 있습니다 최악의 시나리오 2-3 시간이 지나면 이렇게 보입니다 로그인하려면 여기에서 관리자 로그인을 클릭하거나 입력 할 수 있습니다

/ wp – admin을 입력 한 다음 enter를 클릭하고 너를 데려 갈거야 WordPress 웹 사이트에 실제로 로그인하는 WordPress 로그인 페이지 승인 그래서 내가 추천하는 것은 실제로 브라우저에 북마크하는 것입니다 그래서 사용자 이름을 입력하십시오 과 여기에 비밀번호 붙여 넣기 로그인을 클릭하면 닫을 수 있습니다

이것은 WordPress 대시 보드입니다 지금은 다소 압도적 인 것처럼 보일지 모르지만 그렇게 어렵지는 않습니다 그래서 지금 웹 사이트가 어떻게 보이는지 보여 드리겠습니다 귀하의 웹 사이트는 아주 평범 해 보입니다 그래서 이것이 기본값입니다

테마와 함께 제공되는 일종의 테마 플러그인과 일부 테마를 설치할 예정입니다 지금 웹 사이트를 사용자 정의하십시오 따라서 내가 권장하는 것은 업데이트를 실제로 볼 수 있고 지금 업데이트를 클릭 할 수있는 경우입니다 그렇지 않다면 알다시피 여기 그대로있는 채로 두십시오 업데이트 된 내용을 확인하십시오

좋아요, 모든것이 업데이트 된 것 같습니다 여기 아래로 스크롤하여 사용자를 클릭 한 다음 모든 사용자를 클릭 할 수 있습니다 여기서 우리가 할 일은 실제로 새로운 암호로 설정됩니다 왜냐하면 우리가 실제로 그 암호를 기억할 수 없기 때문입니다 여기에 긴 암호가 있습니다

추가 할 수도 있습니다 예를 들어 다른 사용자가 귀하의 스토어를 관리하기를 원하면 여기에 새 사용자로 추가 할 수 있습니다 여기를 클릭하여 편집 스크롤 다운 클릭 비밀번호 생성 후 숨기기를 클릭하면 여기에 있습니다 일부 대문자와 다른 문자로 된 암호를 입력 한 다음 업데이트 프로필 확인을 클릭하여 해당 암호를 저장하십시오 좋아, 그럼 우리가하고 싶은 건 퍼머 링크를 바꾸는거야

예를 들어 실제로 새 탭에서 웹 사이트를 다시 열면 이것은 기본 게시물이며 클릭하면 URL 구조가 약간 이상하다고 알고 있습니다 PHP를 사용하고 날짜를 얻은 다음 게시물 제목을가집니다 원하는대로 여기로 돌아가서 설정으로 돌아가고 싶습니다 퍼머 링크 및 당신은 permalink 구조가 다만다는 것을 확인하고 싶다 게시물 이름 또는 페이지 이름? 좋아, 그래서 그것은 훨씬 깨끗한 외모와 그것은 검색 엔진에 대한 더 나은 그래서 게시물 이름을 클릭하십시오 그런 다음 변경 사항 저장 좋아요

그 다음에 할 일은 플러그인을 클릭하는 것입니다 그래서 기본적으로 WordPress에는 기본적으로 기본 플러그인과 플러그인을 아는 사람이 있습니다 예를 들어 WordPress 웹 사이트에 추가 기능을 추가하는 응용 프로그램 때로는 휴대 전화에서 기본적으로 알 수 있습니다 일부 기본 앱이 설치되어 있습니다 그리고 내가 일반적으로 좋아하는 것은 같은 페이지에서 모두를 얻는 것입니다

그래서 우리는 모든 것을 비활성화 할 것입니다 좋아요, 그래서 모두 선택하면 실제로 비활성화를 클릭하고 적용 할 수 있습니다 그런 다음 모두를 다시 선택하면 모든 것을 삭제하여 나중에 설치할 수있게됩니다 나중에 몇 가지 플러그인을 설치하는 방법을 보여 드리겠습니다 그래, 한번 완료되면 페이지를 클릭하십시오

그래서 기본적으로 샘플 페이지 좋아요, 여기 하나를 모두 선택하고 지금 쓰레기통으로 이동하십시오 삭제를 클릭하고 영구 삭제를 선택하고 적용합니다 게시물을 클릭하면 기본적으로 안녕하세요 세계 게시됩니다 우리는 그것도 삭제할 것입니다

괜찮아 휴지통으로 이동 또는 여기에서 휴지통을 클릭 할 수 있습니다 그런 다음 휴지통을 다시 클릭하고 영구적으로 삭제합니다 그래, 이제 대시 보드에 가면 훨씬 더 깔끔한 외관을 볼 수 있습니다 좋아요, 그래서 여기에 모든 기본 설정이 있습니다 당신은 실제로 여기 모든 것을 닫을 수 있습니다

모든 것을 단계별로 수행하는 방법을 보여 드리겠습니다 그리고 지금 우리가해야 할 일은 테마를 설치하는 것입니다 그래서 실제로 모양 위에 마우스를 가져 가면 테마를 클릭하십시오 여기에 기본 테마 2017이 있습니다 좋아, 이제 새 테마를 추가 할 것이므로 새 테마를 추가하고 여기 당신이 사용할 수있는 몇 가지 무료 테마가 있습니다

그러나 그것들 중 많은 것들이 실제로는 자유형입니다 따라서 실제로 필요한 주제의 모든 기능을 실제로 사용하려면 비용을 지불해야합니다 하지만 실제로 아래의 설명에서 사용하는 주제가 있습니다 더보기를 클릭하면 테마를 다운로드 할 수있는 다운로드 링크가 표시됩니다 일단 다운로드하면 그것은 themify – shop doc zip처럼 보이고 플러그 – 인을 다운로드 할뿐만 아니라 WooCommerce와 이미지를 다운로드하여 실제 비디오 자습서에서 내가하고있는 것과 똑같이 따라갈 수 있습니다

좋아, 그래서 그 세 가지를 컴퓨터에 다운로드하십시오 때로는 Safari를 사용하는 경우 SHOP 테마가 자동으로 압축이 풀릴 수 있습니다 예를 들어 두 번 클릭하면 모양이 나타날 수 있습니다 이런 식으로 보일 수도 있습니다 좋아, 폴더

따라서 마우스 오른쪽 버튼을 클릭하고 압축해야합니다 이미지의 zip 파일에 압축을 풀 수 있습니다 따라서 Mac 사용자를 위해 두 번 클릭하면 실제로 그런 식으로 열어 라 좋아 따라야 할 이미지가 여기에있다

그래서 우리가해야 할 일은 대시 보드로 돌아가서 업로드 테마를 클릭하면 파일을 선택하고 themify-SHOP zip 파일을 업로드하고 열기 및 열기를 클릭해야합니다 왼쪽 하단 왼쪽에 설치 진행률 표시 줄이 아래에 있습니다 일단 완료되면 테마를 활성화해야합니다 여기를 클릭하면 그리고 나서 당신이해야 할 일은 때로는 스킨이고 데모가 나타납니다 좋아, 십자가를 클릭해야합니다

버튼, 좋아, 그래서 우리는 스킨과 데모를 업로드하지 않을거야 우리는 테마 레이아웃의 기본값을 사용할 것입니다 그래서 당신이 실제로 우리 사이트를 방문한다면 당신은 외관이 많이 바뀌 었음을 볼 것입니다 우리가 곧 만들려고하는 것과 매우 비슷해 보입니다 그래서 기본적으로 우리가해야 할 일은 우리에게 몇 가지 추가 기능을 추가하는 것입니다

기본적으로 워드 프레스 웹 사이트 그것은 지금처럼 중소 기업 웹 사이트의 블로깅 및 일종입니다 그러나 실제로 플러그인을 추가하면 전자 상거래 저장소가 될 수 있습니다 그래서 우리는 플러그인을 클릭해야합니다 좋아, 그래서 당신이 다운로드하고 활성화하는 것이 좋습니다 첫 번째 플러그인은 정말 간단한 SSL입니다 당신이 볼 수 있듯이, 웹 사이트가 안전하지 않다는 것을 보여줄 것이기 때문에 그것이 안전하다는 것을 보여주고 있다면 당신은 알고 있습니다 그것에 대해 걱정하지 마십시오 그런 다음이 플러그인이 필요하지 않습니다

SSL 인증서가없는 경우가 있습니다 다른 자습서에서 따를 수있는 것을 구입하지 않았습니다 SSL 인증서가 없습니다 이 단계에 대해 걱정할 필요가 없습니다 알았어

다른 사람들은 새 계정을 추가하고 정말로 간단한 SSL을 입력하십시오 확인을 클릭하면 기본적으로 웹 사이트에 SSL이 적용되며 실제로 보안 아이콘을 사용하면 보안 아이콘이 표시됩니다 그것을 구입했습니다 승인 이제 Install Now를 클릭하십시오

그런 다음 활성화해야합니다 선생님, 여기를 클릭하여 SSL을 활성화해야합니다 좋습니다 아마도 웹 사이트에서 로그 아웃 할 것입니다 지금 웹 사이트를 클릭하면 로그 아웃됩니다

보시다시피 HTTPS가 표시되고 다시 로그인하면 로그인 할 수 있습니다 / wp – admin, ok를 입력 한 다음 enter를 클릭하십시오 그런 다음 WordPress 대시 보드로 돌아갑니다 알았어 그래서 사용자와 비밀번호를 입력하십시오 그런 다음 로그인을 클릭하고 그런 다음 나머지 플러그인을 설치하는 방법을 보여 드리겠습니다

그래, 다시 플러그인으로 돌아가서 그런 다음 새로 추가를 클릭하십시오 그래서 우리가 설치하고자하는 첫 번째 플러그인은 Builder WooCommerce 또는 업로드 플러그인에서 파일을 선택하고 이 플러그인을 다운로드하여 여기에 설치하십시오 좋습니다 아래 설명에 나와 있습니다 지금 열고 설치하십시오

그런 다음 활성화를 클릭하십시오 다운로드 할 다음 플러그인은 제품 필터 플러그인 좋아, 이제 우리는 주제별로 분류하다 제품 필터가 정상입니다 설치하고자하는 플러그인을 클릭하고 Install Now를 클릭하십시오 정품 인증을 클릭 할 수는 있지만 WooCommerce가 실제로 설치되어 있지 않기 때문에 실제로 정품 인증을받을 것 같지 않습니다

좋습니다, 그래서 돌아와서 이것을 활성화해야 할 수도 있습니다 좋아, 내가 너에게 두 번째로 보여줄거야 좋아, 그럼 우리가 다운로드 할 다음 플러그인은 문의 양식 7입니다 Ok 그래서 사람들이 실제로 모르는 사이에 연락 양식을 통해 연락하십시오

사람들에게 이메일을 보내면 연락 양식 7로 바로 갈 수 있으므로 여기에서 검색하십시오 그럼 이건 Tucker Yuki가하는 것입니다 그리고 지금 설치를 클릭하십시오 활성화 확인을 클릭 한 다음 마지막 플러그인을 다시 추가하려면 WooCommerce 플러그인을 클릭하십시오 그래서 우리가 마지막으로 설치하게 된 이유는 우리는 셋업 마법사를 함께 진행할 것입니다

좋아요 그래서 WooCommerce를 검색하면 100 만 건이 넘는 설치가 있었는데 지금 설치를 클릭하고 당신은 많은 플러그인을 다운로드하여 사용할 수 있습니다 그들을 검색하여 여기에서 검색하거나 Google에서 검색 할 수 있습니다 따라서 추가 기능을 추가하는 데 사용할 수있는 무료 및 유료 플러그인이 많이 있습니다 하지만 이것들은 우리가 지금 사용하고 활성화 할 것입니다

좋습니다 그러면 정상적으로 WooCommerce 설정 마법사가 열리 며 지금 당장이 작업을 진행할 것입니다 그래서 내가 호주에 세울 상점을 기반으로하는 반면 좋아요, 그리고 나서 더미 주소를 입력하십시오 나는 개인 주소를 입력하고 싶지 않은 경우 내가 너희들에게 추천하는 것은 지금 당장 거짓말 쟁이에 빠져 있다는 것을 아는 것이다 아니면 APO 상자를 얻을 수 있습니다

좋아, 나는 멜버른에 넣을거야 그럼 빅토리아, 빅토리아 3000 이 통화가 여기에 있습니다 결제를 수락 할 통화를 선택할 수 있습니다 나는 그것을 호주인으로 남겨 두지 만, 당신은 미국 영국이거나 다른 것 따라서 여기에 제품을 판매 할 예정이라면 직접 제품과 서비스를 이용할 수 있습니다

이것을 체크하고 가자 좋아요, 그럼 여기에서 실제로 지불 옵션을 선택할 수 있습니다 따라서 스트라이프를 통해 지불을 받으려면이 항목을 계속 선택하십시오 하지만 PayPal을 사용하여 설정하는 방법을 보여 드리겠습니다 PayPal은 정말 쉽습니다

PayPal 계정이없는 경우 지금 가입하십시오 나 또한 설정을 약간 나중에 살펴볼 것입니다 괜찮아 그래서 지금은 스트라이프를 선택 해제하고 PayPal을 그대로두고 여기를 클릭하여 이메일을 받으 셨는지 확인하십시오 그래서 귀하의 페이팔 이메일과 한 번 실제로 지불을 구입 한 사람과 관련된 페이팔 계정으로 전송됩니다 여기에 넣은 이메일 아래로 스크롤하여 여기를 클릭하십시오 이 기능을 활성화 할 수도 있습니다

원하는 경우 옵션도 구성 할 수 있으므로 구성 방법이나 나중에 구성 할 위치를 보여줍니다 확인을 클릭 한 다음 계속을 클릭하십시오 좋아요, 그럼 네 배송에 대해서, 알았어 그래서 나중에 이걸 조금 더 살펴볼거야 그래서 예를 들면 배송 지역은 오스트레일리아라고하며 이곳에서 무료 배송뿐만 아니라 정액 요금 배송 설정도 가능합니다

그러니 고정 요금이 10 달러라고 가정 해 봅시다 그들은 열에 넣을 수 있습니다 따라서 위치가 포함되지 않으면 여기도 똑바로 설정할 수 있습니다 예를 들어 미국에서 말하면 여기에 앉아서 바로 여기 넣을 수 있다는 것은 당신이 아는 것이 아닙니다 좋아요

그래서 모두를 위해서 여기에 설정되지 않은 위치 20 달러 야 좋아요, 그래서 나중에 더 자세하게 보여 드리겠습니다 여기에서 무게 단위와 치수를 선택한 다음 계속을 클릭 할 수 있습니다

알았어, 내가 추천하는 건이 두 가지를 확인하는거야, 알았어 따라서이 항목은 결제 섹션에서 세금 계산을 자동으로 도와주기 때문에 매우 유용합니다 좋습니다 MailChimp는 기본적으로 일종의 이메일 마케팅 소프트웨어입니다 그리고 무료로 신청할 수 있습니다

좋아 그래서 너를 어떻게 보여 줄지 이것을 다른 보너스 비디오에 연결하십시오 이제는 계속을 클릭하면 자동 세금과 MailChimp가 설치됩니다 그래서 몇 초가 걸릴거야

좋아, 그럼 여기에 가게를 제트 팩에 연결하라고 말할거야 좋아, 여기 이렇게 여기 jetpack을 계속 클릭하십시오 좋아요 그런 다음 Google을 계속 클릭하거나 여기에서 새 이메일을 등록 할 수 있습니다 좋아, 그럼 Google을 계속 클릭하고 제트 팩 계정을 만듭니다

좋아요, 그래서 저는 여기에 새로운 이메일을 사용할 것입니다 그 이메일이 제 jetpack 계정에 연결됩니다 보통 몇 분 정도 걸립니다 좋아요, 그럼 여기서 판매 할 준비가되어 있어야합니다 여기를 클릭하면 실제로 제품을 만들 수 있지만 먼저 몇 가지 작업을 수행하는 방법을 보여 드리겠습니다

좋아요, 클릭하면 추가로 동영상을 볼 수 있습니다 그래, 그럼 그걸 클릭 할 수있어 지금 할 일은 대시 보드를 방문하는 것입니다 그러면 몇 페이지를 추가 할 것입니다 전자 상거래 웹 사이트의 일부 페이지를 추가 할 예정입니다

좋아, 이제 우리가 할 일은 페이지를 클릭하십시오 좋아요, 그래서 우리는 상거래를 통해 실제로 전자 상거래 페이지를 알게되었습니다 예를 들어 자동차 페이지 체크 아웃 페이지 그리고 가게와 계좌 페이지,하지만 우리는 우리 자신의 페이지를 만들어야합니다 좋아요, 그래서 우리는 만들고 새로운 것을 추가하고 클릭 할 것입니다 우리가 만들 첫 번째 페이지는 우리의 홈 페이지입니다

좋아, 여기에 제목 섹션에 집에 들어가기 만하면 돼 게시를 클릭하고 그런 다음 다시 추가를 클릭합니다 우리는 about 페이지에 추가 할 것입니다 그런 다음 다시 새로 추가 할 것입니다 좋아, 원하는만큼 페이지를 만들 수 있습니다

그래서 나는 그저 나중에 연락하는 방법을 보여줄 페이지를 만들 것입니다 우리는 또한 위시리스트와 블로그를 만들 것입니다 FAQ 페이지 따라서 새로 추가를 클릭하십시오 그래, 우리는 블로그에 글을 올릴거야 새로 추가 좋아, 조금 지루하다

우리는 반복적 일 것이지만 우리는이 일을 끝내야합니다 여기에 입력하십시오 위시리스트, 우리는 그것을 삭제할 것이고 그 다음에는 게시를 클릭하십시오 그런 다음 FAQ 페이지를 만들 예정입니다 너는 너가 실제로 할 수 있었다는 것을 알고있다, 너는 싶으면 발송하고 반환 페이지를 창조한다 그러나 나가 정당한 이름을 지명하기 위하여 이는 고 너는 있있다 좋아요, 그런 다음 게시 하시겠습니까? 알았어

그래서이 탭들을 제일 먼저 닫을거야 좋아, 이제 우리는 모든 페이지를 클릭하여 실제로 우리가 모든 페이지를 만들었습니다 좋아요, 집 연락처 FAQ에 대해서 좋아요 그러면 다시 추가를 클릭하지 않았 으면 좋겠어요 알겠습니다

방문 웹 사이트를 클릭하면됩니다 저희 웹 사이트를 확인하십시오 좋아요, 알다시피, 여기에 메뉴가 있습니다 따라서 우리가해야 할 일은 실제로 메뉴 탐색 영역에 설정되어 있습니다 그래서 우리가해야 할 일은 커스텀을 클릭해야합니다

자동으로 옵션을 주제별로 선택하게됩니다 뒷면을 클릭하고 홈페이지 설정을 클릭 하시겠습니까? 우리가 할 일은 우리가 실제로가는거야 정적 페이지를 설정하십시오 따라서 홈 페이지의 경우 정적 페이지를 방금 만든 실제 홈 페이지로 설정하겠습니까? 괜찮아 그래서 예를 들어 우리가이 URL을 사용한다면, 좋아, 새로운 탭 붙여 넣기를 열어 보자

전에 작성한 홈 페이지로 이동하십시오 따라서이 홈 페이지를 여기에서 알기를 바랍니다 도메인 URL 좋아, 그래서 우리가 여기에서하고있는거야 그래, 집에 돌아가서 그런 다음 게시를 클릭하고 그건 기본적으로 괜찮을거야 그리고 너는 여기로 돌아갈 수있어

좋아요, 그런 다음 메뉴를 클릭하십시오 좋아 이제 메뉴를 만들거야 보시다시피 햄버거 메뉴가 있습니다 그래서 이것은 모바일 메뉴입니다

이것은 모바일 장치에서 보이는 것입니다 그 이유는 화면 크기는 지금 아주 작습니다 그래서 모바일 메뉴를 보여줍니다 그래서 당신이 할 수있는 일은 브라우저에 있습니다 여기 정상적으로 세 개의 아이콘이 있습니다

좋아, Chrome을 사용하는 경우 그것을 클릭하면 90 %로 조금 축소 할 수 있으며 여기에 메뉴가 표시됩니다 괜찮아? 한 번 클릭하면 새 메뉴를 만들고 메뉴 이름은 여기에 있습니다 우리는 그것을 최고 탐색이라고 명명 할 것입니다 괜찮아 따라서 상위 탐색 이름을 뭐라하든 상관 없습니다

이것은 당신 자신의 참고 용 일뿐입니다 메뉴 위치의 경우 기본 위치 메인 탐색 메뉴로 설정하려고합니다 죄송합니다 다음을 클릭하십시오 상단에 표시 할 페이지를 추가하고 싶습니까? 좋아, 항목 추가를 클릭하고 내가 표시하고 싶은 페이지가 내 가게 페이지 만 그래서 나는 내 가게 페이지를 맨 위에 표시하고 싶다

블로그 및 연락처에 abouts를 추가하고 상단에 FAQ를 추가 할 수 있지만 일반적으로 아이코닉 좋아요, 그래서 이것은 호주의 인기있는 전자 상거래 웹 사이트, 아시겠지만, 그들은 단지 카테고리를 가지고 여기에 여기 아래로 그들은 다른 모든 FAQ 페이지와 페이지와 같은 것들을 가지고 있습니다 전자 상거래 웹 사이트의 주요 우선 순위는 실제로 사람들을 변환하고 네비게이션을 정말 멋지고 간단하게 만들고 싶습니다 나는 메가 메뉴와 다른 것들을 만드는 방법을 보여줄 것이다 후에 그러나 어쩌면 지금 막 들어가고 그러나 지금 상점 페이지에서 놓으십시오 게시를 클릭하십시오

좋아, 다음으로해야 할 일은 다른 메뉴를 만들어서 등을 클릭하면됩니다 이번에 새 메뉴를 만듭니다 바닥 글 섹션을위한 메뉴를 만들 것입니다 그래서 우리는이 바닥 글의 이름을 지을거야 지금, 바닥 글 탐색을 선택하십시오

다음을 클릭하십시오 여기서 항목 추가를 클릭 할 수 있습니다 승인 바닥 글을 유감스럽게 생각합니다 내가 보여주고 싶은 FAQ 페이지에 말하기 블로그 페이지 연락처 페이지 약 페이지

알았어 그래서 이걸 선택하지 않을거야 좋아요, 다시 정렬하려면, 그냥 클릭하고 드래그하여 순서를 재정렬하십시오 여기 하단에서 볼 수 있듯이 주문이 보입니다 그래서 저는 그것을 재 배열 할 것입니다

나는 그것이 좋다고 생각한다 드롭 다운 메뉴처럼 만들려면 실제로 클릭하고 단어 단위로 드래그하면됩니다 사람들이 실제로 마우스를 가져 가면 그런 다음 실제로 드롭 다운됩니다 좋습니다 정상적으로 이것은 상단 탐색에 유용하지만 실제로 그렇게하는 방법입니다 그런 다음 게시를 클릭 한 다음 그럼 이제 실제로 닫을 수 있습니다

우리가 할 일은 여러분이 여기에있는 페이지 레이아웃을 볼 수 있고 사이드 바 섹션도 있습니다 빈 캔버스가있어서 우리 영웅 섹션을 알 수 있습니다 좋아, 우리 웹 사이트를 위해, 우리는 당신이 알지 못한다, 제목과 사이드 바를 여기에있다 그래서 그것을 지우려면 대시 보드 섹션으로 돌아갈 수 있습니다 그런 다음 쇼핑 테마 설정을 테마로 이동하고 싶습니다

좋아 기본 레이아웃을 클릭 하시겠습니까? 이 설정 영역에서는 테마를 편집 할 수 있습니다 좋아, 그래서 나중에 모든 것을 사용자 정의하는 방법을 보여줄 것이지만, 지금은 기본 페이지 레이아웃을 클릭하고 실제로 새 탭에서 사이트를 여는 경우 그런 다음 제목입니다 사이드 바를 제거하고 제목을 숨길 사이드 바입니다 좋아요

또한 페이지 댓글을 표시하고 싶지 않으므로 사용을 중지 할 것입니다 페이지 만 알았어 상단의 저장을 클릭하고 그런 다음 실제로 여기로 돌아와 페이지를 새로 고칩니다 그런 다음 빈 캔버스를 사용하여 전자 상거래 저장소의 레이아웃을 실제로 만들 수 있습니다 그래서 우리가 만들고있는 레이아웃은 영웅 이미지입니다

Apple에서 보는 것과 똑같은 방식으로 진행되며 텍스트를 추가하는 방법을 보여 드리겠습니다 및 버튼 또는 링크 괜찮아 예를 들어 나이키에는 정말 멋진 영웅 이미지와 그 이유가 있습니다 웹 사이트는 기본적으로 올바르게 작동하기 때문에 이런가요? 방문자가 귀하의 사이트가 무엇을 판매하고 있는지 정확히 알려줍니다 사람들은 귀하의 웹 사이트에 머물러 있는지 또는 귀하의 웹 사이트를 클릭 할지를 결정할 수 있습니다 자습서의이 부분은 정말 중요합니다 왜냐하면 기본적으로 일종의 방문 페이지에서 비즈니스의 첫 번째 인상을 알립니다

이제 Builder를 사용하는 방법과 방법을 보여 드리겠습니다 실제로 텍스트를 적용하고 버튼을 추가하십시오 괜찮아 그래서 우리가 할 일은 당신이 이미 이미지가 없다면 실제로 이미지를 찾는 정말 좋은 곳입니다 unsplashcom이라는 웹 사이트가 있습니다

좋아, 전자 상거래 상점이라면 나는 적극 추천한다 아마 사진 작가가 될거야 너와 잘 어울리지 않는다면 정말 좋은 품질과 관련 제품 이미지를 찍을 사진과 물건을 알아라 정말 좋은 이미지가 다른 전자 상거래 상점과는 다른 점이라고 생각하기 때문에 그래 근데 지금 이미지가 없으면 너 알 잖아

내가 제안하는 것은 어쩌면 신발에 타이핑하면 예를 들어 쇄플을 할 수있다 그렇다면 정말 높은 품질의 사진이 있다는 것을 알고 있습니다 신발 이미지, 맞지? 그리고 나서 당신이 할 수있는 것은 당신이 이것을 다운로드 할 수 있고 그들을 위해 당신의 웹 사이트를 위해 사용할 수 있다는 것입니다 사람들을 공언하지 않고 개인 프로젝트에 상업용으로 사용 좋아, 컴퓨터에 다운로드하고해야 할 일 다음으로 사진을 실제로 보내야합니다 좋아요

Photoshop이나 다른 사진을 실제로 사용할 수 있습니다 사진 편집 소프트웨어,하지만 우리는 실제로 우리가 정렬하기 전에 이미지를 편집해야합니다 우리 웹 사이트에 업로드해야합니다 승인 그 이유는 원하는 이유 때문입니다

그렇지 않으면 크기가 너무 크며로드하는 데 너무 오래 걸립니다 좋구나 예를 들어, 이미지를 찾으십시오 예를 들어, 여기에이 컴퓨터를 다운로드한다고 가정 해 봅시다 좋아, 바탕 화면에 저장하거나 새 폴더를 만들고 사진으로 돌아 가기 컴퓨터를 열어서 사진을 평온한 곳으로 업로드하십시오

좋아, 자습서를 건너 뛰려면 여기를 클릭하십시오 이미지가 맞습니까? 그리고 여기에 이미지의 크기가 있습니다 여기 바닥 좋아 그리고 그것은 정말로 정말로 크다

그리고 우리는 그것을 작게 자르고 싶어한다 좋습니다 그렇게하려면 크기 조정을 클릭하고이 항목이 선택되어 있는지 확인하십시오 좋아, 그럼 입력 할거야 1600 이미지 너비는 여기서 높이가 자동으로 크기가 조정되고 적용을 클릭합니다

그래서 놀이를 적절하게 클릭하면 여기에서 크기가 조절됩니다 좋아요, 그래서 당신은 확대 할 수 있습니다 그러면 자르기를 실제로 할 수있어서 자르기를 클릭 할 수 있습니다 여기에 입력 할게 높이 약 1600 번에 약 1600 번 좋아 그리고 그런 다음 내가 원하는 부분을 선택하려고합니다

나는 꽤 좋은 것 같아요 확인을 클릭 한 다음 적용을 클릭하십시오 좋아, 실제로 업로드 할 이미지는 폭 약 1600 너비 높이 약 900 좋아, 나는 개인적으로 그것이 영웅 이미지에 이상적이라고 생각한다 일단 저장을 클릭하면 완료됩니다 실제로 Facebook 계정으로 로그인해야 할 수도 있습니다

좋아, 네가 실제로 이전에 무료로 다운로드 할 수 있다고 생각했지만, 이제는 네가 알아야 할 것 같아 계정을 만들어 컴퓨터에 이미지를 다운로드 할 수 있도록 무료 계정을 만드십시오 좋아, 일단 당신이 그 일을 마치면 여기에 귀하의 웹 사이트로 돌아갑니다 그리고 내가 일반적으로하고 싶은 것은 페이지를 새로 고침하는 것입니다 내가 빌더를 켜기 전에 확인 이제 우리가 할 일은 빌더를 켜고 기본적으로 모든 것을 편집하는 방법을 보여주기 때문에 옷을 클릭하는 팝업이 나타납니다

좋아,이 섹션을 실제로 가리키면 자주색 외곽선과 오렌지색 외곽선이 있습니다 자주색 개요는 기본적으로 행의 개요입니다 따라서 오렌지색 외곽선 너비는 열 설정이므로 실제로 열을 변경할 수 있으므로 두 열을 선택할 수 있습니다 좋아요, 아니면 세 개의 열을 선택할 수 있습니다 그런 것 좋아요, 그래서 이걸 선택 하겠어요

괜찮아 그래서 내가하고 싶은 것은 여기에 마우스를 올려 놓고 옵션 탭을 클릭하는 것입니다 좋아요, 그래서 당신이 그것을 클릭하거나 실제로 수 있습니다 너비 너비를 여기에서 선택하십시오 좋아요,하지만 실제로 그것을 클릭 한 다음 도로 너비에 따라 길을 가야합니다 좋아, 그럼 행 내용에 대한 다음 스타일링 탭을 클릭 할 수 있습니다

좋아요, 배경을 클릭하고 이미지 그라디언트 비디오 및 또한 슬라이더 괜찮아 그래서 내가 추천하는 비디오는 실제로 YouTube에 먼저 비디오를 업로드하는 중입니다 그리고 나서 실제로 비디오에 붙여 넣을 수 있습니다 URL

좋아, 일단 네가 실제로 YouTube에 비디오를 업로드했습니다 여기에 붙여 넣으면 동영상이 실제로 백그라운드에서 재생되기 시작합니다 좋습니다하지만이 자습서에서는 슬라이더에 추가 할 것입니다 따라서 해당 비디오를 삭제하겠습니다

좋아, 갤러리 삽입을 클릭하면 내가하고 싶은 일은 파일을 업로드하고 싶습니다 준비가 된 이미지는 웹 사이트에서 사용할 이미지입니다 그래서 당신 대신 하나씩 업로드하는 것을 안다 우리가 실제로 할 때 나는 너를 알기 만하고, 모두 선택하고, 드래그 한 다음 모두를 선택한 다음 괜찮아

모든 이미지를 Google에 업로드 할 예정입니다 WordPress 웹 사이트에서 필요할 때 쉽게 이미지를 선택할 수 있습니다 좋아요 꽤 많은 이미지가 있기 때문에 몇 분 정도 걸릴 것입니다 나는이 모든 걸 맨 먼저 닫을거야

좋아, 모두 닫아 보자 그래서 내가 할 일은 여기에 업로드 할거야 그래서 그것을 선택할거야 좋아요이 파란색 신발은 여기와 여기에서이 신발을 선택하는 것과 같습니다

여기, 여기, 여기 좋아요 그래서 이걸 선택하겠습니다 여섯 개의 이미지가 여기에 있습니다 나는 사실 선택을 취소 할거야

다른 것들은 괜찮아요 그래서 그냥 클릭하고 선택을 해제하십시오 나는이 6 개의 이미지를 선택할거야, 알았어 그래서 Slyder에 대해 더 많은 이미지를 실제로 업로드하는 이미지의 수를 명심하십시오 웹 사이트가 더 천천히로드됩니다

그래서 저는 개인적으로 당신이 3 ~ 4 개의 이미지를 꽤 많이 알고 있다고 생각합니다 슬라이더를 위해 좋습니다 하지만 6 명이있어 갤러리에 지금 추가 할 것입니다 나는 당신이 볼 수있는이 영웅 슬라이더가 아니라고 말했다 나는 약 1600 x 900 크기로 자른 후 어디서나자를 수 있으며이 크기를 알 수 있습니다

정확한 것은 아니지만이 크기를 잘라 냈습니다 좋아요, 업데이트를 클릭하면 이미지 크기에 맞게 슬라이더에 이미지가 추가됩니다 우리는 원본 이미지 및 배경 슬라이더 병합은 여기에 전체 표지가 있어야합니다 슬라이더 속도로 설정할 수 있습니다 그러나 보시다시피, 그 이미지를 실제로 볼 수는 없습니다

맞습니까? 그래서 당신이해야 할 일은 그 이미지 안에 간격을 두는 것입니다 좋아, 그렇게하려면 패딩을 클릭하고 이 버튼을 모두 클릭하십시오 좋아, 15 %를 정상에 입력 할거야 그래서 15 %를 추가 할 것입니다 상단에 간격을두고 하단에 15 %를 할 수 있습니다

그래서 바닥에 15 %가 추가됩니다 괜찮아 따라서 패딩은 항상 사용하게 될 것입니다 왜냐하면 기본적으로 웹 사이트에 공간을 추가해야합니다 괜찮아 그래서 충분하지 않다면 그냥 클릭 만하면된다

17 % 클릭하고 위로 끕니다 17 번에 한 번 클릭하면 완료를 클릭 할 수 있습니다 좋아요, 그것이 완전히 펼쳐지지 않는 이유는 여기에 텍스트를 추가하기 때문입니다 그래서 조금 더 뻗어서 녹색 아이콘 위에 마우스를 가져 가면됩니다 자물쇠를 클릭하면 자물쇠를 잠글 수 있습니다

그래서 우리는 텍스트를 추가 할 것입니다 좋아, 그래서 텍스트 모듈에 드롭 텍스트 콘텐츠의 경우 붙여 넣기 만하면됩니다 다목적 전자 상거래 좋습니다 데모 웹 사이트입니다 방금이 웹 사이트를 방문 할 수 있습니다

이 튜토리얼을 보게되면 좋아, 여기 올 수 있고 우리가 사용할 텍스트를 복사 할 수있어 다른 곳에서 텍스트를 붙여 넣을 때마다 마우스 오른쪽 버튼을 클릭하고 스타일 붙여 넣기 및 일치 일반 텍스트로 붙여 넣기하십시오 너는 그 스타일링을 계속하고 싶지 않기 때문에 보시다시피, 다목적 전자 상거래입니다 그래서 여기에서 그것을 선택하겠다

그러면 이것을 1 번으로 설정할 것이다 이제 우리가 할 일은 click on done입니다 그러면 다른 텍스트 모듈을 추가 할 것입니다 좋아, 그럼 서브 헤드 라인 맞지? 하위 제목을 추가 할 예정입니다 그렇게하기 위해 여기에 마우스를 가져 가서 다른 텍스트 모듈에 놓을 수도 있고 원래의 텍스트 모듈 위로 마우스를 가져갈 수도 있습니다

여기 오른쪽에 실제로 복제 할 수 있습니다 좋아, 그럼 여기에 하단 행을 클릭하여 텍스트를 복제 한 다음 이것을 하위 헤드 라인으로 변경하십시오 그래서 귀하의 하위 헤드 라인은 50 % 할인 판매 또는 당신에 관한 무엇인가 당신이 팔고있는 것을 압니다 그래서 짐 쇼크에 가면 보자

좋아, 이제 시간을 헤엄 쳐 나간다 나는 모른다 그것은 당신에게 달려 있습니다 좋아, 이걸로 온라인 상점을 만들거야 그래서 우리는 거기에 그 제목을 넣을거야

그 스타일로 붙여 넣기 그래서 당신이 볼 수 있듯이 그것이 하나의 제목으로 설정되었습니다 좋아요, 중복되어 있기 때문에요 단락을 선택한 다음 완료하십시오 그런 다음 버튼을 추가하면됩니다 좋아, 버튼이 여기에 있고 그 아래로 드래그 앤 드롭해라

좋아, 다른 크기 버튼을 선택할 수 있습니다 작은 대형 초대형 다른 모양 다른 배경 및 여기에 하단 텍스트를 넣을 수 있습니다 그래서 우리가 할 일은 상점 페이지에 연결하는 것입니다 그래서 우리는 지금 가게를 할거야 개별 제품 페이지에 링크 할 수 있습니다 그래서 당신의 링크를 위해서, 당신은이 버튼을 어디에 링크시키고 싶습니까? 좋아, 그래서 우리 가게 페이지에 링크 할거야

그럼 여기서 뭘 할 수 있니? 마우스 오른쪽 버튼을 클릭 한 다음 해당 링크 주소를 복사 할 수 있습니다 괜찮아 여기에 URL을 붙여 넣으면 상점에 연결됩니다 좋아, 예를 들어 페이지에 직접 붙여 넣을 수 있습니다 잘못된 페이지에 링크하려는 경우 about을 오른쪽 클릭하여 링크 주소를 복사하거나 제품에 링크 할 수 있습니다 지금 당신은 검은 색으로 설정할 수 있습니다

여기에서 색상을 변경할 수 있습니다 다른 버튼을 추가하려면 스타일을 다른 색상으로 변경하려는 경우 가능합니다 기본 스타일 탭 이외의 스타일 탭으로 이동 한 다음 버튼을 클릭하십시오 배경을 선택한 다음 배경색으로 설정하고 배경 위로 색상을 가져다 놓을 수도 있고 여기에서 링크 색상을 설정할 수도 있습니다 좋아, 여기에서 우리는 단지 done을 클릭 할 것이다

좋아요, 그럼 스타일을 지정하는 방법을 보여 드리겠습니다 그렇다면 실제로 어떻게 색을 바꾸는가? 그리고 우리는 어떻게 텍스트를 정렬합니까? 그래서 측면에 너무 많이 좋아하지 않아 당신이 할 수있는 일은 실제로 당신이 할 수있는 일입니다 행에 대한 스타일 탭 스타일 지정 옵션을 클릭하십시오 좋아

당신이 할 수있는 것은 당신이 폰트를 클릭 할 수 있다는 것입니다 그러면 색을 흰색으로 바꿀 것입니다 괜찮아? 그러면 행의 내부에있는 모든 것을 흰색으로 바꿉니다 괜찮아 예를 들어이 텍스트를 새 행으로 이동하면 알았어, 거기 놓아 좋아

흑인이 될거야 알았어 개별 모듈이 아닌 행에 설정 한 스타일에만 적용됩니다 좋아, 그래서 당신이 원하는 경우 개별 모듈에 설정을 알고 더블 클릭 수 있습니다 스타일을 적용한 글꼴을 사용하면 색상을 변경할 수 있습니다 알았어

그럼 내가 지울거야 끝난 실행 취소를 클릭 할 수도 있습니다 과 변경 사항을 취소 할 것입니다 그래서 우리는 그것을 내부적으로 조금 옮길 것입니다

괜찮아 네가 할 수있는 일은 네가 할 수있는 일이야 여기 스타일링에가는 대신 더블 클릭 만하면 행 옵션으로 이동합니다 좋아, 스타일링에 가자

패딩으로 이동하여 왼쪽에 간격을 추가하고 싶습니다 여기 왼쪽으로 마우스를 가져간 다음 5 %로 설정합니다 좋아, 그러면 네가 알게 될거야, 왼쪽에 간격을 두어 좋아, 그래서 당신은 또한 글꼴을 클릭 할 수 있습니다 당신은 당신을 알기 위해 그것을 정렬 할 수 있습니다

그런 중심의 텍스트 그리고 그것을 오른쪽 정렬 할 수도 있습니다 좋아요, 당신이 원하는 것에 따라 그래서 나는 그것을 왼쪽에 유지할 것이다 그래서 당신의 이미지를 잘 알고 있습니다 여기에 마우스를 가져갈 수도 있습니다

당신은 또한 여기에 하나의 열 번호를 변경할 수 있습니다 예를 들어 실제로 텍스트를 가운데로 이동할 수 있습니다 알겠습니다 그거 좋아해 좋아요, 여기에서 드래그하여 정렬 할 수도 있습니다

그래서 D 열의 너비를 바꿀 수 있습니다 그래서 실제로 실제로 어떻게하는지에 대한 기본 사항을 실제로 배웠을 때 정말 재미있었습니다 레이아웃을 바꿔서 그런 것들을 만들지 만, 우리는 할 것입니다 모든 것을 취소하고 그런 식으로 다시 움직여 라 저장을 클릭하면 닫을 수 있습니다

공간을 편집 할 수있는 공간이 있으면 편집 페이지를 클릭하십시오 아래로 스크롤 전체 너비를 선택하려는 내용 너비에 대한 사용자 지정 패널 변경 괜찮아 따라서 임의의 페이지에 영웅 이미지를 추가하고 간격을두고이 간격을 제거해야합니다 전체 너비를 선택하고 해당 페이지를 업데이트하고 그런 다음 작업을 완료하면 홈페이지로 돌아갈 수 있습니다 좋아요

그러면보기 페이지를 클릭하고 그 공간은 켜져 있어야합니다 괜찮아 그래서 당신이 한 것은 당신이 짐 상어에서 본 것과 같은 정말 멋진 털이 이미지를 만들었습니다 사과 구찌와 정말 멋져 보인다 그래, 실제로 글꼴을 여기에서 조금 더 작게 바꾸고 싶다면, 맞습니까? 그래서 빌더를 다시 켜고 텍스트 모듈을 두 번 클릭하십시오

좋아, 스타일링 및 그런 다음 글꼴로 이동하고 여기에서 글꼴 크기를 변경할 수 있습니다 이 모듈을 오른쪽으로 드래그하여 잠글 수도 있습니다 그냥 그런 다음 글꼴을 클릭 할 수 있습니다 글꼴 크기는 아마도 24 일 것입니다 좋아, 그렇게 생각해

지금 당장 권하는 것은 글꼴과 모든 것을 글꼴과 같이 유지하는 것입니다 그냥 기본값으로 좋아요 왜냐하면 제가 실제로 당신이 어떻게 알 수있는 지 보여줄 테니까요 글꼴 및 색상을 나중에 변경하십시오

지금 우리가하는 일은 웹 사이트의 구조를 구축하는 것과 같습니다 그리고 나서 나중에 페인트 칠하겠습니다 좋아요, 완료를 클릭하십시오 Gunn save 이제 나는 그것을 닫을 것이고 다음 부분에서는 제품을 추가하는 방법과 그 전에 제품을 추가하는 방법을 보여 드리겠습니다 네가 실제로 얻을 수있는 세 곳을 보여줄거야, 너 알지

제품을 실제로 가지고 있지 않다면 제품을 얻을 수 있지만이 경우에는이 부분을 건너 뛸 수 있습니다 여기 호간이야 바라건대 내가 카메라 뒤에 있기 때문에 나는 두려워하지 않았다 그리고 지금 나는 카메라 앞에있다 그러나 나는 그가 실제로 당신의 제품을 얻을 수있는 3 가지 방법의 종류를 설명하고 싶다

첫 번째 방법은 실제로 aliexpresscom의 제품을 소스로 사용하는 것입니다 당신이 사용할 방법은 낙하산 (drop shipping)이라고 불리는 방법입니다 따라서 주제에 얼마나 익숙한 지 잘 모르겠습니다 하지만 드롭 배송의 의미는 기본적으로 다른 사람의 제품을 나열하는 것입니다

귀하의 웹 사이트에 괜찮 으면 귀하의 웹 사이트를 홍보하고 고객이 실제로 귀하의 웹 사이트로 이동하여 해당 구매 사실을 알립니다 그럼 당신이 할 일은 공급 업체 또는 공급 업체의 제품과 공급 업체는 실제로 고객에게 직접 제공합니다 그래서 본질적으로 당신은 당신이 알 필요가 없습니다 수천 달러의 주식을 사서 집이나 창고에 보관하십시오 당신은 기본적으로 고객이 당신에게 돈을 지불 한 후에 실제로 주문할 것입니까? 그래서 이것은 드롭 운송 (drop shipping)이라고 불리는 방법입니다

많은 사람들이 여기에있는 제품들이 드롭 운송을 위해 Aliexpress를 사용합니다 중국 업체 좋아, 아마 Amazon 및 eBay의 제품이므로 우리를 좋아하는 사람들은 실제로 중국에서 제품을 누가 사는지 알고 있습니다 말하자면 그들은 그것을 국가로 가져온 다음 배포하기 시작합니다 따라서 일반적으로 가격은 저렴하지만 운송 시간면에서 단점이 있습니다

좋습니다 따라서 정상적으로 제품을 배송하려면 2 ~ 3 주가 걸리며 공급 업체는 해당 국가에 패킷을 제공하지 않습니다 하지만 제가 실제로 추천하는 것은 실제로 배송을 중단 할 때입니다 고객이 제품을 가져 오는 데 약 2 주가 소요되므로 실제로 배송되는 패키지가있는 국가 괜찮아 그래서 당신이하고 싶은 것은 당신이 Aliexpress comm에 가고 싶다는 것입니다 그러면 당신은 제품을 브라우징 할 수 있습니다

제품을 조사하면 제품에 일반적으로 리뷰가 있음을 알 수 있습니다 괜찮아 그래서 당신은 고품질의 제품이 리뷰를 확인하고 싶습니까? 고객이 실제 제품에 게시하는 이미지를 확인하십시오 품질이 우수한 제품인지 확인해야합니다 그것은 수익을 줄이고 고객은 계속 행복하게 지켜야합니다 그래서 추천하는 것은 실제로 직접 제품을 주문하여 실제로 제품을 직접 테스트 할 수 있습니다

실제로 작동하는지 확인하십시오 시작하기 전에 웹 사이트에 제품을 나열하는 것이 좋습니다 그래, 실제로 귀하의 웹 사이트에 제품을 나열하려면 그것을 할 수 있습니다 당신은 두 가지 방법으로 첫 번째 방법은 수동으로 할 수 있다는 것을 알고 있습니다 실제로 이미지를 스크린 샷해야합니다 이미지를 컴퓨터에 저장하면 기본적으로 웹 사이트에 이미지를 업로드해야합니다

나는 너를 보여주고 너는 너 자신에게 가격을 정해야 해 제품 설명을 추가하고 기본적으로 필요한 모든 것을 설정하거나 두 번째 방법으로 설정합니다 내가 권장하는 플러그인은 기본적으로 Ally dropship 및 hourly dropship이라는 플러그인을 사용하는 것입니다 귀하의 웹 사이트로 제품을 한 번의 클릭으로 가져옵니다 좋아요, 그래서 많은 시간을 절약 할 수 있습니다

왜냐하면 당신은 이미지를 스크린 샷으로 찍을 필요가 없기 때문입니다 실제로 이미지를 복사합니다 귀하의 웹 사이트 및 그것은 또한 인벤토리를 추적하는 것처럼 인벤토리 번호를 취합니다 따라서 걱정할 필요가 없습니다 실제로 공급 업체가 실제로 제품을 다 사용하고 고객이 주문을하고있을 수도 있습니다

실제로 일종의 함께 동기화하면 그렇게되지 않을 것입니다 그래서 고객이 실제로 웹 사이트에서 제품을 구매 한 후 그러면 고객의 정보를 배송하는 데 걸리는 시간은 해당 공급 업체에 주문을하려면 웹 사이트에 자동으로 로그인하십시오 구체적으로 설명하면 고객의 배송지 주소에 실제로 설정됩니다 그런 다음해야 할 일은 신용 카드 또는 PayPal 계정으로 결제하십시오 그런 다음 공급 업체가 고객에게 직접 배송합니다

괜찮아 따라서 이것이 낙하 선적 (drop shipping)이라고하는 방법이며 이것은 오늘날 당신이 정말로 낮은 투자로 시작할 수있는 것입니다 하지만 개인적으로 나는 이것이 최고라고 믿지 않는다 장기적인 비즈니스 모델 자전거를 타는 것과 같습니다 따라서 낙하산 운송은 자전거 바퀴가 달린 자전거를 타는 것과 같습니다 전자 상거래에 대해 배우고 싶어합니다

투자가 적어서 드롭 운송을하면 페이스 북 광고 Instagram ads에 대해 배울 수 있습니다 제품 소싱에 대해 배울 수 있으며 고객 서비스와 모든 것을 알고 있습니다 하지만 당신이하고 싶은 것은 당신이 장기 브랜드에는 자신 만의 로고와 패키지가있는 제품이 없습니다 좋아, 그렇게하기 위해 당신은 alibabacom 알았어, 여기 실제로 제조업체와 연락하십시오

그래서 조금 다릅니다 Aliexpress, 공급 업체와 같습니다 알았어,하지만 실제로 알리바바에 간다면 실제로 누가 실제로 당신은 그 제품을 조립하고 제작하여 실제로 자신의 로고를 넣을 수 있도록 포장과 물건을 넣어 두는 것이 좋습니다 좋아요 내가 추천하는 것은 실제로 원하면 꽤 많은 돈이 필요할 것입니다

그걸 투자해라하지만 너의 재정 상황을 모르지만 너는 알게 될거야, 대충 나는 당신이 실제로 제품을 주문해야하기 때문에 5 천 달러 이상을 말할 것입니다 하지만 실제로는 본국으로 배송하는 데 비용을 지불해야합니다 괜찮아? 그래서 보통 가장 좋은 회사는 실제적으로 더 높은 최소 주문량을 갖게 될 것이지만 샘플을 주문할 수 있습니다 아마 샘플을 지불해야하고 실제로 배송비를 지불해야합니다

알았어 샘플을 주문하고 실제로 할 수있는 일은 실제로 제조 업체에 물어볼 수 있다는 것인가? 어쩌면 당신 나라에있는 회사를 유감스럽게 생각할 수도 있습니다 지난번에 내가 그들에게 물었을 때, 그들은 당신이 알고있는 것, 그들이 누구를 공급했는지 그리고 그들은 실제로 내게 얼마나 많은 그 회사가 실제로 주문하는 부분은 당신이 실제로 그와 이야기 할 때 당신이이 모든 정보를 물어볼 수 있다는 것입니다 때때로 그들은 당신에게 말하지 않을 수도 있지만 때때로 그들은 실제로 그 사실을 알게되면 실제로 시작할 수있는 자신감을 갖게됩니다 다른 회사가 수행하는 작업을 리버스 엔지니어로 정렬 할 수 있다면 비슷한 웹 사이트를 실제로 사용할 수 있습니다

Webcom을 방문한 다음 실제 전자 상거래 웹 사이트를 게시 할 수 있습니다 그것을 거기에 넣으면 그들의 교통량을 확인할 수 있으며 어디에서 오는 것입니까? 좋아, 그렇다면 자신의 성공을 위해 회사의 마케팅 전략을 기본적으로 분석하고 리버스 엔지니어링 할 수 있습니다 전자 상거래 웹 사이트 좋아, 세 번째 방법은 실제로 카탈로니아 어 박람회에 갈거야

그래서 작년에 10 월 1 일에 카탈란 페어에갔습니다 일반적으로 두 가지 종류가 있습니다 시간 시간 세션 1 년에 3 단계로 나뉘어져 있습니다 좋습니다

그래서 서로 다른 제품 카테고리가 너무 많아서 3 단계로 구분됩니다 정말 기분 좋은 경험이라고 생각합니다 실제로 만져도 느끼고 느낄 수 있기 때문에 제조 업체뿐만 아니라 그래서 나는 많은 사람들이 중국에서 만든 제품에 대해 나쁜 인식을 가지고있을 것이라고 생각한다 하지만 내가 거기에 갔을 때 네가 실제로 거기에 갈 때

나는 Starbucks를 위해 그 물건을 만든 제조업 자와 이야기했다 그래서 그들은 정말 고품질의 공급 업체입니다, 당신도 애플을 안다 중국에서 만든 iPhone을 가지고 있습니다 그들이 가지고있는 권리 당신은 캘리포니아에서 디자인을 알고 있지만 중국에서 조립하고 Instagram에서 지금 볼 수있는 많은 회사를 알고 있습니다 Alibaba의 제품을 가지고 있습니다

그들은 광저우 박람회 (Canton Fair)와 같은 공급품에서 원천을 얻습니다 따라서 더 많은 정보를 원할 경우 거기에 가서 웹 사이트의 계정을 확인할 수 있습니다 너는 아마 중국 비자를 필요로하고 너는 같이 등록 일 같이 얻는 것을 필요로한다 하지만 그건 꽤 쉽습니다 그리고 나서 호텔을 예약하여 비행기를 예약 한 다음 거기에 있습니다 괜찮아 그래서 지금은 내 화면으로 돌아가서 실제로 제품을 추가하는 방법을 보여줄 것입니다

그래서 그것으로 들어가자 따라서 어떤 제품에서는 첫 번째 제품을 설정하는 방법을 보여줄 것입니다 단순한 제품 일뿐입니다 그래, 대시 보드 섹션에 없다면 집 아이콘을 클릭하면 여기로 돌아올 것입니다 제품을 클릭하십시오

좋아, 여기서 첫 번째 제품을 만들거나 그 버튼이 보이면 새로 추가를 클릭 할 수 있습니다 제품 제목으로는 검은 색 드레스 때문에 모든 것을 설정하는 방법을 보여주기 때문에 클릭을 해제 할 수 있습니다 알았어, 흑인 드레스 여기에 긴 설명을 붙여 넣습니다 예를 들어, 이것은 우리가 추가 할 검정색 드레스입니다

좋아, 우리가 여기에 붙인 긴 설명 괜찮아 이 부분에서 제품 자체에 대해 좀 더 자세히 설명합니다 알았어, 그리고 이것은 짧은 설명이다 그래서 나는 몇 가지를 잡을거야

Lorem ipsum 텍스트를 현재 일부 자리 표시 자 텍스트로 사용하고 있습니다 그래서 여기에 단락과 안으로 붙여 넣기 괜찮아 따라서 토글 툴바를 클릭하면 텍스트의 색을 바꿀 수 있으며 텍스트를 편집 할 수 있습니다 좋아, 그냥 내려와 제품 데이터에 문제가 없으므로 지금은 단순한 제품을 만들고 있습니다 이 제품은 실제 제품입니다 그래서 이것이 선택되지 않았는지 확인하고 정상 가격은 79 달러입니다

판매 가격으로 설정할 수도 있습니다 그럼 예를 들어 보겠습니다 59 달러이며 일정을 잡을 수도 있습니다 좋아요, 그래서 당신은 끝에서 끝까지 그것을 스케쥴 할 수 있습니다 특정 날짜로 끝내기 위해서

알았어, 여기 보병을 클릭 해 제품이 많은 경우 SKU 및 이것을 취함으로써 재고 수준을 관리 할 수도 있습니다 예를 들어 다음과 같이 할 수 있습니다 10 개만 남았습니다 그러면 그걸 넣을 수 있습니다

우 10 그리고 다시 명령을 허용, 당신은 당신에 의존 알지 예를 들어, 재고 수량이 실제로 0 미만이되면 주문은 계속 허용됩니다 좋아요, 지금은 배송비를 클릭하지 않도록 선택 하겠지만 여기에 얼마만큼의 상품을 입력 할 수 있습니까? 누군가의 우체통이나 그와 비슷한 곳에 오면 길을 알 수 있습니다 무게가 1kg에 달할 수도 있습니다 어쩌면 어쩌면 높이 30 배나 될지도 몰라

3 센티미터 괜찮아 제품에 대한 링크를 클릭하여 상향 판매를 할 수 있습니다 기본적으로 제품을 더 추가 한 경우 실제로 여기에서 제품을 검색하면 제품을 검색 할 수 있으며 업셀은 실제로 제품 아래에 표시됩니다 그래서 나에게는 보통 비어있는 상태로 남겨 둡니다 관련 제품을 실제로 보여주기 때문입니다

동일한 카테고리의 제품입니다 괜찮아 그래서 교차 판매의 경우 이것이 정말 유용하다고 생각합니다 예를 들어 드레스 판매? 어쩌면 십자가 팔기에는 목걸이가 될 수도 있고, 아시다시피 보석류 보석이 될 수도 있습니다 그래서 사람들이 실제로 그것을 장바구니에 추가한다면, 좋습니다

사람들은 그 장바구니를 본다 그런 다음 기본적으로 여기에 설정 한 교차 판매 제품을 추천합니다 그래, 너는 십자가 세포를 추가하여 장바구니의 가치를 올릴 수있어, 알았어 그래서 예를 들어, 카메라를 가지고 있다면 십자가 셀을 알 수있을 것입니다 카메라 배터리와 같은 것들이 있습니다

속성은 가변 제품 및 고급이므로 구매 메모를 남길 수 있습니다 쇼핑 페이지에서 제품을 주문할 수도 있습니다 또한 검토 사용 중지를 설정할 수도 있습니다 간단한 설명을 붙여 넣으려고합니다 괜찮아 현재 일부 텍스트 삭제 여기서 다시 여기로 스크롤하십시오

제품 카테고리에서 설정할 수 있습니다 따라서 새 항목 추가를 클릭하십시오 이 여자 드레스 야 그래서 나는 실제로 상위 카테고리 그래서 이것은 일종의 주요 카테고리입니다

예를 들어, 체육관에 가면 오른쪽에 있습니다 여성과 남성의 경우 여성이 있으므로 여성의 레깅스와 같은 것들이 있습니다 그래서이 여자는 여자들의 광고를 다시 가지고 있고 그 다음에 당신도 드레스입니다 옷 입는거야? 좋아요 그런 다음 학부모 부문에서는 여성들을 선택하십시오

그래서 당신이 새로운 종류 복장을 추가하는 경우에 여자의 종류의 밑에 또한있을 것이다 자, 메가 메뉴에 실제로 들어가면 좋습니다 자, 메가 메뉴에 실제로 들어가면 좋습니다 그렇다면 이것으로 도움이되며 검색 엔진에서 제품을 검색하는 사람들에게도 도움이됩니다 괜찮아 따라서 제품 태그에 대해 실제로 그렇게 해본 후에는 드레스의 브랜드를 알고 있거나 재료와 같은 것들 좋아요

제품 이미지를 원할 경우 공유를 사용 중지 할 수 있습니다 제품 이미지 설정을 클릭하고 아직 이미지를 업로드하지 않았다면 파일을 업로드하고 파일을 선택 하겠지만 여기에 업로드 할 예정입니다 좋아, 내가 실제로 추천하는 것은 이미지 자르기 괜찮아 그래서 이것은 800 x 800입니다

좋아요, 그래서 사각과 비슷합니다 따라서 800 번 너비 8 번 높이에 익숙하지 않은 예를 들어 제품이이 제품과 같이 더 긴 유형의 제품 일 경우 여기를 고려해보십시오 폭 600? 좋아요, 높이 800 그러나 모든 제품 이미지에 대해 정확히 같은 크기인지 확인하여 자르지 않습니다 괜찮아 그래서 그들은 완벽하게 매칭되는 것을 알고 있습니다 그리고 내가 추천하는 것은 이것과 같은 흰색 배경이나 중립적 배경을 갖는 것입니다

그래, 그럼 배경은 나이키와 마찬가지로 회색과 같습니다 좋아, 배경은 흰색이야 맞아, 훨씬 깨끗해 너도 알다시피 때로는 많은 사람들이 실제로 흰색 배경이 회색 인 배경을 보았습니다

그리고 나서 그들은 알고 있습니다 B 제품 내부는 색이 바랜 배경처럼 웹 사이트를 느리게 보이게 만듭니다 또한 전문가가 아닌 것처럼 보입니다 좋아요 추천 이미지가 흰색 인 경우 다시 흰색으로 유지하고 제품 이미지에 설정해야합니다

그래서 제품 갤러리는 실제로 사용중인 제품을 추가 할 수있는 곳 이 여자애가 네가 좋아할 것 같아 너 알지 뒷골목 어딘가에있는 사진 촬영에서 드레스가있는 드레스에 사인이 들어있는 것을 알 수 있습니다 좋아요 여기에 추가 제품 갤러리 이미지를 추가 할 수 있습니다

좋습니다하지만 제품 이미지의 경우 추천 이미지는 가능한 한 중립으로 남습니다 좋아요 한 번 해보 셨으면 게시 할 수 있습니다 좋아요, 그렇게 한 후에는 제품 또는 URL을 클릭하여 여기를 클릭하면됩니다

꽤 좋은 것을 꽤 좋아 보인다 좋아요 지금 내가 보여줄 것은 가변 제품을 추가하는 방법입니다 괜찮아 그래서 때로는 검은 드레스를 입었을 수도 있고 다른 색상으로 다른 크기를 가질 수도 있습니다 그래서 어떻게 설정하는지 보여 드리겠습니다

그럼 할 수있는 일 새 항목 추가를 클릭 할 수도 있습니다 Pop over it 죄송합니다 제품을 클릭하십시오 그것은 바로 지름길입니다

페이지 또는 포스트에 추가하는 것이 좋습니다 신속하게 원하는 곳으로 빠르게 이동할 수 있습니다 좋아, 그럼 다음 제품은 점퍼가 될거야 좋아, 그래서 점퍼를 넣을거야 여기, 다시 딱지에 붙여 넣을거야

그리고 짧은 설명까지 아래로 스크롤 할 것입니다 붙여 넣기 만하면됩니다 일부 텍스트 삭제 여기에서 제품 데이터로 스크롤하십시오 변수 제품을 선택 하시겠습니까? 좋아요, 아직 물리적 인 제품입니다 따라서 우리는 테마를 여기에서 다운로드하십시오

좋아요, 그래서 당신이 그것을 개별적으로 설정해야하기 때문에 여기에 나타나지 않습니다 그래서 보병은 제품 수준의 재고 수준에서 실제로 설정할 수 있지만, 우리는 그 값을 공란으로 남겨 둘 것입니다 우리는 1 킬로그램으로 넣을 수있는 선적 중량과 당신은 30 센티미터에 서 30 센트를 알고 있습니다 링크 제품의 경우, 이제 속성은 속성을 생성해야하는 곳입니다 좋아요

우리는 점퍼를 추가 할 것입니다 속성 중 하나가 크기 일 수 있습니다 추가를 클릭하면 그럼 네가 원하는 것은 크기를 입력하는거야, 알았지? 그래서 여기에서 우리는 작은 것을 위해 s를 선택하게 될 것입니다 그리고 나서 우리는 shift를 클릭 할 것입니다 그리고 나는 이것이 뒤로라고 생각합니다

뒤로 버튼을 누르면 입력 버튼 위에 내려 놓으면 파이프가 생깁니다 심벌즈, 알았어 M을 입력하고 파이프 심볼을 다시 입력하십시오 L 좋아요 그런 다음 엑스트라 크루징을 할 수 있으며 원하는대로 할 수 있습니다

좋아, 변형을 위해 사용을 클릭 한 다음 저장을 클릭하십시오 우리는 또 다른 속성을 만들 것입니다 다른 속성은 다른 색상이됩니다 좋아, 그래서 클릭하고 추가 이름이 색상이됩니다 우린 녹색이 될거야 그리고 우리는 파이프를 할거야 그리고 우리는 회색 파이프를 가질거야

또한 자주색 점프 공 좋아요 그런 다음 유사 콘텐츠를 사용하려면 속성을 클릭하고 그런 다음 대안 페이지를 클릭하십시오 여기에 우리가 만든 모든 속성에서 유사 콘텐츠를 만들어야합니다 이동을 클릭하고 확인하십시오 좋아, 여기에서 드롭 다운 화살표를 클릭하면 여기에서 특정 항목을 선택할 수 있습니다

녹색 변형의 제품 이미지 좋아요, 그래서 우리는 이미지 업로드를 클릭 할 수 있습니다 우리는 녹색 점퍼를 선택할거야 좋아요 변형을 설정하면 여기서 가격을 책정 할 수 있습니다

그래서 작은 하나를 위해, 그것은 말하게 될 것입니다 49 달러 좋아요, 개별 재고 상태 및 개별 제품에 대해 여기에있는 내용으로 설정할 수 있습니다 하지만 나는 그냥 그대로두고 갈거야 그래서 여기서도 다운로드 및 가상으로 설정할 수 있지만 이것은 실제이므로 아래로 스크롤 할 것입니다 여기 회색 점퍼를 선택하겠습니다 같은 가격 $ 49 아래로 스크롤 여기 보라색을 선택할거야

과 이건 49 일 거예요 좋아, 그럼 이걸 정말 빨리 할거야 음, 이건 녹색이야이 가격은 59 회색 59 이건 보라색이야 59 아래로 스크롤하십시오

오케이 로지 그래서이 사람은 69 세일 수도 있고 녹색 점퍼에 앉을 수도 있습니다 아래로 스크롤 회색 중 하나 69 그리고 보라색의 마지막 하나 변경 사항 저장을 클릭하십시오 좋아, 다시 스크롤 해, 알았어, 우리는 새로운 카테고리 추가를 클릭 할거야 그래서이 사람의 점퍼입니다

그래서 우린 남자를 부모 카테고리로 할거야 새로운 것을 추가하면 우리는 자식 카테고리라고하는 점퍼 및 그런 다음 남성용으로 설정하십시오 자, 부모님과 자녀가 반드시 필요하지는 않습니다 이것은 많은 종류의 제품을 분류하고 정말로 잘 구성하려는 경우입니다 추가를 클릭하십시오

알았어 점퍼가 남자들에게서 떨어질거야, 알았어 제품 태그를 아래로 스크롤하면면 점퍼 또는 점퍼 브랜드 일 수 있습니다 있었다 제품 이미지를 설정하십시오 그래서 이것은 특색있는 제품 이미지이며 이것은 나타날 제품입니다

상점 페이지 여기 괜찮아 그래서 여기에 가서 나는 회색을 선택할 것입니다 좋아요 제품 이미지를 설정하면 여기에 추가 할 수 있습니다 필요한 경우 제품 이미지 지금 게시를 클릭하면 해당 제품을 확인합니다

이제는 새 탭에서 마우스 오른쪽 버튼을 클릭하여 볼 것입니다 그래서 기본 옵션을 볼 수 있기 때문에 모든 것이 잘 어울립니다 아무것도 선택하지 않습니다 따라서 실제로 할 수있는 일은 기본값으로 설정됩니다 선택권 좋아요

그러니 제품으로 돌아가서 제품 데이터 부분으로 이동하십시오 가자 대안 페이지 및 기본 양식 값으로 설정할 수 있습니다 그래서 나는 기본값으로 매체로 설정하고 회색으로 기본 설정합니다 회색 점퍼를 누른 다음 업데이트를 클릭하십시오

과 그런 다음 해당 페이지를 새로 고치면 그러면 기본값이 오른쪽으로 선택되고 실제로 크기를 변경하면 예를 들어 가격이 변경되면 제품 이미지가 변경되어야하는 색상이 변경됩니다 좋아요, 그래서 역시 모두 정확해야합니다 때로는 실수로 실수로 혼란 스러울 수도 있습니다 좋아 모든 것이 좋아 보인다

괜찮아 나는 당신을 어떻게 맞춤화하는지 보여줄 것이다 페이지 및 물건을 나중에 다운로드 할 수 있지만 지금은 다운로드 가능한 제품을 추가하는 방법을 보여 드리겠습니다 가서 이걸 닫고 여기로 돌아가 새로 추가를 클릭하십시오

좋습니다, 이것은 전자 책에 유용합니다 예를 들어, 코칭 서비스 나 가상의 것 등이있을 수 있습니다 여기에 제목은 베트남에서 할 50 가지 일부 lorem ipsum을 여기에 붙여 넣으십시오 또한 간단한 설명으로 붙여 넣으십시오 좋아, 그래서 내가 좀 더 빨리 갈거야

아래로 스크롤하여 제품 데이터를 찾습니다 그래서이 제품은 단순한 제품 일뿐입니다 하지만 가상 일거야 따라서 배송되지 않으며 사람들이 다운로드 할 수 있습니다 괜찮아

그래서 보통 가격 $ 29 다운로드 할 수있는 파일을 추가해야합니다 예를 들어 사람들이 구입 한 후 다운로드 할 수있는 파일을 클릭하면 파일 추가를 클릭 할 수 있습니다 컴퓨터에서 파일을 선택하고 PDF 파일을 업로드하여 다운로드 할 수 있도록하겠습니다 좋아요 파일 URL 삽입 좋아요, 당신은 파일 이름을 넣을 수 있습니다 그래서 그것은 베트남에서 할 50 가지를 알 수 있습니다

아니면 당신도 알 수 있습니다 Google 드라이브 또는 Dropbox처럼 파일을 저장하고 그 위에 파일 URL을 넣으면됩니다 사람들은 실제로 해당 URL에서 다운로드합니다 괜찮아 하지만 난 이걸 사용해서 만료일뿐 아니라 다운로드 한도를 설정할 수 있습니다 그럼 당신은 필요한 링크 제품이라고 생각하지 않는 주식을 관리 할 수있는 재고를 클릭 할 수 있습니다 예를 들어 교차 셀에 추가 할 수 있습니다

추가 종류의 전자 책과 같은 물건 그래서 여기에 이걸 가지고 있어요 그리고 다른 것들도 있어요 따라서이를 비용 셀로 추가 한 다음 속성을 클릭 할 수 있습니다 변수가있는 제품 인 경우 고급 구매 메모를 남긴 다음 여기로 이동할 수 있습니다

새로운 카테고리 추가를 클릭합니다 우리는 eBook이라는 이름을 지을 것입니다 좋아요 거기 정상적인 카테고리처럼 제품 태그를 아래로 스크롤하십시오 이 사람은 베트남일지도 몰라

여행 가이드 광고 제품 이미지 및 이걸 여기에서 선택하겠습니다 확인을 클릭하고 제품 이미지를 설정하면 갤러리 이미지를 추가 할 수 있습니다 하지만 게시를 클릭 할 예정입니다 좋아, 그럼 그 제품을 보자 좋아, 그렇게 잘됐다

좋아, 상점 페이지를 클릭하고 이제 제품 필터를 추가하는 방법을 보여 드리겠습니다 이렇게하면 고객이 가격에 따라 크기별로 제품을 카테고리별로 쉽게 필터링 할 수 있습니다 여기로 돌아가서 하기 위해서 나는 이것을 여기에서 닫을 것이다 대시 보드 섹션으로 이동하여 제품 필터 플러그인을 활성화해야합니다

좋아, 그래서 플러그인으로 이동 5 WooCommerce 제품 필터가 설치되어 있는지 확인하십시오 승인 따라서 새 항목 추가를 클릭하지 않으면 그런 다음 검색 창에 입력 한 다음 활성화를 클릭해야합니다 그러면 플러그인이 활성화되고 사이드 바 섹션의 측면에 활성화됩니다 제품 필터 탭이 실제로 표시됩니다

괜찮아 여기에있는 필터는 여기에서 제품 필터를 클릭해야합니다 좋아요 그러면 새 항목 추가를 클릭하고 그러면 포럼 제목이 페이지를 쐈어 이름은 무엇이든 가능하며 디스플레이 옵션에서 설정할 수 있습니다

그래서 지금은 그냥 갈거야 토글 필드 그룹을 제외한 모든 것을 그대로 둡니다 나는 그것을 선택 해제 할 것이고 여기에 당신이 보여주고 싶은 것들이 있습니다 예를 들어 제품 제목을 넣을 수 있습니다 그래서 이것은 사람들을 찾는 데 도움이 될 것입니다

좋아요, 그래서 아래에 검색을 입력하여 가격을 입력하거나 입력 할 것입니다 좋아, 그게 슬라이더가 될거야, 어쩌면 우리가 넣을거야 카테고리 좋아 라디오 옵션이 마음에 드는 것처럼 내가보기 엔 훨씬 좋을 것 같아 그런 다음 여기로 다시 스크롤 할 수 있습니다

나는 바닥에 판매를 시작할거야 그래서 당신은 디스플레이 설정과 그런 것들로 놀 수 있지만, 나는 그것이 꽤 좋다고 생각합니다 저장을 클릭하면됩니다 저장되면 닫기를 클릭하고 그런 다음 단축 코드가 나타나 클립 보드에 단축 코드를 복사 할 수 있습니다 외모로 이동 한 다음 위젯을 클릭하십시오 그래서 우리는 그것을 사이드 바, 좋아, 그래서 여기 좋아, 상점 사이드 바를 클릭하고 여기서 우리가 그걸 놓을거야

여기 모든 사용 가능한 위젯이 있으므로 모든 위젯을 실제로이 모든 다른 섹션에 드롭 할 수 있습니다 좋아,하지만 우리가 할 일은 텍스트 위젯을 쓰다듬어 차까지 내려 놓는거야 그것을 클릭하고 끌기의 종류 및 그것을 위로 정상에 올리십시오 좋아 그런 다음 여기로 스크롤하여 여기에 넣은 다음 짧은 코드를 붙여 넣으십시오

저장을 클릭하십시오 완료 및 상점 페이지로 돌아갈 수 있습니다 실제로 눈에 띄는 것은 아직 보이지 않는다는 것입니다 따라서 아직 사이드 바로 보이지 않습니다 그래서 우리는 대시 보드로 돌아갈 필요가 있습니다

우리는 실제로 즉 상점 MFI 설정을 그런 다음 상점 설정을 클릭하고 제품 아카이브를 클릭하고 그런 다음 상점 페이지 사이드 바에 대해서는 여기에서 보듯이 사이드 바는 없습니다 왼쪽의 제품 아카이브 사이드 바에 의존하는 왼쪽 또는 오른쪽에서 선택하려고합니다 좋아, 저장을 클릭하고 어떻게 보이는지 보자 그래서 우리는 새 탭에서 상점을 방문 할 것입니다 과 됐어

정말 대단합니다 승인 예를 들어 가격 필터를 드래그하여 업데이트해야 함을 확인하고 판매시 클릭 할 수 있습니다 다시 끌어 올려 봅시다 됐어 이제 우리가 할 일은 실제로 디스플레이 설정을 변경할 수 있다는 것입니다

여기 가게 설정 때문에 예를 들어 다음과 같이 표시 할 수 있습니다 3 개의 제품으로 이루어져 있습니다 자, 여기에 실제로 네 개의 제품이 있지만 세 가지로 표시 할 수 있습니다 당신은 당신이 페이지 당 얼마나 많은 제품을 원하는지 설정할 수 있습니다 제목을 숨길 수 있습니다

장바구니에 추가를 숨길 수 있습니다 여기에서 설정을 가지고 놀 수 있습니다 예를 들어 제품 공유 버튼을 숨기고 저장을 클릭하십시오 그리고 당신은 그것을 새롭게 할 수 있습니다 그리고 그것이 사라져 버린 것을 볼 수 있듯이 세 줄의 제품으로 바뀌 었습니다

그래서 내가 권하고 싶은 것은이 페이지를 열어 설정을 가지고 노는 것과 당신이 알고있는 것을 알아내는 것입니다 당신이 실제로 좋아하는 것을 선택한 다음 저장하고이 페이지를 새로 고침하십시오 좋아, 그래서 지금은 이걸두고 갈거야 실제로 단일 제품을 클릭하면 실제로 갈 수 있습니다 좋아, 여기로 돌아가

단일 제품 페이지와 레이아웃을 변경할 수도 있습니다 좋아,하지만 기본적으로 나는 꽤 괜찮은 것 같아 예를 들어, 태그의 종류가 조금 엉망인 것을 알기를 원하지 않을 수도 있습니다 그래서 여기로 가자 제품 태그를 제거 할 수 있습니다

단일 제품에 대한 제품 태그를 숨기고 그럼 당신은 실제로 그것을 저장하고 그런 다음 새로 고침하면 그러면 사라질 것입니다 좋아요, 그렇게되면 정말 깨끗해 보입니다 좋아, 그거 정말 좋아 보인다 그래서 나는 당신에게 당신의 전자 상거래 상점을위한 몇몇 블로그 포스트 또는 몇몇 기사를 추가하는 방법을 보여줄 것이다 그래서 실제로 블로그 게시물에 추가하는 것이 왜 중요한지 알 수 있습니다

예를 들어 전자 상거래 웹 사이트입니다 기본적으로 웹 사이트로 트래픽을 유도하는 두 가지 방법이 있습니다 고속도로로 가면 페이 스북 (Facebook), 광고 Google AdWords 배너 광고와 같은 유료 방법을 수행 할 수 있습니다 당신은 TV와 같은 것들에 대한 광고를 알고 있거나 당신이 게시 할 자유를 할 수 있습니다 이미지들에 Facebook 및 Instagram 스냅 샷과 같은 것들과 같은 소셜 미디어 계정 하지만 나는 충분히 활용되지 않고 있으며 많은 사람들이 실제로 이야기하지는 않는다고 생각합니다

블로깅을 통해 전자 상거래 상점으로 자유롭고 타겟이 명확한 트래픽을 얻고 사람들이 판매중인 제품을 구매하게하십시오 예를 들어, 당신이 웨딩 드레스를 팔고 있다고 말하며 이것은 웨딩 드레스입니다 좋아요 실제로 콘텐츠를 만들 수 있습니다 너의 목표 방문자 종류 맞지? 그래서 웨딩 드레스를 사는 사람들 그들은 아마 완벽한 웨딩 드레스를 찾는 방법과 같은 어쩌면 Google에서 검색하고 있거나 10 가지 팁을 알고 있습니다

너는 결혼식이나 그게 뭐든간에 알지 당신은 그것의 주위에 내용을 창조 할 수있다 좋아 예를 들어 실제로 콘텐츠를 만들면 여기에 가면 11 가지 쇼핑 필수 팁 쇼핑 팁을 읽어야합니다 원하는 사람들이 귀하의 콘텐츠를 스크롤 할 수 있으며 당신은 정말 좋은 콘텐츠를 가질 수 있으며 그들이 찾고있는 것에 대한 해결책을 제공한다는 것을 알고 있습니다

하지만 실제로 제품을 알리려고 링크 할 수 있습니다 예를 들어 상점 페이지를 실제로 여기에 올릴 수 있습니다 그것은 당신의 브랜드에 대한 인식을 알며, 오, 좋아요 이 블로그에는 또한 상점이 있습니다 괜찮아

그래서 이것은 당신이 예를 들어 유목민 매트처럼 실제로 할 수있는 것들 중 하나입니다, 실제로 그렇게 잘됩니까? 그래서 그는 주로 블로거지만 그는 또한 가게를 가지고있다 그래서 그는 당신에 관해서 정말로 정말로 고품질의 내용을 만들어서 싸게 여행하는 법을 안다 팁은 여행 중에 돈을 저축하는 방법과 그런 것들을 알고 상점 페이지를 가지고 있습니다 좋아, 그가 전자 책을 어디에서 파는거야? 괜찮아 그래서, 짐 상어도 똑같은 것을 알 수 있습니다 예를 들어 사람들은 체육관에서 착용 할 물건을 팔고 여기에서 콘텐츠를 볼 수 있습니다

그들의 제품 페이지에 또한 연결하고있다 그래, 그들은 구글에서이 키워드를 검색하는 사람들에게 자신의 제품을 추천하고있다 블로그 게시물에 추가하는 것이 매우 중요합니다 그게 바로 지금 내가 어떻게하는지 보여줄거야 블로그 게시물에 추가하려면 새로 가져온 페이지로 마우스를 이동하거나 게시물을 클릭하거나 대시 보드 섹션으로 다시 돌아갈 수 있습니다 블로그 게시물을 추가하고 보유하고있는 모든 블로그 게시물을 볼 수도 있습니다 좋아, 여기에 마우스를 올려 놓으면 모든 소식을 클릭하거나 새로 추가 할 수 있습니다

모든 게시물은 모든 블로그 게시물을 여기에 표시합니다 여기서 새 항목 추가를 클릭 할 수 있습니다 좋아, 여기에 블로그 게시물 제목을 입력해야합니다 그래서 지금 바이러스 성 블로그 글을 쓰는 방법을 보여주지 않을 것입니다 다른 동영상을 가져오고 아마도 검색 엔진 최적화도 다루어야합니다

하지만 기술적으로 추가하는 방법을 보여 드리겠습니다 좋아 팬더 텍스처를 붙여 넣을 수 있습니다 이 텍스트를 가져 와서 제목에 넣으면 이것은 당신이 당신의 블로그 포스트에 추가하는 곳입니다 제품에 링크하고 싶거나 다른 페이지에 링크하고자한다고 가정 해 봅시다

삽입 및 편집 링크를 클릭하여 텍스트를 선택할 수 있습니다 링크 옵션을 클릭하면 제품을 검색 할 수 있습니다 괜찮아? 예를 들어, 전자 책에 링크하려는 경우 좋아, 그럼 여기에서 선택하거나 맞춤 URL을 붙여 넣을 수 있습니다 좋아요 외부 링크 인 경우 새 탭에서 링크를 열고 링크 추가를 클릭하는 것이 좋습니다

일단 사람들이 그것을 클릭하면 사람들을 그 제품으로 데려 갈 것입니다 좋아요 제품의 이미지를 추가하려면 미디어를 클릭하고 파일 업로드 또는 이미 이미지를 업로드했습니다 그래서 우리는 이것을 여기에서 사용하도록 할 것입니다 좋아요, 그럼 그걸 게시물에 삽입 할 수 있어요? 자, 예를 들어, 이미지를 천 번이나 여섯 살까지 자른 것입니다

그래서 그 크기 사이의 어느 곳에서나 블로그 이미지는 괜찮습니다 좋아요, 그래서 여기에 크기를 풀 사이즈로 설정해야합니다 그렇지 않으면 크기가 더 작아지고 약간 흐려질 것입니다 알았어, 그걸 게시물에 넣고 거기에 그림이 추가됩니다 괜찮아 그래서 동영상을 추가하려면 enter를 클릭하면 YouTube 동영상을 가져올 수 있으며 원하는 것은 잡는 것입니다

URL과 그러면 실제로 게시 할 수 있으며 약 1 초 안에 자동으로 팝업됩니다 좋습니다, 그래서 그렇게하는 겁니다 당신은 색깔과 같은 것을 바꾸는 것도 알 수 있습니다 그래서 저는 여러분들이이 섹션을 여기서 어떻게 사용하는지 알 것입니다 여기에 카테고리를 추가해야 할 것입니다

괜찮아? 그래서 이것은 단지 당신이 여행을 알고 여행과 그런 다음 여행 장소 또는 그와 비슷한 장소를 알려줄 수 있습니다 좋아, 이건 정말 좋을거야 중국 추가 클릭 좋아, 그럼 당신은 추천 이미지에서 설정할 수 있습니다 괜찮아 그래서 내가 추천하는 것은 추천 이미지가 동일한 크기로 잘라내는 것입니다

좋아요 1000 번 688이 사람은 1000 번 688이고 이것도 마찬가지입니다 좋아요, 그럼 당신은 1000 배 600으로자를 수 있지만 당신이 알고 있는지 확인하십시오 그것들은 거의 같은 크기입니다 왜냐하면 당신이 그것을 설정할 때 올바르게 표시되기 때문입니다

그래서 그 중 하나를 선택하고 추천 이미지를 설정하고 그런 다음 여기로 스크롤하십시오 당신은 또한 수 맞춤형 맞춤 패널 섹션에서 개별적으로 소식의 레이아웃을 맞춤 설정합니다 그러나 모두 좋은 경우에 간행하십시오 그런 다음 여기에서 URL을 클릭하여 해당 게시물을 보거나 View Post에서 볼 수 있습니다 그래서 여기에 귀하의 블로그 게시물과 그것은 좋아 보인다 그래서 저는 두 가지 더 많은 블로그 게시물을 정말 빨리 추가 할 것입니다

좋아요, 그래서 여기를 클릭하십시오 나는 '그 (것)들을 다시 엉덩이에 경보에서 풀칠 할 것이다 그 텍스트를 여기에 붙여 넣기 만하면됩니다 빨리 해낼거야 그래서 나는 제목을 넣을거야 새로운 카테고리 만들기 라이프 스타일 태그를 건너 뛰고 추천 이미지에 앉아있을거야

괜찮아 그래서 저는 블로그 게시물을 추가하기 만하면 실제로 홈 페이지에 표시 할 콘텐츠를 가질 수 있습니다 좋아 그런 다음 게시를 클릭 한 다음 새로 추가를 클릭합니다 해당 텍스트를 다시 복사하십시오 여기에 새로운 제목으로 붙여 넣으십시오

새로운 카테고리 디자인이 새로 추가 된 다음 추천 이미지에 설정됩니다 이것 하나는 여기에있다 에서 설정 그런 다음 게시를 클릭하고 그런 다음 모든 게시물을 클릭 할 수 있습니다 자, 이제 블로그 게시물을보고 편집 할 수 있습니다 좋아요

그래서 제품을 표시하는 방법과 블로그 게시물을 표시하는 방법과 지금 홈 페이지 그래서 우리가 먼저 할 일은 빌더를 켜는 것입니다 그리고이 간단한 방법으로 여러분을 소개 할 것입니다 귀하의 제품 및 다른 방법을 표시합니다 좋아요 예를 들면 만약 우리가 add라고 말하고 싶다면 우리 제품은 WooCommerce 모듈을 실제로 볼 수 있습니다

게임은 마지막 모듈이어야합니다 그것을 클릭하고 그것을 표시하고자하는 섹션으로 드래그하십시오 괜찮아 그래서 예를 들어 여기 표시 할 수 있습니다 당신은 내가 풋내기를 표시 할 수있는 범주로 알고 있습니다 내가 특정 제품에 실제로 설정하는 방법을 보여줄 것입니다 때로는 알고 계시 겠지만, 100 가지 제품 그러나 당신은 전시하고 싶다, 당신은 3 개의 최고 판매 제품을 알고있다

실제로 그것을 설정하는 위치를 보여 드리겠습니다 여기에서 변경할 수 있습니다, 당신은 모든 디스플레이 옵션을 알고 있습니다 실제로 제품을 어떻게 보이고 싶습니까? 좋아, 어쩌면 너는 그것을 열당 두 개의 제품 두 개를 알고 있거나 네 개로 표시 할 수 있습니다 디스플레이 옵션을 변경할 수도 있습니다 예를 들어 오버레이 옵션으로 변경할 수 있습니다

괜찮아? 예를 들어, 완료를 클릭하고 저장을 클릭하고 닫는 경우 그러면 겹쳐진 것을 볼 수 있습니다 괜찮아? 그래서 예를 들면 그것은 단지 이미지 일 뿐이며 사람들이 그 위에 마우스를 올려 놓으면 가격 책정 및 장바구니에 추가 버튼 좋아, 그래서 당신은 몇 가지 다른 방법으로 그것을 표시 할 수 있습니다 그래서 우리는 건물을 돌릴거야 해당 모듈을 다시 두 번 클릭하십시오

그래서 여기서 당신은 단지 그것을 가지고 놀 수 있습니다 예를 들어 장바구니에 추가 또는 가격 또는 판매 배지를 숨기려면 당신은 그 모든 것을 할 수 있습니다 좋아요, 그래서 다른 방법으로 보여 드리겠습니다 그래서 우리는 완료를 클릭 할 것이고 나는이 방법이 중요하다고 생각합니다 왜냐하면 당신이 다른 레이아웃을 원할 수도 있습니다

괜찮아 그래서 예를 들어 이 층입니다 내가 만드는 방법을 보여줄거야 예를 들어 짐 상어에 가면 알 것입니다 그냥 어쩌면 이미지와 어쩌면 그들의 컬렉션에 링크 버튼처럼 좋아요, 또는 이와 비슷한 제품이나 Nike에 가면 제품 이미지가 있고 오른쪽의 카테고리로 연결됩니다

유목민 매트는 전자 책의 이미지 만 가지고 있으며 장바구니에 추가 버튼이 있습니다 그래서 완전히 다른 레이아웃이고, 어떻게해야하는지 알려 드리겠습니다 예를 들어, 여기에는 세 개의 다른 열이 있습니다 따라서 가장 먼저하고 싶은 일은 세 개의 열로 구분하는 것입니다 좋아, 보라색 물건 위로 마우스를 가져 가면 세 개의 항목을 선택할 수 있습니다

좋아요 여기서 우리는 배경 이미지를 추가 할 것입니다 이제 열 스타일을 클릭하십시오 좋아, 페인트 브러시 건 클릭하고 여기에서 찾아보기 라이브러리를 클릭하여 파일을 업로드하고 예를 들어,이 파일을 추가하려는 제품이라고합시다 좋아, 우리는 파일 URL을 삽입 할 수 있습니다

배경 모드 용 전체 표지를 선택하려고합니다 배경 위치는 센터 센터로 유지할 수 있습니다 그러나 우리가하고 싶은 것은 당신이 이미지를 볼 수 없기 때문에 약간의 패딩을 덧붙이기를 원한다는 것입니다 여기에 간격을 두는 클릭을 추가해 보겠습니다

추가하자 어쩌면 10 % 그래, 나는 그게 괜찮아 보이는 것 같아 좋아, 아마 15 % 정도 끌어 올릴거야 좋아, 하단에 추가 할 수도 있지만 하단에 버튼을 추가 할 것입니다 그래서 실제로 바닥에 단추를 추가하고 패딩을 추가하면 추가 할 것입니다

그것의 밑에 기초를 두는 버튼을 클릭하면 0으로 끝나고 거기에 버튼을 추가합시다 그래서 우리는 버튼을 누를거야 그 칼럼에서 좋아 이 버튼은이 제품에 링크되거나 특정 카테고리로 링크 할 수 있습니다 좋아요, 버튼의 모양을 바꿀 수 있습니다 텍스트를 변경하여 더 많은 정보를 얻거나 지금 변경할 수 있습니다

특정 카테고리에 연결하려고한다고 가정 해 봅시다 그래서 나는이 링크를 새로운 그리고 새 창에서 열어 라 상점 페이지와 카테고리 별 카테고리에 연결하고 싶다면이 제품을 클릭하십시오 좋아, 여기에서 볼 수 있듯이 여성 카테고리에 연결하고 싶다고 가정 해 봅시다 이것을 빵 부스러기라고 부릅니다

좋아, 그리고 여자들을 클릭하면 여자 카테고리로 데려다 줄거야 좋아, 그래서 당신은 그 링크를 복사하여 여성 범주에 연결할 수 있습니다 다시 여기로 가면 여기에 붙여 넣을 수 있습니다 권리 사람들이 클릭하면 버튼 색상을 변경 한 다음 여기를 클릭하여 완료를 클릭합니다 괜찮아

그래서 당신이 할 수있는 것은 정말로 홈 페이지 레이아웃의 사용자 정의 정렬 기본 제품을 알 필요가 없습니다 당신은 여기에 제품을 가질 수 있습니다 제품에 대한 특별한 점은 무엇입니까? 아니면 예를 들어 말하자면 뭔가를 할 수 있습니다 우리는 그것을 복제하려고합니다

좋아, 세 가지를 만들고 싶니? 쉽게 복제 할 수있는 것들 칼럼 위에 마우스를 갖다 대면 너는 할 수있다 부 내용과 스타일 괜찮아 다음 열 위로 마우스를 가져간 다음 실제로 붙여 넣을 수 있습니다 여기에 콘텐츠를 붙여 넣으면 스타일이 적용됩니다 확인을 클릭하고 그 데이터를 복사해서 여기에 붙여 넣을거야

좋아요, 콘텐츠 스타일을 복사 할 때도 똑같이 할 것입니다 그러면 여기에 붙여 넣을 것입니다 좋아요, 정말로해야 할 일은 더블 클릭입니다 배경 그것을 삭제하고 당신은 이미지 업로드 알고 또한 완료를 클릭하지 않고 바로 두 번 클릭 할 수 있습니다 자동 저장되므로 여기를 두 번 클릭하면 백그라운드로 이동할 수 있습니다

아마 우리는 녹색의 이미지로 설정할 것입니다 좋아요, 그런 다음 done을 클릭하십시오 괜찮아 실제로 할 수있는 일은 실제로 직접 링크 할 수 있다는 것입니다 장바구니 버튼

좋아, 그럼 내가 의미하는 바는 좋아, 그래서 예를 들면 if 실제로 왼쪽 하단의 장바구니에 추가로 이동하면 자동으로 장바구니에 링크하고 싶습니다 그만큼 해당 제품을 장바구니에 실제로 추가 할 URL입니다 그러면 해당 링크 주소를 마우스 오른쪽 버튼으로 클릭하고 버튼을 클릭하지 않아도됩니다 여기에 제품 URL 붙여 넣기 좋아요, 그렇게되면 사람들이 한번 클릭하게 될 것입니다 자동차에 추가 할 것입니다

예를 들어 누군가가 좋아, 그 드레스를 장바구니에 넣을거야 여기로 돌아가서 변경하고 편집 할 수 있습니다 좋아, 근데 너를 보여 줄거야 너는 네가 실제로 어떻게 알지? 모든 것이 잘 보이는지 확인하십시오 좋아, 다시 여기로 가자

작성기 켜기 과 내가 할 일은 맨 위에 공백을 추가하고 텍스트를 추가하는 것입니다 그럼 상단에 텍스트를 추가하십시오 그래서이 사람은 당신이 가장 새로운 것을 알고있을 것입니다 수집 좋아, 이걸 두 개로 설정하자 우리가하고 싶은 것은 스타일 폰트를 클릭하고 텍스트를 중앙에 정렬 완료를 클릭하고 그런 다음 상단에 패딩을 추가하려고합니다

좋아, 그래서 당신은 텍스트 모듈에 패딩을 추가 할 수 있습니다 좋아, 우리는 또한 로마 또는 보석에 패딩을 추가 할 수 있습니다 그들은 거의 같은 것이다 그래서 이것은 실제로 당신이 아는 한 패딩을 추가하는 곳에서 중요합니다 시각적으로 보입니다

좋아, 여기에서 시작하기를 클릭하십시오 심 어쩌면 정상에 5 %를 시험해보십시오, 알았어요 예, 텍스트와 이미지 사이에 여백을 추가하여 텍스트 스타일을 두 번 클릭합니다 패딩은 미안하지만 바닥에 좀 더 추가 할거야 어쩌면 이번에는 3 %가 될 것입니다

좋아요 맞아, 우리가 만들게 될 다음 일은 버튼이야 좋아요, 그러면이 버튼이 쇼핑 페이지이므로 사람들은 모든 제품을 다시 볼 수 있습니다 콘텐츠를 분리하기 위해 분할 선을 조금 배치 할 것입니다 좋아, 다른 섹션이있을 때마다 여기에 선으로 구분하거나 전체 배경 이미지처럼 분리 할 수 ​​있습니다

예를 들면 사람들은 실제로 회색과 같은 그라데이션 정렬을 사용합니다 내용을 구분하는 그라디언트 좋아요, 그래서 당신은 콘텐츠의 거대한 블록처럼 원하지 않습니까? 그렇지 않으면 너무 뭉툭 해져서 정말 어수선하게 보입니다 그래서 우리는 다른 버튼에 드롭 그것보다 아래에 과 그때 너는 할 수 있었다 색상 변경 좋아요

상점 페이지에 연결하십시오 여기에 상점 페이지를 연결 한 다음 여기에 붙여 넣으십시오 이 것은 모두보기로 될 것입니다 좋아, 그리고 우리는 센터와 또한 패딩을 추가하여 분리 할 수도 있습니다 좋아요, 그래서 당신은 패딩을 클릭 할 수 있습니다

어쩌자 삼% 아니면 조금 더 바닥에 3 %를 시도 할거야 좋아요, 완료를 클릭하면 작은 구분선이 추가됩니다 괜찮아 예, 아래로 내려 놓으십시오 그런 다음 여기에서 구분선 색상을 설정할 수 있습니다

너비에 맞춰 맞춤 설정을 클릭 할 예정입니다 좋아요, 그리고 정렬을 위해, 나는 그것을 클릭처럼 센터에 정렬 할 것입니다 다음을 볼 수 있습니다 여기에서 미리보기를 클릭하여 미리보기를하면보기 좋게 보이는지 아닌지 알 수 있습니다 좋아요, 그러면 괜찮아 보입니다

다음 섹션을 만들 것입니다 카테고리 좋아, 그래서 빌더를 켜고 어쩌면 그것을 드롭하거나 텍스트 모듈을 넣을 수 있는지 확인하십시오 여기 실제로이 파일을 복제하십시오 좋아요 그래서 당신은 그것을 복제 할 수 있습니다

그럼 여기서 당길 수 있어요 맞아, 실제로 화면을 약간 축소 할 수 있습니다 50 %로 축소하면 더 쉽게 레이아웃 종류를 재 배열하십시오 좋아 그러면 실제로 할 수있는 것은 텍스트를 아마도 카테고리, 모든 권리 및 그런 다음 완료를 클릭하면 제품 카테고리를 드롭 할 수 있습니다

아래쪽으로 가면 카테고리를 표시 할 수 있습니다 그래서 당신은 가질 수 있습니다 남자 카테고리와 여자 카테고리 그런 두 개의 열을 선택할 수 있습니다 그런 다음 특정 카테고리를 선택하고 특정 카테고리를 제외 할 수 있습니다 그것은 정말로 당신이 원하는 방식에 달려 있습니다

카테고리를 실제로 분류 할 수 있도록 여기에 표시합니다 제품 카테고리 ID가 필요합니다 곧 나올 방법을 알려 드리겠습니다 그래서 우리는 여기 아래로 스크롤 할 것입니다 그러면 당신은 당신을 숨길 수 있습니다

특정 카테고리 및 모든 디스플레이 옵션과 여기에서 3 개 항목을 선택합니다 좋아요 그런 다음 완료를 클릭합니다 그래서 여기에 행의 상단으로 채우기 때문에 약간의 패딩 여기에 3 퍼센트를 시도해 보거나 어쩌면 조금 더 5 퍼센트를 시도해 보도록하겠습니다 완료를 클릭하고 저장 한 다음 닫습니다

그래서 우리가해야 할 일은 여기에있는 이미지에 설정되어 있습니다 대시 보드로 이동할 수 있습니다 여기서 제품으로 이동하여 제품 위에 마우스를 올려 놓고 카테고리 및 여기서 카테고리에 대한 이미지를 실제로 추가 할 것입니다 오른쪽을 클릭하면 edit for를 클릭 할 수 있습니다 전자 책 예를 들어 여기에 업로드 이미지 및 그렇다면 여기가 전자 책이므로 기본 카테고리 이미지 업데이트로 선택할 수 있습니다

아래로 스크롤하여 업데이트되었는지 확인하십시오 좋아, 그러면 다시 돌아가서 카테고리를 클릭하거나 여기를 클릭하면됩니다 다음은 남성용 편집 및 그런 다음 이미지를 업로드하십시오 여기이 하나가 될 것입니다 이미지를 사용할 수 없습니다

업데이트를 클릭하고 그런 다음 카테고리를 클릭하고 그런 다음 여기에서 여성들이 편집을 클릭하십시오 업로드 이미지 사용 이미지 선택 및 업데이트 좋아요, 카테고리로 돌아 가기 괜찮아 그렇다면 카테고리 ID를 실제로 제외하면 어떻게 할 수 있습니까? 편집을 클릭하면 말하겠습니까? 여기에서 제품 카테고리 태그 ID가 24 일 것입니다 알았습니다 카테고리 ID 번호가 맞습니까? 과 당신이 실제로 모든 제품을 클릭하기 전에 당신을 보여줄 예정이었던 특색있는 제품에 설정하고 싶다면 좋아, 모든 제품을 표시합니다

그렇다면 별표 아이콘을 선택하여 해당 제품을 추천 제품으로 만들면됩니다 좋아요, 그래서 우리는 돌아가서 우리 사이트를 방문 할 것입니다 업로드 된 좋아, 우리는 빌더를 켜고 링크 색을 편집 할 것이다 괜찮아 그래서 우리는 두 번 클릭해서 스타일링을 할 것입니다 그러면 링크를하고 싶습니다

링크 색을 흰색으로 변경하십시오 좋아, 우리가 그런 종류의 눈에 보이는 것을 만들기를 원하기 때문에 제품 카테고리로 돌아가십시오 또한 알고있는 제품 수를 제거 할 예정입니까? 그렇게하면 더 전문적으로 보입니다 완료를 클릭하십시오

좋아, 그럼 우리가 만들 섹션은 다음과 같다 블로그 섹션을 표시하므로 구분선을 추가해야 할 수도 있습니다 여기에서 나누어 진 선을 가져 오자 그것을 복제하십시오 좋아 분배기 줄 잡아라

좋아, 아래로 내려 놓아 라 좋아, 이제 그곳에 줄이 생겼으니 이제 다시 스크롤하여 카테고리 텍스트 모듈을 복제 할거야 오른쪽에 마우스를 올려 놓고 복제하고 그 다음에 우리는 75 %를 말하도록 조금 축소 할 것입니다 여기 텍스트 모듈 중 하나를 새로운 행으로 드래그하십시오 좋아, 그럼이 화분의 이름을 바꿀 수있어

뉴스 또는 블로그 이름을 지정할 수 있습니다 제목으로 블로그에 넣은 다음 끝내기보다는 블로그에 넣을 것입니다 그래서 나는 행을 두 번 클릭 할 것입니다 좋아, 우리는 그 열에 약간의 패딩을 더할거야 어떤 간격을 두려면 스타일링 패딩을 클릭하고 모두를 클릭하면 3 %를 3 %로 늘릴 수 있습니다

괜찮아 완료를 클릭하고 녹색으로 마우스를 가져 가서 게시물을 찾은 블로그 게시물을 표시하십시오 좋아요, 그리고 그것을 끌어다 놓고 행에 떨어 뜨리십시오 자, 실제로 여기에 실제로 표시 할 수 있습니다 다른 종류의 그리드 형식입니다 좋아요, 그리드 3과 또한 변경할 수 있습니다

콘텐츠 레이아웃도 마찬가지입니다 좋아요, 우리는 그것을 기본값으로 유지할 것입니다 아주 좋아 보인다 또한 범주 및 그와 같은 항목을 기준으로 항목을 선택할 수도 있습니다 괜찮아? 그래서 우리가하고 싶은 한 가지는 여기에있는 텍스트를 제거하고 싶습니다

좋아요, 여기가 여기에 있고 표시 옵션과 기본적으로 작은 요약과 같은 발췌문을 선택했습니다 좋아, 전체 블로그 게시물을 보여주는 콘텐츠를 선택할 수 있습니다 아마 블로그 페이지 나 그와 비슷한 것이 아닌 이상 그렇게하고 싶지는 않습니다 하지만 일반적으로 아무 것도 선택하지 않을 것입니다 좋아요, 그래서 당신은 또한 제목을 숨기고 날짜를 숨기고 게시물 메타와 것들을 숨길 수 있습니다

그렇게하면 다양한 설정으로 놀고 완료를 클릭 할 수 있습니다 하지만 우리가 할 일은 스타일 탭을 클릭하고 글꼴을 클릭하면 정렬됩니다 그 중간에있는 모든 것을 한 다음 완료를 클릭하십시오 알았어 그래서 총을 버리고 그런 다음 그것을 닫을 수 있습니다

좋아, 그럼 우리가 좀 내려 봐야 겠어, 알았지? 나는 그것이 꽤 좋게 보인다라고 생각한다 다음 섹션에서는 비디오 배경, 괜 찮 아 요 그라데이션 배경 정말 멋진 따라서 이것은 귀하의 추천 제품 일 수 있습니다 일반적으로 전자 상거래 상점에서 내가하고 싶은 일은 페이지 하단에 일종의 행동 촉구를하는 것입니다 네 가게의 목적이 판매를하는 것이니까

맞지? 따라서 아래로 스크롤 할 때 행동 강령을 원합니다 그래서 그게 우리가 할 일이고 우리 웹 사이트로 돌아가서 우리는 빌더를 켜야합니다 과 여기에서 행 위로 마우스를 가져 가면 스타일을 클릭 할 수 있습니다 좋아요, 그런 다음 배경을 클릭하면 그라디언트를 선택할 수 있습니다 좋아요, 그래서 우리는 첫 번째 서클을 클릭 할 것입니다

그런 다음 여기에 색상 코드를 설정합니다 여기에 설정할 색상 코드는 2 3 d FF 좋습니다 자주색을 누른 다음 두 번째 것을 클릭합니다 좋아요

그러면이 색상 코드는 FF가 될 것입니다 4 7 4 D 좋아 그러면 바깥 쪽을 클릭하면 저장할 수있다 그래, 정말 멋진 그라디언트를 찾으려면 당신은 UI gradient gradients라고 불리는 웹 사이트에 갈 수 있습니다

이전 그라디언트 표시를 클릭 한 다음 원하는 색상이나 사용할 색상을 선택할 수 있습니다 귀하의 웹 사이트의 테마와 그들은 많은 다른 예제를 제공 할 것입니다 좋아요 예를 들어, 여기에 이걸 좋아할 수 있습니다 그런 다음 색상 코드를 클릭하면 클립 보드에 복사됩니다 그래서 여기로 돌아가서 약간의 패딩을 추가 할 것입니다

괜찮아 그래서 어쩌면 II를 추가합시다 상단에 5 %를 시도해 봅시다 바닥에 5 % 좋아, 우린 중간에 물건을 넣을거야

좋아, 그럼 조금 더 늘어날거야 이제 우리가 할 일은 보라색 행 위로 다시 가져갈 것입니다 그리고 그것을 두 개의 컬럼으로 분리 할 것입니다 괜찮아? 첫 번째 칼럼은 칼럼에 일종의 비디오 배경을 넣을 것입니다 맞습니까? 그래서 또는 실제로 어쩌면 그냥 이미지 또는 어쩌면 당신은 슬라이더에 추가하거나 그냥 비디오에 추가 할 수 있습니다

괜찮아? 그래서 비디오는 예를 들어 비디오를 넣고 그럼 우리는 실제로 비디오 가져 오기 URL 알았어 그런 다음 실제로 동영상 URL에 붙여 넣을 수 있습니다 그런 다음 사람들이 클릭 할 수있는 비디오를 쉽게 표시 할 수 있으며 재생할 수 있다는 것을 알고 있습니다

괜찮아 아니면 실제로 배경에 놓기를 원한다고 말할 수 있습니다 그런 다음 열의 행 위로 마우스를 가져갈 수 있습니다 죄송합니다 열 위로 마우스를 가져간 다음 스타일을 클릭하십시오 배경을 클릭 한 다음 동영상을 클릭하여 YouTube URL에 붙여 넣을 수 있습니다

여기에서 오디오를 비활성화하고 재생과 같은 종류의 루핑을 비활성화 할 수 있습니다 모바일에서 비디오 배경을 재생할 수 있습니다 나는 가끔씩 모든 모바일 장치에서 작동하지 않을 것이라고 생각합니다 그 이유는 이전 기술을 사용했을 수도 있기 때문입니다 알았어

하지만 내가 추천하는 건 배경 이미지 및 대체 이미지 좋아, 때로는 표시되지 않으면 당신은 당신이 여기에 넣어 배경 이미지를 표시합니다 라이브러리를 탐색하면 이미지를 업로드 할 수 있습니다 예를 들어, 여기에이 단어를 말하자 알았어, 파일 URL을 삽입해라 풀 커버로 바꾸고 나는 그것이 OK 다라고 생각한다 괜찮아

그럼 비디오를 스트레치하는거야? 보시다시피, 매우 얇아서 패딩을 클릭하고 모든 것을 클릭하십시오 상단에 10 %, 하단에 10 %를 시도합시다 어쩌면 너무 마른 체형 일 수도 있으므로 최대 15 %까지 늘릴 수 있습니다 좋아요 괜찮아 보이고 완료를 클릭하십시오

권리 여기에 텍스트를 추가하고 여기에서이 텍스트를 복사하는 것입니다 그래서 나는 텍스트를 복사하고 그런 다음 텍스트 모듈에 넣기 만하면됩니다 좋아, 다른 곳의 텍스트이기 때문에 스타일을 붙이거나 일치 시키거나 일반 텍스트로 붙여 넣기해야합니다

이제 교육을 받기 위해 2 호에 맞추기로했습니다 좋아, 그럼 네가 알아 차리려는 것은 내가 엔터를 클릭한다는 것이다 전체 단락이 2 단으로 설정되어있다 너는 여기에 약간의 공간이 있는지 확인하고 싶어 알았어

그래서 이것은 여기 2를 향하고 있습니다 우리는 단락 텍스트를 설정해야합니다 단락과 같은 것으로 설정해야합니다 좋아 그리고 우리는 스타일링에 가고 싶다

세례반 흰색으로 변경하면 더 잘 보입니다 좋아, 너의 배경에 달렸어 완료를 클릭하고 그 다음에 버튼을 놓을거야 좋아요, 그래서 우리는 우리의 추천 상품이나 당점 페이지입니다 괜찮아

이 경우에는 상점 페이지에 링크 만 할 것입니다 좋아, 그럼 우리가 이름을 지을거야 지금 가게 링크하려는 URL을 입력하고 버튼을 클릭합니다 끝났어 괜찮아 레이아웃을 마무리하려면 텍스트를 정렬하고 싶습니다

이 비디오의 한가운데서, 알았어 예를 들어, 실제로 자주색 ​​행 위로 마우스를 가져 가면 행 맞춤을 사용할 수 있습니까? 여기에 이걸 설정하고 싶습니다 알았어 그게 그 중심에 맞춰질거야 좋아,이 화면을 축소하면 우리가 볼거야

전반적인 레이아웃과 그 다음에는 각 부분에 대해 패딩을 고칠 수 있습니다 그리고 네, 꽤 괜찮아 보이네요 축하해 우리가 실제로 할 수있는 것은 실제로 여기의 드롭 다운 화살표를 클릭 할 수 있다는 것입니다 어쩌면 개정판으로 저장을 클릭 할 수 있습니다

좋아요 그러면 홈 페이지 용으로 방금 만든 레이아웃을 저장할 것입니다 그래서 당신은 그것을 지명하고 싶을지도 모르지만, 당신은 홈 페이지를 알고있다 괜찮아 따라서 확인을 클릭하면 실수로 뭔가를 삭제할 수있는 것과 같은 문제가있는 경우 여기에 마우스를 올리고 해당 버전을로드 할 수 있습니다 좋아요, 그래서 Microsoft Word에서 해당 버전을 저장할 수있는 옵션이 있습니다

레이아웃으로 저장할 수도 있으므로 레이아웃으로 저장할 수 있습니다 그래서, 예를 들어, 이것은 홈 페이지 일 것입니다 그런 다음 날짜를 올바르게 입력하고 저장을 클릭하십시오 우리는 지금 구할거야 닫기를 클릭하십시오

좋아, 우리는 홈 페이지 레이아웃을 만들었으므로 멋지게 보입니다 하지만 우리가해야 할 일이 하나 더 있습니다 그래서 우리가해야 할 일은 실제로 화면의 크기를 조정해야한다는 것입니다 실제로 모바일 레이아웃을 설정하거나 웹 사이트가 100 %인지 확인해야합니다 모바일 친화적 인 모바일 장치 용으로 더욱 간소화되었습니다

여기로 스크롤하면 볼 수 있듯이 여기에있는 텍스트가 여기에있는 이미지를 덮고 있으며 눈에 띄지 않을 수 있습니다 당신은 또한 이것이 여기 이미지 신발을 실제로 볼 수는 없습니다 패딩은 충분하지 않습니다 괜찮아

나는 여기 아래로 스크롤하고있다 맨 아래로 좋아, 여기에 덧씌우 기가 충분하지 않고 비디오도 여기 있습니다 패딩 (padding)이 충분하지 않고 여기에있는 텍스트가 모바일 장치 용으로 조금 큽니다 그래서 편집 방법을 알려 드리겠습니다 좋아요, 그래서 정말 멋져요

그래서 예를 들어, 가자 테슬라 통신 좋아, 그래서 그들의 데스크톱 장치 그들은 단지 하나의 영웅 이미지를 가지고 있습니다 네비게이션 메뉴 : 각기 다른 모델의 서로 다른 페이지로 이동합니다 맞습니다 실제로 화면의 크기를 조정하면 실제로 변경됩니다

탐색 메뉴는 모바일 형식입니다 좋아, 아마도 사람들이 실제로 모바일 메뉴를 클릭 할 것이다 따라서 실제로 제공하는 것만으로 모바일 환경을 간소화 할 수 있습니다 여기에 다른 섹션을 각각 클릭 한 다음 사람들이 직접 클릭 할 수 있습니다 괜찮아 그래서 그들은 유선형의 모바일 경험을 통해 자신의 웹 사이트를 알게되었고, 그 방법을 보여줄 것입니다

당신의 자신의 웹 사이트를 위해, 좋습니다 그래서 이것은 때때로 중요합니다 어떤 것을 표시하고 싶지 않거나 특정 항목의 크기를 조정하려고 할 때가 있습니다 그럼 Builder를 켜고 간단하고 정말 빠르게 편집하는 방법을 보여 드리겠습니다 좋아요 여기 상단에는 태블릿 태블릿과 같은 다른 설정이 세로로 있습니다

또한 모바일 괜찮아 이제 모바일을 클릭하고 특정 장치 별 설정 모바일 용으로 설정하는 방법을 보여 드리겠습니다 필요한 경우 각 장치에 대해 반복 할 수 있습니다 괜찮아

예를 들어 여기에 첫 번째 영웅 이미지를 예로 들어 보겠습니다 RO에서 확인을 두 번 클릭합니다 따라서 배경을 편집하여 스타일을 클릭 할 수 있습니다 괜찮아 이 항목이 모바일 장치에서 선택되어 있는지 확인하십시오 당신은 배경을 클릭 할 수 있으며 실제로 그것을 단지 이미지 또는 구배

괜찮아 그럼 우리가 할 일은 아래로 스크롤하여 오버레이를 쌓는 것입니다 좋아요, 행 오버레이의 경우, 내가 할 일은 클릭하여 검정색을 선택한 다음 어쩌면 선택할 것입니다 15 % 불투명하고 어두운 배경을 추가 할 것입니다 배경 슬라이더의 배경 이미지에 흰색 텍스트를 조금 더 많이 표시하려면 모바일 장치에서 실제로 이미지를 덮다 데스크톱에서 볼 수 있듯이 매우 눈에니다

당신이 실제로 그것을 왼쪽에 놓는다면 그러나 모바일 기기는 함께 뭉개 져야하며 눈에 띄지 않을 것입니다 그래서 우리는 약간의 당신은 그것에 검은 색을 안다 좋아요 그리고 나서 흰둥이가 튀어 나옵니다 다음 섹션으로 스크롤 이동 실제로 V 열을 두 번 클릭 한 다음 패딩을 클릭하고 네가 할 수있는 것은 패딩을 어쩌면 30 도로 연장하는 것 뿐이다

좋아, 나는 괜찮아 보인다 다음 행에도 똑같이하십시오? 좋아, 다음 열 좋구나? 2시 30 분 그런 다음 다음 패딩을 클릭합니다 30까지 예를 들어, 실제로 원하지 않으면 당신이 실제로 할 수있는 일은 당신이이 행을 위해 실제로 할 수있는 카테고리를 표시하십시오 실제로 가시성 설정을 지정할 수 있습니다

그래서 실제로 가면 3 점을 여기로 가면 가시성을 설정할 수 있다고 생각합니다 좋아요 가시성을 클릭하거나 옵션을 여기에 설정 한 다음 여기에 설정하십시오 좋아요 그래서 모바일 장치에서 실제로 숨길 수 있습니다

좋아, 휴대 기기에서 섹션을 실제로 휴대하지 않으면 휴대 전화에서 실제로 표시되지 않고 완료를 클릭 할 수 있습니다 아래로 스크롤하면 블로그에 대해 동일한 작업을 수행 할 수 있습니다 그와 같은 것을 표시하고 싶지 않을 수 있습니다 하지만 나는 그냥 그대로두고 갈거야 다음 섹션에서는 열을 다시 두 번 클릭하고 패딩을 약간 추가하려고합니다

좋아, 어쩌면 25 % 바닥의 ​​25 %는 아주 멋지다 여기에서이 텍스트 모듈을 두 번 클릭하고 스타일을 클릭 할 수 있으며 상단에 오른쪽 패딩을 추가 할 수 있습니까? 실제로 할 수있는 또 다른 옵션은 실제로는 0을 클릭하고 0으로 설정한다고 할 수 있습니다 완료를 클릭하십시오 실제로 행 위에 마우스를 올리면 여기에서 열 방향을 설정할 수 있습니다 예를 들어 Jim shark에서 볼 수 있습니다

이 물건이 여기 아래로 이동한다는 것을 알게 될 것입니다 좋아요, 그래서 당신은 실제로 당신의 웹 사이트를 위해서 그런 것을 할 수 있습니다 그래서 여기로 돌아가서 방향 열을 변경할 수 있습니다 대신 당신은 텍스트에 패딩을 추가하는 것을 알고 있습니다 버튼에 패딩을 추가해야 할 수도 있습니다

좋아요 예를 들어 아래쪽에 여백을 추가한다고 해봅시다 아마 5 % 좋아요, 그런 다음 done을 클릭하십시오 네가 행복하다면 그런 다음 타블렛 환경 및 태블릿 설정을 세로로 재생할 수도 있습니다 텍스트 크기도 변경할 수 있습니다 그래서 언제든지 실제로하고 있니? 모바일 설정은 실제로 여기에서 할 수 있습니다

무엇이든간에 설정을 알면 알 수 있습니다 실제로 해당 장치에 대한 특정 변경됩니다 예를 들어 글꼴을 클릭하면 실제로 글꼴 크기를 줄일 수 있습니다 어쩌면 14 % 괜찮아 14를 클릭하고 바탕 화면을 클릭하면 크기가 기본값 16으로 돌아갑니다

좋아, 이제 저장을 클릭하여 닫을 수 있습니다 다음 섹션에서는 추가 방법을 알려 드리겠습니다 소셜 미디어 섹션 여기 아래로 좋아요 그런 다음 바닥 글 섹션을 맞춤 설정하고 무료 배송을 추가하는 방법을 보여 드리겠습니다

좋아, 내가 알기로이 부분은 가장 중요한 부분 중 하나라고 생각한다 그러니 계속 지켜봐야합니다 우리 대시 보드로 돌아 가자 모든 소셜 미디어 계정을 열어야합니다 좋아, 예를 들면 YouTube Twitter Facebook Instagram 그리고 나서 우리가하고 싶은 것은 우리가 테마 숍을 테마로 설정하고 URL에 붙여 넣을거야

좋아요, 그래서 우리는 themify 설정을 클릭 할 것입니다 좋아요 그런 다음 푸시 버튼으로 이동합니다 괜찮아요 여기에서 표시 할 배너를 선택할 수 있습니다

좋아, 그래서 예를 들어 트위터와 그런 다음 트위터 프로필 URL을 복사하여 여기에 붙여 넣을 수 있습니다 알았어 사람들이 그것을 클릭하면 여기에 링크가 있습니다 바로 페이스 북과 똑같습니다 알았어

그래서 내 페이 스북 페이지를 복사 할거야 여기에 붙여 넣으면 YouTube가 있습니다 좋아, 복사해서 더 많은 동영상을 구독하고 붙여 넣으세요 인스 타 그램 Instagram 프로필 URL에 붙여 넣을 수 있습니다 좋아요

그런 다음 저장을 클릭하면 저장을 클릭 할 수 있습니다 자, 이제 우리는 웹 사이트를 새 탭에서 열어 그것이 어떻게 진행되는지보고 볼 수 있습니다 좋아요, 그래서 정말 근사해 보입니다 정말로 정말로 굉장한 좋아요 소셜 미디어가 위젯으로 여기에 연결된다는 것을 알고 싶다면 이 섹션을 원하지 않습니까? 그래서 너는 똑같은 일을 할 수 없다

좋아, 그냥 여기에 사회적 연결로 이동하십시오 그리고 당신이해야 할 일은 귀하의 링크 URL 좋아 각 섹션 좋아요, 링크를 추가 할 수도 있습니다

Instagram이 여기에 없다고합시다 그걸 추가하고 저장하면 출연해야 할 필요가 있습니다 위젯 그런 다음 왼쪽에 여기를 찾아야합니다 주제를 바꾸어서 사회적 연결을 주제 화합니다 좋아, 그것을 클릭하고 드래그하여 아래 로고 위젯입니다

좋아, 그러면 소셜 미디어 링크가 바로 여기에 작은 아이콘이 있습니다 좋아, 근사하지만 근사해 보이기 때문에 이걸보고 싶어 나는 그걸로 남겨 둘 거라고 생각해 이제 내가해야 할 일은 바닥 글 레이아웃 섹션을 사용자 정의하는 방법을 정렬하는 것입니다 괜찮아

그래서 우리가 할 일은 우리가 먼저 지불을 추가하는 것입니다 알았어 그래서해야 할 일은 우리의 설정으로 돌아가서 이 부분을 먼저 지우고 WordPress 로고를 누른 다음 몇 가지 아이콘을 추가합니다 좋아요, 테마 설정으로 돌아가서 그런 다음 바닥 글 텍스트를 클릭하면 바닥 글 텍스트를 숨길 수 있습니다 그래서 당신은 당신의 텍스트와 그런 것들을 바꿀 수 있습니다

네가 원한다면 우리는 그대로 남겨 둘거야 좋아, 저장하고 우리가 갈거야 테마 모양 괜찮아 헤더 디자인을 헤더 디자인에 맞게 변경할 수 있습니다

좋아요 또한 헤더 섹션에 표시하고 싶지 않은 디스플레이 설정으로 재생할 수도 있습니다 그러나 바닥 글 디자인으로 스크롤하여 사이트 로고를 제외하고 싶습니다 제외 할 수 있습니다 당신은 위로 가기 버튼을 알고 있습니다

그런 것들 예를 들어, 여기 하나 제외 할 수 있습니다 좋아, 이걸 제외 할거야 저장해 새로 고침 아래로 스크롤하면 정말 멋지고 간단한 바닥 글 디자인을 가져야합니다

알았어, 우리 대시 보드 섹션으로 돌아갈거야 우리가하고 싶은 것은 Themify shop은 Builder 레이아웃 부분을 클릭하십시오 좋아, 이제 우리가 할 새로운 레이아웃 부분을 만들거야 근본적으로 붙여 넣기 좋아

이 결제 아이콘에 라벨을 지정합니다 이제 모든 소셜 미디어를 닫자 좋아, 그럼 여기에 레이블을 붙이 겠어 결제 아이콘은 괜찮습니다 그런 다음 게시를 클릭하고 그럼 당신이하고 싶은 것은 View Post를 클릭하는 것입니다

앞에서 레이아웃 부분을 편집하여 실제로 수행중인 작업을 볼 수 있습니다 좋아요 그래서 우리는 빌더를 켜고 여기에 행과 똑같은 것이 있습니다 그리고 여러분은 또한 칸을 얻었습니다 그래서 할 수있는 것은 여러분이 할 수있는 것입니다

여기서 더하기를 클릭하면 아이콘 모듈에 놓을 수 있습니다 아이콘의 다른 크기로 설정할 수 있습니다 아이콘 배경 스타일의 경우 정상으로 설정하고 none으로 설정합니다 여기서 아이콘을 선택할 수 있습니다 삽입 아이콘을 클릭하고 우리가 찾을거야

결제 아이콘을 클릭하면 브랜드 및 우리는 일부 지불 아이콘을 찾으려고 노력할 것입니다 예를 들어, 좋아, 아메리칸 익스프레스 또는 마스터 카드, 먼저 가서 첫 번째 아이콘을 얻으려면 비자를 클릭 한 다음 레이블을 제거하여 삭제하십시오 좋아요 새 아이콘 추가를 클릭하면 그런 다음 여기에 삽입하고 브랜드를 클릭하십시오 과 다음으로 마스터 카드를 선택합니다

비자 카드 로고 색상 난 그냥 기본값으로 설정할거야 그래, 보통의 회색 중성 색은 어떤 웹 사이트에서도 잘 작동합니다 새 항목 추가를 클릭하십시오 그런 다음 여기에서 PayPal을 수행하여 PayPal을 검색 할 수 있습니다

좋아, 여기 또는이 하나를 검색 할 수 있습니다 그것은 당신에게 달려 있습니다 나는 그걸 할거야 그리고 나서 우리는 새로운 아이콘 추가를 클릭 할거야 삽입 아이콘 이번엔 줄무늬를 시험해 볼거야

좋아, 거기에 그걸 넣을거야 좋아요, 그래서 당신은 시도하고 삽입 할 수 있습니다 광고주가 제공하는 모든 아이콘 또는 모든 결제 옵션이 있지만 충분하다고 생각하고 완료를 클릭합니다 일단 당신이 그것을 한 후에는 지금 당신이 할 수있는 일은 클릭해서 저장하는 것입니다 당신은 그것의 스타일을 편집 할 필요가 없습니다

바닥 글 위젯 섹션에 넣을 것입니다 그러나 당신은 또한 변경할 수 있습니다, 당신은 당신이 그것을 원한다면 스타일링을 알고 있습니다 좋아, 배경색을 추가 할 수도 있는데, 이는 내가 너를 다른 사람에게 보여줄거야 몇 분 남았 어 괜찮아

저장을 클릭하면 그냥 닫아 그렇습니다 지불 옵션은 여기에 있습니다 알았어 그래서 우리는 우리 집으로 돌아 가야 해

백 엔드 또는 대시 보드 가끔 대시 보드가 나타나지 않을 수도 있습니다 좋아, 클릭 할 수 없어 URL을 삭제하여 홈페이지로 돌아갈 수도 있습니다 좋습니다

그러면 대시 보드 도구 모음이 나타나거나 빌더를 다시 켤 수 있습니다 백 엔드를 클릭하면 웹 사이트의 뒷쪽으로 연결됩니다 테마 레이아웃 부분으로 돌아가서 단축 코드를 복사합니다 좋아요, 이것은 어디서나 붙여 넣을 수있는 짧은 코드이며,이 특정 레이아웃 부분을 표시합니다 그것을 업데이트하고 저장하십시오

그러면 우리는 출현 할 것입니다 그리고 우리는 위젯으로 갈 것입니다 좋아, 그럼 우리가 할 일은 보통 텍스트 위젯을 넣는 것 뿐이야 예, 그리고 그것을 드래그하여 상단까지 흔들어 로고 아래로 내려 놓습니다 그런 다음 그 짧은 코드를 붙여 넣습니다

저장을 클릭 한 다음 완료를 클릭하십시오 우리가 돌아가서 우리 페이지를 새로 고치면 그런 다음 일부 지불 아이콘이 표시되는 것을보아야합니다 꽤 좋아 보인다 지금 우리가 할 일은 이런 것을 더하는 것입니다

괜찮아 따라서 여기에 귀하는 그들이 무료 배송 또는 무료 웹 사이트 아이콘과 동일한 반품을 알고 계십니다 좋아요, 당신은 무료 배송 빠른 배송 및 무료 반품을 가지고 있으며이 섹션도 여기에 있습니다 따라서 디자인이 조금 어둡습니다 좋아요, 아주 극히 적습니다 그것은 마치 당신은 보조 헤더를 알고있다

괜찮아 그래서 그것이 내가 당신에게 당신 자신의 웹 사이트를 위해 그것을하는 방법을 보여줄 것입니다 그래서 당신은 당신이 알 수있는, 세계 최고의 디자인 그래서 우리는 지금 다른 레이아웃 부분을 만드는 것입니다 따라서 상점 주제별 빌더 레이아웃 부품을 새로 추가 만들기 이건 내가 말하게 될거야 무료 배송을 생각하십시오 그래서 레이블을 그냥 무료 배송 그것은 단지 당신 자신의 참조 용입니다

좋아요 그런 다음 게시를 클릭하고 그런 다음 프런트 엔드에 레이아웃을 작성합니다 좋아요 게시물보기 작성기 켜기 자, 우리가 할 수있는 일은 간단한 텍스트를 추가하는 것입니다 텍스트 모듈을 여기에 놓기 만하면됩니다

그런 다음 여기서 입력하고 싶은 것은 여기에서 복사 할 것입니다 좋아요 이상을 보낼 때 무료 배송 $ 75 좋아, 너 정말로 원하는 걸 할 수 있니? 그래서 붙여 넣기 한 번 텍스트를 가지고 나면 완료를 클릭하고 배경을 검정색으로 설정하거나 어둡고, 회색, 미안 해요 그리고 우리는 행을 두 번 클릭 할거예요 그러면 배경색을 설정하고 이번에는 2 ~ 2 세트를 시도해 보겠습니다

어두운 회색 괜찮아 좋아요 텍스트를 볼 수있게해야 폰트를 클릭 할 수 있습니다 글꼴 색을 흰색으로 바꿀 수 있습니다

그 행의 모든 ​​것 글꼴 색상은 흰색입니다 그것은 좋아 보인다 우리는 그것도 그 중심에 맞추기 위해 노력할 것입니다 그런 다음 완료를 클릭합니다 볼 수 있듯이 미리보기를 클릭하면 몇 가지 간격이 있음을 알 수 있습니다

그래서 우리는 그것을 다시 클릭 할 것이고 텍스트 모듈을 더블 클릭 할 것입니다 스타일링 및 패딩 대신 우리가 추가 할 것입니다 마진을 줄이면 기본적으로 간격과 비슷하지만 종류는 비슷합니다 예를 들어 텍스트 모듈 위에 마우스를 올려 놓을 때의 영향 보이지 않는 상자 밖에있는 상자의 여백에 영향을 미치는 여백 주위에 파란색 상자가 나타납니다 좋아요, 예를 들어 말하자면 우리는 백 픽셀을 좋아합니다 그게 추가 할거야

100 픽셀 내가 지금 맴도는 그 파란 상자 바깥쪽에 맞습니다 예를 들어 패딩을 실제로 좋아한다면 100 픽셀을 좋아합니다 오른쪽, 보이지 않는 상자 안에 간격을 추가합니다 그래서 당신이 볼 수있는 파란색 상자를 통해 내가 그걸 가져 가면 그 상자 안에 간격을 추가합니다 좋아, 이번엔 파란색 상자 안의 간격을 줄이고 싶다

알았어 우리가 할 수있는 일은 할 수있는 것입니다 아마도 5 명이 충분하지 않을 수 있습니다 아마도 Ted 같은 것을 좋아요, 그렇게 할 수 있습니다 – 아래쪽으로 10 픽셀이고 간격이 줄어들 것입니다 좋아요, 당신은 시도해 보도록하겠습니다

상단에 2 개의 픽셀을 추가하거나 상단에 3 개의 픽셀을 추가 할 수 있습니다 좋아, 네가 꽤 좋다고 생각해 좋아요, 5 명이 좋다면 done을 클릭하고 그런 다음 멋진 레이아웃을 얻었습니다 좋아요, 그렇게 할 수도 있습니다 크기를 조금 더 작게 만들고 싶다면 크기를 변경하는 것도 알고 있습니다

14로 바꾸자 그런 것 나는 완벽한 클릭을 완료했다고 생각합니다 그럼 우리는 모든 것을 줄이자 좋아

조금이라도 마진을 의미합니다 3 이 하나 11 좋아요, 정말 당신에게 달렸고 당신이 사용하고있는 글꼴이 뭔지는 알지만 좋을 것 같아요 그래서 그것을 저장하고 우리는 백엔드로 갈 것입니다 그리고 우리가 할 일은 짧은 코드를 후크 영역에 붙여 넣는 것입니다 레이아웃 부분을 클립 보드에 우리는 당신이 그것을 우리가하고 싶은 것은 우리는 전체 콘텐츠 영역에 대한 테마 설정으로 이동하려고합니다

그럼 그냥로드 될 때까지 기다려 봅시다 좋아요, 설정을 테마로 이동하십시오 과 그런 다음 우리가 원하는 것은 후크 컨텐츠를 클릭하면 여기에서 후크 위치를 볼 수 있습니다 그래서 당신은 귀하의 웹 사이트 어디서나 컨텐츠를 추가 할 수 있습니다 기본적으로 당신이 정렬 할 수있는 장소가 아닙니다 작성기를 켜고 편집하십시오

좋아요, 이것들은 웹 사이트의 다른 영역에 있습니다 그만큼 다른 지역의 무료 배송 물건, 예를 들면 우리는 전에 그것을 가질 수 있었다 그리고 한 번 웃기 전에 예를 들어 앞과 뒤를 가질 수있게 된 후에도 가질 수 있습니다 따라서 실제로하고 싶은 일에 달려 있으며 구현 방법을 알고 있어야합니다 별로 중요하지 않습니다

그래서 여기에 내가이 하나의 헤더를 구현하고 싶습니다 나는 왼쪽에서 오른쪽으로 줄곧 가고 싶다 항목 추가를 클릭하면 그런 다음 여기에서 선택할 수 있습니다 OK 및 붙여 넣기 후 헤더 단축 코드에서 특정 조건을 설정할 수도 있습니다 특정 페이지에 적용하거나 적용하지 않도록 설정할 수 있습니다

좋아, 너는 그걸 가지고 놀 수있어 우리는 그대로두고 떠날거야 좋아 그럼 저장을 클릭 할거야 일단 당신이 그것을하면 우리는 여기로 돌아가서 페이지를 새로 고칠 수 있습니다

좋아, 그렇게 잘 생겼어 내가 거기에 약간의 흰색 테두리가있을 거라 생각하는 것 외에는 그리고 그걸 제거하고 싶다면 레이아웃 부분으로 돌아갈 수 있습니다 MFI 상점에 가서 모든 부품을 만들고 무료 배송 서비스로 돌아가십시오 프런트 엔드를 선택하면 행에 음수 여백을 넣어야합니다 괜찮아? 여기서 행을 클릭하면 괜찮아요

아래쪽 여백은 여기 음수 2 또는 음수 1로 설정하십시오 음수 1이면 충분하거나 두 번 클릭하면됩니다 저장해 과 그런 다음 우리는 백엔드로 돌아갈 수 있습니다 그래서 우리 페이지를 새로 고침하고 다시 볼 것입니다 좋아, 그렇게 멋져 보이지? 그래서 다음 섹션에서 내가 당신에게 보여줄 것은 지불 옵션을 포함하는 WooCommerce 설정입니다

쿠폰 코드는 배송비와 그렇게 중요한 모든 것들이 실제로 지불을 받기 시작할 수 있습니다 괜찮아 WooCommerce 위로 마우스를 가져 가면 설정을 클릭하여 모든 지불 설정을 편집 할 수 있습니다 귀하의 상점을위한 일반적인 설정 여기에 일반 탭에서 상점 주소 및 판매 위치 설정 그래서 나를 위해 나는 모든 것을 떠날거야 원할 경우 현지 국가에만 국한시키고 자 할 수도 있습니다

쿠폰과 세율 및 계산을 활성화 할 수 있습니다 우리는 통화 옵션을 위해 모든 것을 그대로 둡니다 여기에 통화를 설정 한 다음 변경 사항 저장을 클릭 할 수 있습니다 좋아요, 그래서 당신은이 각각 다른 탭을 통과 할 수 있습니다 예를 들어 세금은 자동으로 계산되어야합니다

실제로 자동으로 세율을 계산하는 jetpack에 연결하려면 배송 주소 괜찮아 그래서 여기에 내가 보통 기본값으로 남겨 두는 모든 설정들이있다 운송 탭을 클릭합니다 좋아요, 그래서 이것은 당신이 실제로 설정할 수있는 곳입니다

각 구역의 특정 구역 및 특정 가격 예를 들어 호주에서 가정 해 봅시다 당신은 미국 인도 영국에 있을지도 모릅니다 예를 들어 무료 배송비를 추가 할 수 있습니다 편집을 클릭하면 이리 다른 운송 방법을 추가 할 수 있습니다

좋아, 다른 배송 방법을 예로 들어 무료 배송 및 그 부분에 추가하십시오 여기에서 편집을 클릭하고 최소 주문 금액이있는 경우 최소 주문 금액을 설정할 수 있습니다 75 달러가 홈페이지에 올린 내용이므로 변경 사항 저장 그런 순서를 재 배열 할 수도 있고 무료 배송 서비스를 제공한다고 가정 해 보겠습니다 정액 요금 ($ 10)이있을 수 있습니다 좋아, 다른 Express Express가있을 수도 있습니다

따라서 다음 날 배달이 가능할 수 있으므로 추가 및를 클릭 할 수 있습니다 정액 요금을 다시 선택하십시오 그런 다음 예를 들어이 가격에 대해 특정 가격을 설정할 수 있습니다 그래서이 사람은 익스프레스 일 수 있습니다 배송료는 모두 20 달러가 될 수 있으며 변경 사항 저장 그래서 우리가 여기에 선적 구역으로 돌아 가면 좋아요, 볼 수 있듯이 영역 이름이 호주로 설정 되었기 때문에 오스트레일리아, 뉴질랜드 인 오세아니아를 알 수 있습니다

따라서 실제로 다른 지역에도 추가 할 수 있습니다 그 가격이 당신이 선적 할 가격과 같으면 호주 어디서나 해당 지역에 추가 할 수 있으므로 편집 및 여기 다른 지역에서 설정할 수 있습니다 여기를 클릭하십시오 뉴질랜드에서 입력하세요 좋아요, 그래서이 선적 구역을 위해 우리는 그것을 바꿀 수 있습니다 오세아니아 그리고 나서 이것은 호주와 뉴질랜드를위한 것이고 모든 선적 가격은 똑같습니다

예를 들어 무료 배송비가 최소 주문량 인 75 일 경우 알겠습니다 변경 사항을 저장할 수 있습니다 따라서 특정 우편 번호 또는 특정 주에 대해보다 구체적으로 지정할 수 있습니다 우리가 여기의 구역을 클릭하면 때로는 운송비가 다를 수 있기 때문에 다른 지역에서 지원하지 않는 위치에서도 설정할 수 있으므로 배송 방법 관리 및 여기에 여기에 여러분이 전에 설정 한 구역에 포함되지 않은 모든 위치가 있습니다 예를 들어 20 달러, 20 달러, 20 달러를 알고 변경 사항 저장 권리

따라서 사람들이 호주와 뉴질랜드 이외의 다른 나라 출신 인 경우 (예 : 미국) 미국 및 기타 국가의 고정 요금은 20 달러 또는 여기 넣은 건 뭐니? 좋아요, 무료 배송과 같은 추가 방법을 추가 할 수 있습니다 하지만 아마도 이것은 최소한의 순서 일 것입니다 $ 100 오케이, 변경 사항 저장 그런 다음 오른쪽에 놓고 변경 사항 저장을 클릭하십시오 그래서 나는 그것이 선적 지역을위한 것 같아요, 당신은 또한 배송 옵션을 클릭 할 수 있습니다 이제 옵션을 클릭하고 변경 가능한 사항을 살펴 보겠습니다 좋아, 그럼 여기서 너는 실제로 배송 계산기를 장바구니 페이지에 표시 할 것인지 여부를 결정하는 설정이 있습니다

괜찮아 그게 우리가 이 가게 방문 그런 다음 장바구니보기를 클릭합니다 그래서 여기에 실제로 주소가 입력 될 때까지 운송비를 숨기도록 설정 한 경우 그럼 여기에 나타나지 않을거야 여기에서 디스플레이 설정을 변경할 수 있으며 배송지도 변경할 수 있습니다 기본 청구서 수신 주소로 설정 되었습니까? 아니면 고객이 실제로 입력 할 운송 주소로 설정되어 있습니까? 그들이 체크 아웃을 진행할 때, 알았어 그래서 나는 보통 모든 것을 기본 배송 클래스로 남겨 둘 것이다

다른 비디오에서 다룰거야 좋아요, 무거운 물건을 가지고 있다면 특정 가격으로 설정할 수 있습니다 제작품 지불을 클릭하면 알겠습니다 여기에 가장 중요한 부분이 있습니다

페이팔 이메일을 이미 입력 한 경우 PayPal 계정을 가지고 있으면 자동으로 설정해야합니다 괜찮아 예를 들어 직접 은행 송금을 통한 현금 및 인도 등 모든 다른 옵션을 실제로 여기에서 사용할 수 있습니다 하지만 가장 중요한 것은 PayPal 결제입니다 관리를 클릭하십시오 따라서 여기에서 귀하의 지불 전자 우편에 대한 확인이 올바른지 확인하십시오

페이팔 이메일 여기에 아래로 스크롤 할 수 있도록 과 여기에서 버튼의 디스플레이 설정을 변경할 수 있습니다 좋아요, 버튼의 디스플레이 설정 만 바꿀 수 있습니다 예를 들어 우리가 여기에 간다면 좋아, 다시 돌아 가면 여기서 표시 옵션을 변경할 수 있다고 해봅시다 좋아요, 그래서 당신은 색깔과 그런 것들을 바꿀 수 있습니다 예를 들어, 파란색으로 원하면 파란색으로 표시 할 수 있습니다 나는 그것을 좋아한다

하나의 제품에서 PayPal 버튼을 비활성화 할 수도 있습니다 예를 들어 제품을 클릭하면 그러면 여기에 지금 구입 버튼이 생깁니다 개인적으로, 나는 당신이 그것을 더 편리하게하고 싶으면 정말로 당신에게 달려 있다는 것을 제거 할 것입니다 나는 그걸 막을거야 변경 사항을 저장하다 그리고 새롭게 하다 좋아, 그래서 사라질거야

그래, 당신이 그것을 가능하게하거나 불가능하게 할 수 있고, 그 다음 당신이 여기에 설정을 한 번 설정하면 Save Changes를 클릭 할 수있다 좋아요, 우리가 지불금으로 돌아 가면이 뒤를 클릭 할 수 있습니다 따라서 PayPal 표준을 활성화 할 수도 있습니다 그래, 이것이 가장 표준적인 지불입니다 방법 그래서 사람들이 실제로 자동으로 체크 아웃하는 것을 허용하지 않을 것이다? 이것은 실제로 사람들이 자동으로 체크 아웃 할 수있게하고 주소를 취할 수있게합니다

PayPal 계정과 연결되어 결제 및 배송 정보로 사용 사람들이 클릭하면 체크 아웃으로 진행합니다 그때 예를 들어 사람들은 결제 정보를 입력해야합니다 권리 하지만 Express Checkout은 여기에 있습니다 PayPal을 사용하여 자동으로 체크 아웃 할 수 있습니다 그래서 당신을 위해 작동하지 않는다면 당신은 PayPal 표준을 사용할 수 있습니다

당신이해야 할 일은 실제로 페이팔 이메일을 가지고 있는지 확인하기 만하면됩니다 여기에서 좋아, 그리고 그게 다야 괜찮아 그래서 당신이 PayPal을 통해 환불을 받으려면 여기를 클릭 한 다음 실제로 API를 사용하는 방법을 배우십시오 여기에 붙여 넣은 다음 변경 사항 저장을해야합니다 그래서 우리가 계좌를 클릭하면 은둔 여기에서 손님 체크 아웃을 사용할 수 있습니다

따라서 고객이 결제하는 동안 기존 계정에 로그인하도록 허용 할 수 있습니다 또한 계정이 실제로 계산되면 계정 생성 그래서 이것은 당신과 당신이하고 싶은 일에 달려 있습니다 프라이버시 페이지를 만들 수 있습니다 개인 정보 보호 페이지를 선택하고 그런 다음 변경 사항 저장을 클릭하십시오 좋아, 여기 전자 메일을 클릭하면 전자 메일의 특정 브랜딩 색상을 설정할 수 있습니다

알림 예를 들어 새로운 주문을 받고 고객이 실제로 얻을 주문 확인 좋아, 그럼 네가 아래로 내려 간다 좋아요 여기에서 실제로 색상을 변경할 수 있습니다 여기에 브랜드를 추가 한 다음 변경 사항 저장을 클릭하십시오

좋아요, 그래서 그것은 꽤 많이 당신의 설정을위한 것입니다 그래서 우리는 아마도 쿠폰 지역에 갈 수 있고 나는 진짜로 빨리 쿠폰을 만드는 방법을 보여줄 것이다 정말 간단합니다 그래서 그 탭을 위에 닫을거야 첫 번째 쿠폰을 만들거나 여기에 쿠폰을 추가하십시오 그래서 우리는 이렇게 할 수 있습니다

30 내 생각 엔 사람들이 30 세이브에 들어가면 30 퍼센트를 절약 할 수 있습니다 여기에서 할인 유형을 선택할 수 있습니다 좋아, 그래서 나는 백분율 할인을받을거야 그래서 30 %가 될 것입니다

장난감은 특정 금액 일 수 있습니다 만약 당신이 그것을 누른 다음 그것은 무료 배송을 부여합니다 만료일을 설정하여 31 일에 끝나도록 할 수도 있습니다 최소 지출 최대 지출에서 설정할 수있는 사용 제한 및 사용 한도 설정 그래서 당신은 1 인당 그것을 제한 할 수 있습니다 그래서 당신은 하나를 할 수 있습니다, 당신도 알다시피, 이것은 실제로 쿠폰 당입니다 30을 저장하면 실제로 사용하기 전에 30 명이 사용할 수 있습니다

자, 실제로 사용자 당 한도를 설정하는 곳입니다 좋아요, 그럼 아마 3으로 알 수있을 겁니다 그래서 그것은 정말로 당신에게 달려 있습니다 얼마나 관대한지 알고 싶으면 게시하고를 클릭하십시오 그러면 사람들은 그 쿠폰 코드를 사용할 수 있습니다

그래서 나는 일종의 너희들과의 거래 좋아요, 그래서 보통 당신이 실제로 할 수 있어요 약간 설정으로 이동하면 PayPal 샌드 박스를 사용 설정할 수 있지만 아마도 약간의 시간이 여러분이 알고있는 것보다 오래 걸릴 것입니다 실제로 실제 지불을 처리하는 것입니다 그러면 친구의 PayPal 계정이나 신용 카드를받을 수 있습니까? 또는 가족 구성원이있을 수도 있습니다

그러면 할 수있는 일은 페이지를 로그 아웃하는 것입니다 나는 또한 전자 책에 실제로 1 달러 만 넣었다 좋아, 그렇게 할 수있어 무언가를 1 달러로 바꾸거나 정말로 큰 쿠폰을 만드십시오 사람들이 상점 페이지로 이동한다고 가정 해 보겠습니다

그들은이 전자 북을 장바구니에 추가합니다이 금액은 내가 설정 한 달러이며, 사람들은 장바구니를 볼 수 있습니다 좋아, 사람들이 쿠폰을 사용할 수 있으므로 30 쿠폰을 저장하고 30 퍼센트를 적용 할 것입니다 좋아, 여기는 30 센트 야 PayPal을 통해 직접 체크 아웃 할 수 있으며, 체크 아웃을 진행할 수 있습니다

자, 이제 자동으로 PayPal로 진행해 보겠습니다 내 다른 PayPal 계정을 사용할거야 좋아, 그럼 다른 하나를 선택한 다음 로그인을 클릭하여 지불 할거야 좋아요 여기 하단에서 볼 수 있듯이 사람들은 실제로 직불 카드 나 신용 카드를 선택할 수 있습니다

그래서 사람들은 꼭 그럴 필요가 없습니다 페이팔 계정 계속을 클릭하십시오 그래서 한번 완료되었습니다 좋아요, 어떻게 생겼는지에 대한 개요가 있습니다 좋아요, 얼마를 지불하고 나서 장소 주문을 클릭 할 수 있습니까? 그래서 이것은 책입니다

그래서 주소가 필요하지 않습니다 왜냐하면 사람들이 필요하지 않기 때문에 사람들이 필요하기 때문입니다 직접 다운로드 페이지로 연결되어 사람들은 전자 책을 컴퓨터에 즉시 다운로드 할 수 있습니다 예를 들어 여기에 주문 번호 날짜 지불 방법은 여기에 전자 책이며 다운로드 링크가 있습니다 사람들은 클릭 할 수 있습니다

좋아, 컴퓨터에 다운로드 할 수 있습니다 좋아요, 저장하고를 클릭하십시오 그거 좋은데, 맞아 괜찮아 그러므로 고객이 주문을 받게 될 전자 메일이 완성되어 사람들이 컴퓨터에 다운로드 할 수 있습니다

여기와 링크를 통해 이것은 당신이 받게 될 순서입니다 그래서 그것은 새로운 고객 주문을 말합니다 그래서 그것은 무엇이 주문되었는지를 보여줍니다 그래서 그것은 꽤 많이 있습니다 결제 옵션을 사용하면 현재 웹 사이트를 시작할 수 있습니다

하지만 귀하의 웹 사이트가 완전히 완성되었는지 몇 가지 더 보여 드릴 것입니다 다음 섹션으로 넘어갈 수 있습니다 이것은 실제로 귀하가 주문을 실제로 관리하는 곳입니다 따라서 경로 상거래를 클릭하고를 클릭하십시오 을 클릭하여 주문을 관리 할 수 ​​있습니다

주문과 모든 세부 사항을 보여줍니다 자, 이제해야 할 일을 선택할 수 있습니다 상태를 설정하십시오 좋아요, 왜냐하면이 사람들이 실제로 제품 및 또한 그들은 이미 당신이 상태를 설정할 수 지불합니다 몇 가지 메모에 업데이트를 추가 할 수 있습니다

좋아, 보고서를 클릭 할 수도 있습니다 여기에서 판매 보고서와 같은 것을 볼 수 있습니다 지난 7 일 또는 이번 달을 볼 수 있습니다 또한 고객의 주식을 볼 수도 있습니다 세금과 여기에 필요한 모든 것, 맞죠? 다음 부분은 나머지 페이지에 추가 할 것입니다

그래서 간단한 FAQ 페이지를 만드는 방법을 보여 드리겠습니다 블로그 페이지에 게시물을 추가하고 연락처 페이지에 연락처 양식을 추가하십시오 그래서 우리는 about 페이지를 클릭 할 수 있고 우리는 빌더를 켜고 단 1 분 만에 아주 간단한 페이지를 만들 수 있습니다 예를 들어 두 개의 기둥이 여기에 하나의 이미지와 닮았 으면합니다 어쩌면 여기에 사무실과 이미지의 이미지가있을 것입니다

좋아요 이미지 모듈로 들어가 보자 여기에서 이미지 URL을 삭제 한 다음 찾아보기 라이브러리 업로드를 클릭 할 수 있습니다 이미지이지만 이미 여기에있는 이미지를 업로드했습니다 오케이 우리 팀 삽입 및 그것은 거의 완료되었습니다

좋아요, 그래서 우리는 텍스트를 더하기 위해 done을 클릭 할 수 있습니다 우리는 텍스트 모듈이나 이번에 드롭 할 수 있습니다 멋진 제목을 사용하려고합니다 그렇게 여기이 하나, 내가 너를 알지도 몰라 우리가 할 수도있는 소제목을 위해 우리의 이야기를 클릭 한 다음 done을 클릭하십시오

그런 다음 일반 텍스트 모듈에 넣습니다 여기 그리고 나서 데모 사이트로 가서 더미 텍스트를 복사 해 보겠습니다 좋아, 그래서 우리가 그걸 넣을거야 거기에서 마우스 오른쪽 버튼을 클릭하고 완료를 클릭하십시오 따라서 우리가 행할 수있는 것은 행 위에 마우스를 올리면 열 정렬을 정렬하는 것입니다

그런 식으로 설정하십시오 좋아, 좋아 보인다 레이아웃을 변경할 수도 있습니다 좋아요, 저장을 클릭하면 당신이 좋아하는지 여부를 볼 수 있습니까? 정말 멋진 기능을 사용할 수도 있습니다 아직 표시되지 않았습니다

여기에 더하기 아이콘을 클릭하면 모듈을 추가 할 수 있습니다 그러나 사전 작성된 행을 추가 할 수도 있습니다 그래서이 행들을 실제로 사용하면 프로세스의 속도를 높이는 데 도움이됩니다 페이지 레이아웃 만들기, 좋아요 내가 이전에 당신을 보여주지 않은 이유는 사물을 사용하는 방법에 대해 사람들에게 보여주고 싶었 기 때문입니다 그렇지 않으면 내가 때때로 포토샵이나 효과 튜토리얼을 따를 때처럼 템플릿을 가져 오기 때문에 그런데 잠시 후에 나는 그것을 사용하는 방법을 이해하지 못한다

나는 즐기지 않는다 실제로 그것을 사용합니다 좋아, 이제는 모든 것을 만드는 법을 알기 때문에 알 수있다 당신은 그걸 삽입하고 그렇게하면 행동 강령 섹션이 정말 쉽게 추가됩니다 권리? 따라서 쉽게 두 번 클릭 할 수있는 텍스트를 쉽게 변경할 수 있습니다

스타일을 만들고 배경을 정말 쉽게 바꾸고 멋진 레이아웃을 만들 수 있습니다 좋아요 그래서 그냥 그대로두고 저장을 클릭하면됩니다 괜찮아 괜찮아 보이는 것 같아

이제 우리가 할 수있는 일은 FAQ 페이지를 클릭하는 것입니다 따라서 FAQ 페이지는 실제로 현재 희망 목록 페이지로 설정 좋아요, 그래서 우리가해야 할 첫 번째 일은 실제로 그 권리를 바꾸는 것입니다 그래서 대시 보드 섹션으로 가면 우리는 상점 테마 설정을 테마로 이동해야합니다 우리는 상점 설정에 가고 싶다 위시리스트 설정을 원할 경우 위시리스트를 비활성화 할 수 있습니다

또는 원하는대로 설정할 수 있습니다 괜찮아 저장을 클릭하고 그런 다음 사이트를 방문 할 수 있습니다 과 그런 다음 FAQ 페이지로 돌아가십시오 여기에 빈 캔버스가있어서 FAQ 페이지는 아마도 배송 및 반품 또는 환불 정책을위한 페이지 일 것입니다 또는 고객이 유용하다고 생각할 수있는 자주 묻는 질문 (FAQ)을 작성하여 빌더를 켜고 다른 모듈을 보여주고 싶습니다 여기 레이아웃을 바꾸어 봅시다

좋아요, 그래서 왼쪽에 하나의 열이 있습니다 중간에 큰 것이 하나 있고 오른쪽에 작은 것이 있습니다 그래서 여기에 텍스트 모듈을 맨 위에 놓자 이 사람은 자주 묻는 질문 질문을 올바르게 바꾸면 그런 다음 완료를 클릭하십시오 좋아, 그래서 우리는 조금 더 크게 만듭니다

죄송합니다 좋아, 텍스트가 조금 길어서 잠깐 두 번 클릭하자 스타일 지정으로 이동 제목 하나의 글꼴로 제목을 바꾸고 글꼴 크기를 약간 변경하십시오 좋습니다, 그럼 48 번 시도해 봅시다 좋아, 어쩌면 해보 죠 60, 알았어

클릭 끝난 실제로 일반 글꼴로 이동하려고합니다 중심에 정렬 이제 우리는 아코디언을 듣고 싶습니다 괜찮아 그래서 이것은 FAQ에 정말 좋습니다

그래서 여기에 당신이 알 것 같아요 배송까지 얼마나 걸립니까? 권리 그래서 이것은 하나의 질문일지도 모릅니다 여기에 당신이 내용을 넣는 곳이 있습니다 여기에 입력 할 수 있습니다

일반적으로 2 주에서 3 주 사이 지역 정보 배달 후 국제적으로 할 수 있습니다 3-4 주 그런 것 좋아 그런 다음 새 행을 추가하여 새 아코디언을 추가 할 수 있습니다 좋아요

그러면 새 질문을 추가하고 새로운 질문과 새로운 대답을 넣을 수 있습니다 그래서 지금은 그냥 지우겠습니다 그런 다음 여기에서 모양을 바꿀 수 있습니다 그래서 일반적으로, 당신은 투명하고 좋은 것을 알고 있습니다 닫힌 아이콘과 열린 아코디언 아이콘을 추가 할 수도 있습니다

예를 들어, 우리가 저장 한 것을 클릭하고 여기에서이 섹션을 닫습니다 좋아, 누군가가 그걸 클릭하면 맞아, 그렇게 열리 잖아, 그렇지? 그렇게 간단하게 유지하거나 아코디언을 추가 할 수 있습니다 아이콘, 그럼 빌더를 켭니다 닫힌 아코디언 아이콘을 오른쪽 아래로 두 번 클릭합니다 좋아요

닫을 때 아이콘을 삽입 할 수 있습니다 예를 들어, 저는 아마도 화살 같은 것을 따라서 방향을 클릭 할 수 있습니다 그래서 여기서 각도를 잡은 것 중 하나를 선택하려고합니다 그래서 누군가가 클릭하면 그것을 나타냅니다 그러면 오른쪽 아래로 열리 며 열면 아이콘을 삽입합니다

좋아, 방향을 클릭하고 우리는 각도를 높일 수도 있습니다 누군가가 다시 클릭하면 실제로 닫히는 것입니다 좋아요, 완료를 클릭하십시오 저장하고 닫아 그래서 우리는 아래를 클릭 할 것입니다 좋아, 그러면 그걸 좋아하는 아이콘이있어

여기에 분명히 더 많은 아코디언을 추가 할 수 있습니다 또한 중앙에 맞추고 패딩을 추가하여 정말 멋지고보기 좋게 마무리 될 수 있습니다 승인 그래서 당신은 그 일을 할 수 있고 이제 우리는 블로그를 클릭 할 것입니다 좋아, 그래서 블로그 페이지는 모든 blogpost를 표시 할 수있는 곳입니다 그래서 여기에서 우리는 빌더를 켤 수 있습니다

그래서 여기에서 기본값을 설정할 수 있습니다 포스트 모듈 그럼 포스트 모듈 드롭을 살펴 보자 그리드로 표시 할 수있다 좋습니다 게시물 내용을 표시 할 수 있습니다

죄송합니다 다음으로 표시 : 아무도 그렇게하지 않으면 짐 쇼 (Jim Shaw)에서 볼 수있는 것과 매우 비슷한 모든 블로그 게시물을 표시 할 수 있습니다 당신은 그것을 할 수 있었다, 당신은 정상적인 블로그를 안다 블로거처럼 포스트 레이아웃을 할 수 있습니다 그럼 당신은 그 발췌문을 보여줄 수 있습니다

사이드 바 섹션을 여기에두고 싶다면 여기를 클릭하면됩니다 우리는 그것을 좋아할 레이아웃을 선택할 수 있습니다 좋아, 여기에는 사이드 바 섹션이 있습니다 추가 사이드 바 좋아요, 위젯 모듈의 녹색 드롭 위로 마우스를 가져갑니다 위젯 눈 영역을 사이드 바에 설정합니다

기본 사이드 바를 클릭하면 완료됩니다 맞아, 아주 좋아 보이는구나 저장을 클릭하면 실제 내용을 실제로 편집하는 방법을 빠르게 보여 드리겠습니다 사이드 바 섹션 승인 아마도 메타를 표시하고 싶지 않을 것입니다 표시하지 않으려는 물건과 원하는 물건을 실제로 추가 할 수있는 방법을 보여 드리겠습니다

그것을 닫자 좋아, 여기 위젯 섹션에 직접 갈 수있어 알았어 내가하고 싶은 일은 새 탭에서 다시 열어 보는거야 좋아

아마 그걸 닫아서는 안된다 다시 블로그에 가자 괜찮아 여기는 사이드 바 위젯 영역이며 여기에는 모든 위젯이 있습니다 사이드 바 섹션에서 원하는 것처럼 위젯을 드롭 할 수 있습니다 좋구나 그래서 여기 나는 금속을 제거하고 싶습니다

나는 또한 아카이브의 최근 댓글을 삭제 하시겠습니까? 그래서 우리는 금속을 제거 할 것입니다 아카이브를 제거하면 최근 코멘트가 삭제됩니다 그런 다음 블로그 페이지를 다시 새로 고치면 위젯이 제거되었음을 알 수 있습니다 그래서 당신은 당신이 원하는 것을 할 수 있습니다 원할 경우 이미지를 추가 할 수 있다고 가정 해 보겠습니다

추가 할 수도 있습니다 당신은 또한 최근 게시물을 알 수 있습니다 소셜 링크 비디오 당신이 정말로 당신이 여기에 넣을 수있는 모든 것은 저에 관한 저자의 이미지를 추가 할 것입니다 섹션 어쩌면 텍스트 괜찮아요, 그래서 당신은 할 수있는 모든 것들을 할 수있다 하지만 지금 당장은 그걸로 남겨 둘거야

괜찮아 연락처 페이지를 클릭하고 문의 양식을 수정하고 추가하는 방법을 알려 드리겠습니다 따라서 문의 양식을 추가하기 전에 연락처 양식 7 플러그인이 설치되어 있어야합니다이 플러그인은 자습서의 앞부분에서 보여 줬습니다 일반적으로 설치했다면 여기에 연락 할 수 있습니다 여기에 기본 연락처 양식이있을 것입니다

7 okay click on edit 과 문의 양식에 표시되는 내용을 편집 할 수 있습니다 나는 그것이 어떻게 표시되는지를 좋아한다 추가적으로 추가 할 수 있습니다 좋아요, 메일을 클릭하십시오 그리고 당신이 원하는 것은 당신의 메일이 귀하의 이메일 주소와 그런 다음 메시지와 그 내용을 편집 한 다음 저장을 클릭하면됩니다

따라서 여기에서 단축 코드를 복사하고 연락처 페이지에서 작성기를 켜기 만하면됩니다 레이아웃을 변경할 수 있습니다 텍스트 모듈에 들어가 봅시다 다음과 같이 해보 죠 문의하기 머리글 1로 변경하십시오

스타일링 글꼴은 그걸 중심으로 옮길 수 있습니다 그런 다음 다른 텍스트 모듈에 놓은 다음 붙여 넣기 만하면됩니다 단문 그런 것 두 번 클릭하여 모든 것을 가운데로 정렬 할 수도 있습니다 스타일링 세례반 그런 식으로 센터에 정렬하십시오

좋아, 그럼 너는 약간의 문장을 추가 할 수있다 당신이해야 할 일은 무엇이든지간에 FAQ 페이지는 이미 알고 있기 때문에 이미 이미 답변되었을 수 있습니다 그렇게 할 수 있고 그걸 닫을 수 있습니다 그래, 우리는 모든 페이지를 만들었고 우리는 잘 할 수 있습니다 하지만 끝내기 전에 마지막으로 한 가지 방법을 보여 드리겠습니다

메가 메뉴를 구성하십시오 괜찮아 따라서 메가 메뉴는 이와 같습니다 좋아, 정말 근사하다 따라서 사람들은 각 범주 위로 마우스를 가져갈 수 있으며 그런 제품을 보여줄 수 있습니다

좋아요 또한이 간단한 메뉴 만 구현할 수도 있습니다 정말 좋고 간단합니다 지금 어떻게 할 지 보여 드리겠습니다 좋아, 이제 외모를 들여다보고 메뉴를 클릭하자

과 그런 다음 가장 먼저 할 일은 여기의 화면 옵션을 클릭하고 싶습니다 알았습니다 드롭 다운을 클릭하고 여기에서 제품 카테고리를 선택 하시겠습니까? 좋습니다 그러면 여기에서 제품 카테고리를 활성화하여 실제로 메뉴에 추가하거나 제품 카테고리에 응답 할 수 있습니다 보시다시피 상위 탐색을 사용자 정의하고 싶다면 여기에 추가하십시오

여기에서 선택하십시오 선택을 클릭하면 변경 될 것입니다 좋아요, 그래서 현재 우리는 메인 네비게이션에 상점 페이지를 가지고 있습니다 하지만 우리는 여자들과 남자들을 괜찮게 추가하려고합니다 네가 다른 카테고리일지도 모르지만 실제로 어떻게 할 지 보여줄거야

그래서 여기서는 제품 카테고리를 살펴 보겠습니다 괜찮아 여성들을 클릭하면 남자들을 클릭 할 수 있습니다 확인을 클릭 한 다음 메뉴에 추가 할 수 있습니다 메뉴를 저장하면 메뉴를보기 위해 새 탭을 열어 보겠습니다 좋습니다

그러면 남성과 여성 카테고리에 대한 링크가 생깁니다 괜찮아 그러니까 그걸 클릭하면 여자 제품 카테고리로 데려 갈거야 남자를 클릭하면 남자로 데려 갈거야 승인

그래서 간단합니다, 맞죠? 드롭 다운 또는 메가 메뉴를 구현하려는 경우 그런 다음 여성 카테고리에 대해 드롭 다운 화살표를 클릭하면 메가 메뉴를 선택하여 게시물을 만들 수 있습니다 좋아, 우리는 어쩌면 갖고 싶어 여자들에게서 떨어지는 드레스 좋아, 메뉴에 추가해 그래, 복장 카테고리를 원하면 그걸 여성 범주에 넣기를 원해

알았어 그래서 보통 너는 그것을 끌고 여자 카테고리에 넣기를 원해 메뉴에 점퍼를 추가하는 것과 남성 카테고리 아래에 넣으십시오 여기 메가 게시물을 선택하셨습니다 우리는 방금 그대로 두었습니다

좋아, 메뉴를 저장하고 페이지를 새로 고침하고 어떻게 보이는지 볼 수 있습니다 그래, 여자들 위에 마우스를 가져 가면 드레스가 그렇게 튀어 나올거야 따라서 여기에는 다른 카테고리도있을 수 있습니다 괜찮아? 그래서 지금은 분명히 하나 뿐이며 많은 제품이 없지만 이미지가 잘리는 것을 볼 수 있습니다 좋아, 너에게 보여줄거야

우리가 마우스를 가져 가면 좋고 선명하다는 것을 확인하는 방법으로 남자들이 다시 페이지를 새로 고침한다고합시다 자 점퍼가 그렇게 튀어 나올거야 권리 그래서 이것은 단지 멋지고 간단한 메뉴이므로 구현할 수 있습니다 그런 식으로 메가 메뉴를 할 수 있습니다

좋습니다 메뉴를 저장하고 저장하십시오 설정을 수정 해 보겠습니다 이미지 괜찮아

이제 설정을 테마로 이동해 보겠습니다 좋아요, 이제 테마 설정으로가 봅시다 괜찮다고 생각하고 메가 메뉴 탭을 클릭하십시오 여기에 5 개의 게시물이 표시됩니다 그래, 기본값으로 두지 만 여기서 변경해야 할 부분이 있습니다

맞습니까? 따라서 제품 이미지에 대해 이전에 넣은 이미지 크기가 800×800 인 것을 기억하면 좋아, 그래서 우리는 나누고 싶다 800으로 6 오케이 따라서 800을 6으로 나눈 값은 150입니다 높이를 6으로 나눈 값입니다

그건 150이야 좋아요, 그럼 저장을 클릭 할 수 있습니까? 네,하지만 제품 이미지가 600 ~ 600이면 아마도 800으로 나누면 6을 다시 말해 보겠습니다 따라서 양측을 6으로 나누어야합니다 좋아, 그럼 네가 여기 넣은 크기가 100 % 비례하므로 6으로 나눌 수 없다 8 백분의 일을 6으로 나눈 값은 150이 될 것입니다

좋아,하지만 앨리스는 정사각형 이미지입니다 그래서 우리는 150 x 150을 할 것입니다 좋아, 그럼 우리가 저장하면 여기로 돌아와 페이지를 새로 고치면 좋아요, 당신이 여자들의 드레스 위에 마우스를 가져 가면 예, 이미지가 정말 멋지게 보일 것입니다 사람들이 클릭하여 이미지를 직접 볼 수 있습니다 제품 페이지 괜찮아

그래서 지금 내가 보여줄 것은 실제로 어떻게 할 것인가입니다 로고에서 favicon과 색상 및 글꼴을 변경하는 방법을 설정합니다 귀하의 웹 사이트 어디서나 좋아요, 그래서 우리는 웹 사이트의 색상과 글꼴을 설정할 것입니다 좋아, 그렇게하려면 우리가 할 수있는 일은 과 자동으로 옵션을 선택하도록 안내합니다

고급 옵션을 클릭하십시오 좋아, 스타일을 지정하는 데 더 많은 옵션을 얻을 수있다 웹 사이트의 특정 영역 좋아, 그래서 우리가하고 싶은 첫 번째 일은 우리 웹 사이트의 기본 글꼴을 선택하는 것입니다 맞습니까? 예를 들어 Nike 나 Apple과 같은 웹 사이트에 실제로 들어가면 어떤 글꼴이라고 부르는 Chrome 확장 프로그램을 다운로드 할 수 있습니다 그런 다음 실제로 클릭하면 해당 글꼴을 활성화 할 수 있습니다

마우스를 가져 가면 실제로 사용하고있는 글꼴을 알 수 있습니다 권리 애플과 동일하게 이것을 켜면 웹 사이트에서 실제로 사용하는 폰트를 볼 수있다 따라서 할 수있는 일은 Google을 열어서 검색 할 수 있다는 것입니다 검색 할 수도 있고 비슷한 것을 알 수 있습니다 Google 글꼴 괜찮아

예를 들어, 애플 웹 사이트를보고 있었고 SF였습니다 나는 SF 프로 였다고 생각해 알았어, 여기 그래서 많은 사람들이 비슷한 질문을 할 것입니다 왜냐하면 많은 사람들이 알고 싶어하기 때문입니다

좋아, 애플이 무슨 재미를 가지고 있니? 내 웹 사이트에는 어떤 글꼴을 사용할 수 있습니까? 일반적으로 프리미엄 글꼴을 사용하는 글꼴입니까? 따라서이 테마에 포함 된 글꼴은 Google, 글꼴 및 Google 글꼴은 정말 좋습니다 그들은 600 가지가 넘는 글꼴을 생각합니다 선택할 수 있으므로 검색을 통해 결과를 클릭 할 수 있습니다 좋아요 다음과 같은 글꼴이 있습니다

작업 글쎄, 알았어, 너와 똑같은 형식의 서체가 옳은가? 그래서 일반적으로 두 가지가 있습니다 다른 서체 그래서 예를 들어 첫 번째 것은 산 세리프 (San Serif)입니다 이제는 측면에 평평한 가장자리가 있습니다

또한 스트로크가 균일하기 때문에보다 단순하고 깨끗한 느낌을줍니다 Nike Apple Tesla와 같은 최신 웹 사이트 및 사용자가 보는 대부분의 현대 웹 사이트에서이 서체를 사용하게됩니다 괜찮아 그래서 이들은 당신이 갈 수있는 몇 가지 권장 것들입니다 괜찮아 그래서 당신은 그 중 하나를 선택할 수 있습니다 아니면 가장자리에 커브가있는 serif 서체로 갈 수도 있습니다

두껍고 얇은 스트로크, 맞죠? 그래서 더 많은 수업을 전통적인 모양으로 부릅니다 그래서 예를 들어, 아마 침대 린넨과 같은 것을 판매하고 있다면 그런 다음 글꼴에 대한 고전적인 글꼴을 사용할 수 있습니다 괜찮아 그래서 이것은 여러분이 가장자리에 곡선을 가지고 있습니다 텍스트의 너비가 다릅니다

그래, 다른 느낌을 주지만, 대부분의 웹 사이트에서는 산 세리프 (Sans-Serif) 서체로 정말 깨끗하고 현대적으로 보일 것입니다 예를 들어 조세핀 선인 글꼴을 고를거야 알았지? 그래서 당신의 폰트에 대해, 당신은 조세핀을 가져 가자 여기에서 설정할 수있는 본문 폰트를 클릭 할 수 있습니다 나는 그것이 발음하는 방법이라고 생각하십시오

바라건대, 알았어 일반적으로 웹 사이트에 글꼴이 너무 많아서 만들 필요가 없습니다 당신은 내가 생각하는 것을 가지고 있다면 전문적이다 충분히 좋아요 실제로는 훨씬 더 일관된 모양입니다

그들이 가지고있는 많은 웹 사이트를 보았 기 때문에 단지 하나만 가지고 있다면 3 개 또는 4 개의 다른 웹 사이트를 볼 수 있습니다 글꼴 및 다양한 색상이 많으며 전문적으로 보이지 않습니다 그래서 하나를 고수하면 귀하의 웹 사이트가 정말 훌륭하고 전문적인지 확인하게됩니다 여기 글꼴 두께를 300으로 설정합니다 좋아, 그래서 당신은 글꼴의 무게를 변경할 수 있습니다 그래서 텍스트의 대담 좋아, 나는 그것이 정말로 좋게 보인다라고 생각한다

오른쪽 및 본문 링크 색을 설정하려는 경우 그래서 바디 링크는 이와 같습니다 좋아요, 그래서 그것은 무언가와 연결됩니다 좋구나 그래서 바디 링크를 위해, 우리는 매우 중립적 인 색을 고수 할 것입니다 예를 들어, Apple 및 나이키 좋아 그래서 그들은 짙은 회색을 사용하고있어

웹 사이트의 색 구성표 정렬 전자 상거래에서는 이미지와 제품 자체에주의를 기울이기 때문에 정말 좋습니다 당신은 웹 사이트의 테마에 초점을 맞추기보다는 오히려 더 깨끗하고 단순 해 보입니다 특히 초보자 인 경우 디자인하기가 훨씬 쉽습니다 디자이너는 중립성이 있는지 알기 때문에 디자이너가 알고있는 웹 사이트를 찾았습니다 이미지를 맞추는 것이 훨씬 쉬울거야, 그렇지? 예를 들어, 머리말에 빨간색 배경과 같은 빨간색 머리글을 알고 있는지 알고 싶습니다

이 파란색과 일치하는 것이 훨씬 더 어려울 것입니다 좋아, 그럼 내가 너 한테 그걸 보여줄거야 여기 바디 링크를 위해서, 나는 진한 회색으로 들어가서 같은 아이를 입력 할 수 있습니다 좋아요, 둘이서 두 명뿐입니다 바디 링크를 가리 키기 위해, 우리는 3 3 3으로 설정할 것입니다

그래, 약간 가벼운 버전입니다 좋아요, 사람들이 실제로 링크 위로 마우스를 가져 가면 그럼 그들에게 약간의 피드백을 줄거야, 그렇지? 원한다면 조금 더 가볍게 만들 수도 있지만 괜찮다고 생각합니다 예를 들어, Apple에 마우스를 가져 가면 Apple에 가면 그것은 조금 어둡게되어 당신이 알고있는 피드백을 제공합니다, 그것은 링크입니다 좋아, 그 의견을 원해? 좋아, 네가 할 수있는 일은 너가 알고 싶으면 모든 것이 일치하는지 확인한 다음 링크 색상을 확인하십시오 좋아요, 그럼 여기에있는 어떤 색깔의 링크라도 복사 할 수 있습니다

0 ~ 255라는 웹 사이트로 이동하면 여기에 색상 코드를 입력하고 다음 중 하나를 선택할 수 있습니다, 당신은 세 가지 음영을 알고 라이터 기본 색상보다 더 어둡거나 3 가지 음영을 복사하십시오 좋아, 그렇게하면 알다시피, 당신은 모든 것을 일관되게 유지하고 있습니다 여기 스타일을 클릭하면 악센트를 클릭하십시오 알다시피, 지금 팔고있는 악센트는 황색 테마와 같습니다 좋아요

중성 색 테마로 설정하려고합니다 따라서 악센트 색상의 배경색은 이전과 동일하게 설정합니다 2 개에서 2 개 글꼴 색상 나는 그것을 하얀색으로 설정하려고한다 좋아요, 실제로 좋아하면 6 개의 F를 입력 할 수 있습니다

그것은 일종의 자동으로 나머지를 채 웁니다 배경 마우스를 가져 가면 색상을 333뿐만 아니라 그런 다음 테두리 색상은 여기로 설정합니다 3 3 3 좋아 이제 실제로 마우스를 가져 가면 그래, 당신은 여전히 ​​노란색이 있음을 알게 될 것이다 색상 위로 마우스를 가져갑니다

좋아, 그럼 – 그리고 우리가 할 일은 머리글을 클릭하는 것입니다 배경 포장은? 괜찮아 우리는 그것을 헤더 링크를 위해 흰색으로 멋지게 중립으로 유지할 것입니다 우리는 그것을 클릭 할 것입니다 그리고 실제로 색상을 변경하거나 그대로 두십시오

그러나 향하고있는 링크 호버를 위해, 나는 3에서 3으로 그것을 바꿀 것이다 그리고 그럼 그걸 줄거야 회색이 효과 색상 위에 마우스를 놓습니다 좋아, 이제는 꽤 괜찮은 것 같아 그래서 우리가 여기서 페이지를 보았다면 footer 섹션 바닥 글 섹션까지 아래로 스크롤하면 해당 섹션을 구성하는 방법을 보여 드리겠습니다

좋아요, 그래서 이것은 링크입니다 좋아요, 그래서 그것은 꼬리말 메뉴 링크입니다 꼬리말 메뉴 링크를 가리 키기로 변경하고 싶습니다 같은 호버 색상을 사용하십시오 좋아요

그래서 우리가 그걸 가져 가면 괜찮을 것입니다 좋아요, 다시 위로 스크롤합시다 모든 것을 검사합시다 좋습니다, 그래서 우리가 이것 위에 머무르면 이것은 블로그 포스트 제목입니다 그래서 우리는 게시하고 우리는 게시물 제목을 가리키고 다시 333 색으로 바꿀거야

알았어, 네가 가진 모든 것을 지키려고 노력해 같은 색상 위에 마우스를 올려 놓습니다 좋아요 그러면 모든 것이 잘 보입니다 그냥하자

-이 모든 것들이 모든 것을 닫습니다 좋아, 여기에서 제목을 클릭하면 제목 1 태그입니다 좋아, 그래서 당신은 보편적으로 제목 1 글꼴을 변경할 수 있습니다 예를 들어, 다음과 같이 변경할 수 있습니다 그런 모래 사장의 조셉은 바뀔 것입니다

모든 제목 1 글꼴 어디든 괜찮 았어 따라서 예를 들어 연락처 페이지 당신이 그것을 바꿨다는 것도, 바로 그래서 나는 그걸 삭제하고 기본값으로 남겨 두겠다 왜냐하면 나는 그것이 아주 멋지다고 생각하기 때문이다 그건 너에게 달렸다 그래서 나는 그것도 정상으로 바꿀거야

그런 다음 여기에서 양식을 변경할 수도 있습니다 실제로 우리가 블로그 게시물이나 또는 블로그 게시물에 간다고 가정 해 봅시다 실제로 연락처 페이지로 이동하면 좋습니다 아마도 더 좋은 예입니다 여기 양식이 있습니다, 맞습니까? 여기에서 연락처 페이지를 클릭하십시오

괜찮아 그래서 이것은 여기의 형식입니다 양식을 클릭 할 수 있습니다 양식 필드를 클릭하면됩니다 제가 할 일은 모든 국경에 적용을 해제하고 아래쪽 테두리 용

단색을 클릭하고 색상을 선택하겠습니다 그래서 내가 선택하려고하는 색은 aa E이고 외부를 클릭하면 너비가 2 픽셀로 설정 될거야 다 좋아 왼쪽 상단과 오른쪽 상단 테두리 나도 선택하지 않을거야 그렇게 좋아요, 그래서 바닥에 약간의 경계선이 있습니다

그런 다음 사람들은 필요한 것을 입력 할 수 있습니다 승인 그럼 일단 완료되면 게시를 클릭합니다 실제로 보내기 버튼 위로 마우스를 가져 가면 색상 위로 마우스를 가져 가면 노란색으로 변합니다 내가하고 싶은 것은 폼 버튼을 클릭하고 마우스를 가져 가서 EE도 좋아, 그리고 바깥 쪽을 클릭하면 그녀가 실제로 그 위에 머무를 때

그러면 약간의 효과가 있습니다 당신은 또한 끈적한 헤더 따라서 실제로 페이지를 스크롤하면 헤더가 스틱에 표시됩니다 로고를 변경하려면 오른쪽으로 이동해야하는 경우 고정 머리글을 조정할 수도 있습니다 우리는 모든 것을 최소화 할 것입니다 좋아, 사이트 로고 및 태그 라인 사이트 로고를 클릭 할 수 있으며 여기에서 텍스트를 변경할 수 있습니다

좋아 그럼 네가 그랬듯이 다시 넣어 둬 그럼 그냥 굵게 써라 그래서 당신은 정말 멋지고 멋지게 보이도록 할 수 있습니다 나만의 로고 이미지를 추가하여 여기를 클릭하여 업로드 할 수도 있습니다

여기에서 이미지의 크기를 조정할 수 있습니다 로고를 받으려면 fiverrcom을 방문하는 것이 좋습니다 그래서 나는 아래의 설명에 링크를 놓아서 fiver와 당신은 로고 디자인과 같은 것을 검색 할 수 있으며 5 달러짜리 디자인을 알 수 있습니다 맞습니까? 로고를 작성하는 우수한 사람들이 여기 있습니다

왼쪽에 또한 팹 아이콘을 요청할 수도 있습니다 따라서 favicon은 여기에서 볼 수있는 아이콘입니다 로고 위치 등을 변경할 수 있습니까? 사이트 태그 라인을 변경할 수도 있습니다 3 시간 이내에 온라인 상점을 만들도록 변경했습니다 없음을 선택할 수도 있습니다

예를 들어 그렇게 원하지 않는다면 위에 올려 놓을 때 사이트 제목을 클릭하면 거기에있는 태그 라인을 볼 수 있습니다 좋아, 멋진데 그래서 거기에 보관할거야 모바일 메뉴를 편집 할 수도 있습니다 괜찮아

그래서 이것은 모바일 메뉴 섹션이며 이것은 사라질 것입니다 좋아, 그럼 링크 색상은 메뉴 링크를 마우스로 가리 키십시오 나는 그걸로 갈거야 333도 마찬가지이다 멋지게 보입니다

분명히 편집 할 수 있습니다 원하는 부분을 알고 계실 것입니다 우리가 다시 데스크탑 디스플레이 기본 탐색을 클릭하십시오 마우스를 가져 가면 드롭 다운이 여전히 노란색으로 표시되어 드롭 다운 링크임을 알 수 있습니다

호버 색상 좋아요, 그럼 그걸 3에서 3으로 바꿀 수 있고 색상이 바뀌는 것을 볼 수 있습니다 죄송합니다 링크 색상으로 추가하려는 배경색으로 추가했습니다 그걸 뒤쪽으로 바꾸고 됐어

맞아요 지금은 꽤 많이 생각합니다 그래, 분명히 당신은 당신의 웹 사이트에있는 모든 다른 섹션에 대해 그것을 바꿀 수 있고,이 세팅으로 놀 수 있습니다 궁극적으로 그것을 하나의 글꼴 패밀리로 유지하고 처음 시작할 때 물건을 중립으로 유지하십시오 예를 들어 웹 사이트에 색상을 추가하려면 다음과 같이하십시오

그럼 내가 권하고 싶은 것은 웹 사이트로 이동하는 것입니다 평면 UI 색상, 좋아요, 그런 다음 평면 UI 팔레트를 클릭하십시오 그런 다음 여기에서 색상을 선택할 수 있습니다 몇 가지 색상 의미를 읽어보십시오 그래서 google로 가서 당신은 색상 의미를 검색 알아요

좋아요, 아마도 여기에있는 색상이 색상을 읽었을 것이라고 생각합니다 색상이 정말 일종의 분위기를 조성 할 것이라고 생각하기 때문입니다 귀하의 웹 사이트, 그냥 여기에 예를 들어 보자 정말 멋져 보인다 알았으니 브랜드를 대표하는 색상을 선택하고 괜찮은 것처럼 기본 색상 하나를 선택하십시오

그래서 그들은 같이 사용하지 않았다 당신은 디자이너가 아니더라도 100 만 가지 색상을 알 수 있습니다 그럼 너는 너를 알았을거야 빨간색이나 뭔가 실제로 사용할 수있는 것과 같은 명확한 강조 색상 주의를 집중시키고 싶을 때 천천히 웹 사이트에 구현할 수 있습니다 좋구나? 그래서 그것은 내가 여러분에게 favicon을 일주일에 추가하고 실제로 추가하는 방법입니다

그래서 당신은 그것을 닫을 수 있습니다 대시 보드로 넘어갈 수 있습니다 좋아요, 설정을 테마로 상점과 그런 다음 여기에서 그 아이콘을 클릭하겠습니다 업로드 할 예정이며 여기에서 favicon을 업로드 할 수 있습니다 나는 64 by 64와 PNG 파일이어야합니다

좋아 그리고 그것을 업로드하고 저장해라 좋아요, 그러면 여기에 favicon이 나타납니다 그래서 실제로 웹 사이트에서 많은 글꼴을 다시 볼 수 없다면 Google 글꼴도 클릭 할 수 있습니다 그런 다음 원하는 글꼴을 표시하기 때문에 모든 Google 글꼴 표시를 클릭 할 수도 있습니다 실제로 나타나지 않을 수도 있으므로 클릭해도됩니다

내가 보여주고 싶은 또 다른 사항은 검색 설정입니다 예를 들어 웹 사이트에서 기본적으로 또한 블로그 게시물 등을 검색합니다 실제로 블로그 게시물을 제외하고 귀하의 제품을 알기 만하면 페이지가 나타납니다 좋아, 그럼 저장을 클릭 할 수있어 자습서를 실제로 끝내면 때로는 사용 가능한 몇 가지 업데이트가 있음을 알 수 있습니다

그래, 나에게 이메일을 보낼 수도있어 Hoag 인터콤에서 지원하고 원하는 경우 업데이트 된 버전을 보낼 수 있습니다 업데이트 된 버전도 얻을 수 있습니다 그래서 설명 아래에 링크를 남겨두면 전자 상거래 주제에 대해 1 년 지원 및 업데이트를 제공하는 회원 괜찮아 하지만 테마 개발자가 항상 추가하기 때문에 업데이트하지 않으면 웹 사이트가 계속 작동합니다 더 많은 기능과 더 많은 것들을 웹 사이트와 많은 사람들이 갖고 싶어 추가 지원은 회원 자격입니다

괜찮아 따라서 실제로 웹 사이트를 다시 방문하면 아래로 스크롤하면 웹 사이트를 볼 수 있습니다 모든 것이 정말 멋지게 보입니다 정말 깨끗하고 단순 해 알았어 궁금한 점이 있으시면 아래에 놓으십시오

내가 아는 바를 알고 있기 때문입니다 이 튜토리얼은 3 시간 정도 길다 아직도 내가 가진 것들이있어 그렇지 않으면 본 튜토리얼은 10 시간 정도 될 것입니다 궁금한 사항이 있으시면 아래에 남겨 두십시오

FAQ 비디오를 만들려고합니다 아래에 설명 된 모든 링크와 모든 것을 게시합니다 그래서 실제로 마지막으로 할 수있는 한 가지 거기에 링크 된 것을 편집하는 거 알지? 내 마음에 들기에 너무 가볍기 때문에 돌아가서 신속하게 기본 탐색 링크를 보여줄 것입니다 좋아, 여기 주요 항법 메뉴 링크를 클릭하고 그럼 여기에 앉아 보자

조세핀 모래와 그런 다음 글꼴 두께를 보통으로 설정합니다 좋아요, 그래서 그것은 내비게이션 탑승을 위해 훨씬 좋아 보입니다 게시 할 수 있습니다 닫기 과 마지막으로해야 할 일은 웹 사이트에서 로그 아웃 한 다음보고 나서 할 수 있습니다 홈 페이지로 이동하여보기 시작 좋아요, 그래서 당신은 웹 사이트를 멋지게 완성했습니다

이제 판촉을 시작하여 판매를 시작할 수 있습니다 또는 다른 사람들이 전자 상거래 상점을 구축하도록 도울 수 있습니다 잘하면 내가 돈을 많이 모았고 동영상을 좋아한다면 엄지 손가락으로주고 더 많은 동영상을 구독하십시오

How to Create an eCommerce Website (Online Store) in WordPress for Beginners 2018!

맞춰봐 마침내 나는 전자 상거래 자습서를 작성했기 때문에 오늘은 정말 놀라운 날입니다

오랫동안 그리고 마침내 그것은 끝났습니다 자, 자습서에서 간단한 기본 전자 상거래 상점이 될 것입니다 예를 들어, 미술품을 판매하고자하는 경우 의류 판매를 원할 경우 다운로드 가능한 제품 또는 가상 제품 (예 : 로고 디자인 서비스)은 자습서입니다 이것은 eBay 또는 아마존과 같은 상점을 짓는 것과 같은 튜토리얼이 아니므로 기대하지 마십시오 나는 또한 내가 공짜로 나눠 줄 것을 발표하고 싶었다

3 개의 Apple iPad 구독하고 해당 설명의 링크를 클릭하여 실제로 해당 내용을 확인하십시오 이 동영상이 200 개의 좋아요를 친다면 정말 좋을 것입니다 좋아,이 비디오에서, 예를 들어 도메인을 얻는 등 처음부터 모든 것을 다룰 것입니다 그리고 그것을 시작하고 먼저 실행 그리고 나서 저는 정말로 전문적인 기술을 구축하는 방법을 밟을 것입니다 홈페이지 슈퍼 중요한 드래그 앤 드롭 빌더 사용 나뿐만 아니라 당신과 함께 디자인 기법을 통해 갈거야

따라서 귀하의 웹 사이트가 실제로 광택이 나는지 확인하고 제품을 추가하는 방법을 보여주지는 않습니다 다음과 같은 변수 제품을 추가하는 방법을 보여 드리겠습니다 어쩌면 당신은 작은 크기가 있을지도 모른 점퍼 같이 또는 당신은 그것의 다른 색깔이 있을지도 모르다 그런 다음 세금 설정을 구성하는 방법을 알려 드리겠습니다 정말 힘들어요 나는 여러 해 동안 그 일을 해왔습니다

그리고 마침내 저는 그것을 이해합니다 그래서 저는 여러분에게 실제로 그것을 가르쳐 줄 수 있습니다 그런 다음 배송 옵션을 살펴 보겠습니다 다른 지역에 대한 가격 설정 및 제품 별 가격 차이 설정 그리고 우리가 겪을 일은 쿠폰을 사용하여 결제 방법을 설정하고 지불 옵션을 제시하여 실제로 지불 할 수 있습니다 그 제품을 내보내고 물론 가장 중요한 부분은 실제로 색상으로 설정됩니다

알았습니다 그래서 완벽한 색상 팔레트를 작성한 다음 사이트에 적용하는 방법을 보여 드리겠습니다 그럼 우리가해야 할 일은 지금은 기본적으로 화면으로 이동합니다 그리고 나서 당신을 살아있는 거래로 안내 할 것이고, 그러면 우리는 건물을 시작할 것입니다 문제 없다? 좋아, 우리는 가게 안에있어, 그래서 나는 내 잠옷으로 바뀔 수 있다고 생각해

(웃음) 농담이야 어쨌든, 우리는 당신이 볼 수 있듯이 가게 안에 있습니다 나중에 모든 추가 기능을 추가 할 수있는 벨과 호루라기 등을 추가 할 수 있습니다 예를 들어 고객이 상점을 클릭하면 상점 페이지로 연결됩니다 제품 필터가 있고 점퍼를 찾고 있다고 가정 해 봅시다

그들은 그것을 사용할 수 있으며 점퍼를 클릭하면 점퍼를 클릭합니다 좋아요, 제품에 대한 정보를 읽을 수 있으며 좋아할만한 다양한 변형을 선택할 수 있습니다 예를 들어, 작은 것 더 저렴할 수 있으며 사람들은 배송 정보뿐만 아니라 설명을 읽을 수 있습니다 리뷰를 남겨주세요 또한 위시리스트에 추가 할 수 있으므로 기본적으로 거기에 추가되며 카트에 추가하면 추가됩니다

좋아, 그곳에 갈 것이고, 그때 그들은 단지 계산대를 클릭 할 수있다 일단 체크 아웃하면 사용자 이름과 로그인 정보를 설정하고 상점에 올 때마다 그들은 단지 로그인 한 다음 정말 빨리 체크 아웃하십시오 예를 들어 제가 말한대로 쿠폰을 추가하는 방법을 보여 드리겠습니다 블랙 프라이데이일지도 모릅니다 쿠폰을 신청할 수 있습니다

어느 할인을 받아야하는지 좋아요, 그래서 당신은 무료 배송을받을 수 있습니다 고정 요금이나 지역 픽업도 있습니다 그래서 우리가 할 일은 그 정보를 바로 채울 것입니다 그리고 우리는 빠른 테스트를 할 것입니다

트랜잭션 좋아, 그래서 나는 그 모든 정보를 채웠다 당신이 할 수있는 일은 블랙 프라이데이가 나에게 90 % 할인을주는 것을 볼 수있는 것처럼 여기에서 운송 옵션을 선택하는 것입니다 그래서 사람들이 페이팔 계정이없는 경우에만 7 달러를 지불하면됩니다 그들은 또한 페이팔을 통해 신용 카드를 사용할 수 있습니다

그래서 그들은 PayPal로 진행하고 기본적으로 PayPal 계정에 로그인하고 PayPal이없는 ​​경우 신용 카드 또는 직불 카드로 결제 할 수 있습니다 로그인을 클릭하겠습니다 지금 지불하기를 클릭하십시오 좋아요, 근본적으로 지금 당장 금액을 보냈습니다 우리는 가서 이메일을 확인할 것입니다

따라서 고객이 받게 될 주문 영수증이며 나중에 실제로 디자인을 변경할 수 있습니다 또한 전자 메일도 받게되므로 실제로 주문을 이행 할 수 있습니다 하지만 대시 보드 영역에 로그인 할 수도 있습니다 완료 할 수있는 주문을 관리 할 수 ​​있으며이를 볼 수 있습니다 또한 연간 매출 보고서를 볼 수있는 보고서 섹션을 클릭 할 수 있습니다

지난 달, 이번 달 그래서 당신은 실제로 그것을 정확히 추적 할 수 있으며 고객과 주식을 추적 할 수 있습니다 세금뿐만 아니라, 기본적으로 그것은 나는 우리가 무엇을 필요로하는지, 그리고 무엇이 필요한지에 대한 개요를 살펴볼 것입니다 우리가 취해야 할 조치는 당신이 먼저해야 할 일이 도메인 이름 및 호스팅 따라서 도메인 이름은 기본적으로 웹 주소와 비슷하므로 yournamecom과 같습니다

좋아요, Google의 도메인 이름은 googlecom 및 호스팅은 기본적으로 모든 웹 사이트 파일을 실제로 저장하는 곳입니다 또한 필요할 수도 있습니다 SSSL 및 기본적으로 이것은 귀하의 웹 주소 옆에있는 작은 초록색 자물쇠입니다 www

applecom에 가면 브라우저 섹션에 표시됩니다 따라서 대부분의 전자 상거래 웹 사이트에서 권장되는 기능입니다 고객은 보안이 유지되는지 확인하려고합니다 그래서 그것은 그렇게합니다

그런 다음 WordPress를 설치하는 방법과 WordPress는 콘텐츠 관리 시스템입니다 즉, 기본적으로 웹 사이트를 구축 할 수 있음을 의미합니다 코드 작성 방법을 알지 않아도됩니다 그런 다음 설정을 구성하는 방법을 보여 드리겠습니다 좋아요

그런 다음 세 번째 단계는 테마를 설치하는 것입니다 플러그인은 테마가 기본적으로 웹 사이트의 스킨과 유사하므로 드래그 앤 드롭 빌더가 포함됩니다 그런 다음 웹 사이트를 디자인하고 실제로 홈 페이지를 만드는 방법을 보여 드리겠습니다 드래그 앤 드롭 빌더를 사용하여 또한 귀하의 제품을 추가하는 방법을 보여줌으로써 귀하의 단순한 제품이 가변 제품이기 때문에, 그 다음에는 어떻게 설정하는지 보여 드리겠습니다 쇼핑 페이지 및 필터에 추가 그런 다음 WooCommerce 설정을 구성하는 방법을 보여 드리겠습니다

여기에는 세금, 운송료, 지불 및 쿠폰이 포함됩니다 그런 다음 로고를 추가하고 색상을 선택하고 웹 사이트에 올바르게 적용하기 그렇다면 모든 비용은 얼마입니까? 그래서 기본적으로 귀하의 도메인 이름에 대한 비용은 $ 599 주위에 일년에 이제 호스팅은 한 달에 약 10 달러입니다 그리고 SSL은 일반적으로 연말까지 지급되며, 연간 약 19 달러라고 생각합니다 좋아요, 그럼 분명히 언급 할 필요가있는 몇 가지 사항이 꼭 필요합니다

당신은 분명히 그것을 저장할 어딘가가 필요합니다 적어도 전자 상거래 웹 사이트이기 때문에 SSL을 권장합니다 따라서 WordPress는 무료이며 테마도 무료이지만, 업그레이드 할 수있는 옵션이 있습니다 즉, 1 년 지원 및 업데이트 그래서 이것은 wwwhoganchua

com에서 나의 웹 사이트에 사용하는 것과 똑같습니다 그리고 그것은 굉장합니다 내가 만났던 것이 가장 좋습니다 그것이 내가 추천하는 이유입니다 그게 다야

따라서 총 비용은 SSL을받지 못한다면 $ 15를 시작해야하지만 그렇게하면 약 $ 35가됩니다 그래서 자신의 사이트를 구축하는 것이 훨씬 낫습니다 예를 들어 리스팅 비용이 전혀 없기 때문입니다 일부 웹 사이트는 귀하의 제품을 나열하는 리스팅 수수료를 부과 할 수 있습니다 또한 예를 들어 무엇을 표시할지에 대한 완전한 제어권을 갖습니다 원하는 리뷰를 표시 할 수 있습니다

페이지 당 산만도 적습니다 그래서 당신은 당신의 경쟁자와 상장되지 않았고, 당신은 또한 전반적인 통제와 실제로 사람들이 기억하는 브랜드를 만들 수 있습니다 사람들은 "나는 방금 이베이에서 구입했다"또는 "아마존에서 구입했다"라고 말하지 않을 것입니다 그들은 실제로 당신의 웹 사이트 이름을 말하고 나는 또한 당신이 가지고있는 경우에 저를 이메일을 보낼다는 것을 지적하고 싶다 support@hoganchuacom에서 모든 문제

하지만 가장 빠른 방법은 나를 만나는 것은 YouTube 논평을 통한 것입니다 나는 보통 24 시간 안에 그 사람들에게 돌아 간다 내 Facebook 페이지를 팔로우 할 수도 있습니다 그게 내가 소식을 올리는 곳이야 하지만 실제로 귀하의 URL 또는 문제의 스크린 샷을 보내는 것이 좋습니다

내가 문제를 결정하고 당신에게 그것을 수정하십시오 YouTube에서 왼쪽 및 오른쪽 화살표 키를 눌러 되감기 및 빨리 감기 할 수도 있습니다 몇 달 전에 배운 무언가이기 때문에 자습서를 위해 얼마나 많은 사람들이하는지 잘 모르겠습니다 정말 유용합니다 또한 너무 빨리 또는 너무 느리게 말하면 실제로 속도를 높이거나 느리게 할 수 있습니다

동영상의 오른쪽 하단에있는 속도 설정을 확인하여 들어가보십시오 좋아요, 그래서 귀하의 도메인 이름을 호스팅하고 얻기 위해서, 당신은 wwwhostgatorcom에 갈 수 있습니다 기본적으로 HostGator는 내 웹 사이트에서 사용하는 것이지만 원하는 호스트를 실제로 사용할 수 있습니다

웹 사이트를 원하지 않기 때문에 가동 시간을 보장받을 수 있습니다 사람들이 실제로 거기에 갔을 때, 당신이 할 수 있다는 것을 확실히하기를 바랍니다 쉽게 WordPress를 설치하고 또한 또한 진짜로 좋은 지원을 제공하는 서비스를 찾으십시오 그러나 많은 제한이 있기 때문에 개인적으로 무료 호스트를 추천하지는 않을 것입니다 일반적으로 신뢰할 수 없다 그래서 우리가 할 일은 웹 호스팅을 클릭하는 것입니다

그러나 당신이 볼 수 있듯이 여기에 다른 서비스가 있습니다 첫째, 초보자를 위해 웹 호스팅으로 시작하는 것이 좋습니다 트래픽이 더 많이 발생하는 경우 나중에 계획을 업그레이드 할 수 있습니다 기본적으로 Hatchling, Baby, Business Plan이라는 세 가지 계획이 있습니다 몸소, 나는 당신이 무제한의 도메인을 호스트 할 수 있기 때문에 아기에게 갈 것입니다

그래서 기본적으로 당신은 가질 수 있습니다 도메인, 친구의 도메인, 그리고 SSL 인증서를받을 수있는 옵션도 있습니다 전자 상거래에 권장됩니다 등록을 클릭하십시오 따라서 일단 여기에 오면 기본적으로 도메인 이름을 선택해야합니다

그래서 기본적으로 시도하고 들어 가자 쇼핑 데모 23 그런 다음 외부에서 여기를 클릭해야하므로 기본적으로 때로는 이미 촬영 될 수 있습니다 따라서 도메인 이름으로 조금 창의적이어야합니다 개인적으로 저는 com을 추천합니다

그 이유는 정상적으로 사람들이 여기에 입력하는 것이기 때문입니다 또한 이미 도메인 이름이있는 경우 예를 들어 도메인 이름을 사용했을 수 있습니다 NameCheap 또는 GoDaddy 또는 이와 비슷한 항목을 입력 한 다음 여기에 도메인을 입력 할 수 있습니다 하지만 실제로 네임 서버를 바꿀 때까지는 호스팅에 연결되지 않습니다 기본적으로 호스팅을 구입 한 후에해야하는 모든 작업이 필요합니다

당신은 HostGator에서 이름 서버를 얻을거야 그런 다음 네임 서버를 변경하려면 예를 들어 Godaddy와 같은 도메인 등록 기관에 로그인해야합니다 기본적으로 HostGator CPanel에 도메인을 추가해야합니다 기본적으로 그 다음에 따라갈 수 있습니다 그럼 아래로 내려 봅시다 좋아, 그럼 패키지 유형

아기를 선택하십시오 결제주기를 선택합니다 나는 더 큰 할인을 받거나 12 개월을 갈 수 있기 때문에 12 개월을 선택할 것입니다 더 많은 할인을 원한다면 36 개월 좋아요, 그래서 그것을 선택한 다음 사용자 이름을 입력하고 또한 보안 핀, 그리고 우리는 여기서 아래로 스크롤 할 것입니다

내 결제 정보를 입력하겠습니다 동영상을 일시 중지하고 귀하의 신용 카드 세부 정보를 입력하십시오 Paypal을 사용하는 경우 Paypal을 선택하십시오 좋아, 그래서 그것을 채우고 난 페이팔을 선택했습니다, 그리고 난 여기에 페이팔 계약을 선택하려고합니다 그리고 나서 아래로 스크롤 할 것입니다 자, 이것들은 추가 서비스이므로, 이것들은 모두 옵션입니다

그래서 설명해 드리겠습니다 따라서 도메인 개인 정보 기본적으로 사람들은 실제로 귀하의 웹 사이트 도메인 이름을 검색 할 수 있습니다라는 웹 사이트를 추가 (제 생각 엔) 누가 그리고 그들은 당신의 이름, 또한 귀하의 이메일과 주소를 확인할 수 있습니다 그래서 당신이 보호하려는 경우이 옵션을 여기에서 선택해야합니다 그래서 기본적으로 내가 추천하는 것은 당신이 벽돌과 박격포 사업과 당신은 어쨌든 정보를 넣을 수 있습니다

그럼 아마 그것을 선택하지 않을거야,하지만 만약 당신이 집에서 그리고 모든 세부 정보를 비공개로 유지하려는 경우 선택해야합니다 그래서 Hack Alert Monitoring 그래서 그것은 무엇입니까? 개인 악성 코드가 있는지 웹 사이트를 검사합니다 내가 실제로 그것을 스캔 할 수있는 무료 WordPress 플러그인을 사용할 수 있기 때문에 나는 그것을 선택하지 않을 것이다 귀하의 웹 사이트를 안전하게 유지하십시오, 그러나 만약 당신이 그것을 얻으 려한다면, 나는 실제로이 서비스를받을 것입니다

호스팅 및 사물을 구입 한 후에 그 중 하나를 얻을 수 있습니다 실제로 귀하의 웹 사이트를 검색하고 또한 자동으로 청소합니다 그래서 조금 더 비싸지 만, 그게 더 낫다고 생각합니다 또한 전문 전자 우편의 경우 자신의 전자 메일을 실제로 만들 수 있습니다 Email@yourdomain

com을 클릭하십시오 따라서 사이트 백업에는 필요하지 않습니다 실제로 내 채널에 무료 플러그인을 사용하여 웹 사이트를 백업하는 방법에 대한 자습서가 있습니다 그래서 당신은 그것을 확인할 수 있습니다 HTTPS의 경우 기본적으로 여기에서 볼 수있는 것이고 작은 녹색 자물쇠 기호 및 많은 전자 상거래 웹 사이트에서 볼 수 있습니다

예 : Apple, eBay, Amazon 그들 모두는 그것을 가지고있다 사람들이 배송 정보와 같은 정보를 입력하기 때문에 신용 카드 세부 정보, 암호 및 그런 것들 그것이 HTTPS가 도움이되는 이유입니다 기본적으로 모든 데이터를 보호해야하므로 전자 상거래 저장소이기 때문에 개인적으로 추천합니다 그러나 당신이 블로그 또는 웹 사이트 같이 인 경우에, 나는이 선택권을 여기에서 선택하지 않을 것입니다

그래서 나중에 가져올 수도 있습니다 그러나 나는 그것이라고 믿는다 $ 2995 그래서 나는 그것을 얻을 것이다 쿠폰 코드는 지금 가게에 들어갑니다

그리고 validate를 클릭하면 더 큰 할인을 받게됩니다 그럼 다시 스크롤하면 40 % 할인 된 가격으로 구매할 수 있습니다 그리고 36 개월은 60입니다 그들이 이것을 다시 확인할 수도 있습니다 다시 스크롤을 해제하고 선택을 취소 할 수 있습니다

여기에 도메인이 있습니다 어느 쪽이 또한 6 달러와 또한 12 개월 동안 당신의 접대가 더 싼인지, 그리고 우리는 $ 12400에 올 것입니다 한 달에 $ 1000 괜찮아 일단 당신이 그것을하면 당신은 클릭 할 수 있습니다 "나는 약관 및 서비스를 읽고 동의합니다" 나는 또한이 쿠폰을 사용하면 작은 커미션을 받게 될 것이라고 지적하고 싶었습니다

기본적으로이 자습서를 지원하는 데 도움이됩니다 대단히 감사하겠습니다 만 사용하지 않아도됩니다 그게 전부 야 이제 우리는 체크 아웃을 클릭 할 것입니다 기본적으로 나는 PayPal 계정으로 로그인하여 지불해야합니다

왜 이상한 이유가 있는지 알 수 없으므로 왜 처리 할 수 ​​없으므로 사전 승인 된 지불 대신 PayPal 일회성 계약을 선택해야 할 수도 있습니다 그래서 저는이 법안을 지불 할 것이고 희망적으로 이번에는 실제로 작동 할 것입니다 그래서 아래로 스크롤 한 다음 PayPal을 사용하도록 선택하고 PayPal을 한 번만 선택합니다 여기에서 이러한 것들을 다시 확인한 다음 지금 지불하십시오; 또는 신용 카드로 결제 할 수 있습니다 확인한 다음 계속을 클릭하십시오

알았어 그래서 네가 볼 수있는대로 성공적으로 지불 했어 기본적으로 지금 신용 카드로 결제하는 경우 확인 페이지가 표시됩니다 하지만 내가 이메일을 보내면 지금 이메일을 확인할거야 이 이메일은 귀하가받을 이메일입니다

기본적으로 제어판 URL을 클릭해야합니다 그러면 기본적으로 여기로 이동합니다 그런 다음 사용자 이름과 비밀번호를 복사하여 CPanel에 로그인해야합니다 그리고 그것이 우리가 워드 프레스를 설치하는 곳입니다 그래서 나는 로그인을 클릭 할 것이다

그래서 이것은 당신의 워드 프레스 CPanel입니다 그리고 전에 말했듯이, 여기에 실제로 도메인을 추가 할 수 있습니다 도메인을 다른 곳에서 얻었고 문제가있는 경우 연락 할 수 있습니다 HostGator 라이브 채팅 지원 그래서 당신은 단지 그들의 홈 페이지에 갈 수 있습니다, 그리고 그것은 오른쪽 상단에 있습니다 그래서 우리가 할 일은 WordPress를 설치하는 것입니다

원 클릭 설치는 여기를 클릭하기 만하면됩니다 도메인을 선택해야합니다 디렉토리 부분을 비워두고 다음을 클릭하십시오 좋아, 그래서 귀하의 블로그 제목, 난 그냥 로고를 설정거야, 당신은 나중에 변경할 수 있습니다 좋아, 그렇게 걱정하지 마라 귀하의 사용자 이름, 귀하의 이름과 성으로 로그인하는 것입니다

귀하의 이메일 주소 그래서 이것이 정확한지 확인하십시오 또한 로그인 정보를 거기에 보내주기 때문에, 수락을 클릭하면 우리는 설치를 클릭 할 것입니다 좋아요, 그렇게하려면 1 분 정도가 걸릴 것입니다 일단 설치가 완료되면 때때로 도메인을 구입 한 경우 아직 전파되지 않았을 수 있습니다 이것이 의미하는 것은 기본적으로 HostGator는 웹 사이트를 백 엔드에 설정합니다

잘만되면 그것은 올라갈 것이다 그렇지 않다면 15 분에서 20 분 정도 기다려야합니다 다행히도, 내 것이 올라와서 우리가 할 일은 먼저 암호를 복사 할 것입니다 좋아, 한번 해 그런 다음 실제로 새 탭에서 열려고합니다

그래, 알다시피 아직 안 끝났어 실제로 설정하려면 15 ~ 20 분이 걸릴 수 있습니다 그래서 제가 할 일은 잠깐 쉬고 돌아 오는 것입니다 좋아 그래서 나는 돌아 왔고 웹 사이트는 작동 중이다

그래서 우리는 실제로 로그인 할 수 있습니다 또한 예를 들어, 실제로 우리가 입력했다고 가정 해 보겠습니다 여기에 URL을 입력 한 다음 WP 관리자를 입력하면 로그인 영역으로 이동합니다 그래서 클릭하면 그러면 여기로 로그인하겠습니다 그래서 북마크하는 것이 좋습니다

그래서 또한 귀하의 세부 정보가 포함 된 이메일을 보냅니다 그래서 당신은 그 암호를 기본적으로 사용할 수 있습니다 사용자 이름을 입력하십시오 그 암호에 붙여 넣은 다음 로그인을 클릭하십시오 그래야 우리는 WordPress 대시 보드에 있습니다

모든 것을 설정하는 방법을 보여줄 것이므로 클릭 만하면됩니다 나는 도움이 필요하지 않으며 당신이 볼 수 있듯이 많은 것들이 나타납니다 나는 이것들을 모두 닫아 조금씩 정리하고 Dismiss를 클릭한다 닫기, 닫기 좋습니다 그러면 우리가 할 첫 번째 일은 사용자에게 가서 모든 사용자를 클릭하는 것입니다

그래서 기본적으로 사용자 새로운 사용자를 추가 할 수 있습니다 그래서 예를 들면입니다 웹 사이트를 수정할 사람이있을 수 있습니다 그런 다음 사용자 이름을 만들어 사용자 이름으로 로그인 할 수 있으며 다른 사용자 이름으로 설정할 수 있습니다

역할도합니다 그러면 사용자 이름에 대한 수정을 클릭 할 것입니다 그리고 나서 우리는 아래로 스크롤 할 것입니다 여기에 계정 관리 비밀번호 생성을 클릭하십시오

그래서 내가 기억하는 비밀 번호를 설정하려고합니다 설정하려고 나보다 더 강력한 암호 알았어, 사용자 이름 암호를 확인하고 프로필을 업데이트하십시오 일단 암호가 설정되면 암호가 업데이트됩니다 이제 우리가 할 일은 실제로 플러그인 이제 플러그인은 기본적으로 웹 사이트에서 기능을 추가하는 소프트웨어 종류입니다

예를 들어, 휴대 전화의 애플리케이션 (예 : 소셜 미디어 앱, 생산성 앱) 기본적으로 플러그인은 웹 사이트와 동일한 것입니다 그래서 많은 플러그인이 미리 설치되어 있습니다 우리가해야 할 일은 실제로 그들을 비활성화시키는 것입니다 빌더와 너무 많은 것들이 있습니다 그래서 나는 모든것을 깨끗하게 할거야, 나는 또한 그걸 지울거야

하지만 나중에 실제로 추가 할 수도 있습니다 좋아요, 일단 그렇게되면 우리는 실제로 웹 사이트를보기 위해 새로운 탭을 열어 볼 수 있습니다 그래, 당신이 볼 수 있듯이 이것은 기본 WordPress 웹 사이트이며 전자 상거래 상점처럼 보이지 않습니다 그럼 우리가해야 할 일은 이제 실제로 테마와 필수 플러그인을 설치합니다 그래서 우리는 외모에 마우스를 가져 가서 테마를 클릭 할 것입니다

그래서 우리가 할 일은 새로 추가를 클릭하는 것입니다 좋아, 우리는 우리 자신의 테마를 업로드 할 것이므로 여기에 많은 무료 테마가 있습니다 그러나 그들은 실제로 융통성이 없으며 드래그 앤 드롭 빌더가 없으므로 먼저 테마를 업로드하고 테마를 다운로드해야하며 테마는 실제로 아래의 설명 컴퓨터에 다운로드하십시오 컴퓨터에 이미지를 다운로드 할 수도 있습니다

그래서 당신은 실제로 튜토리얼을 따라갈 수 있습니다 아마 이렇게 두 파일을 얻을 수 있습니다 그래서 내가하고 싶은 것은 압축을 푼 다음 폴더가 될 것이고 예를 들면 모든 이미지가 준비되어 있으므로 자습서를 실제로 따라갈 수 있습니다 또한 테마와 필요한 플러그인이 여기에 있습니다 그래서 우리가 할 일은 웹 사이트로 돌아가는 것입니다

테마 업로드를 클릭하고 파일을 선택하십시오 그래서 우리가 할 일은 상점 테마와 플러그인 인 폴더를 찾는 것입니다 Themify Shopzip을 업로드하십시오 그렇지 않으면

zip 파일인지 확인하십시오 제대로 업로드하지 않고 열기를 클릭하면 지금 설치 보시다시피, 진행 상황은 왼쪽으로 내려갑니다 왼쪽 옆면 문제가 있다면 hoganchua

com으로 가서 FAQ를 클릭하십시오 그래서 나는 보통 내 웹 사이트 FAQ에서 자주 묻는 질문을 나열합니다 따라서 테마를 설치하는 데 문제가있는 경우 예를 들어 실제로 거기에 가서 솔루션을 확인할 수 있습니다 그 다음 당신은 그것을 조사 할 수있다 따라서 테마 설치로 스크롤 할 수 있으며 사람들이 공통적으로 겪게되는 문제는 업로드 파일이 초과한다는 것입니다

그래서 당신이 할 수있는 것은 당신이이 비디오 튜토리얼을 따라갈 수 있다는 것입니다 여기서 테마를 업로드하는 방법을 보여 드리겠습니다 CPanel 섹션을 통해 우리가 할 일은 당신이 실제로 그것을 설치 한 후에 그것을 실제로 활성화해야합니다 저희 웹 사이트에서 활성화되었습니다 그래서 스킨과 데모가 우리가 할 일을 실제로 터뜨릴 것입니다

우리는 그것을 닫을거야 버전을 111로 볼 수 있으므로 닫으십시오 이것이 우리가 실제로 사용하고있는 버전입니다 때로는 업데이트를 얻을 수 있으므로 기본적으로 새 업데이트를 사용할 수 있음을 의미합니다

하지만 업데이트 할 필요는 없습니다 내가 권장하는 것은 튜토리얼을 끝내면 support@hoganchuacom으로 이메일을 보낼 수 있다는 것입니다 너를 위해 기꺼이 업데이트 해 줄게 알았어

하지만 사용자 이름과 비밀번호로 자동 업데이트 할 수도 있습니다 따라서 실제로 Themifyme에서 지원 및 업데이트를 실제로 포함하는 회원 자격을 얻을 수 있습니다 그러면이 테마는 우리가 실제로 사용하고있는 Themify Shop 테마이며, 실제로 $ 4900에 구입할 수 있습니다

쿠폰 "호간"을 사용하면 30 % 할인을받을 수 있습니다 그래서 실제로는 $ 3400 또는 이와 비슷한 것이 될 것입니다 그러면 1 년 동안 업데이트에 액세스 할 수있게되며 지원도 제공됩니다 실제로 웹 사이트를 더 맞춤 설정하려면 실제로 실제로 좋습니다

그리고 그것은 일반적으로 꽤 유용합니다 그래서 당신은 그것을 얻을 수 있습니다 그러나 튜토리얼을 끝내면 업데이트하는 것이 좋습니다 때로는 버튼과 사물이 변경되기 때문입니다 이제 우리가 할 일은 플러그인으로 들어가 보겠습니다

이제 플러그인을 클릭하겠습니다 그런 다음 새로 추가를 클릭하십시오 그런 다음 플러그인을 업로드하고 파일을 선택합니다 그리고 우리는 빌더 WooCommerce를 업로드 할 것입니다 플러그인을 사용하면 제품을 홈페이지 나 웹 사이트 어디에나 쉽게 추가 할 수 있습니다

활성화를 클릭하십시오 새로운 걸 더하다 따라서 업로드 플러그인을 다시 클릭하고 파일을 선택한 다음 zip 필터를 선택하고 열기를 클릭하십시오 지금 설치하십시오 그래서 기본적으로 저희 가게 페이지에 추가 할 제품 필터입니다 해당 플러그인을 활성화하십시오

좋아 그럼 알다시피 아직 활성화되지 않았어 실제로 우리는 WooCommerce 플러그인을 설치해야하고 WooCommerce는 전자 상거래 기능을 추가하기 때문에 우리 웹 사이트에 그래서 우리는 새로운 것을 추가하기를 클릭 할 것이다 검색 플러그인을 클릭하겠습니다

여기에 WooCommerce를 입력하고 Enter를 클릭하십시오 그런 다음 지금 설치를 클릭합니다 우리는 또한 그것을 활성화 할 것입니다 따라서 설치 횟수가 100 만 회를 넘습니다 올바른 것을 얻을 수 있는지 확인하십시오

좋아, 그래서 그것은 빠른 설정을 통해 당신을 걸어 갈거야 우리는 가자 그리고 이것은 페이지 설정입니다 그래서 귀하의 웹 사이트에 필요한 페이지를 추가하십시오 그러면 나중에 추가 페이지를 추가 할 수있게 될 것입니다 계속을 클릭하겠습니다

그런 다음 매장 위치를 ​​설정하여 위치에 설정합니다 나는 그것을 호주에 맞추고 당신의 통화를 선택할 것입니다 예를 선택하겠습니다 나는 판매 세를 청구 할 것이다 나중에 세금 설정을 진행할 예정입니다

그래서 당신은 아마 그냥 예를 선택하고 세금 제외 기업 것입니다 일반적으로 기본 세율로 설정됩니다 그러니 그대로두고, 계속을 클릭하십시오 그래서 배송의 경우 나는 이것을 단지 킬로로 설정하려고합니다 및 센티미터는 호주에서 가장 일반적인 측정 값이므로 너는 파운드 또는 인치 그래서 선택 사항입니다 계속을 클릭하십시오

그 후 지불을 위해 PayPal Standard를 선택하겠습니다 하지만 수표 수표와 같은 것을 선택할 수도 있습니다 PayPal 이메일 주소는 여기에 넣을 수 있습니다 아직 PayPal 계정이없는 경우 그런 다음 wwwPayPal

com으로 이동하십시오 PayPal 비즈니스 계정에 가입하십시오 기본 정보가 필요합니다 기본적으로 Paypal은 지불을 즉시받을 수 있기 때문에 정말 편리합니다 은행 계좌로 입금 할 수 있습니다

일단 돈을 받으면 그래서 그것을 설정하고 나중에 PayPal 이메일을 여기에 입력하고 계속을 클릭하십시오 나중에 지급 설정을 진행할 것입니다 좋아, 이제 끝내야 해 실제로 가이드 비디오 투어를 시청할 수 있으므로 새 탭에서 열어 보겠습니다

WooCommerce에는 자체 비디오 자습서와 문서가 있습니다 너는 끝까지 갈 수 있지만, 어쨌든 비디오의 대부분을 덮을거야 추가 동영상에 유용하게 사용할 수 있으므로 우리는 WordPress 대시 보드로 돌아갈 것입니다 따라서 프레임 워크 버전 너는 실제로 무료로 업데이트 자동으로 필요할 때 바로 업데이트 할 수 있습니다 그래서 우리가 다음에 할 일은 탐색 메뉴에 설정된 페이지를 추가하고 정적 홈페이지에도 설정하는 것입니다

일단 플러그인이 추가되고 설정되면 우리는 페이지를 추가 할 것입니다 페이지를 클릭하기 만하면됩니다 페이지가 WooCommerce에 의해 설정되었음을 알 수 있듯이 이미 여기에 있습니다 여기서 수행 할 작업은 실제로 샘플 페이지를 삭제하는 것입니다 이것은 워드 프레스가 추가 한 기본 페이지이며 휴지통에서도 삭제할 예정입니다

영구히 삭제하십시오 그런 다음 새로 추가를 클릭합니다 그래서 첫 페이지는 추가 할 예정입니다 따라서 홈 페이지 레이아웃을 작성한 다음 게시를 클릭하십시오 추가를 클릭하십시오

위시리스트 페이지에 추가 할 것입니다 게시를 클릭하십시오 따라서 원하는만큼 페이지를 추가 할 수 있습니다 다시 추가를 클릭합니다 about 페이지에 추가하겠습니다 만, 여기서 레이아웃을 작성하는 방법을 보여주지는 않겠습니다

비디오를 너무 길게 만들고 싶지 않기 때문에 다른 비디오에있을 것입니다 새로 추가를 클릭하십시오 연락처 페이지에도 동일하게 추가 할 수 있습니다 빌드 방법을 알려 드리겠습니다 연락처 페이지뿐만 아니라 연락처 양식을 다른 튜토리얼 좋아, 여기서 permalink를 볼 수있다

실제로 링크를 클릭하면 거기에 indexphp가 있음을 알 수 있습니다 기본적으로 우리는 그것을 제거하고 우리가해야 할 일은 설정으로 이동하는 것입니다, Permalinks를 클릭하십시오 그런 다음 게시 이름으로 변경하십시오 그래서 기본적으로 당신은 URL에 게시물 이름을 원합니다

또한 URL의 페이지 제목은 indexphp가되고 싶지 않습니다 또는 심지어? p = 123 이는 검색 엔진과 사람들을 위해서도 더 좋습니다 그래서 그들은 정확하게 알고있다 그 페이지에서 무슨 말을하는거야? 일단 그렇게하면 변경 사항을 실제로 저장할 수 있습니다

일단 그 일을 마치면 우리는 실제로 메뉴를 설정합니다 그래서 메뉴와 함께 우리는 외모로 가서 메뉴를 클릭 할 것입니다 예, 메뉴 이름을 클릭하고 상단 네비게이션을 설정하여 상단 네비게이션을 설정하고 메뉴를 클릭합니다 일단 우리가 그 일을 마치면 메뉴에 표시 할 페이지를 선택할 수 있습니다 어느 쪽이 여기에 있니? 좋아, 그래서 페이지들

내가 선택하고 싶은 부분은 어쩌면 내 페이지, 연락처 페이지 상점 페이지 그리고 나는 그것이라고 생각합니다 그래서이 세 페이지를 추가 할 것입니다 드래그 앤 드롭만으로 메뉴를 재정렬 할 수 있습니다 그런 다음 실제로 그걸 끌어다 놓으면 드롭 다운 메뉴인지 확인할 수도 있습니다 예를 들어 설명해 드리겠습니다

새 페이지를 추가 할 때이 메뉴에 새 페이지를 직접 추가하려면이 옵션을 선택하십시오 그것은 선택 사항입니다 디스플레이 위치에 대해서는 메인 네비게이션으로 설정해야하지만, 저장을 클릭하면 해당 페이지를 새로 고침하면 실제로 거기에 메뉴를 표시하면 연락처 페이지가 약 하위 항목으로 분류했기 때문에 그래서 나는 그 위치를 되돌려 놓고 메뉴를 저장합니다 사실 내 계정의 작은 아이콘을 여기에 추가하려고합니다 어느 아이콘인가? 항해

그래서 우리는 실제로 새로운 메뉴를 만들 필요가 있습니다 그래서이 아이콘은 nav 아이콘을 넣을 수 있습니다 따라서이 이름은 선택 사항입니다 그것은 단지 당신 자신의 참조 용입니다 메뉴 만들기 내 계정 페이지입니다

좋아요 사람들이 실제로 여기에 와서 로그인 할 수 있고 계정을 등록 할 수도 있습니다 그들이 더 빨리 체크 아웃 할 수 있도록 실제로 세부 사항을 넣을 수있는 곳 일단 메뉴에 추가를 클릭하십시오 선택 아이콘 탐색을 클릭하기 만하면됩니다 그러나 아래쪽 화살표를 클릭해도됩니다

아이콘을 삽입하고 싶습니다 여기에 아이콘이 있습니다 조금 삽입하고 싶다 어, 사람 Themify here를 클릭하십시오

그래서 당신이 볼 수 있듯이 수많은 아이콘이 있습니다 Themify를 클릭하고 사용자 아이콘을 살펴 보겠습니다 거기를 클릭하십시오 우리가 할 일은 메뉴를 저장하는 것입니다 그래서 거기에 설정되어 있다면 그런 다음 페이지를 새로 고침하면 핵심 요소 옆에 나타납니다

그래서 한번 완료되었습니다 기본적으로 정적 홈 페이지에 설정해야합니다 기본적으로 여기에 집에 입력하는 경우 방금 만든 홈 페이지로 이동하게됩니다 그래서 우리는 그 홈페이지를 우리의 도메인 이름 따라서 사람들은 도메인 이름을 입력하기 만하면 사람들이 귀하의 홈페이지로 이동하게됩니다

여기까지 커스텀 옵션을 클릭하면됩니다 보시다시피 Themify 옵션으로 자동 이동됩니다 뒤로 화살표를 클릭하고 정적 홈 페이지 또는 정적 전면 페이지를 클릭하십시오 정적 페이지를 클릭하십시오 거기에 홈 페이지를 설정하고 저장하고 게시하십시오

그런 다음 닫으십시오 기본적으로 yourdomainnamecom을 볼 수 있기 때문에 홈 페이지로 이동하게됩니다 홈 페이지 레이아웃을 구축하고 추천 제품을 갖게 될 곳은 어디입니까? 소셜 링크를 추가하는 방법과 Themify 설정을 수행하는 방법을 보여 드리겠습니다 기본적으로 레이아웃의 모양과 페이지를 변경합니다

이제 대시 보드 섹션으로 이동해 보겠습니다 Themify shop에 가서 Themify 설정을 클릭하십시오 우리가 할 일은 내가 아래로 내려갈거야 좋아요, 일반 탭에 있는지 확인하십시오 여기에서 많은 설정으로 스크롤하십시오

그러나 가장 중요한 설정을 살펴보고 싶습니다 Google 글꼴을 클릭하면 모든 Google 글꼴이 표시됩니다 그래서 더 많은 글꼴을 선택하고 저장을 클릭 할 수 있습니다 그런 다음 기본 레이아웃을 클릭하십시오 Ok 여기까지 스크롤하십시오

그러면 기본 보관 포스트 레이아웃이 표시되므로 게시물 레이아웃에 적합합니다 블로그 게시물에 추가하면 내 블로그 게시물에 대한 것입니다 우리는이 비디오에서 그걸 겪지 않을 것입니다 나는 다른 비디오에서 그렇게 할 것이다 그러나 이것은 실제로 우리가 그 기본 레이아웃을 변경하는 곳이다

그 게시물 이제 기본 페이지 레이아웃으로 스크롤하여 내가 할 일은 실제로 새 탭에서 열면 무슨 일이 일어나는지 알 수 있습니다 예를 들어, 이것은 우리의 홈 페이지입니다 우리는 기본 페이지 레이아웃을 설정하고 있습니다 그래서 내가하고 싶은 일은 사이드 바를 선택하지 않고 모든 페이지에서 제목을 사용하고 페이지 주석을 사용하지 않으려합니다

제목이 보시다시피 사이드 바입니다 해당 설정을 적용하려면 저장을 클릭하십시오 그리고 새로 고침하면 사라질 것입니다 기본적으로 이렇게하면 새 페이지를 만들 때마다 빈 캔버스가 제공됩니다 따라서 실제로 만들 수 있습니다

Themify Builder를 사용하여 원하는 레이아웃을 선택하십시오 그러고 나면 테마 설정을 클릭하십시오 다시 스크롤하십시오 따라서 대부분의 경우 기본값으로 유지하지만 나중에 수정할 수 있습니다 테마 모양을 위해 실제로 다른 헤더 디자인에서 설정할 수 있습니다

우리는 이러한 다양한 옵션을 모두 선택할 수 있지만 개인적으로 전자 상거래 저장소로 선택할 수 있습니다 나는 옵션 1, 2 또는 여기에 헤더 스트라이크 옵션이 있습니다 네비게이션 바를 맨 위에 올려 놓는 것이 정말 좋은 사용자 환경이기 때문입니다 따라서 끈적한 헤더의 경우, 끈적한 헤더를 비활성화 한 경우 이것은 기본적으로, 예를 들어, 아래로 스크롤하는 경우, 헤더는 그곳에 끈적 거리며 머물러 있습니다 당신이 그것을 무능하게하는 경우에 기본적으로 우두머리는 너와 함께 아래로 스크롤하십시오

몸소 나는 그대로 유지할 것입니다 사이트 로고 및 태그 라인을 여기에서 제외 할 수도 있습니다 그게; 내가 할 수있는 일 따라서 해당 사이트 태그 라인을 제외 할 수 있습니다 검색 아이콘을 제외 할 수도 있습니다

여기에서 검색 아이콘과 메뉴 탐색 나는 그 사람들을 그대로 남겨 둘 것입니다 따라서 바닥 글 디자인을 위해서도 바닥 글 디자인을 편집 할 수 있습니다 그래서 개인적으로 나는 이것을 기본값으로 유지할 것입니다 그러나 이것은 여러분이 실제로 그것을 바꿀 수있는 곳입니다 사이트 로고는 제외 할 예정입니다 모든 것을 그대로 두십시오

맨위로 가기 버튼을 제외 할 수 있습니다 그러나 나는 그것이 당신이 그것을 뒤로 눌렀을 때 매우 냉정하다고 생각한다 그런 다음 우리는 아래로 스크롤 할 것입니다 이제 바닥 글 텍스트 섹션입니다 그래서 당신이 볼 수 있듯이 "Powered by WordPress and Themify WordPress Themes "당신은 그걸 불가능하게 할 수 있습니다

좋아, 이렇게하려면 바닥 글 텍스트를 숨기는 것뿐입니다 2 그래서 footer text 1이 여기 있습니다 그래서 저는 그것을 지키기 위해 저장을 클릭 할 것입니다 그런 다음 여기로 돌아가서 새로 고침하겠습니다 로고가 삭제되었으므로 Powered by WordPress 좋아, 너무 멋지다

그런 다음 쇼핑 설정을 클릭하면됩니다 따라서 상점 설정은 기본적으로 여기 상점 페이지의 레이아웃을 편집하고 있습니다 우리는 아직 어떤 제품도 설정하지 않았습니다 그래서 나중에 너를 따라갈거야 그래서 너는 정확히 알지

각각의 함수가합니다 좋아, 우리는 이미지 스크립트를 클릭 할 것이다 이미 자른 이미지를 업로드하고 싶기 때문에이 기능을 해제하고 싶습니다 그래서 이것을 비활성화하고 원본으로 설정 한 다음 저장을 클릭하십시오 그래서 우리가 소셜 링크를 사용한다면 당신은 그것을 클릭 할 수 있습니다

기본적으로 모든 프로필을 열 수 있습니다 예를 들어, 내 트위터 너는 너의 URL 안에 너를 다만 베낀다 링크를 붙여 넣으십시오 괜찮아 그게 당신이해야 할 전부입니다

여기에 아이콘 색상을 변경할 수도 있지만 기본값으로 두겠습니다 왜냐하면 우리는 아래 링크가 아래에 있으며, 함께 바닥 글 링크의 색상이 변경됩니다 그러니 그대로 기본값으로 두십시오 Facebook의 경우, 나는 그것을 복사 할 것이고 당신은 또한 나의 Facebook을 팔로우 할 수있다 이것은 내가 주로 거기에 모든 권리 붙여 넣기 업데이 트를 게시하는 곳입니다

Google+ 계정이없는 경우 나 링크를 입력 할 필요가 없으며 표시되지 않습니다 YouTube의 경우 내 채널 URL을 가져올 것입니다 그냥 복사해서 붙여 넣으세요 또한 더 많은 동영상을 볼 수 있습니다

Pinterest, 나는 Pinterest가 없다 하지만 Instagram이 있다고 가정 해 보겠습니다 추가 링크를 클릭하고 "Instagram"을 입력하십시오 그런 다음 링크를 클릭하고 Instagram 프로필을 복사합니다 네가 원한다면 나를 따라갈 수는있어

하지만 난 웹 사이트에 물건을 올리지 않을거야 그것은 단지 일반적인 것입니다 튜토리얼을 만드는 것 외에 내가하는 일 거기에 붙여 넣자 삽입 아이콘을 클릭 할 수있는 아이콘 좋아요, 여기에 브랜드 아이콘이 많이 있습니다

그래서 추가 할 수 있습니다 당신이 가지고있는 다른 계정들 이제 Instagram을 입력하겠습니다 좋아, Instagram을 클릭하면 기본적으로 추가됩니다 저장을 클릭하면됩니다

따라서 일단 저장하면 footer 섹션에 실제로 설정해야합니다 그래서 우리가해야 할 일은 우리는 외모와 위젯 클릭 기본적으로 위젯 영역에 추가 할 수있는 위젯입니다 그래서 예를 들어 우리는 Themify Social Links를 잡을 것입니다 우리는 위젯을 붙잡고 바닥 글 로고 위젯에 넣을 것입니다 그리고 이러한 링크는 외부 페이지이기 때문입니다

아이콘 크기의 새 창에서 링크를 열어 보겠습니다 난 그냥 기본값으로 유지하고 저장합니다 일단 우리가 실제로 그것을 리프레쉬하면 Ok 그런 다음에 그렇게 나타나야합니다 좋습니다

바닥 글 위젯 1, 바닥 글 위젯, 바닥 글 위젯 3에 대해 모든 종류의 위젯을 추가 할 수 있습니다 그들이 여기에 나타날거야 바닥 글 위젯 1이 여기있을 것입니다, 2는 여기에있을 것이고, 3은 거기에있을 것입니다 따라서 고급 바닥 글을 만드는 방법을 보여주는 또 다른 자습서를 만들 것입니다 다른 페이지를 추가 할 수 있습니다 링크 및 그런 것들

이제 우리가해야 할 일은 정말로 중요한 디자인 기술 그 다음에 만 홈 페이지의 레이아웃을 작성하는 방법을 보여 드리겠습니다 왜냐하면 먼저 그것을 이해하는 것이 정말로 중요하다고 생각하기 때문입니다 그래서 내가하는 일을 왜하는지 알지 괜찮아 그래서 실제로 HostGator에서 SSL 인증서를 가지고있는 사람들에게는 24 시간 이내에 귀하의 웹 사이트에 SSL을 활성화 한 이메일을 보내야합니다

그래서 당신이 그걸 가지고 있지 않다면 그들에게 연락 할 수는 있지만 당신은 당신의 웹 사이트에 그것을 설치해야합니다 24 시간이 지나면 HTTPS가 표시된다는 표시가 보이지 않는 것을 볼 수 있습니다 또는 자물쇠 아이콘을 클릭하면 실제로 특수 플러그인을 다운로드 할 수 있습니다 표시합니다 그래서 대시 보드 섹션으로 가면 플러그인으로 이동 한 다음 새로 추가를 클릭하면 여기에서 플러그인을 검색합니다 Really Simple SSL이라고하고 다음을 클릭하십시오

Radia에서이 파일을 설치합니다 좋아, 그럼 지금 설치를 클릭하십시오, 그리고 우리가 할 일은 그것을 활성화하는 것입니다 그런 다음 한 번 완료되면 여기있는 설정으로 이동할 수 있다고 생각합니다 Detected Setup에서 볼 수 있듯이 SSL 인증서가 웹 사이트에서 발견 된 다음 수행 할 수있는 작업이 진행 중입니다 실제로 SSL을 활성화하십시오 좋아요, 그렇게 활성화되었습니다

가서 새로 고침하고 그것이 어떻게 진행되는지 봅시다 좋아 보시다시피 기본적으로 보안 아이콘과 보안 아이콘이 있습니다 이제 귀하의 웹 사이트에 HTTPS가 표시됩니다 그래서 로그인하겠습니다

좋아 좋아 그래서 나는 내 웹 사이트에서 웹 디자인 가이드를 집계했다 wwwhoganchua

com에서 이곳에 올 수 있고, 자원 위에 마우스를 가져 가서 여기를 클릭 할 수 있습니다 그래서이 일을 처리하기를 원했기 때문에 사람들은 웹 사이트를 구축하는 기술적 부분에 별다른 문제가 없습니다 그러나 많은 웹 사이트를 보았으므로 사람들은 문제를 해결하도록 요청했습니다 웹 사이트는 실제로 전문적으로 보이지 않습니다 그리고 저는 이것이 당신이 실제로 필요로하는 정말로 중요한 것이라고 생각합니다

전문적이지 않은 사람들이 귀하의 웹 사이트를 클릭하기 때문에, 너는 어떤 판매도하지 않을거야 그래서 저는 튜토리얼을 만들고 싶지 않습니다 단계별로 모든 것을하는 것을 좋아하는 방법을 보여줍니다 그러나 나는 또한 당신이 실제로 성공하게되고 실제로 물건을 팔아 버릴 것입니다 그래서 이것은 정말로 중요합니다

이것이 내가이 비디오에서 다루려고했던 이유입니다 그래서 내용을 클릭하면 당신은 실제로이 각각을 클릭 할 수 있습니다 그러면 건너 뜁니다 다음 섹션을 참조하십시오 그래서 내가 이야기하고 싶은 첫 번째 것은 한 글꼴 군을 고집하는 것이 좋습니다

너 시작하기 때문에 모든 것이 일관되고 많은 사람들이 너무 많은 글꼴을 선택하도록하는 것이 중요합니다 당신이 정말로 필요로하지 않기 때문에 나는 너무 많이 생각합니다 예를 들어 사과에만 있습니다 그들이 사용하는 하나의 글꼴 패밀리 그래서 WhatFont라는 플러그인 또는 크롬 확장을 다운로드하고 웹 사이트를 체크 아웃 할 수 있습니다 아마존에 가면 가장 기본적인 것을 사용하고 있습니다 : Arial 좋아요, 그래서 당신은 아무것도 좋아할 필요가 없습니다

나는에 집중할 것이다 공상보다 가독성 그래서 Sans Serif라는 두 가지 서체가 있고 다른 하나는 Serif 여기에서 볼 수 있듯이, 가장자리는 평범하고 스트로크는 그래서 실제로 더 깨끗하고 현대적으로 보이며 요즘 볼 수있는 대부분의 웹 사이트는 Sans Serif 서체를 사용합니다 예를 들어, Apple, Sans Serif 아마존, 산 세리프도 마찬가지야 Serif 서체의 경우 가장자리에 커브가 있고 두껍고 얇은 선이 있습니다 예를 들어, 여기 가늘다

더 두꺼운 스트로크 그래서이 웹 사이트는 조금 더 전통적이고 우아합니다 예를 들어이 웹 사이트는 여기에 있습니다 그들은 네비게이션의 서체 (Serif)와 콘텐츠 자체 내 서체 (서체)이므로 좀 더 보입니다 손수 만든, 일종의

따라서 이것이 브랜드를 대표하고자하는 것이라면 Sans Serif- – Serif는 선택할 좋은 서체이지만, 단순한 웹 사이트처럼 원한다면 Sans Serif를 사용하는 것이 좋습니다 이 튜토리얼에서 사용하는 글꼴은 Libre Franklin입니다 당신이 어느 것이 고를 지 모른다면 정말 좋은 것도 Open Sans와 이것들은 다른 좋은 것들도 여기에 있습니다 그래서 Serif 서체는 오랫동안 읽는 데 정말 좋습니다 콘텐츠가 많은 경우 (예 : 웹 사이트의 블로그) 그런 다음 블로그 게시물을이 Serif에 설정하십시오

서체는 조금은 눈을 끈다 두 번째 방법은 본문 글꼴 크기를 읽을 수 있는지 확인하는 것입니다 그래서 당신은 많은 사람들을 볼 수있는 이런 식으로 당신의 몸 크기를 바꾸고 싶지 않습니다 해야 할 것 15에서 25 사이인지 확인하고 싶습니다

하지만 16에서 18까지는 아주 읽기 쉽고 너무 어리석은 것처럼 보이기 때문에 너무 크고 싶지는 않습니다 그러나 헤드 라인이나 서브 헤드 라인과 같이 제한이없는 헤드 라인이라면 그러나 당신은 당신의 몸 본문이 지금 읽을 수 있는지 확인하기를 원합니다 세번째 것은 선 길이입니다 한 줄에 45 ~ 90자를 입력하면 쉽게 읽을 수 있습니다 한쪽에서 다른쪽으로 가고 싶지 않습니다

그냥 많은 텍스트가있는 것 같은 느낌을줍니다 너는 그걸 원하지 않아 그렇지 않으면 사람들은 단지 그것을 읽지 않는 모든 것을 건너 뛰는 것을 알고 있습니다 그렇습니다 또한 수도와 일치해야합니다

대문자 단어는 실제로 사람들을 10 % 감속시킵니다 그래서 나는 내용이나 긴 제목에 사용하지 않을 것이다 어쩌면 당신의 표제가 한 두 단어 나 그와 비슷한 것이라면 나는 그것을 추천 할 것이다 탐색 메뉴를 사용하여 해당 메뉴 및 버튼에도 사용할 수 있습니다 그래서 보통은 대부분의 경우 문장을 사용하는 것에 전념 할 것입니다

그래서 기본적으로 그것을 시작하기위한 자본과 그 나머지는 단지 소문자입니다 그래서, 예를 들어, 아마존의 경우 여기에서 문장을 올바르게 선택했습니다 나는 그것이 더 친근하다고 생각한다 제목은 블로그 게시물 제목과 제품 제목에 사용할 수 있습니다 상점 페이지의 상품 제목 그래서 제품 제목, 자본, 자본, 제목의 경우입니다

따라서 모든 제품에 일관성을 유지하고 싶다면 웹 사이트가 그냥 정말 전문적이 고 정말 광택 그런 다음 헤드 라인과 하위 헤드 라인을 작성하십시오 당신이 정의하고 있는지 확인하고 싶다 계층 구조를 축소하여 또한 글꼴 두께 및 색상 이 모든 것을 사용할 필요는 없습니다 그러나 가장 중요한 것이기 때문에 헤드 라인이 두드러 지는지 확인하고 싶을뿐입니다 당신은 어떤 팀이 어떤 팀에 집중해야할지 모를 때와 같은 상황이되고 싶지 않습니다

그래서 보면 애플 웹 사이트 : 헤드 라인, 서브 헤드 라인과 같은 웹 사이트 그냥 멋지게 보입니다 여기서는 굵은 글씨로 표시되며 그 다음에 하위 제목은 굵게 표시되지 않습니다 그래서 웹 사이트를 정말 세련되게 만드는 것이 중요합니다 이제는 중성 색을 많이 사용하는 것이 좋습니다

예를 들어이 구분선과 또한 페이팔은 실제로 이것을 사용하며 많은 전문 웹 사이트에서이를 사용합니다 예를 들면 여기 흰색 배경입니다 그러나 중립적 인 배경, 회색 배경을 보게 될 것입니다 콘텐츠를 분리하고 아래로 스크롤하면 기본 콘텐츠를 사용하기 때문에 색상을 사용하여 콘텐츠를 분리 한 다음 다시 회색을 사용하고 스크롤하여 여기에 어두운 회색을 사용합니다 아래로 스크롤 한 다음 다시 회색을 사용합니다

따라서 콘텐츠를 분리하고 또한 당신의 머리말과 꼬리말을 위해 예를 들어, 머리글 섹션과 바닥 글 중립적 인 색상을 사용하는 것은 정말 좋으며 어떤 색상을 사용해야할지 모를 때 색상을 사용합니다 그러나 튜토리얼이 끝나면 색상을 선택하고 웹 사이트에 적용하는 방법에 대해서도 설명합니다 너무 걱정하지 마세요 그래서 또 다른 중요한 사실은 실제로 이미지 위에 텍스트를 추가하는 것입니다

내가 가장 먼저 권하는 것은 관련성에 중점을 둡니다 비즈니스와 브랜드에 가장 관련성 높은 이미지를 선택하고 싶을 것입니다 개인적으로는 전문 사진 작가가 이미지를 가져 오는 것이 좋습니다 따라서 귀하는 귀하의 비즈니스에 대해 정말 멋진 근거 이미지를 얻을 수 있습니다 또한 제품 이미지를 만들 수 있습니다

당신이 실제로 선택할 필요가 있다면 UnSplash와 같은 무료 웹 사이트에서 이미지를 볼 수 있습니다 이미지를 선택해야합니다 우리는 실제로 텍스트를 쉽게 적용 할 수 있습니다 때로는 올바른 이미지를 찾는 것이 쉽지 않을 수 있습니다 그러나 텍스트를 실제로 볼 수 있도록 실제로 편집 할 수 있습니다

따라서 내가 보여줄 오버레이 색상처럼 추가해야하며 다른 방법을 사용할 수도 있습니다 이미지를 조금 옮기는 곳 그런 다음 텍스트를 옮기면 흰색 텍스트를 볼 수 없다는 것을 알 수 있습니다 왼쪽면으로 이동하면 쉽게 볼 수 있습니다 이제 이미지를 흐리게 처리 할 수도 있습니다

세부 정보가 흐려지기 때문에 많은 텍스트를 추가하려는 경우이 기능이 유용합니다 앞에있는 텍스트가 더 눈에니다 좋아요, 그래서이 예제들을 살펴볼 수 있습니다 또한 빌더를 사용하여 어떻게했는지 보여줄 동영상을 만들려고합니다 페이팔은 정말 잘합니다

보시다시피 그라디언트를 추가했습니다 그리고 나서 그들이 돋보이게하고자하는이 부분을 위해 그들은 그 위에 흰색 배경을 두었습니다 또한 중성 색 다음은 버튼 색상을 설정하는 방법입니다 그래서 이것은 아마도 당신이 정말로주의를 기울이지 않았던 것이지만 그것은 또한 정말로 중요합니다 자, 버튼 위로 마우스를 가져가 봅시다

보시다시피, 이제는 웹 사이트가 많이 보입니다 그들은 공식을 사용합니다 어두워지며 때로는 사용할 수도 있습니다 예를 들어 우리는 더 가벼울 수도 있습니다 그래서 두 번째로 보여 드릴 수식이 있습니다

기본적으로 모든 것이 일관되게 유지되므로 웹 사이트는 전문가와 이미지를 자르기 전에 실제로 잘라야합니다 귀하의 웹 사이트에 업로드하십시오 예를 들어 카메라에서 직접 이미지를 업로드하는 경우가있을 수 있습니다 귀하의 웹 사이트가 슈퍼로드 속도가 느려지므로 웹 사이트로드 속도가 느려지므로 사람들은 귀하의 웹 사이트를 클릭 만 할 것입니다 이것이 내가 만든 기본 이미지 가이드입니다

그것을 설명하기 위해 기본적으로 웹 사이트에서이 크기에 대한 이미지를 원한다면 다음 이것은 대략적인 크기입니다 좋아요 중간 이미지, 큰 이미지 및 영웅 이미지, 이미지를 잘라내는 방법을 보여 드리겠습니다 제품 이미지 우리가 우리를 추가 할 때 나는 이것을 통해 당신을 걸을 것입니다 제작품

그래서 지금 당장 우리는 홈 페이지를 구축하기 시작할 것입니다 그래서 홈 페이지의 영웅 이미지를 위해 제가 개인적으로 권하는 것은 실제로 사진 작가를 고용하는 것입니다 또는 사진을 찍을 때 능숙하다면 비즈니스를 위해 직접 해보십시오 그런 식으로 그것은 더 관련이 있고, 더 정통 해 보이지만 실제로는 Unsplashcom이라는 웹 사이트에 갈 수 있습니다

그리고 그들은 상업용으로 사용할 수있는 정말 높은 품질의 무료 이미지를 가지고 있습니다 개인적인 목적을 지니고 있으며, 이들을 만들 필요가 없습니다 그래서 제가 권장하는 것은 정말 좋은 이미지를 선택하는 것입니다 텍스트를 정말 쉽게 넣을 수 있습니다 예를 들어,이 하나가 정말 좋았습니다

왜냐하면 여기에 이것을 추가했기 때문입니다 하지만 일종의 더 자세하게 설명하면 실제로 좋지 않을 수도 있습니다 그래서 예를 들어이 텍스트를 쉽게 추가 할 수있는 텍스트를 선택하십시오 그래서 기본적으로 당신이 따라왔다면, 나는 이미 이미지를 이미지 폴더, 그러나 당신이 당신 자신을 선택하고 싶다면 여기에서 다시 선택할 수 있습니다 또 다른 인기있는 사이트는 Thestocks

im입니다 그리고 기본적으로 컴파일됩니다 모든 자유로운 심상 웹 사이트는 또한 이렇게 여기에서 그들을 체크 아웃 할 수있다 또한 또한 영상 배경 그래, 컴퓨터에 이미지를 다운로드하십시오 해당 버튼을 클릭하면 다운로드됩니다 fotor

com으로 가보겠습니다 기본적으로 이미지를 편집 할 수 있습니다 수정을 클릭하십시오 좋아, 우리는 open을 클릭 할 것이다 컴퓨터, 그리고 그 이미지를 보자

좋아요, 자르지 않은 버전의 영웅 이미지입니다 그리고 그것을 클릭하거나 자신 만의 이미지를 사용할 수 있습니다 그러나 나는 그저 자르기 방법을 보여주고 싶습니다이 소프트웨어를 사용하여 웹 사이트의 다른 모든 이미지도자를 수 있습니다 그래서 그것을 클릭하십시오, 모든 튜토리얼을 건너 뛰십시오

사실, 여기에서 볼 수있는 것처럼 닫으십시오 이 크기는 이미지 크기이며, 크기가 너무 커서 크기를 조정하려고합니다 크기 변경을 클릭하십시오 여기에 잠금 장치가 선택되어 있는지 확인하십시오 번호를 입력하면 그것은 실제로 그것의 너비에 비례하여 높이의 크기를 조정합니다

좋아, 적용을 클릭하십시오 일단 적용되면, 여기에서 크기의 변화를 확인한 다음 자르기를 클릭하십시오 우리가자를 작정 크기는 1800 및 높이 약 1000 기본적으로 텍스트를 놓을 때 가장 적합한 위치로 드래그하십시오 그래서 어딘가에 적용을 클릭하십시오 그리고 실제로 하나의 탭을 클릭 할 수 있습니다

기본적으로 실제로 향상됩니다 조금 사진을 클릭하고 기본 설정을 클릭하여 조정할 수도 있습니다 따라서 선명도와 같은 것을 조정할 수 있습니다 효과를 클릭 할 수도 있습니다 따라서 이미지에 다른 필터를 추가 할 수 있으므로 해당 필터로 재생할 수 있습니다

하지만 지금은 저장하려고합니다 이미지를 올바르게 이름 짓기 위해 영웅처럼 이름을 지어주세요 영상 1800 x 1000입니다 또한 jpg로 저장하려고합니다

고품질로 저장하는 것이 좋습니다 하지만 Facebook 계정에 로그인하거나 새 계정을 만들면됩니다 그걸 원한다면 기본적으로 컴퓨터에 다운로드 한 다음 우리는 실제로 우리 홈페이지에 갈 수 있습니다 그래서 우리가해야 할 일은 먼저 웹 사이트를 새로 고치는 것이 좋습니다 따라서 빌더는 실제로 실시간 미리보기를 표시합니다

그럼 빌더 켜기를 클릭하자 그래서 이것은 행입니다 여기에서 행 옵션을 클릭 할 수 있습니다 행 너비에 대해 수행 할 작업을 전체 너비 행 컨테이너로 변경하려고합니다 그래서 그것은 모든 길을 가로 질러 간다

전체 너비 콘텐츠를 변경하면 내용 영역이 실제로 측면으로 이동합니다 하지만 개인적으로 전폭 행 컨테이너를 선택합니다 그런 다음 스타일을 클릭합니다 이제 배경 이미지 용 여기에서 이미지를 업로드 할 수 있습니다 찾아보기 라이브러리를 클릭하십시오

WordPress가 자동으로 이미지를 자르기 때문에 업로드하는 대신 그래서 찾아보기 라이브러리를 클릭하고 그런 다음 파일을 선택하십시오 컴퓨터에서 파일을 찾으려고합니다 그럼 우리가이 이미지를 원한다고 가정 해 봅시다 내가 전에 자른거야 열기를 클릭하면 웹 사이트에 업로드 된 다음 해당 파일 URL을 삽입합니다

배경 모드의 경우 실제로는 전체 표지로 설정해야합니다 Parallax 스크롤링으로 설정할 수도 있는데, 멋지다하지만 일반적으로 그것을 풀 커버로 설정하고 배경 위치 나는 중심으로 설정하려고합니다 그리고 나서 우리가 할 일은 여기서 아래로 스크롤 할 것입니다

보시다시피 전체 이미지를 실제로 볼 수 없으므로 간격을 추가해야합니다 당신이 클릭하고 싶어 – – 선택을 취소하십시오 간격을 175 %로 설정하십시오 하단, 잘 설정하고 싶습니다

175 그렇게하면 이미지를 더 볼 수 있습니다 중간에 텍스트를 추가 할 것입니다 그래서 더 많은 것을 뻗어 나갈 것입니다

일단 완료되면 여기로 다시 스크롤하십시오 그라데이션 배경을 선택할 수도 있습니다 그래서 당신은 다른 색상 재료를 선택할 수 있습니다 당신은 비디오 배경을 추가 할뿐만 아니라 그 주위를 놀 수 있습니다 개인적으로 먼저 YouTube에 비디오를 업로드하는 것이 좋습니다 여기 Youtube URL에 붙여 넣으세요

그렇게하면 실제로 더 빨리로드되고 오디오를 비활성화 할 수 있습니다 슬라이더의 경우 갤러리를 삽입하고 파일 업로드 파일을 선택하십시오 예를 들어,이 하나와이 하나 그런 다음 이미지 크기로 업로드 한 후에는 원본 이미지로 설정하려고합니다 배경 슬라이더 모드의 경우 전체 표지로 설정하려는 경우 그래서 그 설정을 확인하십시오 보시다시피 각 이미지마다 다른 텍스트를 설정할 수는 없습니다

하기 위해서 Smart Slider 3이라는 플러그인을 사용하는 것이 좋습니다 따라서 무료 플러그인이며 잘하면, 나는 그것에 대한 또 다른 비디오를 만들 것이다 그러나 Themify 빌더를 사용하는 방법을 보여주고 싶다 따라서 기본 이미지를 선택하겠습니다 개인적으로는 더 빨리로드하기 때문에 개인적으로 하나만 선호합니다

3 개의 이미지를로드하는 대신 한 번 끝나면 여기를 클릭하겠습니다 그런 다음이 자물쇠 아이콘을 클릭하여 이동하고 설정합니다 그런 다음 텍스트 모듈을 드롭합니다 텍스트를 보려면 전자 상거래라는 제목을 입력하십시오 나는 그것을 1 호에 놓을 것이다

좋습니다 그래서 1 호에 맞추는 이유는 SEO 목적에 도움이되기 때문입니다 따라서 Google이 전체 웹 사이트를 실제로 검색하면 소스 코드와 제목 1 태그 아래에있는 경우 기본적으로 웹 사이트 제목과 같습니다 여기에 더 중요한 단어를 줄 것입니다 그래서 그들은 실제로 귀하의 웹 사이트가 실제로 어떤 내용을 담고 있는지 알고 있습니다

그리고 그런 식으로, 그들은 실제로 당신의 순위를 결정하고 당연히 당신은 당신이 backlinks 및 모든 그 다른 재료가있을다는 것을 알 것입니다, 그러나 이것은 페이지 내 검색 엔진 최적화 및 일을 일관되게 유지하는 것도 좋습니다 그래서 언제든지이 제목과이 글꼴을 원합니다 그럼 당신이해야 할 일은 1보다는 머리말을 선택하는 것입니다 수동으로 크기 설정 나는 당신이 실제로 제목 1 글꼴을 바꿀 수 있다는 것을 지적하고 싶었습니다

그러나 우리는 그렇게하고 싶지 않습니다 제목 1 글꼴을 보편적으로 편집하려고합니다 실제로는 맞춤 설정 섹션으로 이동합니다 장기적으로는 더 편리하다고 생각합니다 왜냐하면 매번 제목 1 글꼴을 설정할 때마다 다시 여기에 설정할 필요가 없습니다

모든 제목 1 글꼴에 자동으로 적용됩니다 너무 많이 걱정하지 마세요 내가 너를 따라갈거야 어쨌든, 당신은 실제로 여기 일반 탭으로 갈 수 있으며 우리는 텍스트를 중간에 정렬 할 수 있습니다 저렇게

색상은 흰색으로 설정할 수 있습니다 그런 다음 저장을 클릭하고 이것이 텍스트 모듈이기 때문에 우리가 할 수있는 일은 하위 헤드 라인을 추가하려는 것입니다 실제로 모듈을 복제 할 수 있습니다 그래서 두 모듈이 있습니다 그리고 당신은 그 모듈을 더블 클릭 할 수 있습니다 우리는 하위 헤드 라인을 추가 할 것입니다

따라서 예를 들어 "귀하의 비즈니스를위한 아름다운 온라인 상점 만들기" 그런 것 그리고 나서 우리가 할 수있는 일은 스타일을 만드는 것입니다 글꼴의 경우 보시다시피 설정이 저장되었습니다 이전에는 이미 있지만 크기는 24 픽셀로 변경하고 싶습니다 나는 그것을 그렇게 저장한다고 생각한다

좋아요 그러면 꽤 괜찮습니다 여기에서 아래로 스크롤 한 다음 버튼을 클릭하고 드래그합니다 버튼 텍스트의 경우 우리가 할 일은 지금 가게에 입력하는 것입니다 좋아, 또는 거기에 넣으려는 텍스트

링크 우리는 그것을 상점 페이지에 링크 할 것입니다 그래서 내가 일반적으로하는 일은 단지 도메인 이름 (oops)을 복사해서 거기에 붙여 넣는 것입니다 그런 다음 가게에 입력하십시오 따라서 아직 상점 페이지를 만들지는 않았지만 상점 페이지의 URL입니다 그래서 도메인을 복사 한 다음 가게에 입력하십시오

좋아, 기본값으로 두십시오 이제 버튼 스타일을 선택할 수 있습니다 그래서 일반적으로 나는 원형, 둥근, 또는 제곱을 권합니다 외곽선을 선택할 수도 있지만 볼 수있는 것처럼 매우 눈에 띄지는 않습니다 나는 그것을 정말로 추천하지 않는다

둥글게 클릭하자 스타일링을 클릭하자 버튼 만 편집하려는 경우 버튼 링크를 클릭해야합니다 당신은 모듈을 편집하고 싶지 않다 예를 들어 if 배경색을 추가한다고 가정 해 보겠습니다

다시 모듈에 추가 할 것입니다 좋아, 모듈에 추가하고 싶지는 않아 버튼 링크를 추가하려고합니다 그래, 내가 전에 말했듯이 버튼 호버 색상을 사용하려면 0에서 255 사이의 웹 사이트로 이동해야합니다 한 번 클릭하면 색을 입력하십시오

자, 배경을 보면 자신의 배경에 달려 있습니다 내 배경이 가벼운 데요 단추를 돋보이게하려면 더 어두운 버튼 색상을 선택하겠습니다 내가 선택할 단추 색상은 3 개의 6 (666)은 중성 색으로 어두운 회색입니다 Enter를 클릭하십시오

다시 배경이 어두운 경우 그런 다음 더 밝은 중간 색상을 선택할 수 있습니다 일단 우리가 그것을 갖게되면 거기에 복사 할 수 있습니다 거기에 색상을 붙여 넣으세요 그러면 배경색이 바뀝니다 이제 배경 마우스를 가져 가면 우리는 여기서 2 개의 어두운 음영을 선택하거나 밝은 음영 2 개를 선택합니다

따라서 이것은 귀하의 취향에 달려 있습니다 배경은 물론 그 주요 목적은 사람들이 실제로 버튼 위로 마우스를 가져 간다는 것을 사람들이 알도록하십시오 더 눈에 띄는 것이 무엇이든간에 클릭 할 수 있습니다 그런 다음 사용하십시오 따라서 세 가지 음영을 가볍게 선택하거나 세 가지 음영을 더 어둡게 선택할 수도 있습니다

모든 것이 일관되게 유지되는 한 귀하의 전체 웹 사이트에 걸쳐 그것은 괜찮습니다 그래서 나는 이것을 선택할지도 모른다 그걸 거기에 붙여 넣으세요 링크 색상에 대해서는 흰색, 그와 같은 색상, 색상 가리개를 선택하겠습니다 백인이기도하다

텍스트 장식, 아무 것도 선택하지 않으려합니다 나는 그것이라고 생각한다 우리가 실제로 그것을 저장한다면 보시다시피, 버튼은 여기에 있습니다 우리는 실제로 단추 스타일을 사용하여 가운데로 옮길 수 있습니다

문자 메시지를 여기 가운데에 맞 춥니 다 하지만 행 옵션에 대해서도 할 수 있다는 것을 보여주고 싶습니다 스타일링을 클릭하면 기본적으로 중간에 줄에 텍스트를 설정합니다 이제 그게 행에서 모든 것을 움직입니다 중간에

여기에 설정 한 모든 설정이이 설정을 제어합니다 전체 행만 예를 들어, 버튼을 새로운 행으로 드래그하면 실제로 적용되지 않습니다 따라서 실제로 행 옵션을 다시 설정해야하며 중간에 올 수 있도록 설정해야합니다 일단 우리가 그걸 넣으면, 그냥 저장하고 작성기 닫기 그래서 우리가해야 할 일은 사실 전체 행을 위로 움직여 거기에 공간이 없도록하는 것입니다

편집 페이지를 클릭해야합니다 좋아요 그런 다음 Themify 맞춤 패널로 스크롤하고 콘텐츠를 전체 너비로 설정 한 다음 업데이트합니다 좋아, 그래서 또한 사용자 정의 패널로 스크롤하면 페이지 모양을 클릭하면 지적하고 싶었어 헤더 디자인 및 기타 모든 설정 (예 : 바닥 글 디자인)에서 설정할 수 있습니다

이 페이지에만 해당 그래서 유용 할 때가끔 방문 페이지를 만들고 싶을 때가 있습니다 머리글이 필요 없거나 꼬리말이 필요 없으면 꼬리말을 선택할 수 없습니다 헤더 없음 자 홈 페이지로 돌아가 보겠습니다 좋아요, 그래서 당신이 볼 수 있듯이 그것이 위로 움직였습니다 그럼 우리가해야 할 일은 이제는 제목 1 글꼴을 보편적으로 편집합니다

맞춤 설정을 클릭하십시오 그리고이 텍스트를 조금 움직이는 방법을 보여 드리겠습니다 따라서 Themify 옵션에서 고급 탭을 선택했는지 확인하십시오 그러면 더 많은 옵션이 주어지며 표제 탭이 보일 것입니다 제목 1 번을 클릭하십시오

어느 것이 우리가 편집하고 있고 내가 설정하려고하는 크기는 95입니다 그래서 그것은 좋은 크기이고 글꼴은 내가 설정하려고합니다 Libre Franklin 그런 다음 글꼴 체중에 대해 주위에 설정하려고합니다 대담한 것 같아 좋아 보인다 그렇다면 개인적으로 편집하지 않을 것입니다

예를 들어, 여기 아래의 것들과 색깔들 왜냐하면 당신이 heading 1 글꼴을 어딘가에 설정한다면 그런 다음 정렬하지 않으려는 다른 위치에 자동으로 정렬 할 수 있습니다 크기의 라인 높이와 앞쪽의 무게 만 편집하십시오 그런 다음 저장하고 게시하십시오 옵션을 닫으십시오 그래,이 텍스트를 실제로 조금 옮기고 싶다면 그걸하는 법을 보여줄거야

오버레이 색상을 추가하여 텍스트를 조금 더 눈에 띄게 만드는 방법을 보여 드리겠습니다 그래서 당신은 건축업자를 켤 수 있습니다, 그리고 우리는이 텍스트 모듈을 클릭 할 것입니다 그것을 두 번 핥고 스타일링으로 이동하십시오 여백까지 스크롤 모두 적용을 선택 취소하십시오 이제 우리는 바닥 부분에서 약간의 공간을 뺀 것입니다

그래서 – 200 % (웁스) – 200 % 그 것처럼, 좋을 것입니다, 또는 100 %로 설정할 수 있습니다; 정말 (당신에게) 괜찮아 보이면 저장을 클릭합니다 그런 다음 여기에서 행 옵션을 클릭하겠습니다

스타일을 클릭하십시오 이제 행 오버레이 용 오버레이 색상을 추가 할 것입니다 그렇게 그런 다음에 대해 설정하고 싶습니다 이미지에 따라 15

00 % 또는 1000 % 오버레이 호버의 경우 실제로 이미지 위에 마우스를 올리면됩니다 그런 다음 특정 색상으로 설정할 수 있습니다 이 경우, 아마 500 %가되기를 원할 것입니다

그래서 더 가볍습니다 그런 것, 그래디언트 오버레이도 선택할 수 있습니다 해당 옵션을 클릭하여 선택하십시오 저장해 저장해 닫아 희망적으로 그것은 멋질 것이다 원한다면 애니메이션 효과를 추가 할 수도 있습니다

그래서 나는 너희들에게 정말로 멋진 것들을 보여줄거야 여기에서 편집을 클릭하십시오 생기 예를 들어, 페이드 인이라고 가정 해 보겠습니다 그렇게 그러면 다른 하나도 페이드 인으로 바꿔야합니다

그래서 페이드 인합니다하지만 이번에는 조금 지연시켜야합니다 025 초 지연 후 버튼에 대해서도 생기 페이드 인하도록 설정 1 초 지연 좋아요, 그리고 당신도 우연히 무언가를 움직 였다고 가정 해 봅시다

실행 취소 버튼을 클릭하고 다시 실행하거나 실행 취소 할 수도 있습니다 자, 우리가 영웅 이미지를 완성했다고 가정 해 봅시다 그러면 실제로 리비전으로 저장할 수 있습니다 그래서 기본적으로 영웅 이미지가 완료되고 큰 실수를하는 경우 실제로 다시 여기를 클릭하고 해당 개정판을 다시로드 할 수 있습니다 레이아웃으로 저장할 수도 있습니다

예를 들어, 비슷한 페이지를 만들고 모든 것을 다시 만들고 싶다면 그러면 여기에 실제로 저장할 수 있습니다 그런 다음 제목을 지정하면 새 페이지로 이동하여 레이아웃을로드 할 수 있습니다 그래서 다시 시작하지 않아도됩니다 완전히 새로운 도메인 및 새 웹 사이트를 만들고 싶다면 레이아웃을 다음과 같이 내보낼 수도 있습니다zip 파일 및 기본적으로 새 페이지로 가져 오기 그래서 우리는 거의 끝났습니다 이제 내가 보여줄 내용은 제품을 추가하는 방법입니다 따라서 실제로 제품을 추가하기 전에 실제로 일부 이미지 설정을 수정하는 방법을 보여 드리고 싶습니다 그렇지 않으면 업로드 된 이미지가 촬영 페이지에서 실제로 흐릿하게 보입니다 다시 대시 보드 영역으로 돌아가 보겠습니다

그런 다음 WooCommerce 위로 마우스를 가져 가려고합니다 설정을 클릭하고 싶습니다 예를 들어, 여러분이 이미 제품에 추가 한 경우 그런 다음 실제로 수행해야 할 작업은 Thumbnails Regenerate라는 플러그인을 다운로드하는 것입니다 또한 설치 횟수가 100 만 회를 넘어 섰고이를 설치하고 활성화해야합니다 도구 및 여기에 그것들은 당신에게 보여줍니다

미리보기 이미지 옵션 재생성 이제 표시 할 설정을 완료 한 후에 미리보기 이미지를 다시 생성해야합니다 제품 탭을 클릭하십시오 디스플레이를 클릭하십시오 그런 다음 아래로 스크롤하십시오 따라서 귀하의 제품 이미지, 귀하의 카탈로그 이미지, 우리는 그것을 400 및 320으로 설정하려는 높이에 대해 단일 제품 이미지의 경우 720으로 설정하려고합니다

제품 미리보기 이미지의 경우 150으로 설정하려고합니다 또한 하드 자르기를 사용하지 않으려면 이미지를 잘 자르려고하기 때문에 해제해야합니다 너는 그걸 원하지 않는다 그래서 우리는 변경 사항을 저장하려고합니다 작업을 완료하면 여기에서 설정으로 이동 한 다음 미디어를 클릭하십시오

이제 중간 크기의 경우 400으로 변경하려고합니다 최대 높이 400 인 경우 변경 사항을 저장합니다 따라서 업로드하는 제품 이미지 크기는 약 800×800 픽셀로 잘립니다 좋아요, 그래서 사각과 비슷합니다 700×800 또는 유사 할 수 있습니다

하지만 업로드하는 모든 이미지가 동일한 지 확인하십시오 그리고 당신은 또한 그것이 비례 적이라는 것을 확인하기를 원합니다 그래서 실제로 확대되었습니다 모든 이미지에 대해 올바르게 그래서 너는 달라지기를 원하지 않는다 너는 그들 모두가 이렇게되기를 바랄 뿐이다

그리고 나서 이미지 크기가 더 작아지기 때문에 흰색 배경을 사용하는 것이 좋습니다 즉,로드 시간이 빨라집니다 그러나 원하는 경우 제품 갤러리에 다른 이미지를 추가 할 수도 있습니다 그래서 기본적으로 상점 페이지는 흰색 배경이되지만 이미지를 클릭하면 그럼 당신은 실제로 집안에 또는 이와 비슷한 것을 당신의 이미지를 표시 할 수 있습니다 사람들은 그 제품이 자기 방에서 어떻게 보이는지를 상상할 수 있습니다

그리고 그게 전부입니다 다시 대시 보드 영역으로 돌아가 보겠습니다 제품 위로 마우스를 가져 가려고합니다 그런 다음 새로 추가를 클릭하십시오 그래서 매우 간단합니다

당신이해야 할 일은 제품 이름에 설정되어있어서 우리가 할 첫 번째 작업은 검은 드레스 이제이 섹션은 자세한 설명입니다 자, 기본적으로 내 웹 사이트에서 내 웹 디자인 가이드에 대한 자세한 설명을 입력하고, 그래서 저는 그것을 여기에 직접 복사 할 것입니다 그리고 붙여 넣습니다 그래서 당신이 볼 수 있듯이, 나는 또한 몇몇 책을 추천했다 예를 들어 "The Everything Store" 제프 베조스 (Jeff Bezos)와 아마존 (Amazon), 그리고 "행복을 전하는" 나는이 두 권의 책이 정말로 눈을 뜨고 있다고 생각한다

당신에게 영감을 줄 흥미로운 정보 더 나은 비즈니스를 만들기 위해 일종의 정렬 그래서 나는 그것을 매우 추천하고 그것을 체크 아웃한다 그런 다음이 섹션의 제품 데이터까지 아래로 스크롤하여 샘플 제품을 선택하려고합니다 그런 다음 일반 가격으로 설정하려고합니다 예를 들어, $ 10900 판매 가격은 $ 89

00입니다 또한 일정을 예약 할 수도 있습니다 그런 다음 인벤토리 탭을 클릭하십시오 특정 SKU에 설정할 수 있습니다 해당 제품에 대한 식별자가 있지만 필요하지 않은 항목이 많지 않은 경우 관리 된 재고의 경우 클릭 한 다음 재고 수량을 설정할 수 있습니다

예 : 5 다시 주문을 허용하거나 허용하지 않을 수도 있습니다 그런 다음 배송을 위해 이것은 기본적으로 실제 제품의 배송 중량입니다 그래서 사람들에게 알리려고하기 때문에 그것을 설정하고 싶습니다 치수도 마찬가지로 설정합니다 30cmx30x3 그리고 링크 된 제품, 상향 판매 및 교차 판매 그래서 upsells는 기본적으로 아래에 나타날 관련 제품입니다

제품 페이지의 제품 너는 더 유익한 품목이 있을지도 모르다 또는 너는 유사한 무언가가 있을지도 모르다 그러면 그 제품을 실제로 검색 할 수 있습니다 보시다시피 아직 제품을 추가하지 않았습니다 일단 제품을 찾으면 해당 제품을 검색 할 수 있습니다 이 검은 드레스 제품 아래에 표시되도록 설정하십시오 따라서 교차 세포의 경우 이것은 기본적으로 귀하의 제품입니다

체크 아웃 섹션 그래서 기본적으로 당신이 멋진 비용 셀이 메모리 카드 일 수있는 카메라를 가지고 있다고 가정 해 보겠습니다 카메라 배터리, 기본적으로 우리가 실제로 그것을 설정할 수있는 곳입니다 그래서 특성을 위해, 그것은 당신을 초 안에 데려다 줄 변수 제품을위한 것입니다 고급 옵션으로 구매 메모를 추가 할 수 있습니다

주문서에 구매 노트가 표시됩니다 사람들이 얻을 이메일 또한 리뷰를 사용하도록 설정할 수 있으므로 짧은 설명 우리 웹 사이트에서 복사 할게 제품 요약 정보를 포함 시키거나 배송 정보를 포함 할 수도 있습니다 얼마나 오래 걸릴지 의류 인 경우 크기 가이드가있을 수 있으므로 크기 가이드에 연결하십시오

그리고 그것을 연결하기 위해, 텍스트를 선택한 다음 링크 삽입을 클릭하고 톱니 바퀴 아이콘을 클릭 한 다음 다음에 연결하십시오 크기 가이드가있는 페이지는 무엇이든지 그런 다음 새 탭에서 열린 링크를 선택하고 업데이트를 클릭하십시오 이제 여기에서이 색상을 변경하면 색상을 변경할 수 있습니다 그래서 당신이 볼 수있는 색상을 변경하려면 아무 색깔이 없다 옵션 물건은 여기에

당신은 그 도구 모음을 토글하고 싶습니다 여기에서 색상을 선택할 수 있습니다 따라서 맞춤 색상을 선택하겠습니다 여기서는이 색상 코드를 사용하려고합니다 재고 계산 색상과 동일하기 때문에 왜 그 순간을 볼 수 있습니까? 해당 공간을 삭제하고 확인을 클릭하십시오

그럼 다시 여기로 스크롤합시다 제품 카테고리를 추가하려고합니다 예 : 드레스 그리고 새로 추가를 클릭하십시오 제품 태그의 경우 드레스 브랜드 일 수 있습니다

어쩌면 색이 있을지도 몰라 드레스 또는 어쩌면 옷의 소재를 입력하고 쉼표로 구분 한 다음 추가를 클릭하십시오 그래서 거기에 두 개의 태그가 추가됩니다 그런 다음 제품 이미지에 대해 설정해야합니다 업로드 파일 선택, 파일 선택 이제 아래 설명에서 다운로드 한 이미지로 이동하십시오

제품 이미지를 클릭하십시오 거기서 나는 당신이 업로드하고 따르도록 모든 이미지를 가질 것입니다 그래서 나는 그들 모두를 선택하고 함께 업로드 할 것입니다 검은 드레스를 선택한 다음 제품 이미지 설정을 클릭하십시오 이제 추가 이미지가 있다면 다른 각도로 가질 수 있습니다

아니면 다른 배경에서 그녀를 가질 수도 있습니다 그런 다음 여기에 추가 이미지를 추가 할 수 있습니다 그래서 거의 완료되었습니다 우리가 할 수있는 일은 게시를 클릭하기 만하면됩니다 이미지를보고 어떻게 생겼는지 확인합니다

그래서 나는 새 탭에서 해당 제품을 마우스 오른쪽 버튼으로 클릭하여 열려고합니다 그 표정이 꽤 좋다 이미지가 선명하고 선명하고 클릭하면 클릭 수 있습니다 그렇게 확대하십시오 여기에서 볼 수 있듯이 녹색 텍스트는 여기에서 동일합니다

그래서 모두 일치하고 일관성이 있습니다 나중에이 페이지를 구성하는 방법을 설명하겠습니다 그 점에 대해 걱정하지 마라 좋아 보여 이제 제가 보여 드릴 내용은 가변 제품을 추가하는 것입니다

알았어 여기 새로 추가를 클릭하면된다 이제 우리는 점퍼를 타자 그런 다음 여기에 가서 자세한 설명을 복사 해 보겠습니다 그걸 복사해라

그걸 여기에 붙여 넣으세요 아래로 스크롤 제품 데이터의 경우 변수 제품을 선택하려고합니다 그런 다음 인벤토리에 대해 고유 식별자를 설정할 수도 있습니다 관리되는 재고의 경우 개별적으로 관리하려고합니다 배송의 경우 거의 동일하기 때문에 여기에서 제품의 무게를 설정할 수 있습니다 30, 30, 어쩌면 4cm 그럼 당신은 제품에 링크되어 있습니다

그러니까 검은 드레스를 연결하고 싶다면 그런 식으로 검색 할 수 있습니다 그리고 전에 말했듯이 나타납니다 그러나 우리는 연결하지 않을 것입니다 그러면 속성을 클릭하고 속성을 추가합니다 그런 다음 유사 콘텐츠를 설정합니다

그래서 우리는 add를 클릭 할 것이다 좋아요 예를 들어 이것은 색상입니다 좋아, 그래서 우리는 녹색 점퍼를 가지고있다 이제 우리가 선택할 필요가있는 것은 파이프 기호이며이를 클릭해야합니다

시프트 키와 슬래시 (/) 버튼을 누르면 입력 버튼 위 및 삭제 버튼 아래에 있어야합니다 이렇게 그것은 무언가 같이, 그래서 녹색, 자주색 다음 다른 파이프 기호, 회색 유용한 변형을 선택하고 속성으로 저장하십시오 또 다른 변형은 크기입니다 다시 추가를 클릭해야합니다 크기를 입력하십시오

그래서 우리는 작은 파이프 기호, m 파이프 기호와 큰 하나 유용한 변형을 클릭하고 속성을 저장하십시오 좋아, 여러 속성을 추가하면 원하는만큼 추가 할 수 있습니다 그런 다음 변형을 만들어야합니다 여기에 변형을 클릭하십시오

그런 다음 여기에서 탭을 클릭하고 모든 속성에서 유사 콘텐츠를 만듭니다 이동을 선택하고 설정 한 모든 유사 콘텐츠가 생성됩니다 따라서 확인을 클릭하십시오 확인을 클릭하십시오 보시다시피, 모든 크기가 다른 회색 옵션이 있으며, 크기는 녹색이고 크기는 녹색입니다

모든 크기가 다르기 때문에 아래쪽 화살표를 클릭해야합니다 여기를 클릭하면 특정 이미지를 업로드 할 수 있습니다 회색 점퍼를 찾으십시오 그런 다음 유사 이미지를 설정하십시오 예를 들면 큰 사이즈로 충전 할 수 있습니다

$ 8900이 항목을 클릭하여 여기에서 주식을 관리 할 수도 있습니다 특정 판매 가격 및 특정 크기로 설정할 수 있습니다 여기에있는 모든 제품에 대한 설명이 있지만 기본적으로 그대로 두겠습니다 그래서 다음 버튼을 클릭하면 점퍼를 다시 선택해야합니다

이제 가격이 중간이기 때문에 조금 더 싸게 들릴 수도 있습니다 $ 7900 회색으로 아래로 스크롤 그걸 입력하면 이건 $ 6900 일거야 그래서 저는 나머지 부분에 대해 그렇게 빨리 할 것입니다

그래서 보라색 점퍼와 녹색 점퍼를 선택하십시오 특정 가격으로 설정하므로 지금 바로 할 것입니다 이제 끝났으니 변경 사항 저장을 클릭하십시오 그런 다음이 간단한 설명을 추가 할 것이므로 여기로 돌아가서 복사 해 보겠습니다 거기에 붙여 넣어 색을 바꿉니다

내 웹 사이트의 색상 코드를 입력하고 복사하십시오 거기에 붙여 넣은 다음 확인을 클릭하십시오 그래서 우리는 카테고리를 설정해야합니다 그걸 클릭하십시오 점퍼

카테고리 추가 태그를 위해 우리는 브랜드를 선택할 것입니다 점퍼 아니면 코튼 점퍼도 그런 다음 추가를 클릭하십시오 제품 이미지의 경우 해당 이미지를 설정해야합니다

그리고 이것이 상점 페이지에 표시되는 기본 이미지입니다 그래서 나는 녹색을 선택할 수 있습니다 그것을 설정하십시오 또한 갤러리 이미지를 추가로 설정할 수도 있습니다 그래서 우리가 할 수있는 일은 지금 출판 할 것입니다

그런 다음 새 탭에서 제품을 엽니 다 실제 색상 옵션을 변경하고 가격을 변경하면 볼 수 있습니다 가격은 그렇게 변할 것입니다 점퍼의 색깔과 같음 그래서 사람들이 실제로 당신에게 도착하기를 원한다면 제품을 선택하고 기본 옵션을 설정 한 다음 제품, 점퍼 제품, 아래로 스크롤 유사 콘텐츠 기본 양식 값을 원하는대로 설정할 수 있습니다 그래서 이것은 녹색 일 수 있고 그것을 매체로 설정할 수 있습니다

업데이트를 클릭하십시오 제품 페이지를 새로 고침하면 기본 양식 값이 표시되어야한다고 가정 해 보겠습니다 그것은 꽤 많이 있습니다 우리는 단순하고 가변적 인 제품으로 설정했습니다 그리고 나는 다운로드 가능한 것을 설정하는 방법을 빨리 실행하기를 원한다

그래서 매우 간단합니다 우리가 간다고하자 새로 추가 좋아, 그럼 여기 아래로 스크롤 해 너는 모두 똑같이 할 수있다 다운로드 할 수있는 모든 작업은 다운로드 가능한 탭을 선택하는 것입니다

다운로드가 가능하기 때문에 배송이 불가능합니다 따라서 가상을 선택한 다음 파일을 업로드하고 다운로드 한도를 설정해야합니다 그런 것들 이제는 로고 디자인 서비스와 같이 가상 품목 일 경우 다운로드 선택을 취소 한 다음 그냥해라 고급 옵션의 경우 할 일은 메모를 남기거나 예를 들어, 로고 디자인 서비스 인 경우 실제로는 특정 양식 그래서 기본적으로 나는 Wufoocom에 양식을 만들었습니다

기본적으로 사람들이 작성하기를 원하는대로 간단히 말합니다 그래서 내가 할 일은 URL을 복사하는 것이다 그런 다음 여기에 붙여 넣고 "구입해 주셔서 감사합니다이 양식을 작성하십시오" 따라서 사람들은 실제로 구매 메모를 그들의 주문 확인

그래서 꽤 많이 있습니다 그다지 중요하지 않으며 기본적으로 모든 것을 다음과 같이 설정합니다 전에 이제 내가 할 일은 나머지 제품을 추가하는 것입니다 기본적으로이 데모 웹 사이트로 이동할 수 있습니다

나는 그것을 창조 할 것이다 그런 다음 모든 것을 그대로 복사하려는 경우 입력 한 내용을 확인할 수 있습니다 제가 제안하는 것은 여러분 자신의 제품과 그런 것들을 추가하는 것입니다 질문이 있으시면 코멘트 섹션에서 아래로 내려 놓으십시오 일단 모든 제품을 추가하면 여기에있는 모든 제품을 클릭 할 수 있습니다

귀하의 제품은 모두 여기에 나열됩니다 필요한 경우이를 클릭하여 편집 할 수 있습니다 그리고 실제로 매장을 방문하면 새 탭에서 여기를 클릭하고 작은 상자를 열어 라 그리고 당신의 가게는 이런 식으로 보일 것입니다 모든 이미지가 선명해야합니다

그렇지 않은 경우 이전에 말했던 것처럼 축소판을 다시 생성해야 할 수도 있습니다 그럼 우리가해야 할 일은 이제 홈 페이지에 제품을 추가하십시오 우리가해야 할 일은 가서 홈페이지를 방문하는 것뿐입니다 그럼 우리는 건축업자를 켜야합니다 여기에서 두 번째 행으로 스크롤하십시오

우리가 할 일은 텍스트 모듈을 추가하는 것입니다 그래서이 책의 ​​제목이 될 것입니다 주요 제품 그래서 당신의 특색있는 제품이 될 수 있습니다 특정 카테고리 제품 또는 가장 인기있는 제품 당신이 그 이름을 지은 것이 중요하지 않습니다 나는 2 호에 놓을거야

그런 다음 나는 그것을 약간 대담하게 할 것입니다 제가 여기에있는 제품을 설정하기 때문에 제가해야 할 일이 있습니다 텍스트와 제품 사이에 약간의 간격을 추가하고 싶습니다 그래서 저는 스타일링을 할 것입니다 패딩까지 아래로 스크롤하십시오

선택 취소 아래쪽 패딩에 대해서는 제가 설정하려고합니다 300 % 또는 200 % 웹 사이트에 가장 적합한 것이 무엇인지 확인할 수 있습니다

저장을 클릭하십시오 그리고 나서 저는 여기에있는 텍스트와 영웅 이미지 사이에 약간의 공백을 추가하고 싶습니다 그것을 중심에 정렬하십시오 행 옵션을 클릭하십시오 스타일링 여기로 스크롤하십시오

여기에 있기 때문에 텍스트를 중간에 맞 춥니 다 패딩까지 아래로 스크롤하십시오 선택을 취소하십시오 상단 패딩의 경우, 나는 아마도 300 % 또한 바닥에 대해서도 동일합니다

300 % 저장해 그리고 우리는 끝났어 맨 아래로 스크롤하십시오 WooCommerce Builder 모듈이 표시됩니다 표시되지 않으면 WooCommerce 플러그인을 설치하고 설치하고 활성화하십시오

따라서 플러그인 섹션으로 돌아 가야합니다 그래서 우리를 위해 중요한 것을 하나씩지나 가게 해주세요 이 부분을 보시기 바랍니다 제품을 8로 설정하겠습니다 그런 다음 가격으로 주문하고 오름차순으로 설정합니다

그리드 4로 변경하십시오 좋아, 그럼 내가 구할거야 저장 한 다음 닫습니다 페이지 새로 고침 제품의 제목 인 여기에서 제품을 볼 수 있듯이 초고속이기 때문에 두 줄을 차지합니다 볼 수 있듯이 모든 것을 아래로 이동시키고 두 번째 행도 아래로 이동합니다

그래서 모든 것을 한 줄에 정렬하고 싶다면 그럼 내가하는 건 석조물 레이아웃 사용 중지 대부분의 경우 네 개의 제품 만있을 수 있으며 두 번째 행이 없을 수도 있습니다 그리고 나서 그렇게하지 않거나 제목을 실제로 지킬 수 있습니다 짧은 또는 제목 크기를 조금 작게 변경하면 문제가 발생하지 않을 것입니다 그러나 이러한 솔루션을 사용하여 해결할 수 없다면 석조물 레이아웃을 비활성화 할 수 있습니다 다시 여기로 벽돌 레이아웃의 경우 아니오를 선택하십시오

잘하면 우리가 예를 선택하고 그것을 저장하면 닫아 좋아, 지금 당장 여기에 나머지 제품에 대한 공간이 추가됩니다 그리고 두 번째 줄 모두 균등하게 정렬되어있다 이제 제품을 켜고 모듈의 기능에 대해 더 설명하겠습니다 표시 할 특정 카테고리를 선택할 수 있도록 해당 아이콘을 클릭하십시오 특정 추가 방법도 알려 드리겠습니다

약 1 분 안에 홈 페이지에 추천 제품보기 판매 및 최상위 등급으로 선택할 수 있습니다 그래서 저는 저의 경우 홈 페이지를 위해 네 가지 제품을 설정하려고합니다 레이아웃의 경우 그리드 4를 선택하겠습니다 멋지고 간단합니다 또는 슬라이더도 사용할 수 있으며 설정을 가지고 놀 수 있습니다

예를 들어 슬라이더 옵션의 경우 3을 표시 할 수 있습니다 네 슬라이더 paginatio, 당신은이 작은 점인 것을 숨길 수 있습니다 화살표를 숨길 수 있습니다 그래서 나는 빨리 되돌려 놓을거야 목록에 이제 콘텐츠 레이아웃 (예 : 오버레이)

일어나는 일은 모든 것을 장바구니에 추가하면 사라집니다 기본적으로 어떤 일이 일어날지는 상품을 장바구니에 추가하고 제품 이름을 가리키면됩니다 실제로 제품 상단에 오버레이됩니다 따라서 폴라로이드도 비슷하지만 기본값으로 유지하려고합니다 사후 간격은 제품 간 간격으로 no로 변경할 수 있습니다

모든 것이 기본적으로 함께 붙어 있습니다 우리가 그렇게한다면 그 사이에 간격이 적습니다 나는 단지 그것을 기본값으로 유지할 것입니다 기본적으로이 설정으로 여기에서 놀 수 있습니다 지금 당장 귀하의 웹 사이트에 표시 할 수있는 것이 가장 좋은 것을보십시오

추천 제품을 설정하겠습니다 여기에서 추천 제품을 클릭하고 저장을 클릭 할 수 있습니다 저장하고 빌더를 닫으십시오 우리 대시 보드에 갈 필요가있어 우리는 제품에 가야합니다

모든 제품 작은 별 아이콘을 볼 수 있습니다 별표 아이콘을 선택하기 만하면됩니다 실제로 저장 될 때까지 기다리면 견고 해집니다 이제 그 특색있는 제품입니다 그래서 몇 가지를 더 선택할 것입니다

이것 하나는 여기에있다 그런 다음 하나 더 선택하겠습니다 어쩌면 드레스 좋아요 그렇게되면, 우리는 우리 홈 페이지로 돌아갈 것입니다 그런 다음 기본적으로 추천 제품이 표시됩니다

좋아요, 기본적으로 그게 전부입니다 실제로 어떤 페이지에도 WooCommerce 모듈을 추가 할 수 있습니다 그래서 당신은 다른 것을 창조하기를 원할지도 모른다 제품 페이지에 추가 한 다음 추가 할 수도 있습니다 그럼 우리가해야 할 일은 지금은 실제로 상점 페이지로 이동하고 기본적으로 상점 페이지 레이아웃을 구성하고 제품 필터를 추가하십시오

우리가 보장하고자하는 첫 번째 일은 제품 필터를 켜는 것입니다 그래서 우리는 계기판에 갈 필요가있다 플러그인을 실제로 활성화해야합니다 좋아, 그럼 여기서 활성화시켜야 해 그런 다음 제품 필터에 표시되어야하며 여기에 표시되어야합니다

따라서 제품 필터를 클릭해야합니다 우리는 새 것을 추가해야합니다 우리는 "Shop Page"라는 제목으로 설정하려고합니다 그래서 여기에있는 설정을 기본값으로 두겠습니다 너는 돌아와서 그들을 조정할 수있다

그러나 나는 그 (것)들을 다만 방법 같이 좋아한다 그래서 우리가 먼저 할 일은 제품 제목 그래서 이것은 기본적으로 검색입니다 그래서 나는 필드 제목을 타이핑 할 것이고 나는 그것을 검색 이름을 짓겠다 다음에 제가 넣을 제품은 아마도 가격 위젯 일 것입니다 그곳에 슬라이더로 표시하거나 가격을 입력 할 수있는 범위로 표시 할 수 있습니다

나는 또한 카테고리를 넣을거야 좋아요, 카테고리 1의 경우 라디오로 표시하고 싶습니다 이제 라디오를 선택하면 중요한 모든 제품을 선택할 수있는 옵션이 생깁니다 Soo는 여기에 가자 그리고 나서 팔려고 내놓았다

저것은 거의이다, 나가 느끼는 그것들은 가장 많이 사용된다 그래서 일단 저장하면, 여기서 다시 스크롤하여 창을 닫을 수 있습니다 완료되면 그런 다음 여기에 새 상점 페이지 위젯을 추가해야합니다 그런 다음 단축 코드를 클립 보드에 복사하십시오 우리가해야 할 일은 실제로 출현하는 것입니다

죄송합니다 위젯을 클릭하십시오 따라서 상점 페이지의 사이드 바에 추가해야합니다 그래서 우리는 여기 아래로 스크롤해야합니다 따라서 텍스트 모듈을 상점 사이드 바 위젯 영역으로 드래그해야합니다

바로 거기에 짧은 코드를 붙여 넣을거야 저장을 클릭하십시오 상점 페이지로 가면 그런 다음 상점 페이지의 레이아웃을 편집해야하기 때문에 아직 표시되지 않습니다 그럼 여기로 돌아가 샵, 테마 설정 변경하기 이제 아래로 스크롤하십시오

상점 설정 탭으로 이동 따라서 제품 아카이브의 경우 상점 사이드 바를 왼쪽에 표시하도록 설정하려고합니다 또한 제품 아카이브 사이드 바가 왼쪽에 있습니다 그 두 가지는 동일해야합니다 저장을 클릭하십시오 페이지 새로 고침 그리고 당신이 볼 수 있듯이 필터가 나타나서 좋아 보인다 우리가해야 할 일은 레이아웃 설정의 몇 가지 기본 사항을 안내 할 것입니다

제품 레이아웃을 변경할 수 있습니다 나는 그것을 그리드로 3 열에 3 개의 이미지로 표시 할 것입니다 예를 들어 제품이있는 경우 벽돌 레이아웃을 사용 중지 할 수 있습니다 이걸 좋아하고 모든 것이 정렬되어 있는지 확인하고 싶어 그럼 당신은 그것을 막을 것이고, 그래서 나는 그것을 사용하지 않을 것입니다

콘텐츠 스타일은 이전에 내가 보여 줬던대로 변경해야 할 수도 있습니다 그런 다음 기본값으로 유지하려고합니다 기본값으로 유지 여기 각 설정에 대해 제가 제안하는 것은 아마도 가게를 여는 것입니다 다른 탭에서 다음과 같이 여기 설정으로 놀아 라 이것들은 기본적으로 상점 페이지에있는 모든 것을 표시합니다

그런 다음 레이아웃을 저장하고 저장 한 다음 페이지를 새로 고침하여 표시 할 레이아웃의 종류를 확인할 수 있습니다 예를 들어 제품 공유를 숨기고 싶을 수도 있습니다 저기있는 저 사람 그 밖의 무엇을 숨기고 싶습니까? 나는 그것이 꽤 많이 있다고 생각하고 내가 그것을 저장하면 그럼이게 여기있는 제품 공유 물건 아마 사라질 것입니다 그런 다음 단일 제품 페이지로 스크롤하겠습니다 그래서 내가하고 싶은 것은 제품을 클릭하는 것입니다

제품 페이지 레이아웃을 수정할 수 있습니다 그래서 기본적으로 이것이 레이아웃이고 나는 그것을 개인적으로 좋아합니다 꽤 괜찮아 태그를 설정하면 SKU와 태그도 함께 삭제할 수 있습니다 따라서 SKU를 숨기고 제품 태그를 숨길 수 있습니다

제품 공유 버튼 숨기기 요즘 그렇게 유용하다고 생각하지 않기 때문입니다 대부분의 사람들은 아마도 그것을 공유하기보다는 친구와 링크를 공유하십시오 그래서 내가 그것을 제거하고 싶네 알았어 따라서 기본 라이트 박스로 변경할 수도 있습니다

나는 그대로 유지하고 싶다 위시리스트 설정을 위시리스트 페이지로 변경하고 싶습니다 예를 들어, 먼저이 코드를 저장해 봅시다 예를 들어,이 핫 아이콘을 클릭하면 위시리스트가 추가됩니다 그래서 위시리스트 페이지에 추가 될 것입니다

대신에 연락처 이제이 불꽃 애니메이션을 사용 중지하려는 경우 다음을 수행 할 수 있습니다 예를 들어 상점 페이지로 돌아 가면 우리가 그걸 클릭한다고 가정 해 봅시다 스파크 애니메이션입니다 그래서 당신은 색을 바꿀 수 있습니다

나중에 색을 어떻게 설정하는지 보여 드리겠습니다 그런 다음 기본 색상으로 변경할 수 있습니다 또는 기본 색상으로 유지하거나 비활성화 할 수 있습니다 기본적으로 그게 다예요 그래서 우리가 그것을 저장하면 그럼 우리는 꽤 잘 갈거야

그래서 저는 다음으로 가야 할 것은 WooCommerce 설정입니다 예를 들어, 세금 배송, 쿠폰 및 지불 그래서 지금, 이제 세금 설정을 살펴보고 WooCommerce 위로 마우스를 가져 가면됩니다 설정을 클릭하십시오 그럼 여기서 지시를받을거야

그런 다음 세금 탭을 클릭하십시오 그래서 세금 설정은 제가 미국에서 가장 힘들다고 판단한 것입니다 실제로 표준 세율과 같이 전국적으로 지불하지 않습니다 당신은 다른 요금을 가지고 있습니다 국가와 다른 분야와 그런 것들

그래서 그것을 WooCommerce에 추가하는 것은 약간 번잡 할 수 있습니다 그러나 나는 그것을 최선의 방법으로하는 방법을 찾기 위해 오랜 시간을 보냈다 자습서에서 어떻게하는지 보여 드리겠습니다 그래서 그것은 반자동처럼 될 것입니다 미국에있는 사람들

그래서 가장 먼저 나는 그것을 설명하고 싶다 대부분의 장소가 실제로 표준 세율을 사용하는 세계의 나머지 지역 그래서 예를 들어 호주는 전체 국가의 10 % 표준과 같습니다 그것은 정말 간단합니다 그래서 그것을 호주에 포함 시키려면 표준 속도와 같은 것을 클릭하기 만하면됩니다

과 당신이 정말로 당신의 나라에 있다면 그것은 이미 당신을 위해 그것을 추가해야합니다, 그래서 호주 국가 코드를 추가 한 다음 국가 별 요금을 추가 한 다음 세금 이름을 추가하면됩니다 우선 순위를 1로 둡니다 컴파운드는 연방 세금과 지방세가있는 캐나다와 같은 장소에만 해당됩니다 실제로 둘을 함께 추가해야합니다 하지만 일반적으로 대부분의 국가에서는 사용하지 않아도됩니다

배송의 경우, 해당 국가에서 배송비에 대한 세금도 부과하는지 확인해야합니다 예를 들어 예제를 보여줄 수 있으므로 행을 삽입하십시오 영국에 계신다고 가정 해 보겠습니다 새 탭에서이 항목을 클릭해야합니다 영국의 국가 코드를 찾아야합니다

그리고 나는 그것이 조금 전에 체크했기 때문에 그것은 GB라고 믿습니다 그래서 아래로 스크롤 GB 여기에 넣으세요 그렇다면 세율은 20 % 그래서 우리는 20 %를 넣을 것입니다 그리고 그것이라고합니다

그게 당신이해야 할 전부입니다 그래서 만약 당신 나라에 표준이 있다면 전국 세금, 그럼 당신이 할 일은 단지 변경 사항을 저장하기 만하면됩니다 그런 다음 세금 옵션을 클릭 할 수도 있습니다 그래서 바로 여기 기본적으로 세금을 제외하고 상점에서 가격을 표시 할 수 있습니다 포함

예를 들어, 호주에서는 대부분 선반에 가격이 이미 세금이 포함됩니다 따라서 국가 및 사람들의 기대에 따라 제외되거나 포함될 수 있습니다 따라서 미국인의 경우 다른 국가에서 다른 요율을 적용 할 수 있으므로 제외시킬 수 있습니다 고객, 그런 식으로 혼동하지 않을 것입니다 아마 미국을 위해서, 당신은 배제를 설정했습니다

다른 국가의 경우 호주와 같은 표준적인 전국 세금 또는 당신은 방금 가격을 포함하는 데 익숙하다 그리고 나서 다음과 같이 할 수도 있습니다 결제시 가격 표시 카트도 그래서 당신은 그것을 포함하고 제외시킬 것을 선택할 수 있습니다 그런 다음 변경 사항을 저장하십시오

표준 요금을 클릭하면 그래서 저는 기본적으로 미국 시청자들에게 설명 할 것입니다 인터넷상의 모든 것에 대한 정보를 찾고 있었기 때문에 그리고 나는 그것을 발견 할 수 없었고 WooCommerce조차도 실제로 제대로 설명하지 못했다 그들은 우리에게 회계사와 같은 것을 말하라고했습니다 하지만 실제로 그것을 설명하고 싶다 그래서 제가 추천하는 것은 아마도 회계사에게 연락하는 것이지만, 다시 그들은 WooCommerce에 추가하는 방법을 알려주지 않을 것입니다

그래서 그것은 제가 여러분에게 보여줄 것입니다 그래서 우리가 먼저해야 할 일은, 미국에 살고 있다면, 자신이 어떤 유형의 상태인지 확인하십시오 따라서 출발지 기반 또는 목적지 기반 그래서이지도를 여기에서 볼 수 있습니다 어떤 유형인지 확인하십시오 예를 들어 텍사스에 거주하고 텍사스에서 사업을 운영하는 경우 그건 당신이 원산지 국가가 될거 란 뜻이고 기본적으로 의미하는 것은 세율이 사업장의 위치를 ​​기반으로 결정된다는 것입니다

예를 들어, 귀하의 비즈니스는 텍사스 휴스턴에 있습니다 우편 번호는 77001입니다 당신이하는 일은 TaxJar, Sales Tax Calculator라는 웹 사이트로 이동하는 것입니다 예를 들어 77001 당신은 조회 율을 클릭하기 만하면됩니다

요금을 확인할 수 있습니다 그래서 비율은 825입니다 따라서 기본적으로 판매 세를 지불하고 청구해야합니다 당신의 상태에있는 사람들을 위해 예를 들어, 뉴욕 출신의 누군가가 귀하의 제품을 구입하면 그런 다음 판매 세를 지불하거나 청구 할 필요가 없습니다

그 사람이 살고있는 경우에만 텍사스가 청구하면 그래서 기본적으로 추가 할 수 있습니다 또한 상당히 간단합니다 삽입 행을 클릭하면 미국에있는 경우 미국에 입력 할 수 있습니다 그거 좋아해 국가 코드는 여기에서지도를 볼 수 있습니다

Texas의 TX입니다 거기에 넣으십시오, 그래서 이것을 비워 두십시오 요금은 825입니다 그럼 그냥 넣어

거기에 825, 그리고 그것은 당신의 판매 세가 될 것입니다 우선 순위를 1로 유지하고 골동품으로 활용하십시오 배송, 배송비를 청구하는지 여부를 확인해야합니다 그래서 TaxJar

com에서 확인할 수 있습니다 또는 Google에 문의하거나 회계사에게 문의하십시오 일단 완료되면 변경 사항을 저장할 수 있습니다 이제 매장 페이지로 이동하면 제품을 추가하고 장바구니에 추가 한 다음 체크 아웃합니다 예를 들어 제가 선택한 국가의 경우 미국 주에서는 텍사스가 될 것입니다

우편 번호, 나는 잘 모르겠다 아마 7705? 거기서 스크롤하십시오 따라서 세금은 아직 나타나지 않을 것입니다 그래서 저는 그 주소를 무작위로 집어 넣을 것입니다 보시다시피 판매 세가 추가됩니다

그래서 그것은 825 예를 들어 뉴욕 출신의 누군가 제품을 구입하고 우편 번호를 001로 변경하십시오 그러면 실제로 판매 세가 부과되지 않습니다 그래서 지금은 대상을 설명 할 것입니다

다시 여기로 가면 그렇다면 예를 들어 뉴욕에 거주하고 뉴욕 주에서 사업을한다면 목적지가 목적지입니다 상태 그래서 그것이 의미하는 바는 고객의 배송지 주소에 따라 세율을 부과해야합니다 그래서 기본적으로 국가의 모든 단일 지역은 아마 다른 비율을 가질 것이기 때문에 그럼 당신은 기본적으로 수천의 금리를 알아야합니다 그래서 기본적으로 우리가해야 할 일은 실제로 세금 설정, 그래서 지금 어떻게 할 지 보여 드리겠습니다 우리가해야 할 일은 플러그인으로 가야한다는 것입니다

추가를 클릭하십시오 이제 우리가 여기서 입력 할 것은 세율입니다 업로드 Enter를 클릭하십시오 여기 아래로 스크롤하고 싶습니다

세율 Upload by Adam Bowen 지금 설치하고 활성화하십시오 좋아, 한 번 끝났다 그런 다음 wwwtaxrates

com을 방문하여 상단에 다운로드 판매 세 테이블을 클릭해야합니다 뉴욕을 선택하십시오 계속하고 당신이해야 할 일은 당신의 이름 이메일을 입력하는 것입니다 너의 이름을 다시 말하면, 아마 전화 번호 일거야 다운로드를 클릭하면 컴퓨터에 다운로드해야하기 때문에 실제 버전이 아니라고 생각합니다

그래서 파일은 다음과 같이 보일 것입니다zip 파일 그 후에해야 할 일은 실제로 두 번 클릭해야한다는 것입니다 그럼 너는 실제로 그런 폴더에 열어 라

또는 압축을 풉니 다 폴더 안에는 모든 세율에 대한 Excel 파일이 있습니다 그래서 우리는 우리 웹 사이트로 돌아갈 필요가있다 우리는 그 비율을 업로드해야합니다 따라서 설정 위로 마우스를 이동하고 세율 업로드를 클릭하십시오

파일을 선택하고 바탕 화면으로 이동합니다 폴더를 클릭하고 CSV 파일을 업로드하십시오 열기를 클릭 한 다음 세율 추가를 선택하십시오 CSV에서 모든 것을 가져올 것입니다 그리고 실제로 어떻게 작동하는지에 대한 예제를 보여 드리겠습니다

아래로 스크롤하십시오 우선 순위를 모두 1로 변경하고 싶습니다 예를 클릭하고 제출하십시오 따라서 배송비가 과세 대상인지 확인하고 싶습니다 뉴욕에 대해서도 그렇습니다

그렇습니다 그래서 제출하겠습니다 이제 세금 이름을 변경할 수도 있습니다 기본적으로 지역 및 세금 예를 들어 필요한 판매 세 등을 실제로 변경할 수 있습니다

하지만 지금은 기본값으로 두자 따라서 뉴욕 주에 대한 2000 년 우편 번호에 추가 된 것을 볼 수 있습니다 그럼 네가 할 수있는 것은 가자 WooCommerce를 클릭하고 설정을 클릭하십시오 그런 다음 세금 옵션에 가면 표준 요율을 클릭하십시오

2000 개가 넘는 요금이 추가됩니다 이 우편 번호는 여기에서 볼 수 있듯이 당신은 8625를 받았다 8875입니다

따라서 우편 번호마다 모두 다릅니다 그래서 우리는 모든 것을 하나씩 추가해야합니다 그래서 일단 우리가 그렇게하면 그럼 가게에 실제로 가자 좀 더 설명해 줄게 그래서 우리가 지금 체크 아웃에 가면 그래서 근본적으로 당신은 운영 주소가 우편 번호 10001 따라서 실제로 요금을 확인하는 경우 1001

조회 율 그래서 iit 's 8875 이제 구매자가입니다 뉴욕의 시러큐스 바라기를, 그것이 당신이 발음하는 방법입니다

기본적으로 우편 번호를 설정하면 13201 계산기를 꺼내면 800 %가됩니다 어쩌면 다른 우편 번호라도 버팔로에있는 14201 그러면 요금이 다시 달라집니다 따라서 대상 기반 상태 따라서 상태에 넥서스가있는 경우 판매 세를 지불하고 청구해야합니다 따라서 기본적으로 중요한 존재 인 경우 어떤 의미로 거기 가게가 있느냐 직원이 있느냐하는 의미입니다

나는 Taxjar 블로그에서 그 책을 읽는 것이 좋습니다 그 다음 나는 모든 것을 설명했다 모든 것을 설명했다 근본적으로 당신은 갈 수 있습니다 이제 내가 너를 걷기를 원하는 것은 다른 세금 클래스에 설정되어있다

예를 들어 영국에서는 표준 요금은 2000 % 하지만 가정용 에너지와 같은 다른 제품도있을 수 있습니다 리노베이션을위한 제품은 500 % 만 부과됩니다 또는 식료품과 같은 것들과 같은 생활 필수품에 대해서는 제로 요금을받을 수 있습니다

그래서 그것을 WooCommerce에 설정하려면 다음을 클릭하십시오 설정, 세금을 여기에 입력 한 다음 할인율을 클릭하십시오 영국을 예로 들어 봅시다 국가 코드를 GB로 설정하여 행을 삽입하기 만하면됩니다 비율로 설정합니다

따라서 예를 들어 감소 된 요율은 500 %입니다 이 사람은 요금을 책정하고 변경 사항을 저장하십시오 설정이 완료되면이 탭의 비율을 0으로 설정할 수도 있습니다 그러나 당신이 오직 할 필요가있는 것은 귀하의 제품으로 이동하는 것입니다

그냥이 일이 삶의 필요라고 말하자 그리고 그것은 500 %로 설정되어있다 그럼 그냥 제품으로 간다 제품 데이터까지 아래로 스크롤하십시오

세금 클래스의 경우 감소 된 이자율을 선택한 다음 제품을 구입하면 꽤 좋습니다 그래서 나는 또한 캐나다에 대한 세율을 어떻게 추가하는지에 대한 별도의 비디오를 만들 것입니다 약간 복잡하지만, 가능한 한 간단하게 만들려고 노력했습니다 요금을 업로드하고 그것은 일종의 반자동입니다 이제 내가 걷는 것은 운송 옵션입니다

그래서 지금 나는 선적 지역을 설정하는 것을 안내 할 것입니다 WooCommerce를 마우스로 가리키고 설정을 클릭 한 다음 배송 탭을 클릭해야합니다 그런 다음 배송 지역 추가를 클릭합니다 대부분의 사람들이 가질 첫 번째 영역은 국내 것입니다

그래서 그것은 당신 자신의 나라 안에 있습니다 이제 영역 영역입니다 예를 들어 미국에 거주하는 경우 그런 다음 입력하면됩니다 캐나다로 배송하는 가격이 매우 비슷하거나 똑같 으면 그런 다음 실제로는 영역에 포함시킬 수도 있습니다 시간을 절약하기 때문에 좋아요

너무 많은 영역을 생성하는 대신 그래서 제가 할 일은 배송 방법 추가를 클릭하는 것입니다 우리가 추가 할 첫 번째 것은 고정 이자율입니다 그래서 당신은 그것을 추가 할 수 있습니다 그래서 기본적으로 균일 한 요금을 제공합니다 방법

편집을 클릭하면 여기에서 비용을 변경할 수 있습니다 그래서 $ 1000 변경 사항 저장 및 배송 방법 추가 로컬 픽업을 제공 한 다음 해당 배송 방법을 추가 할 수도 있습니다 좋아요 편집 할 수도 있습니다

명시된 요율을 제공하고 배송 방법을 추가 할 수 있다고 가정 해 보겠습니다 고정 요금을 추가하여 추가하십시오 이제 실제 이름을 고정 요금에서 명시 적으로 변경할 수 있습니다 요금을 변경하고 가격을 20 달러로 변경할 수 있습니다 변경 사항을 저장하다 그래서 우리에게 너무 많은 옵션을주지 않기 때문에 여기에 무료 배송을 추가하지 않을 것입니다

우리는 더 많은 옵션을 제공하는 특별한 플러그인을 설치하려고합니다 고급 매개 변수로 설정할 수 있습니다 이제는 닫으십시오 드래그 앤 드롭만으로 모든 것을 재정렬 할 수도 있습니다 한 번 완료되면 변경 사항 저장을 클릭 할 수 있습니다

나는 당신이 선적 구역을 클릭하기를 바랍니다 한 번 클릭하면 국내 지역 설정이 표시됩니다 모든 설정을 완료해야합니다 귀하가 발송하는 특정 운송 지역 그렇지 않으면 실제로 배송 방법이 표시되지 않습니다

호주로 출항하는 경우 뉴질랜드에서는 사람들이 실제로 체크 아웃 할 때 배송 구역을 설정해야합니다 그 지역에 선적이 없다고 말할 것입니다 그래서 한번 완료되었습니다 그러면 나는 선적 클래스를 보여줄 것입니다 따라서 배송 클래스를 클릭하면 그런 다음 배송비 클래스를 설정할 수 있습니다

예를 들어, 무거운 물건 운송 클래스 그래서 나는 그것을 복사해서 슬롯과 설명에 붙여 넣을 것입니다 그래서 그것은 당신 자신의 참조 용이고, 운송 수업을 저장합니다 일단 작업이 완료되면, 예를 들어 제품을 가지고 있다면 정말 좋습니다 예를 들어 소파 나 TV와 같은 무거운 물건이라면 그런 다음 무거운 물건으로 설정할 수 있습니다 검은 가죽 소파를 찾아 편집을 클릭하십시오

기본적으로 아래로 스크롤 할 수 있습니다 아래로 스크롤하여 배송 및 배송 클래스로 이동하십시오 나는 무거운 품목을 선택하고 그 후에 다만 그것을 새롭게하기 위하여려고하고있다 좋아요, 그렇게 한 후에는 WooCommerce 설정으로 돌아 가야합니다 그런 다음 배송 지역으로 돌아 가기 좋아요, 편집을 클릭해야합니다

이제 기본적으로 가격을 설정하는 방법을 보여 드리겠습니다 그래서 당신의 고정 요금 분명히 $ 1000이 될 것입니다 조금 더 비싸 질 것입니다

그럼 여기서 가격을 정할 수 있습니다 예를 들어, 총 비용을 $ 10000으로 원한다면 $ 9000을 넣을 것입니다 표준은 이미 $ 10

00입니다 그런 다음 각 배송 클래스로 설정하거나 가장 비싼 배송 등급이기 때문입니다 그런 다음 변경 사항 저장을 클릭하십시오 그리고 아마도 익스프레스도 편집하고 싶을 것입니다 그래서 예를 들어 $ 180

00로 바꿀 것입니다 총 $ 20000이 될 것입니다 변경 사항 저장 좋아, 그럼 일단 설정되면 예제를 보여 드리겠습니다 가게에 가자

추가하자, 좋아, 우리는 검은 드레스를 거기에 넣었다 그래서 우리는 체크 아웃을 클릭 할 것입니다 그런 다음 우리는 아래로 스크롤 할 것입니다 보시다시피 우리가 미국에 그것을 놓으면, 일정한 비율은 20- – 나는 $ 1000을 의미한다

Express는 $ 2000입니다 이제 다른 국가로 변경하면 당신은 아직 영국으로 선적 지대를 설정하지 않았기 때문에 선적하지 않을 것입니다 소파를 거기에 넣으면 카트에 추가 다음 우리는 체크 아웃에 간다 먼저 미국을 미국으로 설정해야합니다 보시다시피 지금은 $ 100

00입니다 $ 20000에 대한 표하다 일단 우리가 그렇게하면 무료 배송을 설정하는 방법을 보여 드리겠습니다 그래서 우리가해야 할 일은 플러그인들입니다

새로 추가를 클릭하십시오 우리가 다운로드 할 플러그인은 Advanced 입니다무료 배송

그래서 그것은 당신 자신의 유일한 돈이 될 것입니다 20,000 건의 설치 지금 설치를 클릭 한 다음 활성화하다 그래서 일단 WooCommerce 설정으로 돌아 가야합니다 그런 다음 배송 탭을 클릭 한 다음 고급 무료 배송을 클릭하십시오 무료 배송 요금 추가를 클릭하십시오

좋아, 이거, 나는 그냥 그 이름을 무료 배송으로 할거야 예를 들어 $ 50 이상을 지출 한 사람들을위한 무료 배송 그러면 소계로 설정해야합니다 또는보다 큼 $ 5000

무료 배송은 $ 5000를 초과하는 경우에만 사용할 수 있습니다 그런 다음 다른 조건을 추가 할 수 있습니다 그래서이 조건에서 우리는 소파 인 더 무거운 물건을 가지고 있기 때문에 포함하는 운송 클래스를 선택하려고합니다 그래서 당신은 같지 않게 설정하고 싶습니다

무거운 품목 기본적으로 의미하는 것은 무료 배송은 장바구니에 무거운 물건이없는 경우에만 사용할 수 있습니다 실제로 당신은 그것을 또한 이름을 짓기를 원합니다, 그래서 나는 그것을 캡슐에 넣어서 무료로 발송할 것입니다 다시 업데이트하십시오 새 창을 열어 보겠습니다

나는 가게 페이지에 갈거야 이 검은 드레스를 장바구니에 추가합시다 체크 아웃을 클릭하십시오 아래로 스크롤하여 국가를 미국으로 변경합시다 그래서 당신이 볼 수 있듯이 무료 배송을 제공합니다

하지만 거기에 소파를 추가한다고합시다 그래서 우리는 가게로 돌아갈거야 그 다음 우리는 더 무거운 물건 운송 클래스 인 소파에 소파를 추가하고 우리는 체크 아웃합니다 한 번 추가되면 무료 배송이 중지됩니다 예를 들어, 호주로 배송하는 경우에도 설정할 수 있기 때문에이 플러그인은 매우 유용합니다

실제로 다른 그룹을 추가 할 수 있습니다 호주에 대해서 $ 10000 이상을 쓰면 무료 배송 그런 다음 $ 10000로 설정합니다 또한 조건을 추가하십시오 국가 및 호주를 호주로 설정하십시오

그렇게 그리고 그런 식으로 업데이트 할 수 있습니다 따라서 호주 선적 지역에 처음으로 진입했는지 확인해야합니다 그리고 제가 생각하기에 정말 유용한 또 다른 플러그인은 고급 무료 배송 확인입니다 그래서 당신은 플러그인으로 갈 수 있습니다

이것은 기본적으로 – 새로 추가를 클릭하면 고객에게 특정 품목을 선적 할 수없는 이유를 알려줍니다 유용 할 수 있습니다 나는 그것을 찾을거야 그래서 당신이 그 플러그인을 원한다면, 당신은 그 플러그인을 설치하고 활성화하고 그것을 설정할 수 있습니다 배송료는 꽤 많이 듭니다

지금 당장 너를 따라갈거야 지불 설정 및 쿠폰 옵션 그래서 귀하의 지불 및 체크 아웃 옵션, WooCommerce 위로 마우스를 가져간 다음 설정을 클릭하려는 경우 따라서 통화로 스크롤하면 올바른지 확인한 다음 변경 사항을 저장할 수 있습니다 완료되면 여기의 결제 탭을 클릭 할 수 있습니다 HostGator에서 SSL을 가지고 있다면 실제로 보안 체크 아웃을 강요 할 수 있습니다

아래로 스크롤하여 모두 기본값으로 둡니다 변경 사항 저장을 클릭하십시오 이제 은행 송금을 사용하려면 은행 송금을 클릭하십시오 그리고 그걸 선택하여 활성화 할 수 있습니다 귀하의 지시와 귀하의 계좌 정보를 남겨두고 송금을 완료하십시오

수표 수표로도 할 수 있습니다 또한 배달 현금 예를 들어, 대금 상환 가상 제품이라면 실제로 받아들이지 않을 수도 있습니다 변경 사항을 저장하십시오 이제 일반적으로 페이팔을 가장 쉽고 안전하며 가장 안전하기 때문에 기본 결제 수단입니다

PayPal에는 자체 소유권이 있습니다 SSL 인증서가있는 HTTP 따라서 지불은 플랫폼에서 이루어 지므로 보안을 처리한다는 의미입니다 따라서 일단 활성화하면 PayPal 이메일을 입력하십시오 당신이 없다면 돈을 수령하기 때문에 사업용 계정에 가입하는 것이 좋습니다 따라서 아래로 스크롤하면 Paypal 샌드 박스를 선택하면 결제를 테스트 할 수 있습니다

개발자 계정을 만들어야하며 내 YouTube 채널에서 자습서를 가지고 있습니다 그래서 아래로 스크롤 Paypal을 통해 환불을 처리 할 수 ​​있도록 API 자격 증명을 사용하고 싶을 수도 있습니다 따라서이를 클릭하면 API를 얻는 방법을 알 수 있습니다 이 섹션에 붙여 넣은 다음 변경 사항을 저장하십시오 따라서 실제로 계정 탭으로 이동하는 경우 내 계정 페이지에서 고객 등록을 원할 것입니다

한 번 완료되면 아래로 스크롤 한 다음 저장을 클릭하십시오 여기에서 이메일을 클릭하면 실제로 다른 머리글을 설정하십시오 그래서 예를 들어 헤더 이미지를 자신의 헤더 이미지로 변경할 수 있습니다 여기에서 미디어를 클릭하면됩니다 새 탭을 열어 라

여기에 추가 할 헤더 디자인이 다르다고 가정하면 URL을 사용하게됩니다 복사 할 수있는 다음 URL에 붙여 넣기 만하면됩니다 바닥 글 텍스트를 브랜드로 변경하고 색상을 변경할 수 있습니다 그래서 나는 잠시 후에 색을 보게 될 것이지만, 실제로 편집 할 수 있습니다 그래서 그것을 저장하십시오

그리고 지금은 쿠폰을 만드는 방법을 안내 할 것입니다 쿠폰을 클릭하십시오 쿠폰 추가를 클릭하기 만하면됩니다 쿠폰 이름으로 설정하면됩니다 그래서 "Black Friday"

그래서 나는 그것이 대소 문자를 구별한다고 생각하지 않는다 따라서 사람들은 모두 소문자 또는 대문자로 입력 할 수 있습니다 하지만 그곳에 공간을 둘 필요가 있다고 생각합니다 설명을 추가 할 수 있지만 필요는 없습니다 할인 유형 백분율 할인을 할 수 있습니다

예를 들어 20 %는 20 % 할인입니다 아니면 당신이 할 수있는 같은 $ 2000의 fixe 타입 할인 그리고 당신이 자유로운 선박을 허용하고 싶으면 당신은 그것을 똑딱 거릴 수있다 그러나 아마 만기일을두고 싶을 것이다 31 일에 만료된다고 가정 해 봅시다 여기에서 사용 제한을 설정할 수도 있습니다 최소 특정 제품을 지출하거나 제품을 제외하는 것은 모두 귀하에게 달려 있으며 사용 제한도 있습니다

그래서 얼마나 관대한지에 따라 사용자 당 한도를 설정할 수 있습니다 그러나 나는 보통 그대로 그대로 두었습니다 그들은 당신이 원하는만큼 그것을 사용할 수 있습니다 그들은 단지 귀하의 웹 사이트에서 더 많은 물건을 구매하고 있습니다 게시를 클릭하십시오

기본적으로 완료됩니다 상점에 실제로 가면 예를 들어 체크 아웃 사람들이 쿠폰 코드를 여기에 입력합니다 "Black Friday"를 입력하고 신청하십시오 그래서 그것은 성공적으로 적용되었습니다 아래로 스크롤하면 결제에서 마이너스 $ 20

00이됩니다 그래서 꽤 많이 있습니다 그래서 지금 당장 나는 여기에 작은 아이콘 인 당신의 로고와 Favicon을 추가하는 방법을 안내 할 것입니다 그리고 나서 우리는 귀하의 색 구성표를 선택하고 또한 귀하의 웹 사이트에 적용 이제는 favicon과 로고를 추가하는 방법을 보여 드리겠습니다 따라서 맞춤 설정을 클릭해야합니다

이제로드하는 동안 Fiverrcom에 갈 수도 있습니다 로고 디자인을 검색 할 수도 있습니다 검색을 클릭하십시오 로고를 5 달러에 받으실 수 있습니다

그리고 favicon 버전을 보내도록 할 수도 있습니다 기본적으로 텍스트가없는 아이콘입니다 다시 여기로 가면 그런 다음 사이트 로고 및 태그 라인을 클릭하십시오 사이트 로고를 클릭하십시오 로고가 아직 없으면 로고 사이트 제목으로 설정하면됩니다

그리고 어쩌면 글꼴의 무게를 바꿀 수 있습니다 굵은 글씨로 글꼴을 바꿀 수도 있습니다 로고 이미지를 클릭 할 수 있습니다 이미지가 있으면 클릭하여 업로드하십시오 파일 업로드, 파일 선택 그리고 따라 다니는 경우 폴더를 검색하십시오

여기에는 두 개의 다른 로고가 있습니다 내가 추천하는 것은 기본적으로 이미지에 배경이 없음을 의미하는 PNG 파일입니다 자네가 직접하고 있다면 그것이 당신이 때때로 흰색 배경으로 저장할 수 있기 때문에 확인해야하는 것입니다 그리고 당신은 그것을 원하지 않습니다 왜냐하면 만약 당신이 어둠의 머리를 좋아한다면 그러면 흰색 배경이 실제로 나타날 것입니다

이제 권장 크기는 높이 128 너비의 경우, 그것은별로 중요하지 않습니다 그러나 높이를 유지하려면 128 이하로 유지하십시오 자, 거기에 이미지를 클릭 한 다음 업로드하십시오 이것은 높이 설정이므로 너비 설정입니다

그래서 높이가 128이기 때문에 절반으로하고 싶습니다 따라서 절반으로 나누면 64입니다 따라서 64로 설정 한 후에는 좋을 것입니다 전체 메뉴를 실제로 볼 수 있도록 조금 축소 해 봅시다 여기를 클릭하여 위치를 정렬 할 수도 있습니다

친척으로 설정 한 다음 위쪽과 아래쪽에서 패딩을 조정할 수 있습니다 어쩌면 플러스 2 개를 누른 다음 아래로 이동하고 당신이 그것을 원하는 곳에서 정확하게 얻을 때까지 그냥 놀아 라 저장을 클릭 할 수 있습니다 그리고 그것을 닫은 다음 파비콘을 추가하는 방법을 보여 드리겠습니다 그래서 favicon을 위해, 우리는 우리 대쉬 보드 지역에 갈 필요가있다 그런 다음 Media를 클릭 한 다음 Add new를 클릭하십시오

그런 다음 파일을 선택하겠습니다 그래서 내 favicon을 선택하겠습니다 또한 투명하고 크기는 64 픽셀입니다 64×64이기 때문에 그리고 가능한 한 실제 아이콘으로 잘라내서 열기를 클릭하십시오 그런 다음 업로드됩니다

그런 다음 편집을 클릭 할 수 있습니다 여기에 URL을 가져 오십시오 따라서 전체를 복사하려면 전체 URL을 더블 클릭하고 선택하십시오 Themify 설정으로 돌아 가기 URL을 여기에 붙여 넣으십시오 저장을 클릭하십시오

그리고 우리는 우리 웹 사이트에 갈 것입니다 그런 다음 왼쪽 상단에로드해야합니다 그리고 나서 당신은 꽤 잘한다 이 섹션에서는 색상 선택과 색상 팔레트 만들기에 대해 설명합니다 실제로 귀하의 웹 사이트에 적용 그래서 감정을 불러 일으키기 때문에 색상이 중요합니다

사람들은 웹 사이트를 방문하고 색상 체계가 마음에 들지 않으므로 클릭하지 못할 수도 있습니다 따라서 잠재 고객에게 맞는 색상을 선택하는 것이 중요합니다 이제 내가 원하는 첫 번째 것은 잠재 고객을 이해하는 것입니다 그들이 얼마나 오래되었는지 생각해보십시오 그들은 대부분 남성 또는 여성입니까? 그들이 뭘 좋아하니? 그들은 어디에서 살고 있습니까? 그런 것들

그리고 나서 당신은 어떤 감정을 불러 일으키고 싶은지, 그리고 색깔의 의미 웹 사이트로 이동하여 호 간다에 갈 수 있습니다 웹 디자인 가이드 그리고 당신은 이것을 클릭 할 수 있습니다, 색상 의미 웹 사이트 기본적으로 각 색상의 의미를 설명합니다 예를 들어, 저는 가상의 색으로 적용 할 것입니다 신선한 음식과 집으로 배달되는 것과 같은 것들과 같은 식사 배달 서비스 그래서 저는 그린의 기본 색상을 선택하게 될 것입니다 그래서 당신 중 일부는 옷을 팔고 검은 색은 세련되고 우아하고 많은 종류이기 때문에 실제로 인기있는 선택 일 수 있습니다

패션 웹 사이트는 실제로 검은 색 또는 어두운 회색을 사용합니다 기본 색상을 선택하면 내가 원하는 것은 기본 색상으로 이동하는 것입니다 Materialuicolorsco 그래서 링크를 클릭하면 여기에 링크가 있습니다 기본적으로 당신은 그늘을 선택하고 싶습니다

기본 색상 왜냐하면, 당신이 그것을 여기로 옮기면 정말 어둡습니다 예를 들어 짙은 청색을 선택하면 더 많은 종류의 기업이 될 수 있습니다 그러나 당신이 그것의 더 가벼운 버전을 좋아하는 경우에, 그 때 젊고 정력적인 선택하십시오 따라서 올바른 연령대를 선택하는 것은 올바른 연령대도 중요합니다 그래서 예를 들어 나는이 밝은 녹색을 여기에서 선택하게 될거야

이제 검은 색을 선택하고 싶다면 그것을 900으로 옮긴다 대부분의 시간이 대부분의 웹 사이트에 있기 때문에이 어두운 회색을 대신 사용하여 100 % 검정이 아닙니다 흰색과 검은 색의 대비가 너무 심하기 때문에 그래서 나는 정말 어두운 회색을 대신 사용하는 것을 선호합니다 그래서 일단 당신이 당신의 색깔 코드를 가지고 있다면, 나의 하나는 초록색입니다, 600을 움직여 봅시다 너를 PalEtton이라는 웹 사이트로 가길 바래

PALETTONcom을 클릭 한 다음 여기에 기본 색상 코드를 입력하십시오 확인을 클릭하십시오 한 번 해보신 후 추가 보완을 클릭하십시오 따라서 색상 이론을 사용하여 최상의 색상을 선택합니다

기본 색상으로 색상 이론을 사용하여 선택한 색상이 마음에 들지 않으면 이 다른 것들도 여기에 있습니다 그래서이 각각을 클릭하십시오 색상을 선택하거나 여기에서 자유 스타일 옵션을 사용할 수도 있습니다 그리고 교대를 유지하면 실제로 색상환 중 하나를 드래그하면 색상이 선택됩니다

그래서이 트랙과 같이 계속 유지하므로 같은 음색을 유지합니다 그래서 개인적으로 선택하겠습니다 이 색을 여기에 넣고 나서 내가 할 일은 복사하는거야 나는 coloradobe

com에 갈 것이다 그리고 거기에 가면 사용자 정의를 클릭하십시오 그런 다음 2 차 색상의 경우 여기에 붙여 넣기로하고 기본 색상을 붙여 넣습니다 그래서 제 원색이 있습니다 나는 그것을 여기에 붙여 넣을거야

enter를 클릭하십시오 그리고 중간에 대해서는 흰색으로 설정할 것입니다 그래서 이것은 판매용 아이콘이나 물건과 같은 우리 버튼에 사용될 악센트 색이 될 것입니다 관심을 끌고 싶다 다른 것들은 정말 많은 색상이 필요 없기 때문에 중립적 인 색상으로 설정하려고합니다

색상 선택과 같은 일종의 선택입니다 어떤 색을 입을 까? 그래서 너는 잘 어울릴 수있어 단 하나의 색, 검은 색 정장 또는 흰 드레스 또는 그와 비슷한 것 너무 많은 색상이 필요하지 않습니다 특히 전자 상거래 상점 인 경우 특히 그렇습니다 이 하나 나는 그것을 어두운 회색으로 설정하려고합니다

그래서 기본적으로 이것이 당신의 컬러 팔레트가 될 것입니다 이것은 기본 색상, 강조 색상 및 사용할 수있는 중립적 인 색상 따라서 때때로 이러한 색상 코드를 사용하지 않아도되는 경우가 있습니다 아니면 실용적이지 않다 그럴 경우 여기에서 색상 코드를 복사하십시오 0to255

com으로 이동하십시오 기본 색상을 입력하고 다른 색상을 연다 그런 다음 내 악센트 색상을 복사하려고합니다 그것을 거기에 넣으십시오 따라서 기본 색상의 다른 음영을 사용할 수 있습니다

때로는 그 색을 사용할 수 없다면 그리고 그것은 또한 당신이 그것을 열어 놓은다면 당신은 쉽게 당신의 버튼과 그런 것들을 위해 색을 설정할 수 있기 때문에 좋습니다 버튼 위로 마우스를 가져갈 때 사용합니다 일단 모든 것을 설정하면 웹 사이트로 이동합니다 그래서 이것은 제가 구축 한 다른 데모 웹 사이트입니다

기본적으로 여기에이 웹 사이트에 적용하는 방법을 보여 드리겠습니다 나는 또한 여러분의 기본 색상이 여기에 검정색을 넣으면 원하는 색상을 꽤 많이 고를 수 있습니다 어쩌면 제가 여기서 제안 할 것은 여기에서 액센트 컬러를 선택하는 것입니다 네가 패션 상점 같았다면 주로에 판매 할 것이다 10 대 소녀, 당신은 악센트 색깔로 분홍색 수도 있습니다 그러나 만약 당신이 같은 판매하는 옷 가게와 같은 여성과 남성의 경우 파란색이 세계에서 가장 인기있는 색상이기 때문에 파란색을 선택할 수 있습니다

따라서 악센트 색상으로 좋은 선택 일 수 있습니다 여기에 붙여 넣으세요 아마 실제로 Adobe를 만들 필요가 있으므로 실제로 저장하는 것이 좋습니다 ID가없는 경우 ID 또는 16 진수 코드를 종이에 적어 두십시오 그런 다음 웹 사이트를 만들고 여기에 입력 할 때마다 따라서 색상을 변경해야 할 때마다 복사하여 붙여 넣기 만하면됩니다

지금 우리가 할 일은 우리 웹 사이트에 가서 사용자 정의를 클릭하는 것입니다 자, Themify 옵션에 있는지 확인하고 고급 옵션을 선택하십시오 그러면 시체를 클릭 할 수 있습니다 그래서 몸 배경 배경색을 변경할 수 있습니다 하지만 나는 당신을 전자 상거래 상점이기 때문에 흰색으로 유지할 것입니다

따라서 귀하는 귀하의 웹 사이트의 실제 브랜드보다는 제품에 관심을 갖기를 원합니다 따라서 본문 글꼴의 경우 글꼴 색을 변경할 수도 있습니다 하지만 개인적으로 나는 이미 기본값이기 때문에 그대로 유지할 것입니다 짙은 회색이고보기에 좋다 본문 링크의 경우 여기에 설정해야 할 것은 아마 기본 색상 일 것입니다 색상 팔레트는 여기에 복사 할 수 있습니다

기본 색상 그런 다음 웹 사이트로 돌아가서 거기에 붙여 넣을 수 있습니다 그리고 볼 수 있듯이 이제는 녹색으로 바뀝니다 따라서 기본 색상이 어두운 회색과 같은 경우에는 당신의 악센트 색깔을 사용하십시오 그래서 내가 전에 말했듯이 당신은 파란색 또는 핑크색을 골랐을 수도 있습니다 색상 링크

너무 가벼운 색상처럼 보이는 경우 (예 : 노란색) 그것은 너무 가벼운 것과 같습니다, 그러면 링크 색상으로 사용하지 않을 것입니다 대신 밑줄을 사용하십시오 따라서 귀하가 귀하의 웹 사이트에서 무엇을 하든지, 귀하는 모든 것이 보입니다 그런 다음 본문 링크를 가리 키기 위해 링크가 변경된 색상을 마우스로 가리키면됩니다 그래서 내가 전에 말했듯이 이전에 버튼을 설정할 때 수식을 사용합니다

두 가지 음영을 더 어둡게하거나 두 가지 음영을 가볍게 선택합니다 따라서이 경우에는 어두운 부분을 2 개 선택하고 본체 링크를 가리 키도록하겠습니다 그래서 그 위에 마우스를 올려 놓으면 어두워 져야합니다 그래서 그것은 거기에 그 작은 의견을 제공합니다 그래서 우리는 이것을 최소화 할 것이고 우리는 몸에 두었습니다

그런 다음 헤더 섹션으로 이동합니다 좋습니다 보시다시피 헤더 메뉴와 같은 것을 볼 수 없습니다 그래서 저는 약간 축소 할 것입니다 그래서 나는 그것을 볼 수있다

헤더 섹션은 여기에있는 모든 것에 영향을줍니다 따라서 머리글 감싸기를 클릭하면 머리글 감싸기 배경색을 변경할 수 있습니다 그래서, 예를 들어, 당신이 패션 가게라면, 나는 그것을 더 어두운 색으로 바꿀 것입니다 3D3D 나 기본 색상은 정말 어두운 회색입니다 하지만 여기서 신선한 음식을 팔고 있기 때문에 나는 그것을 매우 단순하고 친절하게 보이기 때문에 흰색으로 유지할 것입니다

그래서 나는 그대로 유지할거야 그래서 어두운 회색이나 그런 것 같지 않으면 기본 색상을 거기에 두지 않을 것입니다 왜냐하면 제가 거기에 초록색을 넣으면, 너무 비싸기 때문입니다 그러니 말하자 그 녹색을 붙잡 자구

거기에 넣자 그래서 나는 단지 그것이 너무 많이 있다고 생각합니다 그래서 그것은 훨씬 더 나은 백색으로 보입니다 일단 그렇게하면 헤더 폰트 섹션으로 갈 수 있습니다 그래서 헤더 폰트는 실제로 링크가없는 것

그래서 여기있는 모든 것은 실제로 링크이므로 아무 것도 변경할 필요가 없습니다 따라서 헤더 링크를 클릭하면 헤더 섹션의 모든 링크에 대한 색상이 변경됩니다 그래서 이것을 어두운 회색으로 바꿀 수도 있습니다 그래서 저는이 색상 코드를 사용할 것입니다 알았다 그렇게 그것을 여기에 붙이자

보시다시피 모든 링크 색상이 어두운 회색으로 바뀝니다 그래서 나는 중성 색을 사용할 것입니다 녹색으로 표시하면 눈에 띄지 않습니다 그래서 나는 당신을 위해 그것을 색으로 사용하고 싶습니다 배경이 어두울 경우 그러면 헤더 링크를 흰색으로 바꿀 것입니다

헤더 링크를 가리키면 실제로 마우스를 올려 놓습니다 그래서 당신은 좋은 효과를주고 싶다 그래서 그것을 바꿀 수있는 것은 녹색, 기본 색상 또는 실제로 선택할 수있는 것입니다 어두운 버전 또는 여기에 넣은 색상의 밝은 버전 이 경우, 5D5D에 갈 수도 있습니다

그래서 조금 더 가벼워졌습니다 그렇게 그래서 약간의 효과가 있습니다 또는 기본 색상을 선택할 수 있습니다 따라서 여기에 마우스를 올리면 노란색 밑줄이 보입니다

그 색상을 변경하려면 실제로 액센트 스타일로 이동할 수 있습니다 클릭하십시오 그리고 나는 이것이 액센트 테두리 색이라고 생각합니다 그래서 저는 그것을 5D5D로 설정하려고합니다 그리고 저것은 저것 같이 변화 할 것이고 그때 그것을 구할 것입니다

이제 사이트 로고 및 태그 라인 태그 라인을 아무에게도 옮길 수 없으므로 아무 것도 없습니다 끝내자 메인 네비게이션의 경우 이것은 실제로 여기 그래서 이것이 당신의 주요 항법입니다 따라서 헤더 링크 색상을 여기에서 변경하면 실제로 헤더 링크 색상을 재정의 할 수 있습니다

그래서 나는 그럴 필요가 없기 때문에 그것을 그대로 두려고합니다 그러나 당신이이 설정을 여기에서 바꾼다면 할 수 있습니다 메뉴 활성 링크의 경우 상점 페이지를 클릭하면 그런 다음 메뉴에서 활성 링크를 변경하고 녹색이나 비슷한 것을 바꾸자 빨간색으로 변경합시다 이것이 활성 링크 색상입니다

활성 링크의 경우 나는 그냥 괜찮은 것 같아서 그냥 기본값으로 두려고합니다 그리고 나서 메뉴 활성 링크를 가리키면 기본적으로 링크 위로 마우스를 가져 가면 어떤 색상으로 변경됩니까? 드롭 다운 컨테이너의 경우 여기에 드롭 다운 컨테이너 또는 링크가있는 경우 배경색 및 링크 소유자를 여기에서 변경할 수 있습니다 상점 섹션을 클릭하면 그래서 우리는 제품 제목, 가격, 장바구니에 추가 버튼의 경우 여기에서 바꿀 내용은 배경색입니다 나는 그것을 기본 색으로 바꿀 것이다 그래서 여기로 가서 그 코드를 복사하십시오

거기에 넣어 이제 기본 마우스를 가져 가면 색상이 바뀝니다 어두운 두 가지 음영 그런 다음 거기에 붙여 넣습니다 그래서 그 위에 올려 놓으면 어두워 져야합니다 나는 그것을 저장하고 게시하고 새로 고칠 것이고, 그러면 바뀔 것이다

그래서 판매 태그 이것은 여기에있는 태그입니다 이를 위해 기본 색상을 사용하지 않습니다 내 억양 색을 쓸거야 그래서 나는 여기에 갈거야 강조 색상을 잡고 붙여 넣습니다

배경색 및 텍스트 색상은 흰색으로 바꿀 것입니다 그렇게 흰색으로 변경하십시오 그러면 꽤 좋습니다 사이드 바를 위해 여기에 여기에서 색상을 변경할 수도 있습니다 그래서 예를 들어 보시다시피, 가격 슬라이더 배경 색상, 당신은 갈 수 있습니다 당신이 갈 경우 악센트 스타일 및 나는 그것이 악센트 배경색이어야한다고 생각합니다

그래서 나는 그것을 녹색으로 바꿀지도 모른다 그래서 내가 할 일은 내 초록색을 잡는거야 그걸 거기에 넣으세요 그리고 그것은 그것을 변화시켜야하고 그것은 또한 그것을 변화시킵니다 일단 우리가 그렇게하면, 우리는 아래로 스크롤 할 수 있습니다

바닥 글 부분 그래서 이것이 당신의 꼬리말입니다 바닥 글 래핑은 기본적으로 배경색입니다 그래서 일반적으로이 섹션에 중성 색을 선택하게됩니다 기본 색상을 넣지 않을 것입니다 다시 말하지만, 녹색 색상도 있습니다

무거운 그래서 내가하는 일은 밝은 회색을 넣는 것입니다 네가 패션 가게 같은 사람이라면 어두운 진한 회색을 선택할 수도 있습니다 그래서 나는 밝은 회색을 덧붙여서 footer 섹션이 그렇게 중요하지 않기 때문에 나는 정상적으로 그것을 내려 놓는 것을 좋아한다 그래서 나는 보통 그것을 링크와 물건들에 대해 더 밝은 회색의 종류로 만들고 싶어한다

우리가 글꼴의 발에 가면 그래서 바닥 글 글꼴은 여기에 있습니다 그래서 그것은 당신의 폰트가 아닌 링크입니다 나는 기본적으로 그 색으로 유지 하겠지만 거기에서 변경할 수 있습니다 꼬리말 링크 이것은 여기의 꼬리말 링크이고, 나는 그것을 밝은 회색

5D5D를 시도해 봅시다 그렇게 그래서 가볍고 더 멋지게 보입니다 바닥 글 링크를 가리 키기 위해 마우스를 가져 가면 색상이 표시됩니다 내가 할 일은 다른 그늘을 두는 것입니다

어쩌면, 더 어두운 버전을 가정 해 봅시다 3D3D 그거 좋아해 그래서 그 위에 마우스를 갖다 대면 약간의 효과가 있습니다 단지 정말로 미묘하고 멋지다 일단 그렇게하면 닫을 수 있고 꽤 많이합니다

그럼 저장하겠습니다 그럼 끝내자 그래서 저는 실제로 홈페이지에 색상을 적용하는 방법을 간략히 설명 할 것입니다 따라서 홈페이지에서 가장 먼저 원하는 것은 올바른 선택입니다 영상

보시다시피, 나는 신선한 음식으로 이미지를 골랐습니다 몸소 나는 아마 채식주의 자 같은 녹색을 그곳에 넣을거야 하지만 Unsplash에서 가져 왔어 따라서 올바른 이미지를 선택하는 것이 중요합니다 두 번째로 할 수있는 경우 기본 색상을 사용합니다

귀하의 텍스트 할 수 없다면 중성 색을 선택하십시오 버튼의 경우 여기에있는 것처럼 악센트 색상을 사용하게 될 것입니다 그리고 나는 또한 그것을 두었습니다 당신이 그 위에 마우스를 갖다 대면 더 진한 빨강입니다

아래로 스크롤하면 아이콘에 악센트 색상을 사용했습니다 또한 링크를 위해 기본 색상을 사용했습니다 나 또한 분할기 배경에 밝은 회색을 사용했습니다 그래서 그것은 내용을 정말 잘 분리시킵니다 그런 다음 아래로 스크롤합니다

이 중 하나에는 윤곽선 단추 또는 유령 단추를 넣습니다 내가 그렇게 한 이유는 여기에있는이 단추들은 단단하고 이것들이 사람들을 잘라내는데 더 중요하다 그래서 유령 버튼을 사용하는 이유는 통계적으로 클릭 수가 적기 때문입니다 그리고 그것은 정말로 정말로 미묘하고 멋지게 보입니다 아래로 스크롤

보시다시피 여기의 칸막이 색상입니다 나는 밝은 회색을 사용하지 않았다 내가 사용한 색은 정말 연한 녹색 인 것 같아 기본적으로 기본 색상의 그늘을 선택하여 웹 사이트에 넣을 수 있습니다 그리고 실제로는 여전히 좋아 보일 것입니다

아래로 스크롤 내 바닥 글이 밝은 회색이므로이 섹션에 어두운 회색을 사용했습니다 그래서 여기에있는 내 꼬리말이 어두운 회색이면 어두운 회색을 다시 사용하지 않을 것입니다 왜냐하면 거기에는 아무 것도 없기 때문입니다 콘텐츠 분리 그래서 이것이 제가 색상을 적용한 방법입니다

정말 간단합니다 그래서 당신이 그것을 본다면, 우리는 단지 대부분의 웹 사이트의 기본 색상과주의를 끌기위한 버튼 및 사물의 강조 색상 사용할 색상을 알지 못하는 영역의 중성 색 기본 색상의 다양한 음영을 사용할 수있을뿐 아니라 버튼 및 호버 효과에 사용할 수 있습니다 그래서 그것은 꽤 많은 색상이었습니다 나는 또한 간단히 소개하고 싶다 빌더와 함께하는 반응 형 스타일링 옵션을 사용할 수 있습니다

예를 들어, 실제로 웹 사이트는 꽤 반응이 좋습니다 따라서 모든 콘텐츠가 올바르게 정렬되는 것을 볼 수 있습니다 하지만 때로는 영웅 이미지 때문에 텍스트가 너무 많이 들릴 수도 있습니다 보시다시피 이미지가 축소되지만 여전히 많은 텍스트가 있기 때문에 더 이상 표시되지 않을 수도 있습니다 사실, 음, 다시 돌아가 보자

당신은 실제로 그것에 대한 가시성을 제거하거나 설정할 수 있습니다 예를 들어 너무 많은 텍스트를 표시하지 않으려면 가시성을 위해 실제로 숨길 수 있습니다 모바일 장치 용으로 숨길 수 있습니다 그것을 저장했습니다 그래서 우리가 그것을 닫으면 그런 다음 화면을 축소하면 실제로 사라질 것입니다

그럼 또 다른 일이있어 빌더를 켜기 만하면됩니다 할거다 여기로 돌아가서 그 대신 스타일을 지정하십시오 여기에서이 스타일 옵션을 클릭하십시오 모바일을 클릭하십시오

배경색을 설정할 수 있습니다 예를 들어 흰색 배경색처럼 또는 어두운 배경을 선택할 수 있습니다 당신의 배경에 따라 그런 다음 여기에 불투명도를 설정할 수 있습니다 그래서 그것은 텍스트의 가시성 그래서 저는 그것을 백색으로 바꿀 것입니다

및 075 % 그렇게 그런 다음 저장을 클릭하십시오 그리고 나서 타블렛을 위해, 그래서 나는 타블렛을 위해서도 그렇게했습니다 그 텍스트가 보입니다

그래서 풍경 당신은 조경을 위해 그것을하고 싶을지도 모르다 나는 그걸 그냥두고 갈거야 데스크톱의 경우, 그것은 좋을 것이다 따라서 모든 옵션을 확인할 수 있으며 각 행에 대해 열을 설정할 수 있음을 표시하는 것을 잊어 버렸습니다 예를 들어,이 행은 여기에 있습니다

열에서 설정할 수 있습니다 그런 다음 열로 분리됩니다 원하는만큼 분리 할 수 ​​있습니다 웹 사이트 구축 모듈을 모듈에 추가합니다 그래서 그것은 꽤 많이 튜토리얼

질문이 있으시면 아래로 내려 놓으십시오 또한 Udemy 과정에 추가 비디오를 업로드 할 예정입니다 Udemycom에 가면 여기에서 코스를 검색하는 경우, 그냥 "Hogan Chua"라는 이름으로 입력 한 다음 enter를 클릭하십시오 그래서 기본적으로 내 코스는 아직 안 끝났어

그래서 나는 그것을 다음 날에 올릴 것이다 기본적으로 무료 코스에 등록 할 수 있습니다 당신은 그 어떤 것도 지불 할 필요가 없습니다 그래서 나는 거기에 추가 비디오를 업로드 할 것입니다 그래서 그게 다야! 그래서 당신이 비디오를 좋아한다면, 그것을 줘야합니다

친구와 공유하십시오 그리고 잘하면, 당신은 그것이 정말로 유용하다는 것을 알았습니다 감사!

Magento Beginner Tutorials – 01 What is Magento?

– 안녕, 모두 크레이그 야 디지털 시동시

오늘 저는 Magento에 관해 이야기하고 싶습니다 그리고 비디오의 끝 부분에서, 나는 그것이 무엇인지 말하고 싶다 그것이하는 일과 그것이 모두 적합한 지 여부 당신과 당신의 비즈니스 요구를 위해 그럼 가자 Magento는 무엇입니까? 당신이 Google에 그 질문을한다면, 당신은 일반적으로 다음과 같은 답을 찾을 것입니다

Magento는 전자 상거래 플랫폼으로, 오픈 소스 기술을 기반으로 구축되었으며, 기능의 사용자 정의 허용 강력하고 유연한 기능을 제공하는 대규모 카탈로그 관리, 컨텐츠, 검색 엔진 최적화 및 기능 어떤 소매 업체라도 기대할 수 있습니다 와우,하지만 그게 실제로 무엇을 의미합니까? 따라서 Magento는 전자 상거래 플랫폼입니다 그래서 인생에서 유일한 목적입니다 온라인으로 상품과 서비스를 판매하는 것입니다 그것은 오픈 소스입니다

Magento가 당신의 필요를 충족시키지 못하는 지점에 도달하십시오 어쩌면 당신은 그것이하지 않는 한계에 도달했습니다 당신이 정말로해야 할 일, 개발자 또는 개발자가 귀하의 필요에 맞게 소프트웨어를 수정하십시오 확장 가능한 기능을 제공합니다 그래서, 하루에 수십 번의 방문을하든, 또는 수만 개의 제품을 판매하고 있으므로 몇 가지 제품을 가지고 있거나 아니면 심지어 엔터프라이즈이므로 수십만 가지가 있습니다

방문자와 제품을 완벽하게 확장 할 수 있습니다 그것은 당신의 필요를 충족시킬 것입니다 소프트웨어 변경에 대해 걱정할 필요가 없습니다 일을하지 않기 때문에 1 년 내에 당신이 그것을하기 위해 필요한 것 이 제품은 유연한 기능을 제공하며 카탈로그 관리, 그래서 우리는 제품리스트를 말하고 있습니다

우리는 재고 및 재고 관리를 말하고 있습니다 사이트의 콘텐츠를 편집 할 수도 있습니다 따라서 추가, 편집, 텍스트, 이미지, 레이아웃, 방문 페이지, 카테고리, 당신은 모든 것을 주변에서 지그 할 수 있습니다 그것은 검색 엔진 최적화를 지원하므로, 수색 엔진은 페이지에있는 특정 중요한 감적을주의한다, 그래서 그것은 메타 데이터, 마이크로 데이터, 대체 텍스트, 그것은 당신이 필요로하는 모든 것들을 지원합니다 그 상자들을 체크하기 위해서 Magento는 대중적인 선택입니까? 예, 그렇습니다

당신이 Alexa 최고 10 만명을 보면, 당신은 첫 번째 위치에서, 당신은 Magento를 가지고 있고, WooCommerce, 이것은 WordPress 확장 프로그램입니다 Magento가 너에게 딱 맞는가? 나는 몇 가지 글 머리 기호를 읽을거야 이 기록이 당신과 진실이라면, 그러면 그것은 당신에게 좋다 기술에 정통하지는 않지만 시간이 많이 걸립니다 새로운 것을 배우는 것은 나와 함께 괜찮습니다

비즈니스 요구에 맞게 확장 할 수있는 소프트웨어가 필요합니다 필요에 대해 걱정하지 않고 미래에 소프트웨어를 바꿀 수 있습니다 어떤 시점에서 나는 많은 교통량을 기대할 것입니다 내 사이트에, 그래서 나는 안정적인 소프트웨어가 필요합니다 나는 Magento가 다른 사람과 의사 소통하기 위해 필요할지도 모른다

운송 회사와 같은 소프트웨어 패키지 나는 행복하게 대답을 찾는다 Magento 커뮤니티 내의 질문, 보안 및 PCI 준수 내게 가장 중요하다 그 중 어떤 포인트가 당신과 함께 사실로 울리면, 그렇다면, Magento가 당신에게 옳습니다 따라서 소개가 끝나면, 프론트 엔드와 백엔드에 대해 간단히 살펴 보도록하겠습니다 이제 내가 프론트 엔드와 백엔드를 말할 때, 우리는 프론트 엔드를 말하고있는 것은 당신 고객 사용자가 웹 사이트에 로그온 할 때 표시됩니다

그리고 백엔드 또는 관리자는 사용자가 보는 것입니다 웹 사이트에 로그온하면 운영에 대한 전체 개요 Magento 용으로 준비된 데모 스토어입니다 일반적으로 Magento 내의 페이지를 찾는 경향이 있습니다 세 부분으로 나뉩니다

여기 상단에 헤더가 있습니다 여기에는 일반적으로 링크, 환영 메시지, 회사 로고, 귀하의 계정 및 장바구니에 대한 링크, 검색 기능 및 다른 부품에 대한 링크 해당 웹 페이지가 방문 페이지인지 여부 또는 카테고리 페이지 그리고 나서 우리는 바닥 글을 가지고 있습니다 여기에 우리와 같은 일반적인 것들을 발견 할 것이다, 연락처, 외부 링크 및 위젯 뉴스 레터 구독 등 그리고 나서 무엇이든간에 귀하의 페이지에 만족할 것입니다

그래서이 홈 페이지에서는 상단에 슬라이드가 있습니다 세 번의 행동 요청과 신제품 목록 그러나 카테고리로 들어가 봅시다 그래서 우리는 여성들 밑에 새로 도착할 것입니다 그리고 여기에서 우리가 다시 볼 수 있습니다

머리글, 꼬리말 및 내용을 포함 할 수 있습니다 그러나 차이점은 여기에 있습니다 3 열 설정이 있다는 것입니다 그래서 첫 번째 열은 당신이 무너질 곳입니다 색상, 기회, 유형을 필터링하여 귀하의 제품

오른쪽에는 위젯이 있습니다 최근에 본 제품, 제품 비교, 커뮤니티 설문 조사 그리고 중심에서 우리는 광 고를 얻었습니다 그러나 그것의 주요 것은 여기있다 제품 목록 우리는이 범주에 속하기로했습니다

따라서 우리가 카테고리 내의 제품에 들어가면, 우리는 이름과 가격이 있다는 것을 여기에서 볼 수 있습니다 상품 재고 여부, 상품 재고 여부 등이 포함됩니다 그리고 우리는 우리가 주문하고 싶은지 여부를 걸러 낼 수 있습니다 어떤 색으로, 어떤 크기로, 간단히 장바구니에 추가하십시오 그리고 당신은 당신이 기대할 수있는 다른 것들을 가지고 있습니다

위시리스트와 같은 전자 상거래 사이트에서 비교 및 공유 할 수 있습니다 그래서 우리는 관련 제품을 가지고 있습니다 그러니 의복을 사는 데는 적합합니다 이 경우 주얼리 따라서 장바구니에 추가 할 수도 있습니다

그 아래에서 우리는 우리가 제품에 대해 가지고있는 추가 이미지 그리고 아래층에, 우리는 반복을 가지고있다 설명이 무엇인지, 속성 목록 이 제품에 대해 설정 한 및 리뷰 목록 그런 다음 다시 하단에 태그 용 위젯이 있습니다 그래서 이것을 주문하고 싶으면 카트에 간단히 덧붙일 것입니다

그리고 나서 계산대로 가서 지불하십시오 이것은 백 엔드가 들어오는 곳입니다 따라서 백엔드로 전환하면 로그인 할 때, 이것은 당신이 보는 것입니다 판매 통계에 대한 개요를 볼 수 있습니다 그러나 우리는 판매 주문을 볼 수도 있습니다

이제 우리는 여기 없지만, 만약 우리가 간다면, 우리는 주문서 목록을 가지고 있습니다 청구서 이름, 선적 이름, 주소, 따기를위한 준비가되었는지 여부, 아직 지불을 기다리고 있는지 여부와 상관없이 언제든지 명령을 내릴 수 있습니다 취소 여부, 완료, 몇 년 전부터 아무것도, 여기에서 판매 주문 목록을 검토 할 수 있습니다 그럼 이제 우리는 제품 관리를 살펴볼 수 있습니다

그래서 여기에 병에 든 물이 있어요 그래서 이것을 클릭합시다 그래서 실제로 여기에서 사용할 수있는 항목이 하나뿐입니다 우리는 가격, 메타 정보를 지정할 수 있습니다 전에 언급했듯이, SEO를 지원합니다

우리는 여기에 여러 이미지를 가질 수 있습니다 그러나 그것의 아름다움 우리가 제품에 속성을 추가 할 수 있다는 것입니다 옷을 입는 곳, 다음과 같은 속성을 갖습니다 경우, 유형 또는 성별, 생수 물의 근원과 병의 크기를 원할 수도 있습니다 스파우트 또는 정상적인 모자가 있는지 여부

따라서 우리는 모든 제품 유형을 다르게 취급 할 수 있습니다 그래서 우리는 일반적인 속성으로 끝나지 않는다 해당 제품에는 적용되지 않습니다 나는 그 특징을 정말로 좋아한다 내가 아마 제안 할 것 인 한 가지, 만약 당신이 속성을 설정하는거야? 흑백 응답이없는 제품의 경우, 나는 일반적으로 그것으로부터 멀리 조종한다고 말한다

여기에서는 기회와 캐주얼이 있습니다 옷을 걸러 낼 사람 그들이 웹 사이트를 보러 올 때 의견이 다를 수도있다 공식적인 것에 캐주얼이 무엇인지에 관해서 말입니다 그래서 무언가를 꽤 회색으로 치면, 제품이 보이지 않게 될 수도 있습니다

실제로 그것을 찾고있는 사람에게 카테고리를 관리 할 수도 있습니다 백 엔드에서 그래서 여기에 우리는 여자가 있고, 모두를보고, 새로운 도착,상의와 블라우스 그리고 이것이 우리가 그것을 추가하고 제거하는 곳입니다

그래서 우리는 그것을 부르는대로 부모 범주를 얻었습니다 그리고 나서 우리 아이 카테고리 그래서 그것은 예를 들어 여성복, 신착입니다 카테고리 내에서 어떤 제품이 그 안에 나타나야하는지 예상대로, 다음을 관리 할 수도 있습니다

고객, 프로모션, 뉴스 레터 CMS는 페이지를 편집하는 곳입니다 그래서 여기에, 우리가 간다면, 그냥 우리에게 연락하십시오 따라서 귀하의 문의 양식이 있습니다 편집하고 싶다면, 당신은 CMS 페이지에서 그것을 할 수 있습니다, 거기에서 편집하십시오

그런 다음 판매보고가 발생했습니다 다양한 기타보고 및 구성 방법 귀하의 사이트가 어떻게 보이는지 일반적으로 사용하기에 아주 간단한 시스템입니다 네가 원하기 시작할 때까지 더 많은 기능을 추가하십시오 나는 그것이 가능하지 않다는 말은 아니다

나는 단지 조금있다는 것을 말하고있다 거기에 가파른 학습 곡선이 있습니다 그러나 기본적으로 모든 기본 사항을 수행합니다 당신이해야 할 일 개발자를 참여시킬 필요가 없습니다 Magento에 대한 소개였습니다

그리고 그것이 무엇인지 다행히도, 당신은 몇 가지 것을 배웠습니다 그리고 당신이 더 많은 것을 배우고 싶다면, 시리즈에 충실하십시오 그리고 우리는 설치하는 방법에 대해 이야기 할 것입니다 Magento를 설치하고 운영하십시오

자신의 비즈니스 요구 사항에 가장 효과적으로 사용하는 방법에 대해 설명합니다 시청 해주셔서 감사합니다

Paypal checkout Laravel || Paypal Integration Effortlessly || E-commerce in Laravel 5.3 – Part 63

laravel 53에서 전자 상거래 웹 사이트 튜토리얼을 시작할 수 있습니다

오늘 나는 새로운 주제를 다룰 것이다 페이팔 결제 게이트웨이를 laravel에 통합하는 방법 이것을 구현하는 방법을 단계별로 배울 것입니다 우선 developerpaypalcom을 얻었습니다

과 귀하의 웹 사이트에 장바구니에 제품을 추가하십시오 카트에 두 개의 제품을 추가했습니다 이 제품은 충분히 재고가 없다 phpmyadmin에서 우선 재고 업데이트 너의 데이타베이스에 가라 및 제품 테이블 계산대에 가라 현재 우리는 대구 사만을 사용하고 있습니다

이 양식을 복사하십시오 체크 아웃 페이지에 표시해야합니다

Se lancer en e-commerce : 3 méthodes, avantages et inconvénients

브라보, 당신은 온라인 거래를하기로 결정했습니다 축하해! 기회가 가득한 멋진 모험입니다

온라인에서 원하는 제품이나 서비스를 판매 할 수 있습니다 온라인 상점을 만드는 방법에는 여러 가지가 있습니다 그들은 모두 찬반 양론이 있습니다 우리가 함께 보게 될 것입니다! 무엇보다도 올바른 선택을하고 있는지 확인하십시오 공식 FEVAD 통계에 따르면, 그것은 상거래 연합 (Federation of Commerce and Distance Selling)입니다

프랑스 만해도 온라인 판매는 1,000 억 유로에 가깝습니다 연간 회전율 그것은 10 년 전보다 5 배 이상입니다! 성장을 멈추는 것은 불가능합니다 당신이 케이크 공유를 원한다면 적어도 당신은 그것이 거대하다는 것을 압니다 네가 지금 생각하고있는 질문들을 안다

어떻게 지내니? 바로 그거야, 나는 온라인 상점, 웹 사이트를 만들고 싶다 판매에 대해서는 어떻게 생각하십니까? 내 가게를 만들 최적의 조건을 확보하는 방법은 무엇입니까? 그래서 최고의 가격, 최고의 품질, 내 수단과 목표에 가장 잘 맞는 것인가? 필요한 경우 전문가가 어떻게 조언을 받습니까? 내 가게를 쉽게 관리하는 방법? 내 전자 상거래에서 첫 고객을 유치하는 방법? 이봐, 나는 너를 낙담하고 싶지 않아! 당신의 의미가 무엇이든, 당신의 동기 그리고 당신의 목표, 당신의 야망, 당신을위한 해결책이 있습니다 그리고 그것이 우리가 함께 보게 될 것입니다 시작하려면 내 의견으로하지 않을 일을 설명하고 싶습니다 2009 년부터 업계에 종사해 왔습니다

그래서, 내가 본 것에서 그래서 첫째로 나는 너에게 충고한다 너무 복잡한 솔루션을 피하십시오 연구하는 동안 인터넷에서 다음과 같은 솔루션에 대한 정보를 얻을 수 있습니다 Prestashop 또는 Magento

이들은 큰 콘텐츠 관리 시스템입니다 수년간 함께 일 해왔다 그래서 이것들은 훌륭한 도구입니다 그 가게의 평균적인 관리를 원하지 않고 매일 매일 특히 장기간에 걸친 기술 유지 보수는 실제로 매우 복잡합니다 자신이 전문가가 아닌 경우 충분한 돈을 지불해야합니다

당신의 가게에서 일 년 내내 당신을 도울 비싼 그래서 우리는 Prestashop 또는 Magento 나에게도 꽤 길고 복잡하다 같은 Webdesign에서 작은 것들을 바꾸려면 다른 솔루션보다 훨씬 오래 걸립니다 평소와 마찬가지로 내가 정보로주는 것은 소싱 된 것입니다

나는 당신에게 큰 비교 비디오의 설명 다음은 권장하지 않는 옵션입니다 이제 세 가지 옵션을 사용할 수 있습니다 그들은 모두 일련의 장점과 단점 기본적으로 귀하의 선택은 귀하의 야망, 재정적 수단, 당신이 완전히 자유롭고 싶다면 당신이 실제로되고 싶다면 소스 코드의 소유자

나는 다음과 같은 해결책으로 시작하겠다 장기적으로 볼 때 가장 비싼 편이며 값싼 솔루션으로 마무리하겠습니다 누가 당신에게 가장 필요한 것을 당신에게 물어볼 것입니다 사용할 수있는 첫 번째 옵션은 다음과 같은 플랫폼을 사용하는 것입니다 WIX 또는 Shopify

플랫폼의 장점은 제품 카탈로그를 2 ~ 3 개 빠르게 업로드하십시오 어쩌면 일은 끝날 것입니다 시작하려면 웹 마스터가 필요하지 않으며 월별로 지불 할 수 있습니다 반면에이 장르의 플랫폼을 사용하면 평생 동안 네 가게에 돈을 지불해야 해 장기적으로는 조금 비싸다

예를 들어, Shopify와 함께, 나는 패키지가 주변에 있다고 믿는다 1 년에 300 ~ 3000 유로 사이에 있으며 상점은 클라우드에 호스팅 된 플랫폼으로 귀하의 소유가 아닙니다 소스 코드 항상 플랫폼에 의존 할 것이며, 사랑이있는 당신의 가게는 세입자이고 계속해야 할 것입니다 매월 지불하십시오

영원히 일부 플랫폼은 당신의 판매의 각각에 작은 백분율 임무 그래서, 기본적으로, 귀하의 처분에 대한 첫 번째 옵션을 위해 그렇게했다 플랫폼을 통해 턴키 샵 두 번째 옵션은 고전적인 방법입니다

전문 기관이나 프리랜서로 그의 온라인 상점을 개발하십시오 이 솔루션의 단점은 분명합니다 시작하려면 적은 투자가 필요합니다 걸릴거야 당신의 편안한 예산을 정의하고 기관과 프리랜서를 접촉하십시오 따옴표를 얻으려면

그렇게 관세를주는 것은 불가능합니다 고르파 그것은 당신의 프로젝트에 달려 있습니다 원하는 경우 예산을 최대 금액 (원하는 금액)으로 설정하고에 문의하십시오 김 커뮤니케이션과 우리는 견적을 낼 수 있을지 모른다

아마 말할거야 우리는 연간 최대 10 명의 신규 고객을 고용하기 때문에 그래서 그 때보아야 할 것이다 이 옵션의 이점은 이전 옵션과 비교하여, 너는 단 하나를 지불한다 시간을내어 상점에 넣고 모든 소스 코드를 영원히 소유하십시오 WordPress에 대한 두 번째 이점 덕분에 예를 들어, WooCommerce 당신의 가게를 업그레이드하는 것은 매우 쉽습니다

수만 개의 무료 및 유료 플러그인이 있습니다 원할 때 상점을 진화시키기 위해 추가 할 수 있어야합니다 너무 비싸지 않아 게다가, 나는 WooCommerce Prestashop에 미스터 워드 프레스에 대한 큰 기사에서, 비디오 설명에 링크를 달았습니다 비록 당신이 창조해야하더라도 전자 상거래가 무료가 아니라면이 단계는 장기적으로 전문가와 동반해야합니다

우리는 당신을 줄 수있다 당신의 가게 생활 전반에 걸쳐 조언 반면 턴키 샵, 플랫폼, 당신은해야합니다 때로는 존재하지 않는 기술 지원 부서에 다시 돌려주십시오 WordPress와 WooCommerce를 전문으로하는 수백 명의 프랑스 웹 마스터가 있습니다 바로 그거야, 그냥 구글로 가서 확인해 보라

"WordPress 전문가"나 "WordPress 대행사", "WooCommerce 대행사"는 원하는대로 볼 수 있습니다 이 두 번째 옵션을 선택하면 언제든지 도움을받을 수있는 사람을 찾을 수 있습니다 플랫폼, 그것은 전문가를 찾는 것은 꽤 어려울 것입니다 그것이 바로 판매 사이트 개발에 대한 대행사 또는 프리랜서 마지막으로, 신비한 것을 보자

세 번째 옵션을 처분하십시오 그것은 두 가지의 장점을 겸비하고 있습니다 첫 번째 옵션 비용은 들지 않지만 일해야합니다 WooCommerce를 기반으로 자신의 상점을 실현하려고합니다

저는 이것이 전자 상거래에서 세계에서 가장 많이 사용되는 솔루션이라는 것을 상기시킵니다 설명에 공식 통계에 대한 링크를 넣어 둡니다 당신이 전문가가 아닌 경우 당신의 가게가 웹에서 가장 아름답다고는 할 수 없지만 많은 인내와 많은 시간 앞에서 할 수 있습니다 아웃 이 옵션을 선택하면 EasyHoster에서 제공하는 헌금을 구독하면됩니다

백 유로로 시작할 수 있습니까? 나는 당신에게 설명입니다 나는 다른 호스트를 모른다 웹은 완전히 동등한 오퍼를 제공합니다 EasyHoster에서 우리는 기본 전자 상거래 상점을 설정하면 귀하에게 달려 있습니다 그것을 사용자 정의하십시오

그게 다야! 경쟁자들, 내 지식에 그들이 무슨 일을하는지, 할 일은 호스팅에 WordPress를 설치하는 것입니다 다 WooCommerce 없음 그렇다면, 안심해도됩니다 당신은 일을해야 할 것입니다, 당신은 모든 질문을 할 수있을 것입니다 기술 지원

물론, 당신은 항상 언제든지 웹 마스터에게 전화를 걸어서 ShopHooCommerce는 EasyHoster에서 호스팅되며 문제는 없습니다 처음 두 옵션에 대한 대안입니다 매월 지불하는 매우 비싼 구독, 귀하의 판매 사이트가 당신에게 속한 100 %의 투자로 수천 유로를 투자 할 필요가 없습니다 첫날 반면에 나는 주장한다

헌신 할 필요가있다 많은 시간이 그렇게되면 웹 마스터에게 전화를하거나 예를 들어 일이 너무 복잡해지면 연락하십시오 오, 그래! 웹 사이트 제작자는 여전히 고유 한 직업으로 남아 있습니다 글쎄, 그건 내가 사용할 수 있다고 생각하는 세 가지 옵션이었다 나는 플랫폼에 대해 객관적으로 노력했다

턴키 샵의 경우, 비록 내가 맘에 안들지만, 사람들은 그것들을 사용하므로 그것에 관해 당신과 이야기해야했습니다 너가 궁금하다면 너 내가 당신에게 약간의 링크를 넣어 비디오의 설명을 볼 수있을 것입니다 우리의 고객 증명서 페이지 그것이 김 통신사를위한 것이지만 또는 EasyHoster 측면의 숙박 시설 주저하지 마시고 모든 질문에 답변 해 드리겠습니다 우리가 지금 김씨에게 더 많은 방을 줄 수있는 경우에 대비해서 의사 소통, 빈, 당신이 숙소를 가져 가면 문제가되지 않습니다 EasyHoster, 비록 당신이 어쨌든 당신을 위해 좋은 선택이 될 것입니다

다른 웹 마스터 문제 없습니다 그게 보안, 기술 지원, 성능을 제공합니다 설명에서 EasyHoster 전자 상거래 링크를 참조하십시오 모든 정보를 갖게됩니다

주제에 대한 아이디어가 있다면 미래의 비디오에서 언급 할 수있게 될 것입니다 분명히 저에게 의견을 남겨주십시오 듣고있어 주셔서 감사 드리며 웹상에서 성공을 기원합니다 차오!