How to Create an Ecommerce Website with WordPress – 2019 (NEW!)

당신이 WordPress로 전자 상거래 웹 사이트를 만드는 방법을 배우고 싶다면, 이 비디오를보고 단계별로 설명해 드리겠습니다 다 끝났어, 모두들? NYC Tech Club의 Jameson입니다

오늘 저는 이것을 어떻게 만드는지 보여 드리겠습니다 WordPress와 함께 아름답고 전문적인 전자 상거래 웹 사이트 단계별 어떤 종류의 코딩이나 프로그래밍을 알 필요는 없습니다 그 드래그 앤 드롭으로 복사하여 붙여 넣기 만하면됩니다 보시다시피, 이 웹 사이트는 아름답습니다

그것은 간단하고, 매끈 매끈하며, 성공적인 전자 상거래 웹 사이트가 필요한 모든 것 워드 프레스 수천 명의 사람들이 수퍼바이저를 성공적으로 아름다운 전자 상거래 웹 사이트, 그리고 나는 이것이 정말로 우리의 최고의 것이라고 생각합니다 따라서 완전히 기능을 갖춘 전자 상거래 웹 사이트를 워드 프레스와 당신은 그것을 밖으로 구축 달러의 수천을 저장하려면, 다음 비디오를 계속 시청하십시오 단계별로 설명하겠습니다 하지만 먼저, 내가하고 싶은 일은 우리가 할 일에 대한 간단한 둘러보기를 제공하는 것입니다

지금 지어 라 그럼이게 우리 홈페이지 야 Google의 전자 상거래 웹 사이트를 만드는 방법을 배우고 이 색상은 원하는 색상이 될 것입니다 그리고 정상에, 우리가 뭘하는지 사용자 정의 전각 이미지 슬라이더를 여러 가지 다른 방법으로 삽입하는 것입니다

당신이 원하는대로 이미지 다른 버튼에 링크를 추가하는 방법을 보여 드리겠습니다 전자 상거래 웹 사이트의 일부 그리고 슬라이더 아래에 어떤 제품을 선보일 수있는 추천 제품 섹션 전자 상거래 웹 사이트에서 판매하십시오 고객이이 중 하나에 마우스를 올려 놓을 수 있습니다 제품을 추가하고이 버튼을 클릭하기 만하면됩니다

쇼핑 카트 또는 그들이 할 수있는 일은 제품을 빠르게 볼 수있는 것입니다 이 버튼을 여기에서 클릭하십시오 그리고 그들은이 팝업을 짧게 얻을 것입니다 귀하의 제품에 대한 설명을 클릭하십시오 장바구니 또는 제품 페이지로 이동할 수 있습니다

그걸 보여주지 조금만 따라서 추천 제품 섹션을 만들고 나면 일부 이용 약관 및 정책 또는 원하는 것을 사용하여 바닥 글 섹션 만들기 이리 그런 다음 여기에 검색 바 및 일부 링크가있는 경우 그런 다음 바닥 글에 대한 사용자 지정 저작권이 적용됩니다 그래서 이것은 홈페이지이고 상단에도 오른쪽에 표시되는 것을 볼 수 있습니다

맞춤 헤더를 가질 수 있습니다 그래서 우리는 몇 가지 세부 정보가있는 상단 표시 줄에 있습니다 맞춤 로고를 추가하는 방법을 보여 드리겠습니다 여기에는 모든 제품 카테고리가 포함 된 버튼이 있습니다 또한 다음과 같은 머리글을 추가하는 방법을 보여줄 것입니다

그래서 너는 할 수있어 이러한 항목 중 일부를 가리키면 작은 팝업이 표시됩니다 그래서 나는 이 홈페이지를 만드는 방법을 단계별로 보여줄 것입니다 하지만 먼저 만드는 방법을 배울 다른 페이지를 보여줍니다 이 페이지는 Google의 전자 상거래 웹 사이트를 만드는 방법을 배우기위한 정보 페이지입니다

이 비디오가 끝나면 페이지를 맞춤 설정할 수 있습니다 그러나 우리는 모든 것을 사용자 정의하기 위해 사용할 페이지 빌더를 사용하고 싶습니다 우리의 전자 상거래 페이지 모든 페이지의 맨 아래에 꼬리말 그래서 이것은 About 페이지이며 지금하고 싶은 것은 쇼핑 페이지의 모습을 보여줍니다

여기는 우리가 만나는 샵 페이지입니다 Google의 전자 상거래 웹 사이트를 만드는 방법을 배우게됩니다 에서 볼 수 있습니다 왼쪽에는 사용자 정의 사이드 바가 있으며 사용자 정의 할 수 있습니다 그러나 당신이 원하는 사이드 바

그래서 저는이 전자 상거래에서 어떻게하는지 보여 드리겠습니다 지도 시간 Shop 페이지를 스크롤하면 우리는 전자 상거래에서 판매하는 모든 제품에 대한 무한 스크롤 웹 사이트 따라서 쇼핑 페이지를 사용자 정의하는 방법을 보여 드리겠습니다 이렇게하면 고객이 이러한 제품 중 하나를 가리킬 수 있으며 그들을 클릭 한 다음 제품 페이지로 이동하십시오

이제 내가하고 싶은 것은 단지 이 전자 상거래 자습서에서 만들 제품 중 일부를 보여줍니다 따라서 첫 번째 유형의 제품을 단일 제품이라고합니다 그래서 이것은 하나의 제품 페이지와 이것이 의미하는 바는 이것에 대한 변수가 없다는 것입니다 제품, 다른 크기 또는 다른 색깔과 같은 단 하나의 옵션이 있습니다 이 제품 페이지에서 추천 이미지가 있음을 알 수 있습니다

여기이 제품의 제목은 바로 여기, 가격은 짧지 만 여기에 설명이 있습니다 이 제품을 원하는만큼 추가 할 수 있습니다 장바구니의 색상을 사용자 정의 할 수 있습니다 이 전자 상거래 웹 사이트에서 볼 수있는 다른 색상은 모두 표시하고 이 자습서에서이를 수행하는 방법 그리고이 페이지 맨 아래에, 원하는 경우 긴 설명을 삽입 할 수 있으며 리뷰가있는 경우 이 제품의 경우 여기에 표시됩니다

일부 카테고리를 삽입 할 수도 있습니다 이름 및 제품 태그를 여기에 표시하고 다른 대체 이미지를 가질 수 있습니다 네가 원해 이 페이지의 맨 아래에 다음과 같은 섹션을 삽입 할 수 있습니다 "관련 제품"은이 제품 페이지에도 있습니다

그래서 이것은 유형 중 하나입니다 제품을 만드는 방법과이 전자 상거래 지침서를 배울 제품 우리가 만드는 법을 배울 수있는 다른 유형의 제품은 가변 제품 따라서 가변 제품 단일 제품은 크기 및 색상과 같은 변수를 가질 수 있다는 것입니다 귀하의 가변 제품 변수를 여러 개 삽입 할 수 있습니다

네가 원해 이 제품의 경우 크기 변수가 있고 색상도 있습니다 변하기 쉬운 이 제품에 대해 내가 한 일은 그림 물감 그래서 "녹색"을 선택하면 99

95 달러를 얻을 수 있습니다 나는 무엇인가? 할 수있는 "블루"로 변경하고 가격도 변경됩니다 그래서 이것은 옵션 및 WooCommerce 플러그인과 함께 제공되는 추가 기능 Google은 전자 상거래 웹 사이트를 만드는 데 사용할 것이지만 언제나 동일한 가격의 다른 변수도 있습니다 그래서 나는 너에게 보여줄거야 몇 가지 변수 제품을 만드는 방법 및 나머지는 페이지의 다른 제품 페이지와 매우 유사하게 보입니다

조금 더 일찍 디지털과 같은 제품을 만들고 싶다면 제품 또는 제휴 제품을 사용하는 경우이 전자 상거래 지도 시간 그래서 그 방법을 보여 드리겠습니다 그리고 우리는 어떻게해야하는지에 대한 또 다른 비디오를 가지고 있습니다 WooCommerce를 사용하여 여러 가지를 만드는 방법에 대해 자세히 설명합니다

제품의 다른 유형, 알았지? 이제 내가하고 싶은 것은 블로그를 보여주는 것입니다 게시물 페이지 이것이 블로그 게시물 페이지의 모습입니다 그래서 당신이 글을 쓰면 다른 기사들, 그들은 이것처럼 나타납니다 너는 할 수있다

이 페이지는 단지 정말로 전문적이며 정말 아름답습니다 따라서 전자 상거래 웹 사이트에서이 방법을 만드는 방법을 알려 드릴 수있어서 정말 기쁩니다 내가 할 수있는 것은 개별 블로그 게시물이 어떻게 생겼는지 보여 주기만하면됩니다 정말 빨리 그래서 우리는 블로그 제목이 맨 위에 있다는 것을 알 수 있습니다

우리의 특색 지어진 이미지 바로 여기에 우리의 콘텐츠 섹션 바로 아래에 그리고 이 아래에서 우리가 할 수있는 일은 관련 기사 섹션에 넣고 또한 방문자가 블로그 게시물에 대한 의견을 남길 수있는 섹션입니다 이 전자 상거래에서 만드는 방법을 배우게 될 다른 페이지 중 하나 자습서는 바로 여기에있는 연락처 페이지입니다 그래서 우리는 연락처 세부 정보 및 우리는 우리의 이메일을 연결할 수 있습니다 정말 멋진 점은 Mega Menu를 삽입하면 여기에 우리의 연락처 링크가 있습니다

지도 팝업을 한 다음 추가 연락처를 가질 수 있습니다 정보는 여기에 있습니다 그래서 나는 당신에게 다른 것을 위해 이것을 만드는 방법을 보여줄 것입니다 헤더도 그리고 우리는 다른 몇 페이지를 만들 것입니다

그러나 이것들은 메인 페이지입니다 페이지에서 Google 전자 상거래 웹 사이트를 만드는 방법을 배우게됩니다 그래서 나는 지금하고 싶은 것은 당신과의 거래를 통해 정말로 빨리 실행됩니다 우리의 전자 상거래 웹 사이트 그래서이 제품을 클릭하여 제품 페이지

제품 페이지를 방문하면 여기를 방문 할 수 있습니다 내가 원하는 크기를 선택하십시오 나는 양을 바꿀 수 있고 그 다음으로는 "장바구니에 추가"를 클릭하십시오 제품이 장바구니에 추가되면 여기에 알림이 표시되고 장바구니가 바로 업데이트됩니다 이 아이콘 위로 마우스를 가져 가면이 팝업이 나타나며 클릭 만하면됩니다

"장바구니보기" 쇼핑 카트 페이지를 방문하면 나는 여기에 올 수 있고 나는 할 수있다 내 총을 확인해 내가 할 수있는 것은이 버튼을 클릭하는 것입니다 체크 아웃하려면

Checkout 페이지에서 청구서를 작성할 수 있습니다 정보가 여기 있습니다 세금이 자동으로 부과됩니다 계획된 그리고이 데모 웹 사이트에서 내가 한 것은 PayPal을 통합 한 것이지만 원하는 모든 지불 처리 시스템을 통합 할 수 있습니다

그래서 나는 이 전자 상거래 지침서에서 어떻게 수행하는지 보여줍니다 그래서 내가 뭘하고 싶은지 이 확인란을 선택하여 "동의 함"이라고 말한 다음를 클릭하십시오 "PayPal로 이동하십시오" PayPal을 방문하면 바로 로그인 할 수 있습니다 이 페이지에 오면 내가해야 할 일은 여기에 와서 "Pay Now"를 클릭하는 것입니다

이제 거래가 완료되었다는 확인을 받아야합니다 하단으로 내려 가서 'Merchant (으)로 돌아 가기'를 클릭하십시오 자, 나는 갈거야 전자 상거래 웹 사이트로 돌아가 주문 접수 페이지로 돌아갑니다 여기에서 주문 세부 정보를 볼 수 있습니다

그래서 당신은 우리의 전자 상거래 웹 사이트가 완벽하게 작동합니다 이 방법을 배우기 전에 전자 상거래 웹 사이트, 나는 당신에게 어떤 이메일을 보여주고 싶습니다 상인으로서 새로운 고객 주문을하면 이메일 바로 여기 고객이 새로운 주문을 할 때 고객은 이 이메일을 여기에서 받으십시오 WordPress 대시 보드에 로그인하여 주문 페이지에서 모든 주문 목록을 바로 볼 수 있습니다

만약 너라면 이 중 하나를 클릭하면 주문의 세부 정보 페이지로 이동할 수 있습니다 청구서 발송과 같은 제품 정보를 확인하십시오 바로 주문 했어 그래서 이것은 우리가 할 전자 상거래 웹 사이트입니다 만드는 방법을 배우고 방금 거래를 보았습니다

정말 빨리, 나는하고 싶다 우리가 이것을 만들 때 사용할 WordPress 테마에 대해 이야기하십시오 전자 상거래 웹 사이트 그래서 이것이 ThemeForest 웹 사이트이며 이것은 숫자입니다 WordPress 테마 및 플러그인 시장

우리가 할 주제 WordPress로 전자 상거래 웹 사이트를 만드는 데 사용하는 것은 The Hanger 테마입니다 이 테마는 GetBowtied 개발자가 만들었으며 최고의 테마 중 하나입니다 전자 상거래 테마 개발자 그래서 행거 테마를 사용하는 방법을 보여 드리게되어 정말 기쁩니다 너는 볼 수있어 바로 여기에 프리미엄 테마이므로 작은 일회성 요금이 있지만 당신은 자유 테마로 당신보다 더 많은 것을이 테마로 얻을 것입니다

투자 가치가 있다고 생각합니다 너와 연결시켜 줄거야 이 페이지를 통해 자신 만의 행거 테마를 탐색하고 확인할 수 있습니다 사용자 지정 옵션 및 페이지 레이아웃과 함께 얻는 모든 것들 이 테마 이렇게 빨리, 나는이 주제가에 관하여 대략다는 것을주의하고 싶다

별 다섯 개짜리 평점은 2018 년에 만들어졌습니다 이 테마를 사용하는 경우 인터넷에서 가장 현대적인 전자 상거래 웹 사이트 당신은이 튜토리얼을 따라 갔다 또한이 프리미엄 테마로 6 개월을 얻습니다 당신이 질문이나 의견이 있거나 도움이 필요하다면, GetBowtied 개발자에게 문의하면 바로 얻을 수 있습니다 너하고 도울 수있어

그래서 당신이 보는 것을 좋아한다면 당신은 아름답고 전문적인 전자 상거래 웹 사이트, WordPress로 수천 달러를 절약하고 자신을 구축 한 다음 계속 시청하십시오 이제 우리가 할 일은 정확한 웹 사이트를 구축하는 방법을 보여주기 때문입니다 단계별 준비가되면 준비 됐습니다 시작하자

우리가해야 할 첫 번째 일은 도메인 등록이고 도메인은 웹 주소입니다 내 웹 주소가 nyctechclubcom임을 바로 알 수 있습니다 그래서 우리는 도메인을 함께 등록하면 우리가 할 일은 호스팅 서비스 호스팅은 웹 사이트를 운영하고 모든 것을 저장합니다

귀하의 콘텐츠 중 따라서 도메인이 있고 도메인이 있는지 확인해야합니다 WordPress 웹 사이트를 운영하기 위해 호스팅 내가 네가하고 싶어하는 것은 가라 동영상 설명으로 이동하고 텍스트 자습서에 대한 링크를 클릭하십시오 WordPress 2018로 전자 상거래 웹 사이트를 만드는 방법에 대한 정보는이 페이지를 참조하십시오

이 전체 비디오에 대한 텍스트 자습서이므로 언제든지 여기에 올 수 있고 참조 할 수 있습니다 필요한 단계 일단 당신이이 웹 사이트에 오면 당신이 원해요 1 단계로 내려 가서 도메인을 등록하고 호스팅 우리가 할 일은 "InMotion"이라는 웹 사이트에 가서 도메인 및 호스팅

1 단계에서이 링크를 클릭하십시오 너를 등록 할 수있는 특별한 페이지로 데려다 줄거야 도메인은 무료이며 호스팅시 55 % 할인됩니다 그럼 가서 여기에 와서 이것을 클릭하십시오 Inmotion 웹 사이트에 방문하면, 여기가 우리가 무료 도메인을 등록하고 호스팅 서비스

나는 다른 많은 웹 사이트에서 Inmotion을 사용하기 때문에 그들은 매우 빠르며, 정말 믿을만하고, 싸고, 훌륭합니다 고객 서비스 그래서 내가 너에게 추천 할거야 그래서 한번 링크를 클릭하여이 특별 페이지로 이동하여 무료 도메인을 얻으십시오 내가 네가하기를 원하는 것은 여기서 내려와 세 가지 다른 계획을보아야한다

시작 계획, 전원 계획 및 프로 계획 그리고 우리는 Pro 계획이 너무 많아서 Power Plan을 시작합니다 우리가 필요로하는 것에 비해 조금 비싸다 그래서 발사 계획은 당신에게 줄 것입니다 무료 도메인 및 최대 두 개의 다른 웹 사이트를 호스트하자

그래서 네가 원한다면 하나 또는 두 개의 웹 사이트를 구축하려면 Launch plan을 선택하십시오 그리고 전원 계획은 또한 당신에게 무료 도메인을 제공하고 최대 6 호스트 수 다른 웹 사이트 여러 웹 사이트를 만들고 싶다면 당신은 힘 계획을 선택하고 싶다 이 비디오 자습서에서는 하나의 웹 사이트 만 구성하면 시작 계획을 선택할 수 있지만 네가 원하는 계획을 골라라 일단 준비가되면, 네가 가져 가면 좋겠어

주문 버튼을 클릭 한 다음 "1 년"옵션을 클릭하십시오 그리고 이제 너는 이 페이지에 바로 와야합니다 그리고 우리가 가서 무료로 등록하기 전에 도메인, 우리는 서버를 구성 할 것입니다 그래서 네가하고 싶은 걸로 내려 간다 "데이터 센터"라고 말하면 데이터 센터를 선택하면됩니다

그것은 당신에게 가장 가까운 것입니다 그리고 나는 뉴욕에 살고 있기 때문에 "East Coast "옵션을 선택하고 준비가되면"Dedicated IP "로 내려 가서 이 서비스는 추가 비용과 서비스이기 때문에 "No thanks"가 선택되었습니다 우리는 정말로 필요하지 않습니다 그리고 나중에 언제든지 다시 추가 할 수 있습니다 준비, 콘텐츠 관리 시스템 자동 – 설치 프로그램 섹션

그리고 InMotion에 대한 좋은 점은 WordPress를 설치할 수 있다는 것입니다 당신을 위해, 당신은 이것을 수동으로 할 필요가 없습니다 당신이해야 할 일은 바로 여기에 "WordPress 설치"라고 쓰여있는이 옵션을 사용하면 좋습니다 일단 준비가되면 "계속"버튼을 클릭하십시오 그리고 이제 우리가

그리고 이제 우리가 할 일은 우리를 선택하는 것입니다 그리고 이제 우리가 할 일은 우리의 도메인을 등록하십시오 다시 말하지만 텍스트의 링크를 클릭하십시오 튜토리얼 또는 비디오 설명 그리고 지금 우리가 할 일 이제 우리가 할 일은 우리의 자유 도메인을 등록하는 것입니다 다시 한번 링크를 클릭하십시오

이제 우리가 할 일은 우리의 자유 도메인을 등록하는 것입니다 다시 텍스트 자습서 또는 비디오의 링크를 클릭하십시오 설명을 InMotion 웹 사이트에 올리면 도메인을 무료로 사용하고 호스팅 비용을 55 % 절약하십시오 그리고 일단 당신은 이미 도메인을 소유하고 있다면이 페이지로 바로 이동하십시오 이 동영상 자습서에서는 언제든지이 옵션을 선택할 수 있습니다

즉 "이미이 도메인을 소유하고 있습니다"라고 말한 다음 여기에 도메인을 입력하십시오 새 도메인을 등록하려면 상단에있는이 옵션이 선택한 다음 여기의 검색 창으로 이동하여 입력하십시오 등록하려는 도메인 그래서이 예제에서는 "nyctechclub"을 입력했습니다 일단 준비가되면 "검색"버튼을 클릭하십시오

그리고 일단 검색 이 알림이 표시되면 결과가 다시 나타납니다 '좋은 소식이 있습니다 도메인을 사용할 수있는 경우 "이 버튼을 클릭하면됩니다 즉, "장바구니에 담기"라고 말합니다 도메인을 사용할 수 없다면 원하는 것을 수행하십시오

여기에 다시 와서 새 도메인을 입력하고 검색하여 해당 도메인이 유효한 장바구니에 도메인을 추가하면 도메인을 볼 수 있습니다 바로 여기 그리고 우리가 할 수있는 일은 도메인 프라이버시를 제거하는 것입니다 그래서 우리는하지 않는다

정말로 이것을 필요로하며 추가 비용이 들지만 원하는 경우 계속 유지할 수 있습니다 그래서 여기서 "X"를 클릭하면됩니다 그리고 이제 너는 우리가 여기서 무료로 등록 할 도메인이 있다는 것을 알 수 있습니다 그런 다음 여기에 웹 호스팅이 있습니다 그리고 당신은 매우 큰 여기 할인

그리고 이것은 실제로 당신이 얻을 수있는 가장 큰 할인입니다 텍스트 자습서 및 비디오의 제휴사 링크를 사용하는 InMotion 기술 그래서 당신이 그것을 사용하고 55 % 할인을보아야합니다 여기 할인, 알았지? 일단 준비가되면, 클릭 만하면됩니다 바로 여기 "계속하기"버튼

다시 한 번이 알림이 표시됩니다 도메인 개인 정보 보호를 위해 여기에, 그리고 당신이 원한다면 이것을 추가 할 수 있습니다 그러나 다시, 그것은 너가 진짜로 필요로하지 않는 여분 비용 그래서 나는 이것을 추가하지 않을 것이다 그래서 내가 만들거야

이 옵션이 선택되어 있는지 확인하십시오 "아니, 고마워" 일단 준비가되면, 여기에 와서 "계속"버튼을 한 번 더 클릭하십시오 이제 우리가해야 할 일은 우리의 계정을 등록하는 것입니다 이미 InMotion에 계정이 있다면, 여기에 로그인 정보를 입력 할 수 있지만 새로운 고객 인 경우 그리고 지금 우리가 할 일은 우리의 계정을 등록하는 것입니다 그래서 네가 귀사의 귀환 고객에게 로그인 정보를 입력하면됩니다 InMotion을 처음 사용하는 경우에는 입력하십시오 귀하의 이메일 주소에 있습니다

일단 준비가되면 계속해서 클릭하십시오 "잇다" 그리고 다음 페이지로 가면,하기 만하면됩니다 하단에 "동의 함"을 클릭 한 다음 "체크 아웃"버튼을 클릭하십시오 일단 도메인을 등록하고 InMotion을 사용하여 호스팅하면 이메일받은 편지함으로 이동하면됩니다

이 이메일은 InMotion은 'InMotion Hosting에 오신 것을 환영합니다!'라고 제목을 붙였습니다 로그인 정보를 참조하십시오 먼저이 상자에 계정이 표시되어야합니다 관리 패널 로그인 세부 정보 및 여기에서 수행 할 수있는 작업은 호스팅에 액세스하는 것입니다 계정, 도메인 및 InMotion과 함께 사용하는 다른 서비스에 대한 정보를 제공합니다

암호를 설정하려면이 버튼을 클릭하십시오 계정 관리 패널의 경우, 직접 할 수 있습니다 우리는 정말로 계정 관리 패널에 로그인해야합니다 그래서 우리는 이것을하지 않을 것입니다 함께

그리고 일단 끝나면, 내가 너에게하고 싶은 것은 이것으로 돌아온다 전자 메일을 누른 다음 WordPress 세부 정보 섹션의 맨 아래로 내려갑니다 이 WordPress 웹 사이트에 로그인하는 세부 정보를 찾을 곳입니다 우리가하고 싶은 일은이 섹션의이 로그인 섹션에 있습니다 이 URL은 우리가 만들고있는 새로운 WordPress 웹 사이트에 로그인하는 데 사용됩니다

그러니 계속 나아가 라 이것을 클릭하십시오 그리고 일단이 페이지에 오면, 이것은 당신이 넣을 곳입니다 InMotion에서 찾을 수있는 사용자 이름과 비밀번호 이메일 다시 여기로 돌아 가면 사용자 이름과 암호가 있음을 알 수 있습니다

바로 여기에 그럼이 두 섹션에 복사하여 붙여 넣으십시오 그런 다음 준비가되면 바로 가기를 클릭하십시오 "로그인"버튼 일단 로그인하면 이것이 귀하의 WordPress 대시 보드, 그리고 여기에서 귀하의 모든 다른 페이지와 게시물 및 귀하의 다양한 제품 모두를 전자 상거래 웹 사이트

우리가 시작하기 전에, 나는 내가 이 전자 상거래 지침서에 다른 도메인 이름을 사용하십시오 따라서 도메인 이름은 nycshopshopcom 그리고 데모 전자 상거래 웹 사이트를 확인하고 싶다면, nycshopshopcom으로 가셔서 다음을 확인하십시오

우리가 오늘 만드는 법을 배우고있는 전자 상거래 웹 사이트 그래서 일단 로그인하고, 지금 우리가 할 일은 가서 우리가하는 행거 테마를 얻는 것입니다 우리의 전자 상거래 웹 사이트를 구축하는 데 사용할 것입니다 내가 네가하고 싶어하는 것은 가라 텍스트 자습서로 돌아갑니다

일단 텍스트 자습서로 돌아 가면 다시 한 번 전자 상거래 웹 사이트를 만드는 방법에 대한이 페이지 링크가 있습니다 WordPress 2018 비디오 설명 내가 너 한테 원하는 것은 스크롤 뿐이다 2 단계로 내려갑니다 2 단계는 우리의 행거 테마를 얻습니다

전자 상거래 웹 사이트 그리고 일단 당신이이 단계에 오면, 당신이하기를 원하는 것은 모두 클릭입니다 이 링크 중 하나를 클릭하면 ThemeForest 웹 사이트로 연결됩니다 걸이 주제를 얻으십시오 이제 ThemeForest 웹 사이트에 있어야합니다

그리고 다시, ThemeForest 웹 사이트는 WordPress 테마의 가장 큰 시장입니다 및 플러그인 따라서 WordPress 웹 사이트에 필요한 것이 있다면 반드시 확인하십시오 당신이 와서 ThemeForest를 확인하십시오 그리고 너는 The Hanger에 있어야 해

테마 페이지 따라서 맨 위의 옷걸이 테마가 있어야합니다 그리고 또, 이것은 WooCommerce 테마 당신이 그렇게한다면, 우리는 가고 좋은 당신이해야 할 모든 여기에 와서 "장바구니에 담기"를 클릭하십시오 일단이 팝업이 나타나면 가서 "Check to Go"를 클릭하십시오

이제 원하는 것은 계정을 만드는 것입니다 필요한 경우 동영상을 일시 중지하고이 모든 정보를 채울 수 있습니다 여기에있는 "다음"버튼을 클릭하여 다른 단계를 수행하십시오 이미 내 계정을 만들었 기 때문에 나는이 일을하지 않을 것입니다 이미 The Hanger 테마를 구입했습니다

필요한 경우 동영상 일시 중지, 모든 물건을 채우고 체크 아웃하십시오 그런 다음 준비가되면 "재생"을 누르고 그러면 WordPress 테마를 설치할 수 있도록 다음 단계를 보여 드리겠습니다 계정을 만들었 으면 ThemeForest 웹 사이트에 로그인해야합니다 그리고 지금은 다운로드 탭에 있습니다이 페이지로 이동해야한다면 당신은 오른쪽 상단에 ThemeForest 이름 위에 마우스를 올려 놓고 클릭 할 수 있습니다

여기 "다운로드"링크를 클릭하면 바로이 페이지로 연결됩니다 그리고 우리는 행거 테마가 여기에 있고, 우리가하고 싶은 것을 볼 수 있습니다 우리가 가서 WordPress를 설치할 수 있도록 필요한 파일을 다운로드합니다 Google의 전자 상거래 웹 사이트에 대한 주제 여기서 바로 "다운로드"라고하는 곳 이 버튼을 클릭하면됩니다 그러면이 작은 팝업이 바로 표시됩니다

우리가하고 싶은 것은이 다운로드를하는 것입니다 "설치 가능한 WordPress 파일 만" 그래서 그것을 클릭하면 자동으로 우리가 필요로하는 모든 WordPress 파일들로 당신을위한 폴더를 다운로드하십시오 그래서 지금 우리가 할 수있는 일은 WordPress 대시 보드로 돌아가는 것입니다 그리고 일단 당신이 돌아 오면 WordPress 대시 보드에서 이제 우리가 할 일은 WordPress를 설치하는 것입니다

테마를 사용하여 온라인 스토어를 만들고 시작할 수 있습니다 그래서 나는 당신이 WordPress 대시 보드에서해야 할 일이 왼쪽에 내려와 있습니다 모양을 마우스로 가리키고 '테마'를 클릭하십시오 그리고 일단 당신이 테마에있어 페이지에서 "Add New"버튼을 클릭하십시오 이제는 Add에 있어야합니다

테마 페이지에서 "테마 업로드"버튼을 클릭하십시오 그리고 우리가 가기 전에 업로드 할 파일을 선택하십시오 내가하고 싶은 파일은 다음으로 이동하십시오 The Hanger 테마에 대한 WordPress 파일을 다운로드 한 폴더 따라서 제가 파인더와 WP 다운로드 폴더로 바로 가면, 옷걸이 폴더가 있습니다

그리고 내가 이것을 열면 내가 너를 볼 수있다 다른 파일의 무리 우리가하고 싶은 것은 이것을 압축하여 zip 파일로 워드 프레스 웹 사이트에 워드 프레스 테마로 업로드 할 수 있습니다 우리가 원하는 그래서 지금 zip 파일이 아니며 폴더 일 뿐이라면 당신이하고 싶은 것은 그것을 마우스 오른쪽 버튼으로 클릭하고 "압축"을 클릭하여 회전합니다

그것을 zip 파일로 변환합니다 행거 테마는 "zip"테마입니다 이것이 우리가 업로드 할 내용입니다 그러니 일단 집어 넣으면, 할 수있는 일은 "파일 선택"을 클릭하십시오

그리고 내가 네가하고 싶은 것은 The 행거 zip 파일입니다 그래서 다시, 나는 내 WP 다운로드 폴더에 있고 내가 원하는 폴더에있다 "the-hangerzip"을 선택하십시오 한 번 선택하면 "선택"을 클릭 할 수 있습니다

바로 여기에 "지금 설치"버튼을 클릭하십시오 그리고 일단 테마는 설치되어 있으면이 알림과 여기있는 모든 알림을 볼 수 있습니다 해야 할 일은 "활성화"라는 링크를 클릭하는 것입니다 그리고 한 번 테마가 활성화되면이 페이지가 바로 여기에 표시됩니다 테마 설치 마법사로 이동합니다

그럼이 버튼을 클릭합시다 바로 여기에 이제 플러그인 설치 페이지에 있어야합니다 그리고 우리는 원하는 모든 플러그인을 설치하여 만들 수 있습니다 Google의 전자 상거래 웹 사이트를 사용자 정의 할 수 있습니다

그리고 플러그인은 실제로 WordPress 웹 사이트를 구축하고 사용자 정의 할 수 있으므로 귀하의 인생을 훨씬 쉽게 그래서 우리가하고 싶은 것은 단지 바닥에 내려와 있습니다 이 모든 것을 설치하고 싶습니다 여기에서이 버튼을 클릭하십시오 그리고 일단 플러그인이 설치되면 Demo Content Importer 페이지에 있어야하며 데모 콘텐츠를 가져 오지 않을 것입니다

왜냐하면 우리가 다른 페이지와 제품을 함께 그래서 네가하고 싶은 걸로 내려 간다 하단의 '건너 뛰기'버튼을 클릭하십시오 일단 모든 것이 준비되면, 우리가 할 수있는 일은 우리의 WordPress 웹 사이트가 지금 어떻게 보이는지 확인하는 것입니다 "사이트보기"버튼을 클릭합시다

그리고 일단 당신의 워드 프레스 웹 사이트가로드되면 이것이 보일 것입니다 그리고 그것은 보일 것입니다 꽤 기본이지만 꽤 전문적으로 보일 것입니다 옷걸이 테마 그리고 우리가 할 일은 여기에 들어가서 그것을 사용자 정의하는 것입니다

여기서 볼 수있는 데모 전자 상거래 웹 사이트처럼 보입니다 괜찮습니까? 준비가 되었다면 다음 단계로 넘어 갑시다 그리고 이제 우리가 할 일은 처음 두 페이지를 만듭니다 그래서 우리는 홈페이지와 블로그 포스트 페이지를 만들 것입니다 이 페이지에서 마우스를 올리면 어떻게 할 수 있습니까? "새로 만들기"버튼을 클릭 한 다음 "페이지"를 클릭하십시오

WordPress 대시 보드는 왼쪽 상단의 웹 사이트 이름 위에 마우스를 가져 가면 "대시 보드"를 클릭하십시오 일단 WordPress 대시 보드로 돌아 오면 왼쪽에 몇 가지 추가 탭이 표시 될 수 있습니다 Google은 전자 상거래 웹 사이트를 만들고 사용자 정의하는 데 필요한 몇 가지 플러그인을 설치했습니다 그리고 우리는 조금 후에 그 물건들을 다룰 것입니다,하지만 바로 지금 우리는 첫 번째 두 페이지를 만드는 것입니다 그래서 당신의 왼편에 WordPress 대시 보드를 사용하여 페이지를 만들고 페이지 및 페이지 위로 마우스를 가져 가면됩니다

"Add New"를 클릭하십시오 새로 추가 페이지가 열리면 첫 번째 페이지가 나타납니다 홈페이지를 만들거야 여기 페이지의 제목을 입력하십시오 그래서 우리는 단지 "집"을 타이핑 할 것입니다

그리고 그것은 우리가 지금해야 할 모든 것입니다 이 페이지로 돌아와서 조금만 사용자 정의 할 것입니다 이 페이지를 게시하기 위해 내가하고 싶은 것은 여기에 "게시"버튼이 있습니다 그리고 일단 페이지가 출판되면, 지금 내가하고 싶은 일 블로그 글 작성 페이지입니다 여기에서 '새로 추가'를 클릭하여 새 페이지

그리고 새로 추가 페이지에서 다시 한 번 페이지에 입력하자 여기 오른쪽 제목 그래서 우리는 "Blog"를 타이핑 할 것입니다 그게 지금 우리가 할 수있는 전부 야 "Publish"버튼을 클릭하십시오

페이지가 게시되면 이 통보는 바로 여기에 있으며 우리가 지금 당장 할 모든 것입니다 이것이 페이지 작성 방법입니다 그리고 우리는 돌아와서 이것들을 커스터마이징 할 것입니다 페이지 조금 나중에 하지만 지금은 다음 단계로 넘어 가고 싶습니다

그리고 지금 내가하고 싶은 것은 워드 프레스 설정을 통해 홈페이지 및 블로그 포스트 페이지와 다른 것들 그리고 우리가 실제로 우리의 워드 프레스 설정으로 이동, 내가 뭘하고 싶은지 보여줄 수있는 방법을 추가 할 수 있습니다 추가 사용자 따라서 InMotion이이 사용자 이름을 만들었습니다 우리가 우리의 WordPress 웹 사이트를 설정할 때 따라서 이것을 변경하거나 비밀 번호를 알려주지

귀하의 워드 프레스의 왼쪽에 대시 보드의 경우 '사용자'탭이 표시되어야하며 그 위에 마우스를 가져 가면 이 작은 팝업과 우리는 단지 "모든 사용자"를 클릭 할 수 있습니다 그리고 일단 당신이 사용자 페이지에서 바로 여기에 관리자 사용자가 표시됩니다 그리고 이것을 편집하고 싶다면, "편집"링크를 클릭하기 만하면됩니다 이제 관리자 프로필 페이지에 있습니다 사용자 이름과 성을 추가하거나 닉네임을 변경하면됩니다

여기에 가서 어떤 사용자 이름이든 별명을 바꾸고 싶다면 네가해야 할 일, 네 이름 같아 그래서 나는 내 이름을 넣을거야 "제임슨"이 바로 여기에 있는데이 드롭 다운에 들어가면 이름을 선택할 수 있습니다 내 블로그 게시물이나 내 WordPress의 다른 페이지에 표시하고 싶습니다 웹 사이트

그래서 내가 바로 여기로 바꾼다면, 이것은 나타날 이름입니다 내 전체 WordPress 웹 사이트에서 그리고 당신은 그것이 여기에서 변화한다는 것을 볼 수 있습니다 블로그 포스트 페이지에서 조금 나중에 생성 할 때도 변경 될 것입니다 여기에서 관리자 용 프로필을 편집 할 수 있습니다

그리고 뭐 당신이하고 싶은 것은 단지 당신이 아래로 내려 왔는지 확인하는 것입니다 변경 사항이 있으면 "프로파일 업데이트" 그리고 일단 프로파일이 업데이트되면, 그것이 당신이해야 할 전부입니다 추가 사용자를 추가하려면 사용자 위에 마우스를 올려 놓고 '새로 추가'를 클릭 한 다음 사용자에게 관리자 권한을 부여 할 수 있습니다 권리 또는 WordPress에 로그인하려는 권리의 유형 웹 사이트, 알았지? 그래서 당신이해야 할 일이 전부입니다

사용자 이름을 변경하거나 사용자를 추가하십시오 그리고 지금 내가하고 싶은 것은 우리의 WordPress 설정 왼쪽에서 설정으로 이동 한 다음 마우스를 올려 놓습니다 그 위에 "일반"탭을 클릭하십시오 일단 장군님께서는 설정 페이지에서 바로 사이트 제목과 태그 라인을 변경할 수 있지만 나중에 테마 설정에서이 작업을 조금 할 것입니다

따라서이 작업을 건너 뛸 수 있습니다 지금 당장 내가하고 싶은 것은 "www" 내 웹 사이트 주소로 그래서 바로 여기 워드 프레스 주소와 사이트 주소를 말하면서, 내가 원하는 모든 것 해야할 일은 웹 사이트 이름 앞에 마우스를 놓고 입력하기 만하면됩니다 "www

" 그런 다음 사이트 주소에 대해서도 여기에 있습니다 그리고 당신은 다른 것을 바꾸거나 다른 것을 추가하지 않습니다 그렇지 않으면 WordPress 웹 사이트에 액세스 할 수 없으므로 이동해야합니다 1 단계에서 다시 시작하여 모든 단계를 거쳐야합니다 알겠습니까? 그래서 이것이 옳다는 것을 두 배와 세 번만 확인하십시오

그리고 네가 원하는 걸 할 일은 아래로 내려가 "변경 사항 저장"을 클릭하십시오 보안을 위해 다시 로그인해야합니다 사용자 이름과 비밀번호를 입력 한 다음 "로그인" 단추 다시 로그인하면 이제 www가 표시됩니다 앞에 귀하의 웹 사이트 이름 그래서 좀 더 전문 보인다

그리고 지금, 우리는 나는 가서 WordPress 설정으로 돌아가고 싶다 그래서 다시, 왼쪽에 우리의 WordPress 대시 보드의 손 사이드, 설정 위로 마우스를 가져 가면 이번에, 우리는 "읽기"탭을 클릭 할 것입니다 그리고 일단 당신이 읽기 설정 페이지, 바로 여기에 "귀하의 홈페이지가 표시됩니다" 이 작업을 "정적 페이지"로 변경 한 다음 홈페이지 및 블로그 게시물 페이지 홈 페이지의 경우 드롭 다운을 클릭하고 방금 만든 홈 페이지와 블로그 게시물을 선택하십시오

페이지에서이 드롭 다운으로 이동하여 생성 한 블로그 페이지를 선택하십시오 그리고 한 번 준비가되었습니다 "변경 사항 저장"을 클릭하기 만하면됩니다 일단 설정이 완료되면 저장되었습니다 이제 우리의 홈 페이지와 블로그 포스트 페이지는 두 페이지로 설정되어 있습니다

만들어진 그리고 조금만 있으면, 우리는 이것들에 들어가서 그것들을 사용자 정의 할 수 있습니다 우리가 원해, 알았지? 다시 한번 설정에서 아래로 선택하고 싶습니다 퍼머 링크 구조 설정 위로 마우스를 가져 가서 여기로 내려 오세요

"Permalinks"로 가서 클릭하십시오 그리고 Permalinks 설정 페이지에서 당신이하고 싶은 것은 당신이 보여주고 싶은 퍼머 링크를 선택하는 것입니다 모든 다른 페이지와 게시물 그리고 제가 추천하는 것은 이것입니다 바로 여기에 "포스트 이름"입니다

그러니 그걸 선택하고 내려와 하단의 '변경 사항 저장'버튼을 클릭하십시오 그리고 일단 퍼머 링크 설정이 저장되면 마지막으로 수행 할 작업이 설정 탭을 가리키고 '개인 정보'탭을 클릭하십시오 일단 당신이 개인 정보 보호 정책 페이지에서 귀하가 할 수있는 일은 귀하의 새로운 페이지를 생성하는 것입니다 당신이 원한다면 자신의 개인 정보 보호 정책 또는 워드 프레스를 사용할 수 있습니다 개발자를 위해 만들어졌습니다 그래서 어떻게 생겼는지 확인하고 싶다면 이 링크를 클릭하면 새 탭이 열립니다

그리고 당신은 이것이 개인 정보 취급 방침 페이지의 모양 그리고이 중 하나를 편집하려면 정보, 할 수있는 일은 바로 "편집 페이지"링크를 클릭하면됩니다 또는이 작업을 종료하고 여기 대시 보드로 돌아 가면 클릭 할 수 있습니다 편집 링크를 클릭하면 편집 페이지로 이동합니다 그러면 WordPress 개발자가 가지고있는 개인 정보 취급 방침을 편집 할 수 있습니다 당신을 위해 만들어졌습니다

그 중 하나가 모든 것을 다루고 있습니다 그게 바로 그거야 우리는이 데모 튜토리얼을 위해 사용할 것이지만 언제나이 데모 자습서로 돌아갈 수 있습니다 개인 정보 보호 정책 페이지로 이동하여 직접 업데이트하십시오 그래서 나는 바로이 버튼을 클릭하면됩니다

여기에 "이 페이지 사용"이 있습니다 이제 우리가 원하는 것은 우리의 데모 컨텐츠를 다운로드하여 다운로드하는 것입니다 우리가 만드는 방법을 배우고있는 전자 상거래 웹 사이트 그래서 내가 네가하기를 바란다 전자 상거래 웹 사이트를 만드는 방법에 대한 텍스트 자습서로 돌아갑니다

WordPress 2018을 클릭하고 6 단계로 이동합니다 단계가 이 동영상을 만들지 만 지금은 6 단계이며 '다운로드 데모 컨텐츠 "를 참조하십시오 여기 링크가 있어야합니다 우리가 사용할 데모 이미지가있는 zip 파일을 다운로드하십시오 전자 상거래 자습서

그러니 계속해서 클릭하면 볼 수 있습니다 다운로드 한 다음 WordPress 웹 사이트로 되돌아 갈 수 있습니다 그리고 뭐 우리는 지금하고 싶은 모든 데모 콘텐츠를 업로드하고 업로드하고 싶습니다 그래서 내가 너를 원해 하려면 왼쪽에있는 미디어 위에 마우스를 올려 놓고 "새로 추가"를 클릭하십시오

그리고 한 번 당신은 새로운 미디어 업로드 페이지에 있습니다 데모 내용 대신 자신의 이미지 그래서 그것은 당신에게 달려 있습니다 그리고 너는 할 수있다 또한 페이지와 게시물을 만들 때 이미지를 하나씩 업로드하십시오

그리고 다른 제품들도 있습니다 따라서 한꺼번에 모든 것을 업로드 할 필요가 없습니다 나는 지금 당장 그렇게하는 법을 보여주고 싶습니다 그러고 싶다면 데모 내용을 업로드하십시오 "파일 선택"을 클릭 한 다음 이동 만하면됩니다

모든 이미지를 저장 한 폴더로 이동하십시오 그래서 나는 내 다운로드에있다 폴더 및 방금 다운로드 한 폴더를 "데모 컨텐트"라고합니다 그래서 만약 데모 컨텐츠를 사용하고 있다면,이 폴더를 바로보아야합니다 그것을 열어 라

그리고 여기에 몇 개의 이미지가 나타납니다 그리고 이미지가 보일 수도 있습니다 조금 다른데, 왜냐하면 내가 여기있는 이미지들은 복사 된 것이기 때문에, 그래서 당신은 그들을 사용하기 위해 돈을 내야 만합니다 하지만 당신이 사용할 비슷한 이미지가 있습니다 전자 상거래 자습서 그리고 다시, 어떤 이미지가 중요하지 않습니다

당신이 당신의 자신의 이미지로 이것을 대체 할 것이기 때문에 사용하십시오 이 튜토리얼을 마친 후에는 온라인 상점에서 그래서 당신이 할 수있는 것은 이 물건 하나씩 하나씩 업로드하거나 모든 이미지를 선택할 수 있습니다 한꺼번에 업로드 할 수 있습니다 그래서 내가 그럴거야 난 그냥 해요 모든 것을 강조 표시하고 하단으로 스크롤하여 모든 항목을 선택하십시오

이 이미지들 그리고 일단 준비가되면, 우리가해야 할 일은 "Choose" 버튼을 누르면 이미지가 다운로드되고 바로 업로드됩니다 그래서 우리는 조금만 기다려서 모든 것을 업로드하도록하고 나서 우리는 움직일 수 있습니다 이 과정의 다음 단계로 넘어갑니다 이제 모든 이미지가 업로드되고 이 목록에서 바로 여기를 보셔야합니다

그리고 만약 당신이 이것들은 바로 여기 "편집"링크를 클릭하거나 할 수있는 일은로 이동합니다 귀하의 미디어 라이브러리 미디어 아래에서 '라이브러리'를 클릭하십시오 일단 언론에 나간 후에 라이브러리 페이지에서 방금 업로드 한 모든 이미지를 볼 수 있습니다 원하는 경우이 이미지를 클릭하면 팝업이 표시됩니다

이리 여기에 원하는 경우 이러한 이미지를 삭제할 수 있습니다 당신이 할 수있는 일은 "이미지 편집"버튼을 클릭하면 팝업이 나타납니다 바로 여기에 그리고 당신이 할 수있는 것은이 이미지의 크기를 바꾸는 것입니다

잘라내려는 영역을 강조 표시 한 다음이 이미지를 잘라낸 다음 이 단추를 여기를 클릭하거나 원하는대로 회전 할 수 있습니다 변경 사항이 있으면 여기에서 "저장"버튼을 클릭하십시오 그래서 우리는 이미지에 어떤 변화도주지 않을 것입니다 그러나 저는 주목하고 싶습니다 네가해야 할 일

그래서 이것에서 끝내자 그리고 우리는 실제로 끝난다 전자 상거래 웹 사이트의 데모 컨텐츠를 업로드합니다 이제 우리는 실제로 다음 단계로 넘어갑니다 그리고 이제 우리가 할 일은 테마를 통해 우리가 배우고있는 전자 상거래 웹 사이트 설정 색상, 글꼴 및 레이아웃을 사용자 정의 할 수 있도록 만드는 방법 우리의 전자 상거래 웹 사이트

그래서 네가하고 싶은 걸 왼손으로 내린다 귀하의 WordPress 대시 보드의 측면을 모양과 그 위에 마우스를 올려 놓고 클릭하십시오 "사용자 지정"을 클릭하십시오 그리고 일단 당신이 Customize 페이지에 있다면, 당신은 한 무리의 다른 탭은 여기에 있습니다 그리고 우리가 할 수있는 일은 각각의 탭에 들어가는 것입니다

Google에서 만드는 방법을 배우고있는 전자 상거래 웹 사이트를 맞춤 설정하십시오 그리고 너 너 뭐야? 여기서 할 수있는 것은 글꼴 색상과 글꼴 스타일 및 레이아웃을 변경하는 것입니다 귀하의 다른 페이지, 게시물 및 제품 페이지 그래서 내가하고 싶은 것은 단지 쇼이다 내 전자 상거래 웹 사이트에서 무엇을 변경하고 이 맞춤 설정된 탭 중 일부는 사용자가 직접 탭에 들어가서 놀 수 있습니다

스스로 우리가 실제로 시작하기 전에, 나는 여기 오른쪽에 전자 상거래의 미리보기 화면이 있습니다 웹 사이트는 옵션을 사용하여 변경 사항이있을 때마다 나타납니다 그리고 만약 당신은 다른 장치에서 웹 사이트가 어떻게 보이는지 알고 싶습니다 이 아이콘들은 여기 있습니다

따라서 태블릿 장치에서 확인할 수 있으며 모바일 장치 또는 PC 또는 노트북 바로 여기 있습니다 그래서 내가 원하는 첫 번째 하려면 "사이트 ID"탭으로 이동하십시오 그래서 그것을 클릭하십시오 그리고 여기서 할 수있는 일 전자 상거래 웹 사이트의 사이트 제목과 태그 라인을 변경하는 것입니다 이 웹 브라우저의 탭에 표시되며 일반적으로 표시됩니다

전자 상거래 웹 사이트의 왼쪽 상단에 짓다 그러나 The Hanger 테마에 의해 기본적으로 설치된 로고가 있으므로 사이트 제목과 태그 라인이 여기에 표시되지 않습니다 그래서 그것은 로고로 대체됩니다 하지만 여기에 사이트 제목 기본 이름을 바꾸려면 "내 블로그" 또는 태그 라인을 사용하면 할 수있는 것은 여기에 들어가서 이것을 지우는 것입니다 원하는대로 입력하십시오

그래서 저는 "NYC Shop Shop"을 타이핑 만하면됩니다 탭이 지금 여기에서 바뀌고 삭제하려고합니다 태그 라인 그래서 나는 그것을 제거 할 것입니다 그리고 나서 favicon 또는 사이트 아이콘을 추가하려면 여기를 클릭하여 바로 할 수 있습니다

"이미지 선택"을 클릭 한 다음 사용할 이미지를 찾습니다 그리고 파비콘 일반적으로 웹 주소 옆의 웹 브라우저에 표시되며, 웹 브라우저에 따라 탭에 바로 있습니다 그럼 우리가 할 수있는 일은 단지 "이미지 선택"을 클릭하면 팝업 창이 나타납니다 네가 가진다면 자신의 favicon 또는 로고를 클릭 한 다음 "파일 업로드"를 클릭하거나 이 탭에 있는지 확인한 다음 "파일 선택"을 클릭하고 그 로고나 favicon을 찾으면 바로 업로드 할 수 있습니다 네가 원한다면 데모 컨텐츠를 사용하려면 "미디어 라이브러리"탭을 클릭하고 다시 한 번 업로드 한 모든 이미지와 콘텐츠를 볼 수 있습니다

이전 단계에서 우리는 favicon을 선택할 수 있습니다 그래서 우리는 이것을 사용할거야 바로 여기에 이름을 바로 여기에서 볼 수 있습니다 스타일 아이콘이 작습니다

그리고 나는 모두 그냥 클릭하면됩니다이 체크 표시가 바로 여기에 있습니다 그러면 우리는 "선택"을 클릭하십시오 그리고 파비콘 자르기가 필요하다면 할 수 있습니다 이것이 바로 여기 보이는 것입니다

그래서 당신은 그것이 이것이 무엇인지 알 수 있습니다 웹 브라우저 또는 특정 웹 브라우저와 모양이 같습니다 그래서 당신이 행복하다면, 그럼 당신이해야 할 일은 "건너 뛰기 건너 뛰기"를 클릭하면됩니다 해야 할 이제 전자 상거래 웹 사이트에 대한 favicon이 생깁니다

로고가 없으면 NYC Tech Club YouTube의 비디오로 연결됩니다 채널을 통해 무료로 로고를 만드는 방법을 확인할 수 있습니다 대부분의 시청자는 우리는 로고를 가지고 있거나 디자이너를 고용합니다 그래서 우리는 가지 않을거야 로고를 만들면 데모를 지금 사용하면됩니다

나중에 조금 더 바꿔 줘, 알았지? 그래서 체크 아웃해야합니다 무료 로고를 만드는 법을 배우는 데 도움이 필요하시면 동영상 설명을 보내주십시오 일단 준비가되면 "Back"을 클릭하십시오 그리고 지금 내가 원하는 걸 글로벌 탭으로 이동하십시오

여기서 할 수있는 일은 글로벌 만드는 방법을 배우고있는 전자 상거래 웹 사이트의 옵션 그리고 우리는하지 않습니다 실제로 기본 설정을 변경하지만 여기에서 볼 수 있습니다 이 작은 바퀴를 드래그하면 사이트 너비를 변경할 수 있습니다 그리고 나서 콘텐츠 레이아웃을 전체 너비에서 옆쪽에 공백이 있으면 이쪽을 선택하면됩니다 그것이 바로 여기에 어떻게 보이는지 확인하십시오

그러나 우리는 어떤 내용도 가지고 있지 않기 때문에 우리의 홈페이지 나 지금 다른 페이지에서보기가 어렵습니다 그래서 당신은 언제나이 설정으로 돌아갈 수 있습니다 이전 화면을 선택했을 때의 모습을 확인하십시오 다른 옵션 하지만 내가 여기서 알고 싶은 것은 아래쪽에 있습니다

기본 글꼴 색상, 보조 글꼴 색상 및 강조 색상 변경 여기는 장바구니와 전체에서 볼 수있는 금색의 색상입니다 데모 전자 상거래 웹 사이트 그래서 만약 당신이 이것들을 바꾸고 싶다면 색상을 선택하고 "색상 선택"을 클릭하면 팝업 창이 나타납니다 그런 다음 색상 코드를 입력하거나이 휠을 드래그하여 입력 할 수 있습니다 여기에 원하는 색상이나 원하는 색상을 선택하십시오

그리고 나서 만약 당신이이 색깔을 좋아하지 않는다면, 당신이 항상 할 수있는 것은 "Default"버튼을 클릭 한 다음 기본 옵션으로 돌아가십시오, 알겠습니까? 그런 다음 준비가되면 "색상 선택"을 다시 클릭하면됩니다 너가해야되는 다시 말하지만, 당신이 좋아하지 않으면 액센트 색상을 변경할 수 있습니다 금색 이 데모 전자 상거래 웹 사이트에서 실제로 좋아해서 모든 것을 그대로 두십시오

하지만 일단 준비가되면 바로 '뒤로'를 클릭하면됩니다 이제 우리가 할 일은 "헤더"탭으로 내려갑니다 그리고 일단 당신이 헤더 탭에는 여기에 여러 탭이 있으며 앞으로 갈 예정입니다 그들 중 몇 명을 통해 따라서이 설정 탭으로 이동하면 헤더를 변경할 수 있습니다 전체 너비 옵션이 마음에 들지 않아 패딩이있는 레이아웃을 원하면 레이아웃을 선택하십시오

원하는 것을 하나만 선택하면 기본값을 사용하고 다음을 사용합니다 이 흰색 색상에서 머리글 배경색을 변경하려고했습니다 다른 것, 당신이 오직해야하는 것은 "색깔 선택"을 클릭하고 그 후에 선택하십시오 원하는 배경색을 볼 수 있으며 여기에서 업데이트됩니다 미리보기 화면 그리고 만약 당신이 그것을 좋아한다면, 계속해서 사용하십시오 그렇지 않으면, 당신은 항상 다른 것을 선택하거나 기본 색상으로 돌아갈 수 있습니다

그리고 나서 여기 헤더 텍스트의 경우 색상과 강조 색상을 변경할 수 있습니다 따라서 머리글 강조 색상의 경우이 색상은 볼 수있는 금색입니다 이리 또한 이러한 링크 중 하나를 클릭 할 때마다 악센트 색상도 그래서 이것을 다른 것으로 바꾸고 싶다면, 그냥 여기에 들어가서 원하는 색상을 선택하면 볼 수 있습니다

바로 여기 업데이트 이제 빨간색을 볼 수 있습니다 그러면 우리가 장바구니 링크는 빨간색으로 바뀝니다 그러니 여기로 와서 온라인 상점에서 원하는 색상으로이 색상을 맞춤 설정하십시오 이 물건들로 놀아 라

그리고 언제든지 다시 선택할 수 있습니다 나중에이 물건을 바꿔라 이제 모든 것을 다 할 필요가 없습니다 하지만 내가 뭘하고 싶은지는 당신이 어떤 변경을하면 당신이 클릭 할 수 있다는 것입니다 여기에 "게시"버튼을 클릭하여 변경 사항을 저장하십시오

그래서 나는 그렇게 할거야 지금 또는이 작업을 마지막에 수행 할 수 있습니다 당신이 그것을 할 때 정말로 중요하지 않습니다 변경 사항을 저장하려면 '게시'버튼을 클릭하십시오 일단 준비가되면 "Back"을 클릭하십시오

이제 로고 탭으로가 보겠습니다 온라인 로고를 업로드 할 수있는 곳입니다 당신이 만드는 법을 배우고 있다는 것을 기억하십시오 따라서 지금 로고가없는 경우, 당신은 언제나 하나를 만들 수 있고 조금 후에이 섹션으로 돌아갈 수 있습니다 나는 무엇인가? 바로 지금하고 싶습니다

데모 로고를 업로드하는 방법을 보여줍니다 그래서 여기서 "제거"를 클릭하면 "이미지 선택"을 클릭 할 수 있습니다 여기 미디어 라이브러리에 올게 업로드하고 싶다면 자신의 로고를 보려면 "파일 업로드"를 클릭 한 다음 "파일 선택"을 클릭하고 업로드하려는 로고를 선택한 다음 "선택"을 클릭하십시오 그리고 그것은 모두 당신입니다

자신의 로고를 업로드해야합니다 데모 컨텐츠를 사용하려면, 미디어 라이브러리 탭에 있는지 확인한 다음이 로고 만 찾으십시오 바로 여기에 그래서 약간 다릅니다 그것은 "스타일

" 그리고 크기를 볼 수 있습니다 여기는 권장 크기가 필요한 경우 여기에 있습니다 그래서 내가 원하는 로고를 클릭하면, 바로 여기에 체크 표시가있는 것을 볼 수 있습니다 "선택"을 클릭하면됩니다 여기에 로고를 업로드해야합니다

그리고 내가하고 싶은 일은 다시 너에게 보여 주기만하면된다 모바일에 꽤 많이 나타나는 대안 로고를 보려면 여기를 클릭하십시오 태블릿 장치 반응이 빠른 WordPress 웹 사이트가 필요할 때마다 화면 크기가 다른 경우 작은 로고가 표시됩니다 그래서 우리는 클릭 할 것이다

여기에서 "제거"를 클릭 한 다음 "이미지 선택"을 다시 클릭하고이 이미지를 찾은 다음 "선택"을 클릭하십시오 이제 대체 로고가 필요하지 않습니다 너는 언제나 여기 이걸 써라 그러나 나는 다른 것을 원한다 그래서 그렇지 않다

화면이 작을 때마다 모든 것을 보여 주어 그렇게하지 않습니다 너무 많은 공간을 차지하라 또한 로고 너비를 변경할 수도 있습니다 싶었지만 우리는 기본값으로 남겨 둘 것입니다 그럼 내가 모든 것을 저장하게 해줘

정말 빨리 끝내고 준비가되면 "뒤로"를 클릭하십시오 그리고 다시, 당신은 항상 갈 수 있습니다 언제든지 로고를 업로드 할 수 있습니다 그래서 지금 당장 가지고 있지 않으면, 로고를 만드는 방법에 대한 YouTube 동영상을 볼 수 있습니다 무료로 제공 한 다음 언제든지 다시 로그인하여 언제든지 로고를 추가 할 수 있습니다

전자 상거래 웹 사이트 지금 당장 그럴 필요는 없어, 알았지? 그럼 아이콘으로 가보자 탭 및 여기, 다른 페이지의 경우 계정 페이지, 위시리스트 페이지 및 장바구니 페이지에는 기본적으로 포함 된 아이콘이 있습니다 WooCommerce 플러그인 그래서 우리는 이들 모두가 켜져 있는지 확인하기를 원합니다

그리고 그들은 지금 모두 켜져 있습니다 당신이 그 (것)들을 끄는 경우에, 이것 같이 볼 것입니다 대신 회색 색상 그리고 나서 미니 카트의 하단 텍스트는 아마도 이걸 업데이트하려고합니다 하지만 지금 당장 이걸 남겨두고 나중에 업데이트하도록 상기 시키거나 메모 할 수 있습니다 더 안전 할 수 있습니다

이 텍스트를 삭제하려는 경우이 텍스트가 장바구니 페이지 그래서 저는 이것을 무료 배송으로 남겨 두겠습니다하지만 다시는 항상 언제든지 원하면 편집 해 알았지? 그래서 우린 아무 변화도 없을거야 지금 바로 거기에 있고, 내가하고 싶은 것은 Top Bar 탭으로 간다

그리고 내가 뭘? 여기서하고 싶다 나는 톱 바를 켜고 싶다 그래서 클릭하면됩니다 데모 전자 상거래 웹 사이트에서이 항목이 여기의 위쪽 막대임을 알 수 있습니다 그리고 우리는 골드 악센트 색깔의 약간의 소셜 미디어 단추를 가지고 있습니다

정보, 일부 배송 정보를 입력 한 다음 드롭 다운 메뉴를 추가 할 수 있습니다 원하는 경우 다른 통화 및 다른 언어로보실 수 있습니다 전자 상거래 웹 사이트를 번역하십시오 그래서 당신이 이것처럼 보이는 윗 바를 원한다면 원하는대로 보이도록 텍스트를 사용자 정의 할 수 있습니다 원하는 작업은 다음과 같습니다

여기로 와서이 기능을 켜면 색상을 사용자 정의 할 수 있습니다 글꼴 또는 악센트 색상이 여기에 있습니다 원하는 경우 아래쪽으로 내려갑니다 이러한 소셜 미디어 버튼이 표시되면이 기능이 켜져있다 그리고 기본적으로 그렇습니다

그리고 나는 사회적인 것을 추가하는 법을 보여줄 것입니다 미디어 페이지 또는 단추를 원하는대로 선택할 수 있습니다 그리고 여기, 너는 전화 번호의 텍스트를 다음으로 변경할 수 있습니다 당신이 원했던 무엇이라도 그 다음 바로 여기의 선적 메모와 같은 배송비 또는 전화 번호가 필요하지 않습니다

너 진짜로 할 수있어 네가 원하는대로 넣어 줘 따라서 온라인 상점을 사용자 정의하여 그러나 당신은 원한다 그리고 당신이 어떤 변경을하면, "Publish" 버튼을 눌러 모든 것을 저장하십시오 그리고 우리는 여기서 바로 돌아갈 수 있습니다

그리고 그것은 Header 섹션에서해야 할 일은 거의 없습니다 우리는 갈 필요가 없다 이 다른 탭들을 통해 원한다면이 것들을 직접 탐색 할 수 있습니다 그렇지 않은 경우 여기로 돌아가서 서체 탭으로 가보겠습니다

그리고 지금 우리가 할 일은 폰트 탭입니다 그리고 이것은 당신이 갈 수있는 곳입니다 본문 글꼴과 제목 글꼴을 변경하십시오 따라서 글꼴을 변경하려면 스타일을 사용하려면이 드롭 다운으로 이동 한 다음 해당 글꼴 모음을 선택하십시오 네가 원해

그리고 글꼴을 굵게 또는 기울임 꼴로 변경하려면, 당신은 여기에 들어가서 어떤 종류의 글꼴 스타일을 선택할 수 있습니다 그래, 알았지? 따라서 변경 작업을 수행 할 경우에는 '게시'버튼을 클릭하여 변경 사항을 저장합니다 그렇지 않으면, 내가 돌아 가기 때문에 돌아 가자 모든 것을 기본값으로두고 가게 탭으로 가자 그리고 뭐 쇼핑 탭에서 할 수 있습니다

레이아웃 탭으로 이동하면 당신이 만들고있는 온라인 상점에 대한 쇼핑 페이지의 모양과 느낌 과 데모 전자 상거래 웹 사이트에서 바로 볼 수 있습니다이 페이지는 Shop 페이지입니다 우리가 만들고있는 WordPress 웹 사이트에 대해 그리고이게 맘에 든다면 좋아, 그럼 당신은 실제로 변경하지 않아도됩니다

우리는 무한 함을 가지고있다 아래쪽으로 스크롤하면 여기에 사이드 바가 있고 우리는 네 행당 제품 그래서 만약 당신이이 모습을 좋아한다면, 여기 레이아웃 탭에서 아무 것도 변경할 필요가 없습니다 하지만 너는 사이드 바를 제거하거나 사이드 바를 오른쪽 또는 Infinity 대신 다른 스크롤 옵션 사용 옵션, 알았지? 그래서 나는 내가 좋아하는 것을하기 때문에 여기서 아무것도 바꾸지 않을 것이다 기본 레이아웃 옵션

그럼 여기로 다시 돌아 가게하겠습니다 그리고 나는 우리가 생각하지 않는다 Catalog Mode (카탈로그 모드) 탭에서 무엇을해야하므로 아무 것도 할 필요가 없습니다 Custom Archives (맞춤 보관 파일) 탭에서 그러나 일부를 변경하려는 경우 판매 옵션이나 새 제품을 만들 때 바로 여기에 문구가 표시됩니다

여기서도 할 수 있어요 그래서 그것은 당신에게 달려 있습니다 '뒤로'를 클릭합니다 바로 여기에 그리고 수정을하면 "게시"버튼을 클릭하십시오

바로 여기에 그렇지 않으면 기본 탭 섹션으로 돌아가십시오 그리고 이제 가자 블로그 탭으로 이동합니다 그리고 블로그 포스트 페이지를 데모 전자 상거래 웹 사이트에서 데모 블로그 페이지를 볼 수 있습니다

원하는 탭으로 다시 돌아가서 "Blog Archives"를 클릭하면됩니다 탭을 클릭 한 다음 "블로그 카테고리"를 켜고 "처음 세 개의 게시물 강조 표시"를 클릭하고 "무한"버튼을 클릭하십시오 그리고 그것은 당신이해야 할 일 전부입니다 일단 준비가되면 다시 클릭하십시오 바로 여기에 메인 페이지로 돌아와

그리고 우린 아무것도하지 않을거야 제품 페이지 탭 나는 모든 것을 그대로 두지 만, 만약 당신이 필요 그래서 내가하고 싶은 것은 바닥 글 탭으로 가서 클릭하십시오 그

그리고 여기서 할 수있는 일은 원하는 경우 바닥 글 레이아웃을 변경하는 것입니다 전체 너비 옵션을 사용하려면, 내가 정말로하고 싶은 것은 저작권 텍스트 및이를 변경하고 싶습니다 그래서 당신이 이것을 바꾸고 싶다면, 당신은 할 수있는 것은이 물건을 강조 표시 한 다음 원하는대로 변경하는 것입니다 그래서 나는 스타일을 입력 할 수 있습니다 – NYC Tech Club Designed 일단 새로 고침하면 여기에서 업데이트하십시오

결제 옵션을 변경하려는 경우 아이콘을 클릭하면 여기에 원하는 것을 선택해도 가능합니다 그리고 너는 바로 여기 새로 고침을 참조하십시오 꼬리말 텍스트를 변경하려면 너 여기서 그걸 할 수있어, 알았지? 그런 다음 준비가되면 항상 "게시"버튼을 클릭하여 모든 것을 저장 한 다음 "뒤로"를 클릭하십시오 바로 여기에 그리고 지금 내가하고 싶은 것은 소셜 미디어 탭입니다

여기에서해야 할 일은 다른 모든 URL의 URL을 입력하는 것입니다 전자 상거래에 표시하려는 버튼의 소셜 미디어 페이지 웹 사이트 다양한 소셜 미디어 옵션이 있다는 것을 알 수 있습니다 데모 전자 상거래 웹 사이트에서 버튼이 표시되는지 확인할 수 있습니다 상단 바에서 상단에 오른쪽으로

그리고 나서 당신이 그들을 페이지 하단, 여기에 당신은 또한 사회를위한 위젯을 추가 할 수 있습니다 미디어 버튼도 그래서 나는이 전자 상거래에서 조금 나중에하는 방법을 보여줄 것이다 튜토리얼은 필요하지만 동영상을 일시 중지하려면 원하는 URL을 입력하십시오 소셜 미디어 버튼이 표시됩니다 그리고이 공란 중 하나라도 남겨두면, 그러면 버튼이 나타나지 않을거야, 알았지? 그런 다음 '게시'버튼을 클릭하십시오

일단 준비되면 그리고 여기로 돌아가서 우리가 마지막으로 할 일은 이제 테마 옵션에서 할 일은 WooCommerce 탭으로 넘어갑니다 일단 준비가되면, 계속해서 클릭하십시오 그리고 일단이 탭으로 가면 여기, 제품 카탈로그 탭으로 이동하여 귀하의 페이지가 데모 전자 상거래 웹 사이트처럼 보이도록 옵션을 선택하십시오 그런 다음 '제품 이미지'를 클릭하고 돌아가서 크기를 변경하고 싶습니다

이 물건들 원한다면 그렇게 할 수 있습니다 언제든지 여기로 올 수 있어요 잠시 후 약간의 콘텐츠가 있으면이 물건으로 놀아 라 이미지가 바뀌는 것을 볼 수 있습니다

하지만 지금 당장하고 싶은 것은 단지 입력하는 것입니다 "768"을 선택한 다음 축소판 너비에 대해 "330"을 입력합니다 그런 다음 미리보기 이미지 자르기의 경우 '맞춤'을 클릭합니다 나는 8에 10을 넣고 싶다 그래서 나는 그것을 입력 할 것입니다

그리고 다시, 우리는 언제나 할 수 있습니다 이 물건을 나중에 변경해야하지만 이것은 데모 전자 상거래 웹 사이트에 대한 것입니다 그거 내가이 전자 상거래 자습서에 넣을거야, 알았지? 일단 준비가되면 메인 페이지로 돌아가십시오 그리고 다시, 우리는 올거야 이 섹션으로 조금 돌아가서 이들 중 일부를 마무리하십시오

우리가 통과하지 못했던 탭들 우리는 언제나 여기에 들어가서 무엇이든 바꿀 수있다 우리는 언제든지 원합니다 그래서 무엇이라도 바꾸고 싶다면 항상 나중에 여기로 다시 오세요 일단 준비가되면 '게시'버튼을 클릭하십시오

한 번 더 모든 것을 저장하는 것입니다 그런 다음 준비가되면 클릭하십시오 여기 "X"에 이제 WordPress 대시 보드로 돌아와야합니다 과 이제 우리는 잘 할 수 있고 다음 단계로 나아갈 수 있습니다

그래서 지금 우리가가는거야 전자 상거래 웹 사이트를 보호하기 위해 SSL 인증서를 설치해야합니다 그리고 만약 지금 WordPress 대시 보드에 있습니다이 알림이 표시되어야하며 SSL 인증서에 대한 자세한 내용을 보려면이 링크를 클릭하십시오 바로 여기에

하지만 우리가 할 일은 웹 사이트에 HTTPS이고 S는 "보안"을 나타냅니다 그리고 그것은 여러분이 두 대의 서로 다른 컴퓨터간에 개인 정보 전송 인터넷을 통해 그래서 이것을 무료로 설치하는 방법을 보여 드리겠습니다 그래서 내가하고 싶은 것은 이메일받은 편지함으로 돌아가서 그 이메일을 열어 보는 것입니다 InMotion은 "InMotion Hosting에 오신 것을 환영합니다!"라는 제목으로 붙여졌습니다 그리고 다시, 당신은 계정 관리 패널 섹션으로 이동하십시오

아직 계정 관리 패널 섹션이 없으면, 계정 관리 패널에 대한 암호를 만들 것입니다 그래서 그냥 이 버튼을 클릭하면 InMotion에 로그인 할 수 있습니다 계정 이 대시 보드 페이지에 있어야합니다 그래서 네가 필요한 경우, 너무 빨리 지나갔지 만 동영상을 일시 중지 할 수 있습니다

계정 관리 패널로 이동하십시오 도메인 섹션에서 아래로 만들고있는 웹 사이트의 경우이 단추가 표시되어야합니다 "무료 기본 SSL을 관리하십시오" 계속해서 클릭하십시오 그리고 지금 너는 "무료 SSL 관리"페이지와 내가하고 싶은 것은 여기에 나와 있습니다

"적격 도메인"을 선택하고 웹 사이트의 웹 사이트 주소를 확인한 다음 이 버튼에 "자격 확인 (Check Eligibility)"이라고 적혀 있습니다 그리고 이걸 보셔야합니다 여기에 확인 표시를하십시오 내가 네가하기를 원하는 것은 여기에 내려와 "무료 SSL 사용"이라고 표시된 곳에서이 버튼을 클릭하여 켜십시오

그리고 이 버튼을 아직 클릭하지 않았다면 여기를 클릭하십시오 "지금 확인하십시오" 그리고이 작업은 최대 20 분이 걸릴 수 있지만 그 작업은 귀하의 웹 사이트가 안전하도록 무료 SSL을 가능하게합니다 그러니 필요한 경우, 지금 당장 휴식을 취할 수 있고 10 분에서 20 분 후에 다시 돌아올 수 있습니다 다음 단계로 넘어 간다

좋습니다 약 10 ~ 20 분 후에 WordPress 대시 보드로 돌아올 수 있어야합니다 일단 여기로 돌아 오면 이제 모든 것이 SSL로 설정되고 나면, 무엇을 할 수 있습니까? WordPress 대시 보드의 왼쪽에서 설정을 선택한 다음를 클릭하십시오 "일반" 일반 설정 탭을 사용하면 원하는 작업 만 수행됩니다

"http"라고 말한 다음 "p"다음에 "s"를 넣은 다음 여기에 사이트 주소가 있습니다 그 밖의 모든 것이 동일하고 당신이 가지고 있는지 확인하십시오 https 후 콜론 그래서 이것을 두 배로 세 번 확인해보십시오 이 자리와 자리 그래서 당신은 당신의 워드 프레스 웹 사이트를 망치지 않아

그리고 나서 하단에서 '변경 사항 저장'버튼을 클릭하십시오 일단 모든 것이 저장되면 WordPress에서 로그 아웃 될 수 있습니다 대시 보드, 그리고 있다면, 그냥 로그 다시 로그인하고 당신이 잘 가야한다 이제 귀하의 전자 상거래 웹 사이트에 SSL을 설정 했으므로 이제 귀하의 웹 사이트 안전해야합니다, 알았죠? 그러니 일단 그렇게하면, 우리는 잘 할 수 있습니다 이제 우리는 다음 단계로 넘어 간다

이제 우리가 할 일은 이동하여 사용자 정의하는 것입니다 우리가 원하는 모든 유형의 전자 상거래 웹 사이트를 가질 수 있도록 홈페이지 우리가 만드는 우리의 WordPress 웹 사이트에 대한 그래서 우리가 할 일은 우리가 조금 더 일찍 작성한 홈페이지로 돌아갑니다 그래서 "페이지"위로 마우스를 가져 가면 그런 다음 "모든 페이지"를 클릭하십시오 페이지 페이지를 열면 목록이 표시됩니다

당신이 만든 모든 페이지 또는 초안이있는 페이지 중 여기 샘플 페이지는 WordPress를 설치할 때 설치됩니다 그럼 정말 빨리 삭제하겠습니다 '휴지통'링크를 클릭하십시오 바로 여기에 일단 제거되면 쓰레기 수거통에 넣을 수 있습니다

원하는 경우 삭제할 수 있습니다 나중에 조금씩하겠습니다하지만 우리가 원하는 것은 무엇입니까? 지금 당장해야 할 일은 홈페이지에 마우스를 올리면 편집을 시작합니다 이 그럼 "편집"링크를 클릭합시다

편집 페이지를 열면 여기서 우리는 전체 WordPress 전자 상거래 홈페이지를 사용자 정의 할 것입니다 그리고 우리가해야 할 일은 페이지 빌더를 켜는 것입니다 그래서 여기, 거기 프론트 엔드 및 백엔드 편집기의 두 가지 옵션이 있습니다 나는 백엔드를 사용하고 싶다 편집자, 그래서 그것을 클릭합시다

그리고 우리는이 팝업을 바로 여기에 가져야합니다 이것은 우리의 Page Builder입니다 우리가 할 일은 다른 종류의 행 또는 다른 섹션을 작성한 다음 내용을 추가 할 것입니다 각 섹션에 이제 WordPress 데모 웹 사이트에서 볼 수 있습니다 바로 여기에 슬라이더 이미지가 있고 이것은 행이 될 것입니다

그리고 여기 아래에 우리의 특색있는 제품들이 있는데, 이것은 또 다른 섹션이 될 것입니다 우리는 홈페이지에 추가 할 것입니다 그런 다음 몇 개의 바닥 글 섹션을 갖습니다 여기, 알았지? 그래서 우리는 각 페이지에 대해 이렇게 할 것입니다 만들기

그래서 우리가 할 첫 번째 일은 슬라이더에 행을 추가하는 것입니다 그러니 "+"버튼을 클릭하면 팝업 창이 나타납니다 이 모든 요소가 여기에 모두 포함되어 있습니다 그리고 이것들은 여러분이 할 수있는 요소입니다 다른 페이지에 추가하면 각 페이지를 맞춤 설정하는 방법입니다

전자 상거래 페이지는 원하는대로 보일 수 있습니다 원하는 것을 추가 할 수 있습니다 우리가 지금하고 싶은 일은 행을 추가하는 것입니다 맨 위에서 오른쪽으로 가세요 행 요소를 찾아서 클릭하면 행 get이 표시됩니다

여기에 추가되었습니다 그리고 열이나 상자의 수를 변경하려는 경우 행에 아이콘을 마우스로 가리키면 해당 아이콘을 변경할 수 있습니다 원하는 열의 수 하지만 지금 당장은 기본 옵션을 선택하고 행 설정에 들어가서 변경하기 만하면됩니다 몇 가지 간격 옵션

그렇게하기 위해 우리는 연필을 클릭 할 것입니다 바로 여기에 그리고이 행 설정 팝업을 가져와야합니다 그리고 연속으로 스트레칭 슬라이더 행에 대해 "행 및 내용 늘이기 (패딩 없음)"을 선택하려고합니다 선택권

그러니 계속 해보세요 그러면 언제든지 원하는 경우 다른 옵션을 선택한 다음 디자인 옵션 탭으로 이동하십시오 그리고 슬라이더 행, 내가하고 싶은 것은 약간의 여백과 약간의 여백을 추가하여 변경하는 것입니다 간격 그래서 당신은 항상이 물건들을 당신 자신의 것으로 놀 수 있지만, 그렇습니다

이제 똑같은 것을 입력하면됩니다 그래서 상단에 "75px"를 입력하고 하단 여백 그리고 바로 여기 패딩에 대해 "7 %"를 입력하고 싶습니다 왼쪽과 오른쪽에 그리고 이것을 시각적으로보고 싶다면, 당신이 가진 요소가 바로 여기 있습니다

그리고이 물건은 이 행의 다른 부분에 대한 간격, 알았지? 그리고 언제나 할 수 있습니다 일부 색상을 변경하고 배경색을 추가하십시오 니가 원한다면 여기에 물건을 넣어 라하지만 우리는 그 물건을 그대로두고 갈거야 지금이 행을 위해

일단 준비가되면 "변경 사항 저장"버튼을 클릭하십시오 그리고 지금 우리가 원하는 것은이 행 안에 슬라이더 요소를 추가하는 것입니다 그래서 이 행의 "+"버튼 이 팝업이 나타나면 내가 너 한테 원하는거야 여기에 와서이 슬라이더 요소를 찾아서 클릭하십시오

그리고 너는해야한다 이 슬라이더 설정을 여기에서 가져 오십시오 그리고 우리는 아무것도 바꿀 필요가 없습니다 '변경 사항 저장'을 클릭하십시오 그리고 이것은 슬라이더를 추가하는 방법입니다

이미지를 슬라이더에 추가 할 수 있으며 추가 할 횟수만큼 할 수 있습니다 많은 다른 이미지 그래서 "+"버튼을 클릭하면됩니다 중간 그리고 당신은이 팝업을 얻고 "Image Slide"를 클릭해야합니다

여기에이 팝업 창이 나타납니다 그리고 당신이하고 싶은 일은 제목, 설명을 입력 한 다음 버튼 텍스트와 귀하의 여기 버튼 그리고 색상과 그 모든 것들을 바꿀 수 있습니다 여기에 슬라이더 이미지가 있습니다 그럼 데모에서 보여 드리죠

전자 상거래 웹 사이트에서 제목을 입력하면 설명과 그러면이 버튼 텍스트가 바로 여기에 있습니다 마우스를 가져 가면 URL이 생깁니다 그리고 이것은 배경 이미지이므로 슬라이더 이미지입니다, 알았죠? 그래서 가자 페이지 빌더로 돌아갑니다 그리고 당신은 비디오 편집의 힘이 나는 이미 내 제목과 내 설명 및 단추 텍스트를 여기에 넣었습니다

그리고 나는이 일을 다 입력하면 시간을 절약 할 수 있습니다 물건, 그냥 많은 시간을 낭비하고 그것은 내가 정말로 무엇을 입력 중요하지 않습니다 이것은 데모 웹 사이트 일 뿐이므로 필요한 경우 동영상을 일시 중지 할 수 있습니다 귀하의 제목과 설명을 넣으십시오 설명 및 제목을 클릭하여 "색상 선택"을 클릭하십시오 그리고 나서 한 번 버튼 텍스트를 사용할 준비가되었습니다

"SHOP NOW"와 같은 텍스트를 입력 한 다음 버튼 URL을 넣을거야 그리고 언제든지 이동하여 붙여 넣을 수 있습니다 조금 후에 우리는 정말로 다른 무리를 만들지 않았기 때문에 아직 페이지가 없습니다 하지만 우리가 할 쇼핑 페이지에 버튼을 연결하려면 나중에 온라인 스토어에서 조금만 만들어 보신 후 입력하십시오 "https : // www

" 당신의 웹 사이트 이름 그래서 "nycshopshopcom/shop"에 넣어 그리고 "s"를 넣거나 SSL 인증서가없는 경우에는 S에 넣을 필요는 없습니다 그러나 다시 한번 우리 웹 사이트에 SSL 인증서로 전자 상거래 웹 사이트가 매우 안전합니다 그리고 너는 할 수있다

배경을 사용하려면 슬라이더의 배경색도 변경하십시오 이미지 대신 컬러를 사용하지만 이미지를 사용합니다 그러고 싶다면 이미지를 업로드하려면 여기 오른쪽의 "+"버튼을 클릭하십시오 그리고 너는에 있어야한다 미디어 라이브러리를 사용하고 슬라이더 이미지를 업로드하려면 "파일 업로드"에서 "파일 선택"을 클릭하고 자신의 슬라이더 이미지를 찾으십시오

만약 데모 컨텐츠를 사용하고 싶다면 여기이 페이지에 있는지 확인하십시오 그리고 우리는 우리의 슬라이더 이미지가 될이 이미지를 찾을 수 있습니다 과 다시 말하지만 데모 폴더에서 약간 다르게 보일 수 있습니다 이들은 기록 된 이미지를 복사하지만 제목이 "Slider Image"인 이미지를 찾습니다 "이미지 설정"을 클릭하십시오

이미지가 여기에 추가되면 if 당신은 그것을 제거하고 싶습니다, 단지 "X"를 클릭하십시오 그리고 당신은 다른 이미지를 추가 할 수 있습니다, 알았죠? 일단 준비가되면 "변경 사항 저장"을 클릭하십시오 그리고 추가 슬라이더 이미지를 추가하려면, 당신이해야 할 일은 "+"버튼을 클릭하고 같은 단계를 거치십시오 하지만 지금 당장 우리가 할 일은 다음 단계로 나아가는 것입니다 우리의 주요 제품에 대한 섹션 그래서 내가하고 싶은 것은 요소를 추가하는 것입니다

여기에서 "+"버튼을 클릭하겠습니다 행을 추가하는 것입니다 따라서 "행"요소를 클릭하면 오른쪽에 행이 삽입 된 것을 볼 수 있습니다 이리 이번에는 행 설정을 할 필요가 없지만 원하는 것은 무엇입니까? 이 행에 다른 행을 추가합니다

그래서 행 안의 "+"버튼을 클릭하십시오 행 요소를 다시 클릭하십시오 그리고 행이 삽입되어 있어야합니다 이 행 바로 여기 그리고 이것은 내가 만든 것처럼 배운 작은 트릭입니다

WordPress와 다른 전자 상거래 웹 사이트의 무리, 그리고 그것은 단지 추천 제품 섹션이 조금 더 좋아 보이므로이 트릭을 공유 할 것입니다 당신과 함께 따라서이 행에이 두 행을 추가하면 "+"버튼을 클릭 합니다 우리가하고 싶은 일은 바로이 "추천 제품"요소를 여기에 추가하는 것입니다 그러니 이것을 클릭하십시오

그리고 여기에이 팝업을 가져와야합니다 우리가 할 수있는 일은 우리가 보여주고 자하는 제품의 수를 편집하는 것입니다 섹션을 참조하십시오 따라서 데모 전자 상거래 웹 사이트에서 주요 제품 섹션에서는 8 가지 제품이 있으며 행당 4 있습니다 데모 웹 사이트와 동일한 레이아웃을 원할 경우, 해야할 일은 페이지 당이 섹션에 나와 있으며이 값을 8로 변경하십시오

페이지 당 제품 수를 늘리면 4로 남겨 둘 수 있습니다 숫자를 원하는대로 변경 한 다음 변경 사항 저장을 클릭하십시오 준비된 그리고 꽤 많이, 우리가 온라인 홈페이지를 위해해야 ​​할 전부입니다 우리가 만들고있는 가게

그리고이 제품 섹션이 우리는 제품이 없기 때문에 지금은 채워질 것입니다 그러나 일단 우리가 우리의 온라인 상점을위한 것들을 만들면, 그 섹션이 나타날 것입니다 그리고 바닥 글 섹션에서이 섹션을 맞춤 설정합니다 약간의 위젯과 바닥 글 메뉴로 조금 나중에 그러니 걱정하지 마세요

지금이 섹션 우리가해야 할 일은 특색있는 제품과 슬라이더 섹션 그래서 우리가 전자 상거래 홈페이지로 돌아가고 싶습니다 만들기 페이지 옵션에서 여기까지,이 상자를 선택 취소하면됩니다

내가 페이지에 집이 있기를 원하지 않기 때문에 "Show Page Title"이라고 적혀 있습니다 페이지 제목이 홈페이지에 표시됩니다 그래서 잘하면, 그것은 당신에게 이해가되지만 그렇지 않으면 체크를하면 항상 어떻게 보이는지 체크 할 수 있습니다 이 상자 하지만 지금 당장하고 싶은 일은 우리의 모든 변화를 저장하는 것입니다

그럼 여기에서 "업데이트"버튼을 클릭하십시오 그리고 일단 페이지가 업데이트되면 우리는 그것을 확인하십시오 이제 '페이지보기'를 클릭하겠습니다 그리고 일단 귀하의 전자 상거래 홈페이지 로드, 이것은 당신이 지금보아야하는 것입니다 슬라이더 이미지가 있어야합니다

쇼핑 페이지로 연결되는 버튼으로 언제든지이 URL을 업데이트 할 수 있습니다 잠시 후 다른 페이지로 연결하십시오 그리고 여기 아래가 네가있는 곳이야 추천 상품 섹션이 나타납니다 하지만 지금 당장에는 이 섹션은 채워지지 않습니다

그리고 나서 우리는 바닥 글 섹션의 위젯은 아직 여기 있습니다 그래서 조금 후에 할 것입니다 그러나 이것이 당신이 보는 것이라면, 우리는 가고 싶어합니다 그리고 이제 우리가 할 수있는 것은 다음 단계로 넘어 간다 이제 우리가 할 일은 가서 WooCommerce Settings (WooCommerce 설정)을 선택한 다음 Google 제품을 만들어서 온라인 매장

그래서 내가하고 싶은 것은 웹 사이트 이름 위에 마우스를 가져 가면됩니다 왼쪽 상단에서 대시 보드로 돌아가 보겠습니다 일단 다시 돌아 오면 WordPress 대시 보드, 설치 마법사를 실행하려면이 알림이 표시되어야합니다 WooCommerce 따라서 "설치 마법사 실행"을 클릭하십시오

그리고 지금, 당신은 WooCommerce 설정 페이지에 있어야하고 상점 설정 탭에 있어야합니다 할 수있는 일은 비디오를 일시 중지하여 여기에 주소를 기입하는 것입니다 그래서 나는 이미 이것을 채운 다음에 여기로 내려와 통화를 선택할 수 있습니다 당신은 당신의 제품을 판매하거나 지불하기를 원합니다 그리고 나서 여기 아래로, 당신은 판매 할 제품 유형을 선택하고 싶습니다

원하는 경우 WooCommerce를 사용하여 사용량을 추적 할 수 있습니다이 상자를 여기에서 확인할 수 있습니다 그렇지 않으면 선택하지 않습니다 그런 다음 준비가되면 바로 여기에 "가자!"버튼이 있습니다 이제 지급 탭에 있어야합니다

여기에서 원하는 결제 옵션을 사용할 수 있습니다 당신이 만들고있는 워드 프레스 온라인 상점 그리고 기본적으로 WooCommerce에는 스트 라이프 및 PayPal 옵션이 선택되어 있습니다 그래서 나는 스트라이프를 끄고 싶습니다 데모 전자 상거래 용으로 PayPal을 사용하고 싶습니다

우리가 만들고있는 웹 사이트이지만이 두 가지를 모두 사용할 수 있습니다 그리고 네가 원한다면 추가 지불 옵션, 원하는 것은이 링크를 클릭하면됩니다 WooCommerc Extensions 페이지로 이동하게됩니다 결제 옵션 탭으로 이동하면 다양한 지불 옵션이 여기에 있습니다 그리고 이것들을 사용하고 싶다면 귀하의 전자 상거래 웹 사이트를위한 것, 당신이해야 할 일은 클릭 플러그인을 다운로드 한 다음 다운로드하십시오

그리고 나서 당신은 플러그인 탭을 클릭하고 "새로 추가"를 클릭 한 다음 원하는 결제 옵션에 대한 플러그인을 직접 만들 수 있습니다 다시 여기 설정에서 "Accept (동의)"확인란을 선택하고 싶습니다 PayPal 계정에 연결하지 않고도 지불 할 수 있습니다 " 여기에 이메일 주소를 입력하십시오 현금 결제를 받고 싶다면 또는 대금 상환 또는 무언가를 현금으로 지불하는 경우, 귀하는 또한 선택할 수 있지만 선택하지 않아야합니다

그래서 나는 단지 선택하기를 원한다 PayPal은 여기에 있지만 귀하가하는 일은 귀하에게 달려 있습니다 그리고 준비가되면 계속해서 "계속"버튼을 클릭하십시오 그리고 일단 당신이 배송 탭, 여기에서 할 수있는 것은 배송 방법과 가격을 선택하는 것입니다 배송비를 청구하려고합니다

그리고 당신이 미국에 있다면, 당신은 라이브 요금 옵션을 사용할 수있는 옵션이 있어야합니다 따라서 "라이브 요금"을 선택하면 바로 여기에서 할 일은 미국이 우편 서비스는 귀하가 필요로하는 곳이라면 언제든지 발송할 것입니다 그럼 우리가 할 수있는 일 미국에 계시다면 라이브 요금으로 남겨두고 확인하십시오 이러한 기능을 사용할 수 있습니다 미국 이외의 지역에 거주하는 경우 고정 요금 또는 무료 배송 옵션을 선택하면됩니다

당신이 선택하면 고정 요율 옵션을 사용하면 가격을 바로 여기에 넣을 수 있습니다 여기이 구역에서 다루지 않는 곳 다른 항목을 추가하는 방법을 보여 드리겠습니다 배송 할 수있는 지역과 다른 요금을 변경할 수있는 지역 우리가 WordPress 대시 보드로 돌아갈 때 조금만 기다려주세요 그래서 지금, 우리가 원하는 것을 선택할 수 있고,이 모든 것을 실제로 어떻게 넣을 지 보여 드리겠습니다

함께 조금 그래서 이것을 라이브 요금으로 남겨 둘 것입니다 지금은 거짓말 률이 없다면 괜찮습니다 어느 것을 선택 하든지 우리는 이것으로 돌아갈 것이다 그리고 여기 아래로, 당신은 체중 단위와 귀하의 제품에 대한 치수

다른 것을 선택하고 싶다면 계속 진행하십시오 그 미국에서는 일반적으로 파운드를 사용하고 그 다음 치수를 사용합니다 나는 인치가 괜찮다고 생각한다 일단 준비가되면 "계속"을 클릭하십시오

그리고 이제 너는 권장 탭에 있어야하며 우리가 할 수있는 일은이 상자를 올바르게 선택하는 것입니다 여기에서 WooCommerce가 자동으로 세금을 계산하도록합니다 그리고 나 이것이 훌륭한 옵션이라고 생각합니다 그래서 그냥 체크해 보겠습니다 그리고 나서 전자 상거래 웹 사이트에 MailChimp를 통합하려는 경우 떠나고 싶습니다

이 하나가 선택되었습니다 하지만이 튜토리얼에서는 그렇게하지 않을 것이지만, 당신은 WooCommerce를 사용하는 방법에 대한 다른 튜토리얼에서 그 작업을 수행하는 방법을 설명합니다 그 YouTube 동영상은 NYC Tech Club YouTube 채널에 있습니다 그래서 당신이 가도록하십시오 그걸 확인해 봐

비디오 설명에 링크가있을거야, 알았지? 그래서 네가 세금을 부과하고 자동으로 계산되기를 원합니다 여기에서이 상자를 선택하고 준비가되면 "계속"을 클릭하십시오 과 마지막으로해야 할 일은 "Jetpack"과 연결하는 것입니다 우리가 할 수있는 일은 바로이 버튼을 클릭하면됩니다 wordpress

com의 로그인 페이지로 이동하십시오 그리고 당신이해야 할 일은 로그인 따라서 wordpresscom에 계정이 없으면 언제든지 로그인 할 수 있습니다 여기까지

그렇지 않으면 이메일 주소를 입력하고 그런 다음 "계속"버튼을 클릭하고 비밀번호를 입력하십시오 "로그인"을 클릭하십시오 그리고 일단이 페이지에 오면, 당신이해야 할 일 모두 "Approve"버튼을 클릭하십시오 이제 귀하의 사이트로 다시 연결되어야합니다 전자 상거래 웹 사이트가 아니며이 페이지에서 아무 것도 할 필요가 없습니다

그래서 내가 원하는 걸 당신이 할 일은 왼편에있는 WooCommerce 위로 마우스를 가져 가면됩니다 설정 탭에 추가하십시오 WooCommerce 설정 페이지를 방문하면 여기서 설정을 업데이트 할 수 있습니다 그래서 당신은 다른 무리를보아야합니다 탭을 여기 위로 올리면 정말 빠르게 함께 살펴볼 것입니다

몇 가지 다른 것들을 밖으로 나와 페이팔을 통합하는 방법을 보여 귀하의 세금을 변경 요금 및 배송 옵션 그래서 정말 빨리, 이걸 보면 알림, "Skip Setup"을 클릭하십시오 나는 그 통지를 단지 생각한다 기본적으로 나타나며 이미 설치 마법사를 진행했습니다 그래서 일반 탭 바로 여기에서 상점 주소를 업데이트 할 수 있습니다

당신은 당신이 판매하는 곳을 업데이트 할 수 있습니다 이리 우리는 이미 모든 것을 설정했기 때문에 아무것도 변경하지 않습니다 당신이 변경을하면, 당신은 "변경 사항 저장"버튼을 클릭해야합니다 각 탭, 알았지? 자, 다시 위로 올라가 봅시다

제품 탭 제품 페이지를 방문하면 여기에 알림이 있습니다 꼭대기에서, 필요한 제품이 있다면 새기거나 꽃이나 카드와 같은 개인 메시지가 있으면 일부 제품 애드온을 활성화하십시오 이 버튼을 클릭하기 만하면됩니다 너 혼자 할 수있어

우리는이 데모에서 그렇게하지 않을 것입니다 그것을 닫습니다 그런 다음 아래에 다음과 같은 다른 알림이 표시되어야합니다 제품 표시 옵션 그래서 우리는 Theme Settings a에서 이것을 경험했습니다

조금 더 일찍 우리는 이것을 기각 할 수 있습니다 이제이 페이지로 돌아 가야합니다 빠른 새로 고침 후 바로 여기 따라서 상점 페이지는 기본적으로 설정되어야합니다 너를 위해서

그렇지 않은 경우 항상 페이지를 만든 다음 여기로 돌아와서 설정할 수 있습니다 우리가 만든 어떤 페이지로 Shop 페이지 그래서 당신은 이미 그것을 볼 것입니다 그래서 우리는 그것을 바꿀 필요가 없습니다 그런 다음 여기를 누르면 측정 및 모든 것들

그래서 내가하고 싶은 한 가지는 "리뷰 사용"이라고 표시된 곳으로 내려와이 상자를 선택하고 싶습니다 확인 된 구매자 만 리뷰를 남길 수 있습니다 그래서 한번 확인해 봅니다 이 상자에서 '변경 사항 저장'버튼을 클릭하고 싶습니다 그리고 일단 모든 것이 저장하면이 알림이 여기에 표시됩니다

인벤토리 및 다운로드 가능한 제품에 대한 링크가 여기에 있습니다 이 비디오 튜토리얼에서는이 두 링크를 다루지 않지만 WooCommerce를 사용하는 방법에 관한 나의 튜토리얼 다시 한 번 비디오에 링크가있을 것입니다 설명을 읽으면 언제든지 NYC Tech Club YouTube 채널로 이동하여 그 비디오, 알았지? 원하는 경우이 링크를 사용하여 스스로 놀 수 있습니다 그렇지 않으면 내가 원하는 것은 세금 탭을 클릭하는 것입니다

그리고 일단 당신이 세금 탭, WooCommerce에서 세금 계산을 원하지 않으면 무엇을 할 수 있습니까? 여기에 들어가서 자동화 된 세금을 사용 중지하십시오 우리는 이것을 떠날거야 활성화되었지만 변경 한 경우 하단으로 이동하여 클릭하십시오 여기에 "변경 사항 저장"이 있습니다 일단 준비가되면 '배송'탭으로 이동하십시오

Shippings 탭을 선택하면이 탭에서 Shippings 탭을 선택할 수 있습니다 고객에게 보낼 때마다 청구 할 운송 방법 소포 이제 우리는 존 이름을 가지고 있고 존이 있습니다 미국이라고 불렀습니다 그리고 나서 나는 다른 곳에서 다루지 않는 곳이있다

영역 그래서 바로 여기에서 미국은 USPS의 라이브 율을 가지고 있음을 알 수 있습니다 배송 방법을 선택한 다음 전 세계 어디에서나이 영역을 바로 사용할 수 있습니다 여기에서도 같은 방법을 사용하고 있습니다 당신이 할 수있는 것은 다른 많은 것을 추가하는 것입니다

영역을 원하는대로 설정할 수 있습니다 그래서 당신이 미국에 있다면 당신은 모든 다른 주에 다른 운송비를 더하고 싶습니다 실제로 다른 배송 지역을 추가 한 다음 배송을 선택할 수 있습니다 각각의 상태에 대해 원하는 메소드 그리고 같은 것은 다른 것과 함께 간다

국가 또는 다른 지역의 다른 도시와 그 모든 것들 그래서 나는 지금하고 싶습니다 저는이 두 가지를 가능하게하고 싶습니다 그래서 미국 및 미국이 적용되지 않는이 장소들 그리고 내가 어떻게 보여 줄지

당신은 또한 운송 방법을 편집 할 수 있습니다 그래서 내가 먼저하고 싶은 것은 라이브 요금 옵션을 사용하는 방법 실시간 요금 옵션은 당신이 미국에 살거나 사업을하고 있다면, 나는 캐나다라고 생각합니다 그래서 만약 미국에 사업장이 없으므로 생방송에 대해 걱정하지 마십시오 요금 옵션 및 무료 배송 또는 플랫 선택 방법을 알려 드리겠습니다

rate 옵션을 사용하십시오 그래서 지금, 나는 가서 "Zone"에 마우스를 가져갈거야 이름 "을 입력하고"편집 "링크를 클릭하십시오 그리고 편집을 시작하면 첫 번째 배송 지역의 페이지이며, 여기에서 볼 수 있습니다이 곳은 미국입니다

당신이 할 수있는 일은 바로 이곳의 구역 이름을 바꾸는 것입니다 그리고 동일한 배송지가있는 일부 지역을 추가하려는 경우 당신이 여기있는 방법은, 여기에 들어가서 그냥해야한다는 것뿐입니다 새 영역 또는 영역을 추가하십시오 그래서 여기에 유럽을 추가하고 싶다면 유럽에 입력하고 그것을 선택하십시오 그리고 내가 여기에있는 어떤 운송 방법 이건간에 미국과 유럽에서 사용할 수 있습니다

그래서 그것은 단지 당신을위한 아이디어지만 나는 그것을 삭제할 것이고 지금은 이것을 미국으로 남겨 둘 것입니다 그리고 실시간 요금 옵션을 사용하고 있다면 다시 당신은 미국과 캐나다에 살고 있습니다 그러면 당신이 할 수있는 일은 단지 "USPS"옵션을 선택하고 활성화되어 있는지 확인한 다음 원하는 것을 선택하십시오 할 일은 여기에서 편집 버튼을 클릭하면됩니다 그리고 설정 페이지에서, 당신이하고 싶은 것은 보낸 곳의 원산지 우편 번호를 입력하는 것입니다 에서 패키지를 가져온 다음 배송 유형을 선택하려고합니다

사용하고 싶다 그래서 우리는 "Priority Mail"과 "Priority Mail international"을 사용할 것입니다 여기에서 선택하는 품목에 따라 어떤 유형의 운송료가 당신은 고객에게 요금을 부과합니다 그런 다음 여기, 당신이 Fallback에서하고 싶은 일 요율 옵션을 사용하면 기본 금액을 결제 할 수 있습니다 실시간 요금 옵션이 작동하지 않을 때마다 고객에게 제공됩니다

따라서 고객에게 청구 할 금액이 고정 요금 인 경우 15 달러입니다 라이브 요금 옵션이 작동하지 않으며 운송료를받지 않습니다 그래서 당신은 당신이 편안하고 무엇이든 그것을 채우고 싶습니다 와 그런 다음 준비가되면 하단으로 내려 가서 "변경 사항 저장"버튼

일단 설정이 저장되면 우리는 잘 가게됩니다 그게 당신의 배송 방법에 대한 라이브 요금 옵션을 설정하는 방법입니다, 알았죠? 그래서 나는 여기이 선적 구역으로 돌아가고 싶다 그래서 다시 클릭하겠습니다 미국 그리고 일단이 페이지로 돌아 오면 나는 실시간 요금 옵션을 사용하면 제품을 만들 때마다 크기와 무게를 넣어

그래서 나는 이걸 다시 살펴볼거야하지만 너 전자 상거래 웹 사이트 용 제품을 만들면이 페이지로 이동하게됩니다 바로 여기에 여기에 '배송'이라는 탭이 있으며 무엇을해야합니까? 라이브 요금 옵션을 사용하는 경우에는 가중치와 크기에 넣습니다 바른 요금을 내야 겠어

알았지? 그래서 나는 그것에 대해 다시 생각 나게 할 것이다 그러나 나는 우리가 바른 운송 방법을 밟고 있기 때문에 그것을 커버하고 싶었다 지금 지금 당장하고 싶은 일은 라이브 요금 옵션 대신 다른 배송 방법을 사용합니다 데모 전자 상거래 웹 사이트에 사용할 수 있습니다

라이브 요금을 무효로 할거야 옵션을 선택한 다음 여기에이 버튼을 클릭하여 '배송 추가'라고 말하고 싶습니다 방법 "을 선택하면이 팝업이 표시되며 배송 방법을 선택할 수 있습니다 사용하고 싶다 그리고 고정 요금 옵션을 사용하고 싶습니다

'배송비 추가'를 클릭합니다 방법 "과 나는이 작은 섹션을 바로 여기에 놓아야한다 우리는 그것을 가능하게했습니다 그런 다음 여기에서 '수정'링크를 클릭하면 우리는이 팝업을 얻을거야 우리가해야 할 일은 우리가 원하는 금액을 입력하는 것뿐입니다

주문이있을 때마다 고객에게 요금을 청구하고 무언가를 보내야합니다 그들에게 나간다 그래서 "$ 15"를 입력하고 "변경 사항 저장"을 클릭하십시오 그리고 저것은 저장해야한다 이 영역의 모든 배송 방법을 여기에서 업데이트하십시오

배송 방법을 원하는대로 변경할 수 있습니다 그리고 다시, if 당신이 미국에 있다면, 나는 라이브 요금 옵션을 추천합니다 제품의 무게와 치수를 넣고 싶다면 바로 여기를 참조하십시오 그렇지 않으면, 당신은 아마 일정한 비율을 사용하고 싶거나 자유 롭다 배송 너 한테 달렸어

알았지? 이제 주요 Shipping Zones 페이지로 돌아가 보겠습니다 그리고 일단이 페이지로 돌아 오면 클릭 할 수 있습니다 이 버튼을 사용하여 추가 영역을 추가하거나, 하나의 구역이 있고 다른 모든 구역을 덮는 기본 옵션이 있습니다 그럼 여기서 이걸 사용하면됩니다 " 다른 지역에 의해

"우리가 할 일이 이것입니다 나머지는있을 것입니다 우리는 모두에게 청구 할 금액을 선택할 것입니다 그렇지 않은 사람은 미국에 있습니다 그래서 내가하고 싶은 것은 이것을 클릭하는 것입니다

그리고이 페이지로 가면 실시간 요금 옵션을 해제하고 다시 '정액 요금'옵션을 선택하겠습니다 그래서 여기에 들어가서 이것을 선택하십시오 그리고 내가 할 일은 여기에 15 달러를 넣는 것뿐입니다 '변경 사항 저장'을 클릭하십시오 그리고 당신은 그것이 바로 여기에서 가능하다는 것을 알아야합니다

이 하나는 사용할 수 없습니다 그래서 그 모든 것을 저장해야하며 우리는 단지 돌아갈 수 있습니다 확인하다 그리고이 페이지를 다시 방문하면 배송 방법은 여기에 있습니다 그래서이 사람이 넘어 졌음을 알 수 있습니다

따라서 배송 지역을 추가하고 배송 방법을 선택하는 방법입니다 일부 추가 리소스에 대한 링크가 있음을 알려드립니다 바로 여기에 배송을위한 플러그인에 다음 배송 설정에 WooCommerce가있는 구역 페이지는 여기에 있습니다 동영상에 링크가있을 것입니다 설명을 읽으십시오

설명에 링크하겠습니다 아래에서 배송에 대해 더 자세히 알아볼 수 있습니다 이제 내가하고 싶은 것은 다음 단계로 넘어갈뿐입니다 그래서 클릭하자 '결제'에 결제 탭을 사용하면 할 일은 PayPal을 Google의 전자 상거래 웹 사이트와 통합 할 수 있지만 항상 여기에서 확장 기능 링크를 클릭하면 WooCommerce로 이동합니다

웹 사이트 '결제'탭을 클릭하면 다음과 같은 기타 옵션이 제공됩니다 전자 상거래 웹 사이트에 통합 할 수있는 결제 옵션입니다 그래서 우리가 할 일은 PayPal 계정을 설정하는 것입니다 그래서 거기에 있어야합니다

Express Checkout과 PayPal 옵션의 두 가지 PayPal 옵션 사람들이 PayPal 계정에 로그인 할 수 있습니다 그래서 우리는 이것들을 가능하게하고 싶습니다 그러니 계속해서 이것을 클릭하십시오 보라색을 클릭하고 "Save Changes"버튼을 클릭하십시오 그리고 한 번 모든 것이 저장됩니다

우리가 할 수있는 일은 두 가지 모두를 설정하고 관리하는 것입니다 이제 첫 번째 '관리'버튼을 클릭하십시오 그리고 일단 당신이 PayPal 페이지에서이 상자가 선택되어 있는지 확인한 다음 이메일을 가지고 있는지 확인하십시오 여기 PayPal 계정의 주소를 입력하십시오 그리고 여기로 내려와 수신자 이메일 주소를 항상 업데이트하십시오

그래서 다른 이메일을 넣고 싶다면 주소, 여기서 바로 할 수 있습니다 그리고 당신이이 물건이 무엇인지 모른다면, 당신은 항상이 물음표 위로 마우스를 가져 가면 작은 팝업이 표시됩니다 바로 여기에이 섹션의 내용이 설명되어 있습니다 이걸로 남겨 둘거야 내가하고 싶은 것은 API 자격증 명단입니다

그리고 나 환불을 처리 할 수 ​​있도록 사용자 이름, 비밀번호 및 서명을 입력하고 싶습니다 PayPal을 통해 그래서 당신이 할 수 있기를 원한다면, 이것을 할 수 있습니다 링크를 클릭하여 API 자격 증명을받는 방법에 대한 지침을 얻거나 내가 너를 따라갈 것이기 때문에이 비디오를 계속 보아라 그럼 너 너 뭐야? PayPal 계정으로 이동하려면 여기 탭을 열어야합니다

내 프로필 페이지에 일단 로그인하면이 페이지로 이동하기 위해 할 수있는 일은 여기에서 "프로필"버튼을 클릭 한 다음 "프로필 및 설정"을 클릭하십시오 이 페이지 바로 여기에 올거야 그리고 당신이하고 싶은 것은 이것을 클릭하는 것입니다 '내 판매 도구'라는 버튼이 있습니다

일단이 페이지를 방문하면 여기이 페이지를 보러 올거야 그리고 그냥 내려와 여기서 "API 액세스"라고 말하면 원하는 링크는 여기를 클릭하십시오 따라서 "관리"또는 "업데이트"라고 말할 수 있습니다 API 자격 인증을 받으면 페이지에서 아래쪽으로 이동하면됩니다

API 자격 증명을 요청하게됩니다 그래서 당신이이 링크 또는 뭔가 있다면 비슷한, 그걸 클릭하십시오 API 시그니처 페이지를 방문하면 네가 할 일은 여기에 와서 사용자 이름, 암호 및 서명을하고 여기에있는 "링크 표시"를 클릭하십시오 그런 다음 해당 정보를 WooCommerce 설정으로 다시 복사하십시오 여기 다른 섹션들

그런 다음 준비가되면 '변경 사항 저장'을 클릭하십시오 단추 그리고 나는이 모든 API가 있기 때문에 당신과 함께하지 않을거야 사용자 이름, 암호 및 서명은 고유합니다 그래서 나는 그들을 안전하게 지켜야 만한다

그들을 붙여 넣습니다 그리고 준비가되면 "변경 사항 저장"을 클릭하십시오 모든 것이 저장되면 결제 탭으로 돌아가십시오 그리고 메인 페이지로 돌아 오면 같은 일을 할 것입니다 PayPal Express Checkout

따라서 여기에서 "관리"버튼을 클릭 할 수 있습니다 그리고 일단이 페이지를 열면이 상자가 있는지 확인하십시오 선택한 다음 여기에 PayPal 이메일 주소가 있습니다 네가 원한다면 Checkout 페이지의 웹 사이트 이름을 변경하려면 여기에서 바로 할 수 있습니다 그리고 다른 페이지에서도 그렇게 할 수있는 옵션이 있습니다

그런 다음 변경 사항을 적용한 경우 맨 아래로 이동하여 '변경 사항 저장'버튼을 클릭하십시오 그래서 우리는 여기서 어떤 변화도 일으키지 않을 것입니다 그래서 나는 단지 정상에 다시 올거야 그리고 꽤 많이, 당신이 가려고하지 않는다면 다른 결제 옵션을 통합하면 좋은 결과를 얻을 수 있습니다 그래서 내가하고 싶은 것은 다음 탭인 '계정 및 개인 정보'로 이동하십시오

일단 이 탭 바로 여기, 우리는 아무것도 바꿀 수는 없지만 당신은 무엇을 볼 수 있습니까? 옵션은 내가 여기에서 선택한 것으로, 당신은 항상 여기에 들어가서 업데이트 할 수 있습니다 너 혼자만의 물건 그리고 준비가되면, 당신이 이메일 탭 그리고이 페이지에 오면 업데이트 할 수 있습니다 새로운 주문, 취소 된 주문 또는 주문을받을 때마다 귀하의 이메일 주소 주문 실패

그리고 다른 옵션을 선택하면 다음 주소로 이메일을 보냅니다 귀하의 고객 원하는 경우, 이것을 업데이트하면 할 수있는 일은 다음과 같습니다 "이메일 발신자 옵션"이라고 표시된 곳으로 이동하십시오 기본적으로 여기서 바로 그 말로는, "내 블로그"라고 말할거야

그리고 아마도 이것을 당신의 것으로 바꾸고 싶을 것입니다 전자 상거래 업체명 그래서 이것을 스튜디오 디자인으로 바꿀 것입니다 그런 다음 여기에서 '변경 사항 저장'을 클릭하기 만하면됩니다 설정이 저장되면 고급 탭으로 이동할 수 있습니다 그리고 한 번 이 페이지로 오면, WooCommerce는 이미 장바구니 페이지를 설정해야합니다

Checkout 및 내 계정 페이지가 여기에 선택되어 있어야합니다 그렇지 않은 경우이 동영상 자습서 마지막 부분에서 우리가 모든 것을 가지고 있는지 확인하십시오 우리가 가지고 있지 않은 한 페이지는 이용 약관입니다 및 조건 페이지를 참조하십시오 그래서 우리는 실제로 가서 바로 지금 그것을 만들 수 있습니다

그 페이지를 선택하면 조금 후에 그 페이지를 편집 할 수 있습니다 그러니 가자 페이지 위로 마우스를 이동하여 '새로 추가'를 클릭하십시오 그리고 한 번 당신은 Add New 페이지에있다 지금 우리가 할 일은 이용 약관 페이지

제목을 여기에 붙여 넣기 만하면됩니다 일단 준비가되면 "게시"버튼을 클릭하기 만하면됩니다 그리고 일단 페이지가 게시되면 WooCommerce 설정으로 돌아가서 해당 페이지를 설정하십시오 '설정'을 클릭하기 만하면됩니다 일단 여기로 돌아 오면 "고급"탭

그리고 이제, 내가 할 일은 이용 약관에 내려가는 것입니다 이 드롭 다운으로 이동하여 방금 만든 페이지를 선택하십시오 그리고 나서 우리는 하단으로 이동하여 '변경 사항 저장'을 클릭하십시오 일단 설정이 완료되면 저장된 우리는 가서 좋은 우리는 우리의 WooCommerce 설정으로 완료됩니다 그래서 우리는 할 수있다 다음 단계로 넘어 간다

이제 우리가해야 할 일은 우리는 쇼핑 페이지를 가지고 있습니다 왼쪽에있는 페이지 위로 마우스를 이동하십시오 "모든 페이지"를 클릭하십시오 기본적으로 쇼핑 페이지가 이미 표시되어 있어야합니다 귀하를 위해 생성되었으며 바로 여기 Shop 페이지로 설정해야합니다

그리고 그렇지 않다면, 우리는이 문제를 해결할 수 있습니다 새 페이지를 만든 다음 페이지로 이동하면됩니다 귀하의 WooCommerce 설정 및 쇼핑 페이지를 설정하십시오 그러나 당신은 이것을보아야합니다 그렇게한다면 우리는 잘 할 수 있고 다음 단계로 나아갈 수 있습니다

그리고 지금 무엇 우리는 가서 데모처럼 보이게 Shop 페이지를 사용자 정의 할 것입니다 전자 상거래 웹 사이트 그래서 우리가 할 일은 여기에 사이드 바를 맞춤 설정하는 것입니다 당신이 원하는대로 넣을 수 있습니다 필터 및 카테고리 이름이 있습니다

바로 여기에 그래서 지금 당장하고 싶다면 우리가 할 일은 돌아가는거야 바로 여기 워드 프레스 대시 보드에 그리고 왼편에, 나는 네가 모양 위에 마우스를 올려 놓은 다음 '위젯'을 클릭하십시오 일단 위젯을 사용하면 페이지에서 우리가 할 일은이 위젯 중 일부를 왼쪽에 드래그하는 것입니다

우리 가게 사이드 바를 여기에 그리고 우리가 여기 넣은 것은 쇼핑 페이지의 사이드 바를 클릭하십시오 그리고 우리는이 다른 것들을 조금씩 살펴볼 것입니다 나중에,하지만 지금 당장이 문제에 집중할 것입니다 따라서 위젯은 사이드 바에 넣을 수있는 도구이며 귀하의 워드 프레스 페이지의 다른 영역

그리고 내가하고 싶은 것은 당신에게 보여 주기만하면됩니다 이들 중 일부를 추가하는 방법 그리고 클릭하고 추가 할 수 있습니다 원하지 만 내가 넣고 싶은 것은이 바로 여기에 있습니다 "Filter 제품을 등급으로 평가하십시오 "라고 말합니다

추가하려는 경우 수행 할 수있는 작업은 클릭 만하면됩니다 여기를 Shop Sidebar로 드래그하십시오 그리고 때때로, 당신은 클릭해야합니다 버튼을 저장하지만이 버튼은 자동으로 저장되는 것처럼 보입니다 그리고 너 바로 위젯을 원한다면 언제든지 위젯의 제목을 바꿀 수 있습니다

그리고 만약 그렇게하면 "저장"버튼을 클릭하십시오 그래서 여기서 다시 돌아올거야 다른 필터를 선택하고 싶다 나는 싶다 가격으로 하나를 선택하십시오

그래서 이것을 찾으면 클릭하고 다시 끌 수 있습니다 당신이 할 수있는 것은 위젯을 클릭하기 만하면이 작은 팝업을 볼 수 있습니다 바로 여기에 있습니다 그러면이 위젯을 배치 할 위치를 선택할 수 있습니다 따라서 "Shop Sidebar"를 선택한 다음 "Add Widget"을 클릭하면 여기에 바로 추가됩니다

그리고 내가하고 싶은 마지막 일은 "WooCommerce Categories"위젯을 선택하십시오 그래서 이걸 원해 여기 다시 한번 "Shop Sidebar"를 선택하고 "Add Widget"을 클릭하고 여기에 추가해야하며, 여기에 몇 가지 옵션을 선택하고 싶습니다 그래서 나는 빈 범주를 숨기고 싶습니다

그래서 '저장'을 클릭합니다 이 상자를 여기에서 확인했기 때문에 그리고 일단 모든 것이 구원을 받으면 우리는 잘 가게됩니다 그리고 이제 우리는 사이드 바를위한 위젯을 가지고 있습니다 그리고 언제든지이 비디오를 일시 중지하고 위젯 유형을 추가 할 수 있습니다

사이드 바에 넣기를 원하거나 항상 여기로 돌아와이 작업을 수행 할 수 있습니다 조금 나중에 우리의 Shop 페이지는 실제로 그렇게 잘 보이지 않을 것입니다 우리는 제품이 없기 때문에 좋은 일이 다음 단계에 있습니다 우리 제품을 만들기 시작합니다

그럼 우리 가게 페이지를 확인해 보겠습니다 나중에 조금 있지만, 필요한 경우 비디오를 일시 중지하고 위젯을 추가 할 수 있습니다 지금 그렇지 않으면 다음 단계로 넘어갈 것입니다 그리고 지금 무엇 우리는 전자 상거래를위한 단일 제품을 만드는 방법을 배울 것입니다

웹 사이트 그래서 지금, 우리는 WordPress 대시 보드에 있기 때문에, 내가 너를 원한다 새 제품을 만들려면 제품 위에 마우스를 올려 놓은 다음 "새로 추가"를 클릭하십시오 그리고 Add New Product (새 제품 추가) 페이지가 열리면 여기를 클릭하십시오 Google의 전자 상거래 웹 사이트에 사용할 다양한 제품을 모두 만드십시오

그리고 첫 번째 내가 만드는 방법을 보여주고 싶은 제품의 유형은 단순한 제품이며, 여기에 우리가 다른 변수가없는 곳이 있습니다 색상 또는 크기로 여기에는 하나의 옵션 만 있습니다 그럼 어떻게 할 수 있는지 보여 드리겠습니다 이 간단한 제품을 만든 다음 여러 다른 제품을 만들어서 만들 수 있습니다

당신이 원하는대로 간단한 제품 그래서 우리가 할 첫 번째 일은 제품 이름 바로 여기 그래서 데모와 마찬가지로 "Maroon Red Dress"를 타이핑하겠습니다 우리가하고 싶은 것은 여기에 내려와 있습니다 그리고 이것은 당신이 할 수있는 곳입니다

너의 긴 설명을 넣어 라 그래서 내가 무슨 뜻인지 보여 드리겠습니다 데모에서 전자 상거래 웹 사이트 바로 여기, 짧은 설명입니다 그리고 네가 오면 여기 아래쪽에 "설명"이라고 적혀있는이 섹션이 확장됩니다 기술

여기에 몇 가지 추가 세부 정보를 입력 할 수 있습니다 나는 이것 가지다 이 두 가지 모두에 대해 똑같은 것이 있지만 여기에 항상 더 자세하게 설명 할 수 있습니다 그래서 제가 할 일은 복사해서 붙여 넣기 만하면됩니다 준비가되면 제품 데이터 섹션으로 이동하십시오 그리고 우리는 이 드롭 다운에서 간단한 제품을 만들고, 우리는 "Simple 제품 "을 만들 수 있습니다

가상 제품을 만드는 경우이 상자를 선택하거나 다운로드 가능한 제품이있는 경우이 상자를 선택할 수 있습니다 우리는 정말로 이 튜토리얼에서이 두 가지를 다루지 만 사용 방법에 대한 자습서가 있습니다 이러한 다양한 유형의 제품을 모두 포함하는 WooCommerce이므로 너 그 비디오를 확인해 봐, 알았지? 일단 준비가되면 당신은 여기 일반 탭에 있습니다 우리가해야 할 일은 우리의 대가입니다 그래서 $ 99

95를 입력하고,이 제품을 판매하고자한다면 바로 여기에서 할 수도 있고이 링크를 클릭 할 수도 있습니다 판매가 자동으로 튀어 나올 수 있도록 판매 시간을 예약하십시오 귀하의 전자 상거래 웹 사이트에서 그래서 나는 너에게 맡기고 우리는 갈거야 이 다른 탭들을 함께 우리는 실제로 모든 것에 물건을 넣지 않을거야

그 (것)들의 그러나 우리는 그 (것)들을 진짜로 빨리 통과 할 것이다 첫 번째는 인벤토리 탭입니다 SKU 번호를 입력하려면 다음을 수행하십시오 그리고 당신이 주식, 그냥이 상자를 확인하고 바로 여기에 할 수 있습니다 우리는 떠날거야

이 공란과 내가하고 싶은 것은 '배송'탭으로 이동하는 것입니다 실시간 요금 옵션을 사용하는 경우에는 무게와 치수 무료 배송 또는 정액 요율 옵션을 사용하면이 정보를 입력 할 필요가 없지만 필요 그러나 실시간 요금 옵션을 사용하려면 필수입니다 그래서 그냥 이것을 기억해 두십시오

그러면이 칸을 비워 둡니다 그리고 우리는 링크를 커버하지 않을거야 이 자습서의 제품 섹션하지만이 질문에 항상 마우스를 올려 놓을 수 있습니다 이 물건이 무엇인지 알기위한 표시입니다

이 항목에 대한 자세한 내용은 WooCommerce 자습서 또는 자신의 웹 사이트 그리고 Attributes에 대해 우리는 여기서 아무것도해야 해 이것은 변수가있는 제품에 대한 것이므로 우리는 지금은 건너 뜁니다 그리고 고급 탭에서 바로 여기에서 확인하고 싶습니다 리뷰를 사용하려면이 상자가 선택되어 있지만 리뷰가 필요없는 경우 귀하의 제품에 대한 다음이 상자를 선택 취소, 알았지? 그리고 나서 한 번 준비 됐습니다

제품에 대한 간단한 설명과 여기 있습니다 여기서 당신은 당신의 제품에 대한 간단한 설명을 넣을 것입니다 그리고 다시, 데모 웹 사이트에있는 것과 동일한 텍스트를 붙여 넣으려고합니다 그리고 준비가되면 제품 이미지 섹션으로 이동하십시오 우리 제품에 대한 추천 이미지를 추가하십시오

이제 '제품 이미지 설정'을 클릭하고 이 팝업을 가져와야합니다 데모 컨텐츠를 사용하려는 경우에는 미디어 라이브러리 탭에 있는지 확인하십시오 업로드하려는 경우 자신의 제품 이미지를 보려면 "파일 업로드"를 클릭 한 다음 "파일 선택"을 클릭하고 사용할 이미지를 찾으십시오 그래서 우리는 데모 컨텐츠를 사용할 것입니다 우리는 조금 더 일찍 업로딩했다

여기이 탭에 있는지 확인하십시오 그런 다음 사용하려는 이미지를 찾으십시오 그래서 이걸 사용하고 싶습니다 바로 여기에 한 번 선택하면이 체크 표시가 나타나야합니다

"Set Product Image"를 클릭하십시오 그리고 이미지가 바로 여기에 나타나야합니다 그 다음엔 우리는 추가 이미지를 추가 할 수있는 "제품 갤러리" 그런 다음이 링크를 클릭하십시오 그리고 이걸 얻어야 해 다시 팝업합니다

자신의 이미지를 업로드하려면 "파일 업로드"로 이동하십시오 그런 다음 사용하려는 이미지를 찾으십시오 이 중 하나를 선택하고 싶습니다 데모 이미지를 여기에 추가하면 실제로 이 데모에서는 하나의 추가 이미지를 추가 할 것입니다 한 번 선택하면 '갤러리에 추가'를 클릭하기 만하면됩니다

이제 이미지는 여기에 삽입되었습니다 그런 다음 여기에 올 수 있습니다 우리가 할 수있는 일은 제품 카테고리 이름을 추가하여 우리가 제품을 다른 카테고리 이름으로 그러고 싶다면 클릭 만하면됩니다 "새 카테고리 추가"에서 카테고리 이름을 입력 할 수 있습니다 그래서 나는 "Dresses"를 입력하면이 항목을 상위 카테고리로 만들 예정이므로 필요하지 않습니다

아무 것도 변경하지 않으면 '새 카테고리 추가'를 클릭하기 만하면됩니다 그리고 너는해야한다 카테고리가 바로 여기에 추가되면 다음에이 체크 표시가 나타납니다 그걸로이 범주에 넣을거야 그리고 우리는 하나 더 추가 할 수 있습니다

나는 "여자"를 입력하고 "Enter"를 누르기 만하면됩니다 그리고 당신은 다른 많은 것을 추가 할 수 있습니다 원하는 제품 카테고리를 선택하고이 두 제품을이 제품에 추가하면됩니다 제품 태그 섹션으로 가서 태그 몇 개를 넣을 수 있습니다 여기에 몇 가지 다른 유형을 입력하겠습니다

"추가"를 클릭하면 그것들이 바로 여기에 삽입되었습니다 제품 태그 및 제품 카테고리 데모 페이지에 표시되는 관련 제품에 실제로 도움이됩니다 제품 페이지 하단 따라서 관련 제품이 있다는 것을 알 수 있습니다 여기에 제품 범주와 제품 태그를 바탕으로 표시됩니다

그래서이 두 섹션을 위해 원하는 것을 넣을 수 있습니다 이 제품을 멋진 제품으로 만들고 싶다면 할 수 있습니다 홈 페이지에 "Catalog visibility"가있는 곳으로 왔습니다 딸깍 하는 소리 여기에서 "편집"버튼을 누르면이 작은 섹션이 나타납니다 그리고 "이 제품은 특집 상품입니다"라고 말한이 상자를 선택하면이 제품 추천 제품 섹션의 홈페이지에 표시됩니다

네가 떠난다면 확인되지 않은 경우 홈페이지에 표시됩니다 그래서 너는 제품을 홈페이지에 추천 제품으로 표시하십시오 그래서 우리는 이 확인란을 선택하고 여기에서 "OK"를 클릭하십시오 그리고 그게 우리가해야 할 일입니다 간단한 제품을 만들 수 있습니다

이제 '게시'버튼을 한 번 클릭하면됩니다 너 준비 됐어 그리고 일단 제품이 출판되면 가자 이 링크를 클릭하십시오 제품 페이지가로드되면 보아야합니다

새 꼬리표를 보셔야합니다 그런 다음 짧은 태그가 있습니다 여기에 묘사하고 여기에 우리의 긴 설명을 적어주세요 그리고 우리의 리뷰 우리 카테고리와 제품 태그가 있어야합니다 이 작은 아이콘을 클릭하면 팝업이 나타나야합니다

이 이미지 갤러리를 통해 바로이 이 제품을 항상 확대 할 수 있습니다 그래서 너는 간단한 제품을 만드십시오 원하는 경우 동영상을 일시 중지하고 동영상을 만들 수 있습니다 전자 상거래 웹 사이트를위한 추가 단순 제품 그렇지 않으면, 우리는 그냥 다음 단계로 넘어갈뿐입니다 원하는 경우 계속해서 일시 중지하십시오

동영상을 만들고 다음 단계에 따라 간단한 제품을 추가로 만듭니다 방금 당신을 보여 줬어 그렇지 않으면 우리가 뭘 할거니까 계속 지켜봐 몇 가지 변수 제품을 만드는 방법을 배우십시오 그래서 이걸 볼 수 있어요

이 페이지는 가변적 인 제품입니다 그리고 변수가있는 제품과 단순한 제품은 여기에이 드롭 다운이 있음을 나타냅니다 귀하의 제품에 대해 다른 변수 또는 다른 옵션을 사용하십시오 그래서 내가 뭘 할거야? 두 가지 변수 제품을 만드는 방법을 보여 드리겠습니다 변수 하나만 입력하면 다른 변수를 변수

그래서 당신이 당신을 위해 몇 가지 변수 제품을 만드는 방법을 배우고 싶다면 WordPress로 전자 상거래 웹 사이트를 시작하고 새로운 제품을 만들어 보겠습니다 그래서 우리는 할 수있다 여기에서 New를 마우스로 가리키고 "Product"를 클릭하십시오 그리고 일단 당신이 "Add New Product "페이지에서 이미 많은 것을 작성했음을 알 수 있습니다 정보를 생성하는 것과 동일한 단계이므로 시간을 절약하기 위해 간단한 제품 그래서 나는 이미 여기에 제품 제목을 가지고있다

내 긴 설명은 여기, 그리고 하단에는 짧은 설명이있다 여기에 몇 가지 제품 태그를 넣었습니다 그리고 나는 또한 추천을 삽입했다 이미지 및 제품 갤러리에 대한 다른 이미지 원하는 경우 일시 중지 할 수 있습니다

동영상을 작성하고이 모든 정보를 작성하십시오 그런 다음 준비가되면 '재생'을 누릅니다 그리고 정말로, 제가하고 싶은 것은 제품 데이터 섹션으로 가서 변수 제품을 만들기 위해해야 ​​할 일 일시 중지하지 않으려면 비디오, 당신은 계속 지켜 볼 수 있습니다 그리고 저는 지금 당장 계속할 것입니다

그래서 한번 모든 것이 채워지면 제품 데이터 섹션에 들어가고 싶습니다 이 드롭 다운에서 "변수 제품"옵션을 선택하려고합니다 그리고 너는 일반 탭이 이와 같이 바뀌고 우리는 이 재미있는 탭이 있습니다 여기에 인벤토리 탭이있어서 재생할 수 있습니다 너 혼자 이것으로

그리고 나서 알림으로, 사용하려고한다면 라이브 속도, 당신이 무게와 치수에 넣고 싶어 여기에서 배송 탭에 제품에 대한 그리고 우리는 가지 않을거야 링크 된 제품 탭은 다루지 만 귀하는 언제든지 개인적인 그리고 정말로, 가변 제품을 만들고 있다면 당신이 원하는 것은 무엇입니까? Attributes (속성) 탭으로 이동하십시오 그리고 당신이 할 일은 당신을 창조하는 것입니다 변수 바로 여기

그래서이 드롭 다운에서 "Custom 제품 속성 "을 선택하십시오 따라서 선택하고"추가 "버튼을 클릭하십시오 여기 버튼 그리고 일단이 섹션을 여기에서 얻으면, 당신은 무엇을 할 것입니까? do는 변수의 이름입니다 그래서이 제품을 위해 우리가 할 일은 변수는 "크기"라고하고 값을 넣으려고하면됩니다

이리 그래서 우리는 "Small, Medium and Large"에 넣을 것입니다 그리고 당신이하고 싶은 것은 이들 각각을이 줄과 함께 여기에서 분리하십시오 그래서 그것은 "Ctrl 라인"이고 버튼이 리턴 버튼 위의 오른쪽에 있습니다 그럼 보여 드리죠

"Small"을 입력하고 "Shift"를 클릭 한 다음 버튼을 클릭하십시오 그래서 나는 잠시 전에 "통제"라고 말했지만 시프트와 그 다음 버튼입니다 당신은 볼 수 이 줄이 바로 여기에 삽입됩니다 그런 다음 "보통"을 입력하고 "Shift"를 누른 채로이 "line"버튼을 클릭하십시오 그것은 동일합니다 버튼을 여기에 슬래시로 사용하십시오

하지만 "Shift"버튼을 클릭하면 그 줄을 줘 그리고 나서 여기에 "Large"라고 입력하면됩니다 그래서 당신은 볼 수 있습니다 우리는이 변수 옵션들을 구분하기 위해 여기에 줄을두고 있습니다 그런 다음 준비가되면 바로이 상자를 클릭하십시오

변형 "을 선택한 다음"속성 저장 "버튼을 클릭하십시오 저장하면, 여기에 다시오고 싶다면 항상이 물건을 편집 할 수 있습니다 과 이 항목이 보이지 않으면 클릭하고 확장하십시오 그래서 한 번 준비가되었습니다 대안 탭으로 이동하십시오

그리고이 섹션을 보셔야합니다 바로 여기에 이 드롭 다운에 들어가면이 모든 옵션을 갖게됩니다 '유사 콘텐츠 추가'를 선택했는지 확인하기 만하면됩니다 기본적으로 선택되어야합니다

따라서 여기에서 "이동"을 클릭하면됩니다 이제이 섹션을 모든 변수 옵션과 함께보아야합니다 이 드롭 다운에 우리는 이것을 어떤 크기로 남기고 싶습니다 그리고 나서 우리는 단지 올 수 있습니다 여기를 클릭하고이 "아래로"화살표를 클릭하면 열립니다

그리고 우리가 여기서 할 수있는 것 우리의 가격 만 입력하면됩니다 그래서 1495 달러를 입력하면 이 제품은 $ 1295에 판매 중입니다 그리고 원한다면 추가 세부 사항은 여기

그렇지 않으면이 작업을 클릭하기 만하면됩니다 축소 한 다음 '변경 사항 저장'을 클릭하십시오 일단 저장되면 '고급'탭으로 이동하여 '사용 가능한 리뷰'가 확인했다 그리고 아직 다른 사람이 없다면이 모든 다른 것들을 채울 수 있습니다 카테고리 이름을 추가하거나 카테고리 옆의 확인란을 선택할 수도 있습니다

당신이 이미 창조 한 것 그런 다음 여기에 올 수 있습니다 이 제품을 홈페이지에 표시되는 추천 제품으로 만들고 싶습니다 카탈로그 가시성으로 이동하여 "수정"링크를 클릭 한 다음이 확인란을 선택하십시오 이 기능을 갖춘 제품으로 만들고 "확인"을 클릭하십시오

일단 준비가되면 이 제품을 게시하려면 여기에서이 버튼을 클릭하십시오 그리고 일단 제품이 출판되면, 우리는 가서 그것을 확인할 수 있습니다 일단 제품을 사용하고 나면 페이지를 보면이 제품이 정상 가격으로 판매되고 있음을 알 수 있습니다 또한 판매 가격 그런 다음 여기에 크기 변수가 있으며 여기에 우리가 원하는 모든 크기 그리고 여기 아래에 우리는 긴 설명과 추가 정보를위한 탭 또한 크기가 있습니다

정보 이 제품 페이지의 맨 아래에서 우리는 제품으로 인해 생성되기 시작한 관련 ​​제품 섹션 카테고리 및 Google에서 사용하는 제품 태그가 포함됩니다 그래서 우리는 추가로 유사한 카테고리 및 제품 태그가있는 제품은이 섹션이 채워집니다 그렇다면 변수 하나를 사용하여 변수 제품을 만드는 방법과 지금하고 싶지는 데모 전자 상거래 웹 사이트로 돌아가서 당신에게 보여주고 싶습니다 두 변수를 사용하여 변수 제품을 만드는 방법

그래서 이걸 볼 수 있어요 데모 페이지에 크기 변수가 있고 색상을 기반으로합니다 두 가지 가격을 택할거야 우리는 녹색을 위해 $ 9995를 가지고 있습니다

색상을 선택하고 파란색을 선택하면 가격이 달라집니다 그래서 변수와 변수가 다른 변수 제품을 만드는 방법을 보여 드리겠습니다 변수 옵션에 따라 가격도 달라집니다 알겠습니까? 그럼 돌아 가자 우리가 만들고있는 전자 상거래 웹 사이트로 가서 다른 사이트를 만들자

변수 제품 함께 그래서 "New"위에 마우스를 가져 가자 '제품'을 클릭하십시오 '새 제품 추가'페이지로 돌아 오면 나는 이미 많은 정보를 채웠다 그래서 우리는 우리 제품을 가지고있다

제목, 우리의 긴 설명 및 여기에 대한 간단한 설명 나는 가지고있다 제품 범주 및 일부 태그 바로 여기에 우리의 추천 이미지와 이미지 갤러리 용 이미지 다시 원할 경우 동영상을 일시 중지하고 모든 정보를 입력하거나 나중에 할 수 있습니다 정말로, 내가하고 싶은 일 변수를 생성하는 방법을 보여줄뿐입니다

제품 데이터 섹션 그리고 다시, 당신이이 일에 참여할 것을 기억하십시오 드롭 다운을 선택하고 변수 제품 옵션을 선택하십시오 만들거야 그리고 일반 탭이 변경된 것을 볼 수 있습니다

인벤토리 탭과 같은 다른 탭을 통해 재고 원한다면 실시간 배송비를 지불하는 경우 배송 탭으로 이동하여 무게와 치수를 입력하십시오 그렇지 않으면 별 문제가되지 않습니다 이것은 단지 추가 정보 일뿐입니다 그리고 Linked Products는 독자적으로이 기사를 읽거나 비디오를 확인할 수 있습니다

WooCommerce 사용법 다시 한 번 링크가 동영상 설명에 표시됩니다 변수가있는 제품에 대해 내가하고 싶은 일은 특성 탭을 추가하고 일부 사용자 지정 특성을 추가하려고합니다 그리고이 제품의 경우, 우리는 크기와 색상 변수를 만들 것입니다 그래서 우리는 두 가지 제품을 추가 할 것입니다

속성 먼저 "추가"버튼을 클릭하십시오 일단 우리가 얻으면 이 섹션에서는 바로 첫 번째 변수를 입력 할 수 있습니다 그래서 우리는 타이핑 할 것입니다 "크기"여기

그리고 값을 기억해두면이 값을 이 줄 그래서 "Shift"와 "line"버튼을 순서대로 입력하거나 누르고 싶습니다 이 라인이 나타나게 해줘 그래서 우리는 "Small"을 입력하고 그 줄을 넣을 것입니다 "Medium"을 입력 한 다음 "Large"를 입력하십시오

다시 한번,이 버튼을 클릭하고 싶습니다 바로 여기, "유사 콘텐츠"에 사용하고 "속성 저장"을 클릭하십시오 그리고 한 번 그것이 저장되었습니다 이제 우리가하고 싶은 일은 제품에 대한 또 다른 제품 속성을 추가하는 것입니다 색상 변수

일단이 섹션을 얻으면 입력하십시오 색상을 선택하고 여기에 값을 입력하십시오 그리고 무엇이든 입력 할 수 있습니다 당신이 원하는 색상 그러면 '녹색'을 입력하고 '파란색'을 입력합니다

그리고 우리는 그 둘을 사용하면 '속성 저장'을 클릭합니다 그리고 일단 모든 것이 저장되었으므로 이제 내가 원하는 것은 변형 탭입니다 이제이 섹션을 여기에서 보셔야합니다 그리고 다시, 이 드롭 다운, 당신은이 모든 다른 옵션을 가지고 있지만 우리는 떠나고 싶습니다 그것은 "유사 콘텐츠 추가"로서 여기에서 "이동"을 클릭하고 싶습니다

그리고 당신은 유사 콘텐츠가 여기에 추가됩니다 그리고 다른 것을 추가하고 싶습니다 그래서 나는 한 번 더 "이동"을 클릭하십시오 이제는 두 가지 유사 콘텐츠와 고객이 원하는 크기를 선택할 수 있도록이 크기를 그대로 두십시오 그들은 원하지만 색깔에 따라 가격을 바꿀 것입니다

그래서 나는하고 싶다 이 첫 번째에 대해 "녹색"을 선택한 다음 두 번째에 대해 "파랑"을 선택하고 싶습니다 그리고 나서 우리는 이것들 각각에 들어가서 다른 가격을 넣을 것입니다 그래서 고객이 크기와 '녹색'을 선택할 때마다 가격을 선택하고 크기를 선택하고 "Blue"를 선택하면 언제든지 가격 먼저 그린을 클릭하고 펼치면 바로 내려갑니다

여기에 가격을 입력하십시오 그래서 우리는 7995 달러에 넣을 것입니다 그리고 나는 이것을 닫을 것이다 그리고 지금, 두 번째 대안 페이지로 이동하여이 파일을 열어 $ 100

95를 입력하겠습니다 또는 $ 10995 그래서 우리는 이것을 닫을 것입니다 그리고 지금, 우리는 우리의 변수에 기초한 두 가지 가격

그리고 두 명을 가질 필요는 없습니다 변수 크기가 다른 경우 또는 실제로 크기가 다른 색상을 원한다면 다른 가격을 원한다면 원하는 변수에 대한 변수를 만듭니다 그런 다음 그들을 선택하십시오 대안 섹션에서 다른 가격을 변경하십시오

그리고 그것은 너의 가격을 정할거야, 알았지? 일단 준비가되면 "변경 사항 저장"을 클릭하십시오 그리고 일단 모든 것이 저장되면,이 모든 다른 것들을 모두 채우십시오 특정 카테고리에 제품을 넣거나 제품을 관련 상품 그리고 나서 알림으로, 이걸 만들고 싶다면 제품 홈페이지에 표시되는 추천 제품입니다이 섹션으로 이동하십시오

"카탈로그 가시성"이라고 말하면 "편집"버튼을 클릭하고이 상자를 선택하십시오 이 제품을 특집 상품으로 만들고 "확인"을 클릭하십시오 일단 준비가되면 마지막으로해야 할 일은 "게시" 단추 일단 모든 것이 게시되면 새로운 변수를 확인해 봅시다 생성물 제품 페이지가로드되면 가격 범위가 있음을 알 수 있습니다

여기서 우리 변수에 대해 두 개의 다른 Isis가 있기 때문입니다 그리고 우리는 들어갈 수 있습니다 여기에 우리가 원하는 크기를 선택하십시오 그리고 나서 우리가 "녹색" 우리는이 가격을 여기에서 얻는다 그리고 내가 여기에 들어가서 그것을 "푸른 색"색, 우리가 여기서 다른 가격을 얻는다, 알았지? 그리고 만약 네가 여기 내려 오면 우리는 추가적인 관련 제품이 있음을 알 수 있습니다

그리고 이것들은 Google이 사용하는 제품 카테고리 및 제품 태그를 기반으로 그러니 확실히해라 관련 제품 섹션이 나타나길 원한다면 그것들을 넣으십시오 그래서 이것은 다른 가격으로 다양한 제품을 만드는 방법입니다 이제 가변 제품 및 간단한 제품을 만드는 방법을 알게되었습니다 그래서 네가 동영상을 일시 중지하고 다음과 같은 다양한 유형의 제품을 만들 수 있습니다

당신은 원한다 그렇지 않으면 나중에 할 수있다 아마 그걸 혼자서 할거야 지금 준비가되면 다음 단계로 넘어갈 수 있습니다 동영상을 일시 중지하여 일부 추가 제품을 만듭니다

준비가 되었다면 다음 단계로 이동하려면 지금 할 일은 카테고리 이름 여기에서 카테고리를 탐색하면 내가 볼 수 있습니다 다른 제품을 만들 때와 다른 카테고리 이름을 가지고 있습니다 원하는 경우이 카테고리 이름 옆에 맞춤 아이콘을 추가 할 수 있습니다 그래서 어떻게 할 지 보여 드리 겠지만 먼저 무엇을 보여줄까요? 카테고리 페이지는 다음과 같습니다

따라서 이것은 판매 카테고리 페이지에 있으며 매우 보입니다 쇼핑 페이지와 비슷합니다 그리고 나는이 모양을 좋아해서 우리는 이것을 바꿀 수 없습니다 우리가 할 일은 들어가서 카테고리 이름에 맞춤 아이콘을 추가하는 것뿐입니다 그래서 만약 당신이하고 싶다면 우리의 전자 상거래 웹 사이트로 돌아가서 다시 돌아가겠습니다

우리의 WordPress 대시 보드 일단 WordPress 대시 보드로 돌아 오면 카테고리 페이지로 이동합니다 제품 위로 마우스를 이동하고 '카테고리'를 클릭하십시오 제품 카테고리 페이지를 방문하면 이미 생성 한 모든 카테고리를 만들 수 있습니다 추가 카테고리는 여기에 카테고리 이름을 입력 한 다음 같은 이름을 여기에 입력하면이 카테고리의 종류를 선택할 수 있습니다

부모가되거나 다른 기존 카테고리의 하위 카테고리가되고 싶다면 범주 그래서 우리가 할 일은 아이콘에 아이콘을 추가하는 법을 보여주는 것입니다 기존 카테고리 이름 그래서 바로 여기에 그것이 "악세사리"라고 말하면서, 내가 원한다면 가서 아이콘을 추가하면 "편집"링크를 클릭하기 만하면됩니다 그리고 일단 당신이 카테고리 편집 페이지에서이 아이콘 섹션으로 이동 한 다음 클릭하십시오

이 버튼을 클릭하면 팝업이 표시됩니다 원하는 아이콘을 여기에서 볼 수 있으며 원하는 경우 아이콘을 검색 할 수 있습니다 과 원하는 버전을 클릭 한 다음 "업데이트"버튼을 클릭하기 만하면됩니다 바로 여기에 카테고리가 업데이트되면 '뒤로'를 클릭하면됩니다

바로 여기에 일단이 페이지로 돌아 오면 할 수있는 것은 들어가기 만하면됩니다 모든 다른 카테고리에 대해 원하는 아이콘을 선택하십시오 그래서 네가 비디오를 일시 중지하고 바로 할 수 있습니다 그렇지 않으면, 우리가 뭘 할거야

다음 단계로 넘어갑니다 이제 우리가 할 일은 WordPress로 전자 상거래 웹 사이트의 정보 페이지를 만드십시오 그래서 우리는 이런 모양의 페이지를 만드십시오 그래서 당신이 이것을 만들려면 온라인 상점, 돌아가서 새 페이지를 만들어 봅시다 따라서 '새로 만들기'및 "페이지"를 클릭하십시오

그리고 Add New 페이지가 열리면 우리가 할 일은 우리의 페이지 제목 그래서 "About"을 입력 할 것입니다 그리고 나는 페이지 제목을 여기에서 확인하면 페이지에 표시됩니다 그리고 나는 돌아 서고 싶다 백엔드 편집기에서

우리가 할 일은 두 개의 다른 행을 만드는 것입니다 여기에있는이 두 개의 다른 섹션들 그러니 클릭하여 "+"버튼을 클릭하고 "행"요소를 찾아 클릭하십시오 첫 번째 열이 여기에 표시되면이 부분을 반으로 분할하고 싶습니다 이 아이콘으로 들어가서 두 번째 아이콘 위에 마우스를 갖다 댑니다

즉, "1/2 + 1/2"라고 말하면됩니다 이제 두 개의 상자가 보일 것입니다 이리 그리고 우리가 할 일은 왼쪽에 단일 이미지를 추가하고 다음 텍스트 블록 오른쪽에 있습니다 먼저 이미지를 추가하려면 "+"버튼을 클릭하십시오

그런 다음 단일 이미지 요소를 찾아 클릭하십시오 그걸로 그리고 이것이 바로 여기에 나타나면 내가 이미지를 추가하기 위해 무엇을 할 것인가? 여기에 와서이 "+"버튼을 클릭하십시오 일단이 미디어를 얻으면 라이브러리 팝업창에서 자신 만의 이미지를 업로드하려면 "파일 업로드"로 이동하십시오 "파일 선택"을 클릭하십시오

데모 컨텐츠를 사용하려면 몇 가지 이미지가 있습니다 여기 그래서 제가 선택한 첫 번째 것이 여기 있습니다 그리고 당신은 지금 그것이 색깔 안에 있고 너는이 것이라고 부르는 것을 볼 수있다 오른쪽 상단의 "이미지 필터"를 클릭하십시오

내가 여기에 들어가면, 너는 실제로 다른 옵션으로 이미지를 필터링하십시오 그래서 여기에서 "흑백"을 선택할 것입니다 그러면 이미지가 흑백으로 바뀌는 것을 알 수 있습니다 필터를 사용하여이 파일을 업로드하려는 경우 한 번 얻을 수 있습니다 "이미지 설정"을 클릭하기 만하면됩니다

그리고 이미지가 나타나야합니다 바로 여기, 그리고이 이미지를 제거하려는 경우, 그냥 "X" "+"버튼을 클릭하여 이미지를 변경하십시오 그리고 내가하고 싶은 일 그것이 "이미지 크기"라고 쓰여진 곳으로 내려와 포맷을 읽는 방법을 읽을 수 있습니다 이미지 크기 바로 여기 내가하고 싶은 일은 "섬네일" 나는 특정 차원을 넣고 싶다

그래서 저는 550에서 300을 입력하고 싶습니다 이 페이지의 크기에 맞게이 이미지의 크기를 변경하려고합니다 하지만 너 항상 이걸 가지고 놀아서 너에게 맞는 크기를 찾으십시오 그것은 정말로 의존한다 여기에 데모 웹 사이트에서 볼 수 있기 때문에 얼마나 많은 텍스트를 넣었습니까? 이 이미지는 여기에있는 텍스트의 길이와 거의 일치합니다

그래서 만약 더 많이 입력하거나 덜 입력하면 치수를 변경하려고합니다 따라서 일단 준비가되면 정렬을 변경할 수 있습니다 이 이미지를 누른 다음 테두리를 넣거나이 이미지의 모양을 변경할 수도 있습니다 네가 원해 그러나 우리는 이것을 그대로 남겨 둘 것입니다

일단 준비가되면 "변경 사항 저장"을 클릭하십시오 그리고 지금 우리가 할 일은 이리로 와서 우리는 텍스트 블록이지만, 우리가하기 전에 우리는 행의이 부분을 포맷 할 것입니다 그래서 제가하고 싶은 것은 여기에있는 작은 연필을 클릭하는 것입니다 일단 이걸 얻으면 여기에 팝업으로, 내가하고 싶은 것은 단지 "디자인"옵션에 들어가는 것 뿐이에요 이 섹션의 패딩을 포맷하여 조금만 보이게하려는 경우 약간 나아

그래서 왼편에 패딩 아래에, 나는 타이핑 할거야 '10px'에서 오른쪽에 '50px'라고 입력합니다 그리고 다시, 당신은 항상이 물건으로 놀 수 있고 당신은 실제로 이것을 할 필요가 없습니다 그것은 당신에게 달려 있습니다 내가 이렇게하면 내가 더 잘 보이는 것 같아

그런 다음 여기에 "변경 사항 저장"을 클릭하겠습니다 이제 텍스트를 추가 할 수 있습니다 블록 따라서 여기에서 "+"버튼을 클릭 한 다음 "텍스트 블록"과 그걸 클릭하십시오 그리고 일단이 팝업이 나타나면, 기본 텍스트를 삭제할 수 있습니다

그리고 데모 전자 상거래로 가보겠습니다 웹 사이트에서이 텍스트를 복사하면 시간이 절약됩니다 바로 여기에 붙여 넣을거야 필요한 경우 동영상을 일시 중지하여 입력 할 수 있습니다 정보 섹션 또는 원하는 모든 스토리 언제든지 형식을 지정할 수 있습니다

이 텍스트는 바로 여기에 있으며, 이 버튼을 클릭하여 추가 옵션을 얻는 옵션 당신의 텍스트를 스타일링하는 버튼, 알았지? 일단 준비가되면 "변경 사항 저장"을 클릭하십시오 이제 About 페이지에 대한 첫 번째 콘텐츠 행이 있습니다 그리고 내가 뭘? 여기에 약간의 공간을 추가하기 만하면됩니다 우리가 다음 행을 추가하기 전에 그래서 "+"버튼을 오른쪽 클릭합니다

여기에 내가하고 싶은 것은 "빈 공간"요소를 찾는 것입니다 그래서 그건 이쪽은 여기 그러니 일단 찾으면 그걸 클릭하십시오 그리고 일단 당신은 빈 공간 설정에 대해이 팝업을 바로 얻으십시오 당신이 원하는 공간의 양

그래서 나는 여기에 "25 px"를 넣기를 원하지만 너는 원하는대로 입력 할 수 있습니다 그리고 이제 우리가 할 일은 또 다른 행을 추가하는 것입니다 여기 저기의 이미지와 텍스트가 필요합니다 그래서 "+" 버튼을 클릭하고 다시 돌아가 행 요소를 찾아 클릭하고 싶습니다 그리고 일단 여기에 나타나면,이 행을 다시 반으로 나눌 것입니다

그래서 끝났어 여기에서 "1/2 + 1/2"을 클릭하면 두 개의 열이 표시됩니다 그리고 가자 우리가 텍스트 블록에 넣을 곳의 왼쪽에있는 열의 서식을 지정하십시오 작은 "+"버튼을 클릭하십시오

일단 팝업이 나타나면 디자인 옵션 (Design Options) 탭을 클릭하면 여기 오른쪽에 그래서 "25 px"를 입력 한 다음 "변경 사항 저장"을 클릭하십시오 그리고이 패딩 번호를 어떻게 생각해 내는지 궁금하면 그것들을 시험하고 그들이 어떻게 생겼는지 보아라 따라서 언제든지 함께 놀 수 있습니다 그들 스스로

일단 준비가되면 '+'버튼을 클릭합니다 바로 여기에 "텍스트 블록"을 찾아 클릭하십시오 일단 이걸 얻으면 팝업을 바로 여기에서 다시 삭제하고 더미에 붙여 넣기 만하면됩니다 본문 다시 한번, 나는 데모 전자 상거래 웹 사이트에서 이것을 얻었습니다

그래서 당신이 필요하면 너무 빨리 지나면 비디오를 일시 중지하십시오 그렇지 않으면 무언가를 입력하십시오 '변경 사항 저장'을 클릭하십시오 이제 단일 이미지 위젯을 추가 할 것입니다 바로 여기에

그래서 "+"버튼을 클릭하고 "단일 이미지" 요소를 클릭하십시오 그리고 일단 당신이 여기 팝업을 얻으면, 우리는 단지 중간에있는 "+"버튼을 클릭하여 우리가 찾고있는 이미지를 찾으십시오 필요 그리고 저는 이것을 사용할 것이지만 다시 이미지 필터를 사용할 것입니다 "흑백"을 클릭하면 변경됩니다

일단 준비가되면, "이미지 설정"을 클릭하십시오 이제 이미지가 바로 여기에 표시되어야합니다 내가 원하는 것은 이미지 크기로 내려왔다 그리고 다시, 나는 어떤 것을 넣고 싶다 치수 그래서 나는 "550 x 300"을 넣을 것입니다

일단 준비가되면 계속해서 클릭하십시오 "변경 사항을 저장하다" 이제 전자 상거래를 위해해야 ​​할 일은 거의 없습니다 WordPress로 막 제작 한 페이지 정보 그래서 추가하지 않으려면 다른 것, 당신이해야 할 일은 바로 여기에 "Publish"버튼을 클릭하는 것입니다 그리고 일단 페이지가 출판되면, 가서 그것을 확인하기 위해 그것을 확인해 봅시다

좋아 보인다 한 번쯤 페이지가로드되면 이것이 보입니다 그래서 전자 상거래 웹 사이트는 지금 꽤 잘 보일 것입니다 그리고 만약 준비가 되었으면 다음 단계로 넘어갈 수 있습니다 이제 우리가해야 할 일은 만드는 방법을 배우는 것입니다

전자 상거래 웹 사이트의 일부 블로그 게시물 WordPress로 만드는 법을 배우십시오 그래서 우리는 블로그 제목을 상단에두고, 추천 이미지를 삽입 한 다음 여기에 콘텐츠 섹션을 추가하겠습니다 과 맨 아래로 스크롤하면 관련 기사가 표시됩니다 여기 섹션 이렇게하면 충분한 기사를 만든 다음에 채울 수 있습니다

또한 방문자가 댓글을 남길 수있는 댓글 섹션을 사용할 수 있습니다 따라서 하나 또는 두 개의 다른 블로그 게시물을 만드는 방법을 보여주고, 충분하면 블로그 게시물 페이지가 이처럼 아름답게 보입니다 따라서 블로그 게시물을 만드는 방법을 배우고 싶다면 우리가 만들고있는 WordPress 웹 사이트 그리고 당신은 항상 WordPress에 갈 수 있습니다 대시 보드를 원한다면 여기를 클릭하고 여기를 클릭 한 다음 "게시물

" 그리고 Add New Post (새 게시물 추가) 페이지가 열리면 항상 포스트 위에 마우스를 올려 놓고 "새로 추가"를 클릭하면이 페이지에도 바로 올 수 있습니다 그래서 우리가 할 첫 번째 일은 여기에 블로그 제목을 입력하는 것입니다 따라서 데모 전자 상거래 웹 사이트에 가서이 제목을 복사하고 그저 시간을 절약 할 것입니다 그래서 나는 그것을 바로 여기에 붙여 넣을 것입니다 우리가하고 싶은 것은 여기에 내려 왔고 이것이 우리가 내용을 타이핑 할 곳입니다

원하는대로 입력 할 수 있습니다 데모 사이트에 가서 그냥 올게 이 텍스트를 강조 표시하고 복사하면 시간이 절약됩니다 그래서 나는 이것을 복사 한 다음 뒤로 가서 붙여 넣으십시오 그리고 당신이 텍스트를 가지고 나서 내가하고 싶은 일은 보여주고 싶습니다

이 단추로 텍스트의 서식을 지정하는 방법을 설명합니다 두 번째 버튼 행이 보이지 않으면이 버튼을 클릭하십시오 바로 여기에 "툴바 토글 (Toolbar Toggle)"이라는 제목이 붙어 있습니다 그러면 두 번째 행을 숨김 해제 할 것입니다 이 버튼 위로 마우스를 가져 가면 무엇을하는지 볼 수 있습니다

그래서 한 무리의 다른 단추입니다 내가 정말로 사용법을 보여주고 싶은 것은 "Insert Edit Link"버튼을 클릭하십시오 따라서 텍스트를 다른 페이지에 연결하려면 무엇을 원하는 텍스트를 강조 표시 한 다음 여기에서이 버튼을 클릭하십시오 그러면이 작은 팝업이 나타나고 원하는 URL을 입력 할 수 있습니다 이 텍스트를 링크하고 적용하려면이 화살표를 클릭하십시오

이 휠을 오른쪽 클릭하면 팝업 창이 나타납니다 그리고 다시, 당신은 할 수 있습니다 여기에 URL을 입력하면이 상자를 선택하여 새 탭 또는 수행 할 수있는 작업은이 드롭 다운 메뉴로 이동 한 다음 페이지 또는 제품 또는 귀하가 작성한 모든 것 그리고 그것을 클릭하면 링크를 여기에 넣으면 "링크 추가"를 클릭하면됩니다 그리고 지금,이 텍스트는 내가 선택한 페이지에 링크됩니다

네가 원한다면 이 중 하나를 제거하면 텍스트를 클릭하기 만하면 이동하고 편집 할 수 있습니다 이 버튼을 클릭하거나 '링크 삭제'버튼을 클릭하면됩니다 그것을 제거하십시오, 알았지? 다시 말하지만, 비디오를 일시 정지해야 할 경우 계속 진행하십시오 이 버튼들 중 하나를 가지고 놀거나이 드롭 다운하여 텍스트 형식을 지정하십시오 그러나 당신은 원한다

그리고 나서 준비가되면, 내가하고 싶은 걸 내려 오는거야 아래쪽으로 가면 여기에 우리의 특색있는 이미지에 넣을 곳이 있습니다 블로그 게시물 일단 준비가되면 바로이 링크를 클릭하십시오 그리고 당신은 이 팝업은 바로 여기 저기에, 당신이 당신의 자신의 이미지를 업로드하고 싶다면 "파일 업로드"를 클릭하고 "파일 선택"을 클릭하십시오

데모를 사용하려면 콘텐츠를 보려면 미디어 라이브러리 탭에서 사용하려는 이미지를 찾으십시오 그래서 나는 이걸 여기에서 선택하겠다 내가해야하는 것은 "Set"을 클릭하는 것이다 Featured Image "라고 표시합니다 그리고 일단 여기에 나타나면 다음과 같은 태그를 넣을 수 있습니다

원하는 또는 다른 블로그 게시물의 카테고리 이름을 추가 할 수 있습니다 그래서 그건 내가 여기서 할거야 나는 "Fashion"을 타이프 할 것이고 나는 이것을 부모 카테고리를 입력 한 다음 '문화'도 입력합니다 그래서 항상 갈 수 있고 여기 왼쪽에있는 카테고리 이름을 편집하십시오하지만 일단 준비가되면 우리는 블로그 게시물을 게시하려면 여기 "게시"버튼을 클릭해야합니다

그리고 일단 WordPress 블로그 게시물이 게시되면 우리는 확인 해봐 블로그 게시물이 게시되면 카테고리가 표시됩니다 맨 위의 제목과 여기 오른쪽의 추천 이미지, 그리고 나서 귀하의 콘텐츠 바로 여기 그리고 내가 아래로 내려 가면 링크가 보일 것입니다 "Hello world!"라는 다른 블로그 게시물로 이동합니다

이것은 WordPress에 의해 설치됩니다 기본적으로 그러니 그걸 지우는 방법을 보여 드리겠습니다 동영상을 일시 중지하고 추가 블로그 게시물을 만듭니다 그래서 나는 갈거야

다시 내 WordPress 대시 보드로 그리고이 페이지로 돌아 가면 갈거야 게시물 위로 마우스를 이동하고 '모든 게시물'을 클릭하십시오 그리고이 페이지에 오면 그냥이 블로그 게시물을 가리키고 "휴지통"을 클릭하면됩니다 블로그 게시물을 삭제하십시오

이제 동영상을 일시 중지하고 동영상을 다른 블로그 게시물을 직접 작성하십시오 그리고 블로그 게시물을 추가로 만들면, 귀하의 블로그 페이지는 이와 같이 보일 것입니다 따라서이 동영상을 일시 중지하고 추가 블로그 게시물을 만들고 준비가되면 "재생"을 눌러 다음 단계로 넘어갑니다 그래서 여기에서 '새로 추가'버튼을 클릭하거나 새로 만들기를 가리키고 "게시물"을 클릭하여 추가 블로그 게시물을 작성하십시오 그러니 계속해서 동영상을 만들면 몇 가지 추가 정보를 만든 후에 블로그 게시물을 직접 작성하십시오

좋아, 다시 오신 것을 환영합니다! 그래서이 동영상을 일시 중지하고 다양한 추천 이미지와 카테고리로 20 개의 다른 블로그 게시물을 만들었습니다 이름 이제 WordPress로 내 전자 상거래 웹 사이트의 블로그 페이지로 이동하면, 이것은 당신이보아야 만하는 것입니다 따라서 여러 블로그 게시물을 여러 개 만든 경우, 다음과 같은 블로그 페이지가있을 것입니다 그리고 만약 당신이 만든다면 더 많은 것은, 이것 같이 또한 볼 것이다

그래서 준비가 되었다면, 우리는 다음 단계 그리고 지금 내가하고 싶은 일은 바로 몇 가지를 추가하는 방법을 보여줍니다 블로그 게시물 페이지의 사이드 바에 위젯을 추가하십시오 사이드 바 만 생각하면됩니다 여기에 표시되므로 정말 빨리 처리하고 몇 가지 추가 할 것입니다

다른 위젯 따라서 WordPress 대시 보드로 이동하면 위젯 페이지가 이미 있습니다 따라서이 페이지로 이동하려면 마우스를 올려주세요 모양과 "위젯"을 클릭하면 여기에 올 것이다 그리고 우리는 지금 편집 중이거나 위젯을 추가하는 것은 블로그 사이드 바입니다

그래서 이미 추가했습니다 내 위젯 방금 검색 창 위젯을 추가했습니다 클릭 만하면됩니다 사이드 바에 드래그 한 다음 여기에 텍스트 위젯을 추가했습니다

약간의 묘사와 약간의 서명이 바닥에있다 그리고 너 너 뭐야? 이 두 가지 모두에서 '저장'을 클릭하여 표시되도록하십시오 블로그 게시물 페이지 용 사이드 바, 알았지? 원하는 경우 동영상을 일시 중지 할 수 있습니다 블로그 사이드 바에 추가하려는 위젯을 찾은 다음 이동하십시오 앞으로 그들을 추가하십시오

그런 다음 준비가되면 "재생"을 누르면 우리는 다음 단계 그렇지 않으면, 우리는 지금 당장 나아갈 것입니다 이제 우리가 할 일은 온라인 스토어에서 자주 묻는 질문 (FAQ) 페이지를 만드는 법을 배우십시오 워드 프레스 그리고 바로 여기에서 볼 수 있습니다

섹션에 몇 가지 질문과 대답이 나와 있습니다 그래서 지금하고 싶다면, WordPress 대시 보드로 돌아가서 새 페이지를 추가하겠습니다 그래서 마우스를 가져 가라 New를 클릭하고 "Page"를 클릭하십시오 그리고 "Add New Page"를 클릭하면됩니다

여기에 페이지 제목을 입력하십시오 그래서 나는 Frequently Asked Questions를 타이핑했다 한 번 저장하면 permalink가 여기에 표시됩니다 그러면 편집 할 것입니다 이

그래서 저는 그것을 FAQ로 바꿀 것입니다 일단 저장하면 우리가 할 수있는 일 백엔드 편집기를 켭니다 이제 질문에 대한 행을 추가하고 답변 "+"버튼을 클릭하고 "행 추가"를 클릭하십시오 그리고 나눌거야

이 줄은 반으로 그래서 이것을 가져다가 "1/2 + 1/2"를 클릭하십시오 그리고 우리는 단지 여기에 몇 개의 텍스트 블록을 추가하여 질문과 답변을 넣어 보겠습니다 그래서 나는 바로 '+'버튼을 클릭하고 '텍스트 차단'을 찾으십시오 클릭하십시오

과 이 팝업이 나타나면이 텍스트를 삭제하면 데모로 이동합니다 전자 상거래 웹 사이트를 방문하고이 텍스트를 복사하여 시간을 절약하십시오 그리고 바로 여기에 붙여 넣을거야 그리고 필요하다면 언제나 할 수 있습니다 텍스트를 편집하십시오

그래서 질문에 대한 나의 첫 번째 줄은 굵은 글씨로되어 있습니다 여기 정상적인 텍스트 그런 다음 준비가되면 '변경 사항 저장'을 클릭하십시오 원하는 텍스트 블록을 여기에 추가하거나 마우스를 가져갈 수 있습니다 이

여기이 아이콘을 클릭하면이 아이콘이 복제됩니다 여기를 클릭하여 끌 수 있습니다 그래서 나는 여기에 들어가서 이것들을 편집 할 수 있습니다 잠시 후에 질문이 나옵니다 그러나 여기에서 데모 페이지를 만들고 있으므로 약간의 시간을 절약하기 위해 좀 더 빨리 가고 싶습니다

그래서 바닥에 여기, 내가 할 일은 "빈 공간"위젯을 추가하여 여기에 갈거야 이것을 클릭하십시오 일단 설정이 나타나면이 설정을 다음으로 변경합니다 "16px"를 클릭하고 "변경 사항 저장"을 클릭하십시오 그런 다음 아래쪽에 새 행을 추가 할 수 있습니다

이것을 다시 반으로 나누고, 텍스트를 더 추가 할 수 있습니다 여기 블록들 여기에 들어가서 이것을 클릭하면됩니다 더미 텍스트를 여기에 붙여 넣기 만하면됩니다 그리고 다시, 우리는 여기에 들어가서 그냥 이것을 복사하고 이것을 드래그하여 시간을 절약하십시오

그런 다음 이것을 반복하여 여러 가지 질문과 답변을 추가하십시오 당신이 원할 때마다 빈 공간을 추가하는지 확인하십시오 행을 분리하십시오 하지만 너가 여기 바닥에 있고 너는 아무 것도 없어 더 많은 질문이 있으면 다른 빈 공간을 추가 할 필요가 없습니다

있어야한다 바닥 글 앞에 충분한 패딩이있어, 알았지? 따라서 자주 묻는 질문 질문 페이지는 매우 빠르고 쉽습니다 원하는 경우 동영상을 일시 중지 할 수 있습니다 이 섹션들을 모두 채우십시오 그런 다음 준비가되면 '게시'버튼을 클릭하십시오

WordPress 페이지가로드되면 FAQ 페이지에 표시되는 내용 바닥 글을 조금 더 추가하겠습니다 나중에 우리의 헤더 메뉴 그래서 우리가 아직하지 못한 것들이 있습니다 하지만 준비가 되었다면 다음 단계로 넘어갈 수 있습니다 그리고 지금, 우리는 정말 좋은 연락처를 만드는 법을 보여줄 것입니다

귀하의 주소와 귀하의 연락처 정보가있는 당사 페이지를 여기에 올리십시오 그래서 네가 온라인 스토어에 대한 문의하기 페이지를 만들고 싶다면 WordPress 웹 사이트에서 New 위에 마우스를 올리고 "Page"를 클릭하십시오 그리고 일단 당신이 새 페이지를 추가하십시오 여기에 페이지 제목을 입력하십시오 그리고 일단 준비가 되었다면, 백엔드 편집기를 켜고 가자

새로운 행 일단 행이 여기에 삽입되면 여기에 들어가고 싶습니다 행을 "1/4 + 1/2 + 1/4"로 변경하고 싶습니다 그리고 그 행이 보입니다 이처럼 분할되면 우리가 할 일은 바로 텍스트 블록을 추가하는 것입니다

중간 그리고 일단이 팝업이 나타나면 여기에 추가 할 수 있습니다 귀하의 주소와 연락처 정보 그래서 저는 제가 가지고있는 것을 붙여 넣을 것입니다 데모 전자 상거래 웹 사이트 및 붙여 넣기 후에 수행 할 수있는 작업 나는 모든 것을 강조하고 중심으로 정렬 할 수 있습니다

그리고 만약 당신이 귀하의 이메일 주소를 입력하고 이것을 링크하고 싶다면 누군가 그것을 클릭하면 입력 할 수있는 전자 메일이 열립니다 이메일 주소를 강조 표시 한 다음이 "링크 수정 삽입"을 클릭하십시오 바로 여기에 "Mail to :"이 표시되고 이메일이 표시됩니다 주소 "적용"을 클릭하기 만하면됩니다

이제 귀하의 이메일 주소는 연결 됐어, 알았지? 일단 준비가되면 "저장"을 클릭하십시오 변경 사항 "이 바로 여기에 있으며, 우리가해야 할 일이 거의 있습니다 준비, "게시"버튼을 클릭합시다 그리고 일단 그 페이지가 출판되면, 우리는 갈 수 있습니다 그것을 확인하십시오

그리고 WordPress 페이지가로드되면 연락처가 표시됩니다 바로 여기 이메일 주소 위로 마우스를 가져 가면 링크해야합니다 귀하의 이메일에 그래서 우리가 계속 전진하기 전에, 당신이 항상 댓글 섹션에 댓글이나 질문을 남겨 두십시오

시청중인 YouTube 동영상 및이 동영상의 크기를 크게 줄 수있는 경우 이 튜토리얼을 매우 쉽게 사용할 수 있다면 엄지 손가락을 올려주세요 우리는 항상 새로운 비디오를 제공하기 때문에 YouTube 채널을 구독하십시오 이처럼 그래서 우리가 할 일은 바로 다음 단계로 넘어가는 것입니다 Google 이용 약관 및 개인 정보 취급 방침 페이지를 만들 예정입니다

아주 쉬워 그래서 저는 여러분이 정말로 WordPress 대시 보드로 돌아가시기를 바랍니다 그리고 일단 내가 말했듯이 워드 프레스 대시 보드로 돌아 가면 개인 정보 보호 정책 페이지 및 이용 약관 페이지를 참조하십시오 그리고 너 이 페이지는 이미 설정되어 있어야합니다 원하는 경우, 그냥 갈 수 있습니다

그것을 확인하십시오 페이지 위로 마우스를 이동하고 '모든 페이지'를 클릭하십시오 일단 이 페이지 바로 여기, 여기 내려 오면 당신의 초안을 볼 수 있습니다 개인 정보 취급 방침 페이지 및 여기에도 이용 약관 페이지가 있어야합니다 먼저 개인 정보 취급 방침 페이지를 살펴 보겠습니다

이걸 보지 않으면 바로 여기에서 설정을 가리키고 '개인 정보'를 클릭하면됩니다 일단이 페이지로 이동하면 기본 개인 정보 취급 방침을 사용하면됩니다 페이지를 만들거나 새로운 페이지를 추가하고 제목을 지정할 수 있습니다 "개인 정보 정책" 이 데모에서는 기본 페이지를 사용할 것입니다

그래서 우리는 할 수있는 것은 바로 여기에있는 "편집"링크를 클릭하면됩니다 그리고 일단 당신이 개인 정보 보호 정책 페이지, WordPress에서 일부 텍스트를 입력하면 읽을 수 있습니다 귀하의 사업체 이름과 귀하의 개인 정보 보호 정책으로 업데이트하십시오 질문이 있거나 권장 사항이 필요한 경우 여기를 클릭하십시오 "가이드"와 WordPress는 여기에 대한 권장 가이드를 작성했습니다

귀하의 개인 정보 보호 정책 페이지 그런 다음 준비가되면 클릭 만하면됩니다 '게시'버튼을 클릭하십시오 그래서 저는 이것을 여러분과 함께 편집하지 않을 것입니다 데모 웹 사이트 일 뿐이지 만 여기서 필요한 모든 리소스를 보유하고 있습니다

과 그런 다음 준비가되면 "게시"버튼을 클릭하십시오 그리고 일단 개인 정보 보호 정책 정책 페이지가 게시되면 원하는 경우 이동하여 체크 아웃 할 수 있습니다 우리는 단지 계속해서 이용 약관 페이지로 이동하십시오 다시 한 번 클릭하겠습니다 여기 "All Pages"에

페이지 페이지로 돌아 가면 약관 및 WooCommerce 설정에서 조금 더 일찍 생성 한 조건 페이지 섹션에 있으며 이미 이용 약관 페이지로 설정되어 있어야합니다 따라서 "편집"을 클릭하면됩니다 그리고 일단 귀하가 약관 및 조건 페이지는 개인 정보 취급 방침 페이지와 매우 흡사합니다 그냥 텍스트를 입력하면됩니다 그리고 다시, 우리는 데모 웹 사이트이기 때문에 아무 것도 입력하지 않아도됩니다

생각할 필요가 없습니다 이용 약관에 대해 그러나 당신이 온라인 상점을 만들고 있기 때문에 WordPress, 당신은 아마 꽤 좋은 이용 약관 페이지를 갖고 싶어 그러니 계속 진행하고 필요하면 비디오를 일시 중지하거나 올 수 있습니다 나중에이 페이지로 돌아가십시오 그런 다음 준비가되면 "업데이트"또는 "게시"버튼

그리고 일단 페이지가 출판되면, 우리는 WordPress로 전자 상거래 웹 사이트에 필요한 페이지, 그리고 우리가 모든 WooCommerce 페이지를 약간 하지만 지금 당장은 다음 단계로 넘어 가고 싶습니다 이제 헤더 메뉴를 만드는 방법을 보여줍니다 여기 이 페이지 하단의 하단에도 바닥 글 메뉴를 만듭니다

그리고 이것은 당신의 다른 모든 사람들에게 나타날 것입니다 페이지를 전자 상거래 웹 사이트에 추가하고 원하는 링크를 추가 할 수 있습니다 헤더 및 바닥 글 메뉴를 만들려면 WordPress 웹 사이트 및 내가 원하는 것은 내려와 있습니다 왼쪽에서 모양으로 이동합니다 그 위에 마우스를 놓고 '메뉴'를 클릭하십시오

메뉴 페이지를 열면 몇 가지 메뉴를 만들겠습니다 함께 그래서 나는 모든 것을 통해 당신을 걸을 것이고, 당신이 새로운 메뉴를 만드는 것입니다 먼저 헤더 메뉴를 만듭니다 네가 할 수있는 일은 네가 원하는대로 입력해라

메뉴 그래서 "헤더"를 입력하고 "메뉴 만들기"를 클릭하십시오 일단 메뉴가 나오면 만든 후, 여기에 "메뉴 설정"이라고 쓰여진 곳에 가서 체크 할 수 있습니다 'Main Navigation (메인 탐색)'옆의 메뉴에서 헤더 메뉴로 설정하면 표시됩니다 상단의 모든 다른 페이지에서 그리고 나서 네가 할 수있는 것은 올 것이다

페이지 탭으로 이동하여 링크를 추가하려는 페이지를 확인하십시오 헤더 메뉴 그래서 당신은 홈 페이지, 블로그 페이지, 쇼핑 페이지 및 정보 및 문의하기 페이지 블로그 게시물을 추가하거나 사용자 정의를 만들 수도 있습니다 원하는 경우 링크를 클릭하십시오 그러나이 링크는 추가하려는 페이지입니다

그래서 한번 확인란을 선택하고 "메뉴에 추가"를 클릭하면 모든 것이 표시됩니다 여기에 덧붙였다 원하는 경우 클릭 만하면됩니다 이것들을 끌어 들이기 또한 클릭하고 확장하여 탐색 라벨

따라서 Shop 대신 "The Shop"을 입력 할 수 있습니다 이 다른 것들을 바꾸고 싶었어 나도 그럴 수있어 한 번 정렬하면 모든 것, 그리고 네비게이션 라벨을 원한다면 가족의 일원인데, 들여 쓰기 만하면됩니다 뭔가, 이것 같이 하위 메뉴 항목이 생길거야

그래서 그것도 옵션이지만 우린 여기서 그걸하지 않을거야 일단 준비가되면, 클릭 만하면됩니다 '저장 메뉴'에 있습니다 그리고 일단 Header 메뉴가 저장되면, 전자 상거래 웹 사이트가 지금과 같아야합니다 헤더를 가져야합니다

메뉴 바로 여기에 있습니다 내가하고 싶은 것은 메가 메뉴를 만드는 방법을 보여줍니다 여기에 모든 다른 카테고리 이름, 여기에 몇 개의 링크 및 액션 및 헤더에있는 모든 주요 제품에 대한 작은 섹션 여기에 메뉴가 있습니다 또한 블로그 링크에서이 항목 위로 마우스를 가져 가면 여기 메가 메뉴 그리고 Contact Us 페이지에서도 뭔가를 삽입 할 수 있습니다

이렇게 그리고 나는 이것이 당신의 웹 사이트를 훨씬 더 보이게 만든다고 생각합니다 전문가이며 다른 어떤 동영상에서도 찾을 수없는 것입니다 지도 시간 그래서 당신은이 비디오를 큰 엄지 손가락으로 포기해야합니다

이미 그걸하는 법을 보여주기 위해 당신이 만들 수있는 다른 웹 사이트보다 몇 년 전에 빛나는 웹 사이트 그래서 우리가 할 일은 먼저 가서 다른 모든 것을 추가하는 방법에 대해 이야기하는 것입니다 카테고리 이름을 입력 한 다음이 메가 메뉴를 만드는 방법을 보여줍니다 그리고 우리는이 작은 것을 여기에 추가하는 방법에 대해 이야기 할 것입니다 이제 전자 상거래 웹 사이트로 돌아가 보겠습니다

그리고 나는 단지 내가 알고있다 너희들에게 많은 것을 던져 줬지만, 우리는 이것을 하나 하나 순전히 걸어 갈거야 단계별 먼저 카테고리 이름이 모두 있는지 확인하십시오 우리가 원하는

제품 위로 마우스를 이동하고 '카테고리'를 클릭하십시오 제품 카테고리 페이지를 방문한 후에는 어떻게해야합니까? 카테고리 이름을 만들 수 있습니다 그래서이 위에 마우스를 가져 가면 부모님이 생깁니다 카테고리 "액세서리"를 선택한 다음 하위 카테고리를 선택하십시오 원하는 경우 이런 식으로, 당신이하고 싶은 것은이 페이지 바로 가기입니다

어떤 카테고리를 부모 카테고리의 하위로 설정하기 만하면됩니다 그래서 여기에 액세서리가 있고 하위 카테고리가 있습니다 바로 여기에 새 이름을 만들려면 이름을 입력하십시오 여기 카테고리

동일하게 될 슬러그 이름을 넣은 다음 들어가십시오 이 드롭 다운을 클릭하고 상위 카테고리를 선택하십시오 따라서 "액세서리"를 선택하면 바로 여기,이 카테고리는 악세사리 밑에 떨어질 것입니다 네가 원한다면 새 부모를 만들려면 여기에서 "없음"을 선택하십시오 그리고 네가 원하는 걸 해야 할 일은 아래로 내려와 아이콘을 업데이트 할 수 있습니다

이 테마를 얻을 때 작동합니다 저장을 클릭하거나 '새로 추가'를 클릭 한 다음 이 카테고리를이 목록에 여기에 추가하면 바로 표시됩니다 메가 메뉴에서 필요한 경우 동영상을 일시 중지 할 수 있으며 나는이 라인들로 정의 된 여러 하위 카테고리들을 가지고있다 바로 여기, 그리고 나는 이것을 정말로 빨리 스크롤 할 것입니다

그래서 당신은 내가 볼 수 있습니다 서로 다른 카테고리를 가지고 있습니다 일단 모든 것을 정리하면 가서 메가 메뉴를 설정하십시오 메가 메뉴를 설정하려면 우리가하고 싶은 일은 맞춤 설정 페이지로 이동하십시오 그래서 우리는 "Appearance"위로 마우스를 가져 가서 "사용자 정의

" 그리고 일단 사용자 정의 페이지에서 Header를 열면됩니다 탭을 클릭 한 다음 메가 메뉴 탭으로 이동하면 헤더 메뉴 항목이 나타납니다 여기서 '쇼핑'탭을 클릭하면 원하는 작업을 할 수 있습니다 Mega Menu를 선택하고 "Shop Mega Menu"라고하는이 것을 선택하면 귀하의 제품 카테고리 바로 여기 클릭하고 재정렬 할 수 있습니다

'안구'아이콘을 클릭하여 이러한 제품 카테고리를 숨길 수 있습니다 이렇게하면 밝은 회색으로 변합니다 그리고 당신이 아래로 스크롤하면, 추천 링크를 사용할 수있는 곳에이 링크가 있어야합니다 제품 섹션 및 새 제품 및 판매 제품에 대한 링크도 제공합니다 과 일부 텍스트가있는 클릭 유도 문안을 표시하려면이 기능을 켜기 만하면됩니다

그런 다음 텍스트를 바로 업데이트하십시오 알았지? 그래서 메가를 만드는 방법입니다 쇼핑 페이지 용 메뉴 그리고 내가하고 싶은 일은 단지 어떻게 켜는 지 보여줄뿐입니다 블로그 및 문의하기 페이지 또는 링크의 메가 메뉴

자, 클릭하자 블로그 탭 블로그 탭을 클릭하십시오 그리고 다시 당신이하고 싶은 것은 단지 Mega Menu를 활성화하고 "Blog"탭을 클릭하십시오 원하는 경우 이 카테고리를 숨기려면 안구를 클릭하면됩니다

괜찮아? 그게 바로 당신이해야 할 일이고 연락처 탭으로 가면 메가 메뉴를 활성화하고 연락처 옵션을 선택하면 스크린 샷 또는지도 이미지를 바로 업로드하고 업로드하십시오 그런 다음 전화 번호와 모든 세부 사항을 여기에서 업데이트하십시오 그리고 내가 뭘 볼 수 있니? 내가 HTML을 추가했다 필요한 경우 동영상을 일시 중지하여 HTML을 추가 할 수 있습니다 귀하의 주소에 다른 행을 추가하십시오

일단 준비가되면 원하는 것을 "저장"버튼을 클릭하십시오, 알았죠? 그리고 마지막으로 이 섹션을 여기에 추가하는 방법에 대해 정말 빨리 이야기하고 싶습니다 "카테고리 찾아보기"가 표시됩니다 그리고 당신은 다른 모든 것을보아야합니다 여기 카테고리 그래서 당신이 원한다면, 우리는 여기 페이지를 사용자 정의하면 메가 버튼으로 이동하여 열어보기를 원합니다

그런 다음 설정에서 해당 설정을 사용하려면 모든 설정이 필요합니다 귀하의 카테고리 바로 여기 그리고 그것은 당신이해야 할 일 전부입니다 만약 너라면 당신의 아이콘을 보여주고 싶다면, 당신은 할 수 있고 당신은 아무것도 할 필요가 없습니다 여기이 탭

그래서 꽤 많이, 당신이 Header를 위해해야 ​​할 전부입니다 메뉴에서 "저장"또는 "게시"버튼을 한 번 클릭하십시오 너 준비 됐어, 알았지? 그래서 질문이 있으면 의견을 남기고 예 그게 다야 그럼 이걸 끝내자

일단 WordPress에 돌아 오면 대시 보드, 이제 우리가 할 일은 가서 바닥 글 메뉴를 만들고 우리는 그들 중 몇 명을 만들어서 우리가 여기있는 것과 이와 비슷한 것을 갖도록하십시오 이제 메뉴 페이지로 돌아가서 모양새 위로 이동 한 다음 다시 "메뉴"를 클릭하십시오 일단 메뉴 페이지로 돌아 가면 원하는 경우 새 메뉴를 만들려면이 링크를 클릭하십시오 그리고 일단 당신이 메뉴 만들기 페이지, 바닥 글 메뉴를 만들기 전에 두 개를 만들고 싶습니다 추가 헤더 메뉴

너는 꼭대기 술집에서 이것을 필요로하지 않을지도 모르지만 나는 여기에 보조 메뉴를 추가하는 방법을 보여줍니다 그럼 이 페이지로 바로 가면 맨 위의 바를 먼저 만들 것입니다 그래서 나는 "Top Bar"를 입력하고 "Create Menu"를 클릭하십시오 그리고 일단 최고 막대기가 만든, 그냥 여기에 와서 가기 표시 줄에 대한 상자를 확인한 다음 수 있습니다 톱 바 메뉴에 대해 원하는 링크를 추가하십시오

내가 할 일은 바로 여기에 맞춤 링크를 추가하십시오 그래서 나는 다른 페이지를 가지고 있지 않다 다른 언어 또는 통화로되어 있으므로 파운드 기호를 넣을 것입니다 자리 표시 자만 있으면 미국에 달러 기호를 넣을 수 있습니다 바로 여기 "메뉴에 추가"를 클릭하십시오

그리고 나서 제가 할 일은 바로 여기에 "영어"를 추가하는 것입니다 그래서 다시, 나는 다른 언어가 없으므로 나는 진짜 링크를 넣지 않을 것이다 그곳에 그런 다음 여기에 "영어"를 입력하고 "메뉴에 추가"를 클릭하십시오 그리고 나 데모 전자 상거래 웹 사이트에 표시 할 수 있습니다

데모 웹 사이트의 상단 표시 줄에 대한 구조입니다 그래서 우리는 들여 쓰기 된 항목은 여기에 있습니다 그래서 당신이 그것 위에 마우스를 가져갈 때 그리고 다시, 나는하지 않는다 여기 진짜 연결되어있어, 알았지? 그래서 다시, 당신은 당신이 원하는 것을 당신의 Top에 추가 할 수 있습니다

바 메뉴 통화 나 언어 일 필요는 없지만 당신이 무엇이든간에 추가를 마치면 "메뉴 저장"을 클릭하십시오 일단 메뉴가 저장되면 가자 그 보조 메뉴를 만듭니다 "Create a New Menu"를 클릭하십시오

그리고 일단 부차적 인 메뉴가 만들어졌습니다, 내가 한 모든 것은이 상자를 여기 아래로 확인한 다음 일부 맞춤 링크를 추가했습니다 그리고 나는 이미 시간을 절약하기 위해 이것들을 넣었습니다 그래서 당신은 웹 사이트 이름에 넣은 것을 볼 수 있습니다 그러면 URL의 끝입니다 그래서 만약 동일한 제품 카테고리 페이지를 원한다면 입력하십시오

그런 다음 내 탐색 라벨에 "탐험"이라고 적혀 있습니다 그런 다음 도움말 센터에서 연락처 페이지, 알 겠어? 그리고 한 번 당신이하고 싶은 일 이 체크 박스를 선택하면 "Save Menu (메뉴 저장)"를 클릭하십시오 그리고 한번이 보조 메뉴가 저장됩니다 지금 내가하고 싶은 것은 이러한 메뉴를 만드는 방법을 보여주는 것입니다 다른 바닥 글 메뉴

그래서 저는 이들 각각에 대해 제가 여러분에게 보여줄 것입니다 여기 이걸로 시작합시다 그래서 나는 내 워드 프레스로 돌아갈거야 대시 보드에서 새 메뉴를 만들고 싶습니다 그리고 나는 이미 바닥 글을 만들었습니다

메뉴를 사용하면 시간을 절약 할 수 있으므로 임의의 링크를 몇 개 넣을 수 있습니다 그리고 가장 중요한 것은 당신이해야 할 일은 "바닥 글 메뉴"에 대한이 상자를 선택하는 것입니다 그래서 원하면, 비디오를 일시 중지하고 자신 만의 바닥 글 메뉴를 만든 다음 원하는 것을 선택할 수 있습니다 이렇게하려면 몇 가지 링크를 원하면 3 개의 추가 메뉴를 만드십시오 그리고 나 내가 정말로 빨리 만든 다른 메뉴를 보여줄 수 있습니다

그래서 나는 "우리 회사"라고 불렀습니다 그리고 다시, 나는 임의의 링크를 몇 개 넣었습니다 그리고이 메뉴를 위해, 상자를 체크 할 필요가 없으며 다른 두 개의 메뉴도 동일합니다 그래서 "고객 지원"이라는 전화 번호가 있는데 상자를 선택하지 않았습니다 그리고 나서 나는 "쇼핑 하이라이트 (Shop Highlights)"라고하는 또 다른 제품이 있습니다

따라서 상자를 확인할 필요가 없습니다 여기도 원하는 경우 동영상을 일시 중지 할 수 있습니다 이 네 가지 메뉴를 만들 수 있습니다 그리고이 드롭 다운에서 내가 만든 메뉴

그래서 우리는 바닥 글을 가지고 있고 그 다음에는 사람 동영상을 일시 중지하고 필요한 메뉴를 만듭니다 그 다음엔 우리는 이러한 메뉴를 삽입하는 방법과이 절을 직접 보여줄 것입니다 원하는 경우 다음 단계로 넘어갈 수 있습니다 그렇지 않으면 비디오를 일시 중지하십시오

준비가되면 '재생'을 누릅니다 그럼 우리가 할 일은 바닥 글 섹션을 삽입하십시오 그래서 내가하고 싶은 것은 외모 위에 마우스를 가져 가면됩니다 "위젯"링크를 클릭하십시오 일단 위젯 페이지에 있으면 원하는 모든 것 do는 단지 Footer 섹션에서 사용한 위젯을 보여줍니다

먼저, Pre-Footer 위젯에 대해 이야기 해 보겠습니다 그러면이 섹션이 여기 전자 상거래 웹 사이트가 있습니다 어떤 아이콘과 텍스트를 원한다면 이러한 "전자 상거래 정보 위젯"중 일부를 드래그하여 Pre-Footer 위젯 섹션 그리고이 작은 부분을 바로 여기에서 얻을 수 있습니다 당신이 할 수있는 것은 원하는 아이콘을 선택한 다음 텍스트를 넣고 당신의 부제

그리고 이들 각각에 대해 "저장"을 클릭하십시오 그래서 나는 위와 아래 네 개가 있고 바닥 글 위젯 섹션이 있습니다 검색 창과 함께이 섹션이 될 것입니다 다른 링크는 여기에 있습니다 이 섹션을 만들고 싶다면 원하는 항목을 상품 검색 위젯에 넣은 다음 일부 탐색에서 드래그합니다

메뉴 위젯 3 개를 만들었 기 때문에 여기에 3 개가 있습니다 서로 다른 메뉴를 볼 수 있으며, 각각의 메뉴에 들어가면 모든 이 드롭 다운에 들어가서 표시 할 메뉴를 선택해야합니다 따라서 우리는 Shop Highlights, Company 및 고객 지원을 보유하고 있습니다 이 탐색 메뉴에 대해 선택한 항목입니다

그리고 기억하십시오 이 모든 것들에 대해 "저장"을 클릭하면 거의 끝내고 바닥 글 만들기가 완료됩니다 전자 상거래 웹 사이트의 섹션 일단 준비가되면 우리가 할 수있는 일은 지금 구축하고있는 전자 상거래 웹 사이트를 확인하십시오 이제 최종 제품을 확인해 보겠습니다 그리고 일단 귀하의 웹 사이트 로드하면 맨 위의 헤더 메뉴가 표시되고 스크롤하면 하단까지 아래쪽 섹션이 표시됩니다

그래서 당신은 사전 바닥 글 위젯을 마우스 오른쪽 버튼으로 누른 다음 바닥 글 섹션을 아래로 바로 가져옵니다 그래서 만약 이것은 당신이 보는 것입니다, 그러면 당신은 가고 싶어합니다 그리고 당신은 당신 자신의 것을 창조했습니다 WordPress와 전자 상거래 웹 사이트 그리고 나는 그 텍스트에 주목하고 싶다

자습서에서는 모든 WooCommerce 페이지를 탐색 할 수있는 섹션이 있습니다 그래서 네가 이 페이지가 누락되면 여기로 와서 다음 지시 사항을 따르십시오 WooCommerce를위한 몇몇 페이지를 얻으십시오 그러나 당신은 모든 페이지가 있어야합니다 이미 설치되었습니다 그래서 걱정할 필요는 없을 것 같지만 그럴 수 있습니다 그리고이 비디오 튜토리얼에서 마지막으로하고 싶은 것 이 전자 상거래 웹 사이트가 작동한다는 것을 다시 보여줍니다

그래서 우리는 거래를 통해 실행됩니다 나는이 제품 위에 마우스를 가져갈거야 제품 페이지로 이동하려면이 버튼을 클릭하십시오 그리고 일단 당신이 제품 페이지에서 크기를 선택하고 크기를 변경할 수 있습니다 수량을 입력 한 다음 "장바구니에 추가"를 클릭하십시오

일단 항목이 추가되면 우리는 그냥 갈 수 있습니다 및 체크 아웃 그래서 "장바구니보기"를 클릭합시다 일단 쇼핑을 시작하면 장바구니 페이지, 여기에 제품이 있다는 것을 알 수 있습니다 여기로 와서 '체크 아웃 진행'을 클릭하십시오

그리고 일단 나는 체크 아웃 페이지, 이미 내 세부 정보를 입력했습니다 그래서 여기서 얼마를 지불해야하는지 알 수 있습니다 그래서 내가 내려올거야 여기를 클릭하고 "동의 함"을 클릭 한 다음 "진행"을 클릭하십시오 PayPal 버튼에

"그리고 일단 당신이 페이팔에 오면 우리는 로그인 할 수 있습니다 그리고 한 번 당신이 로그인 했으니 까, 여기에 와서 "Pay Now"를 클릭하기 만하면됩니다 결제가 처리되면 여기에이 알림이 표시됩니다 하단으로 내려 가서 'Merchant (으)로 돌아 가기'를 클릭하면됩니다 전자 상거래 웹 사이트를 방문한 후에는 고객의 볼거야

그리고 모든 주문을 보려는 경우 귀하의 주문에 로그인하십시오 WordPress로 전자 상거래 웹 사이트를 열고 WooCommerce를 가리키고를 클릭하십시오 "주문"을 클릭하면 여기에 주문 내역이 모두 표시됩니다 주문을 클릭하면 Orders 페이지로 이동하면 다음과 같은 페이지가 표시됩니다 결제 정보, 귀하의 배송 정보 고객의 주문 상태를 바로 변경할 수 있으며, 고객이 여기에서 주문한 품목

그리고 이걸 업데이트하면 상태에서 "업데이트"버튼을 클릭하십시오 그리고 귀하의 고객이 주문을 한 후 이메일을 보내 게됩니다 이처럼 보이게되면 언제든지 자신의받은 편지함에서 이메일을 받게됩니다 새로운 명령이 내려졌다 알았지? 따라서 우리가 만든 우리의 전자 상거래 웹 사이트 WordPress는 완벽하게 작동하며, 나는 당신이 이 NYC Tech Club을 보면서 WordPress로이 전자 상거래 웹 사이트를 만드십시오

비디오 자습서 이 비디오 자습서를 즐긴 경우에는 큰 엄지 손가락을 올려주세요 의견이나 질문이 있으면 댓글 섹션의 댓글 구독하고 계속 확인하십시오 우리는 항상 새로운 비디오가 나오기 때문에 우리의 비디오를보고 있습니다 이렇게

다시 한 번 축하해주세요 나중에 보자 [음악] WordPress로 전자 상거래 웹 사이트를 만드십시오! 의견이나 질문이 있으시면 아래의 의견란에 의견을 남기십시오 이 비디오에 엄지 손가락을 대고 구독 할 것인지 확인하십시오 NYC Tech Club YouTube 채널은 항상 새로운 채널로 출시되기 때문에 동영상이 이와 같습니다

다시 축하해 나는 너를 나중에 보자 [음악]

How To Create An Image That Changes On Mouse Hover Over In WordPress Sidebar Widget

Neil Ball과 Neil Ball의 협력을 환영합니다 오늘이 비디오에서 마우스를 올려 놓을 때 이미지 나 배너를 만드는 방법을 보여줍니다

예를 들어 어떤면에서 내 웹 사이트의 오른쪽에이 배너를 가져 가면 마우스 위로 마우스를 가져 가면 이미지가 변경됩니다 이제 그것은 매우 똑 바릅니다 앞으로해야 할 일은 실제로는 하나의 이미지이며 실제로는 이와 같은 이미지로 구성됩니다 이 두 이미지가 나란히 있으므로 왼쪽에 이미지가 있습니다 이미지는 이미지입니다

마우스를 가리키기 전에 표시되는 오른손 이미지가 표시됩니다 그곳에 그렇게하기 위해 필요한 약간의 코드입니다 그러나 이것은 매우 간단합니다 당신은 왼쪽과 오른쪽 이미지로 시작합니다 둘 다 정확히 같아야합니다

크기 그리고 나서 당신이하는 일은 그것들을 하나의 이미지에 함께 넣는 것입니다 아래로 공백으로 열 같은 것의 중간 그게 내가 한 짓이야 그들은 겹치지 않고 그 둘 사이에 뚜렷한 차이가 있음을 말합니다

당신은 아마 그보다 작은 간격으로 벗어날 수 있지만, 나는 보통 항상 함께 일합니다 10 개이므로 이제 지금 다른 이미지를 만들면 매우 간단합니다 580과 높이는 543 이었으므로 새로운 이미지를 만들 것입니다 이미지를 왼쪽과 오른쪽으로 위치시키는 것은 그들의 질문입니다 맞습니다

일단 더 큰 크기의 이미지를 만들면 다시 복사하여 보낼 수 있습니다 그것은 새로운 이미지로 여기에서 우리는 그것을 가지고 있습니다 우리는 왼쪽 이미지와 오른쪽 이미지를 가지고 있습니다 이 이미지는 올바른 이미지이므로 오른쪽으로 넘어갈 것입니다 그것은 완벽하게 일렬로 늘어날 때까지

그런 다음 왼쪽 이미지와이 이미지를 우리가 바로 잡을 것입니다 왼쪽으로 나는 보통 PNG로 저장한다 그렇게 간단하고 다음 일이된다 당신은 할거야 자료 WordPress 및 미디어에 가서 이미지 라이브러리에 이미지를 추가하는 것입니다 당신은 단지 그것을 업로드하려고하고 당신은 URL을 얻을 것입니다

나는 지금 당신에게 보여줄 것입니다 나는 지금 막이 일을 아주 최근에 여기에서했다 그래서 여기에 그것은 당신이 잡으려고합니다 이미지의 URL 인이 URL은 여기에 있습니다 그런 다음 몇 가지 코드가 있습니다

WorkWithNeilBallcom 인 나의 웹 사이트에 오는 경우 내 웹 사이트에 절대적으로 공급합니다 상단에서 볼 수 있듯이 You Tube에이 비디오의 측면에 링크를 넣을 것입니다 또는 무언가가 링크를 클릭하면 코드를 내 웹 페이지에 올려 놓을 수 있습니다 페이지를 복사하여 귀하의 웹 사이트에 붙여 넣기하고 거기에 링크를 넣어 작동하도록하십시오

그래서, 우리가 지금 외관에있는 도구로 들어가면 우리는 당신이해야 할 일, 오른쪽 사이드 바를 간다 텍스트 상자를 가로 막대 위젯으로 드래그하여 이동해야합니다 표시됩니다 사이드 바에 텍스트 위젯을 넣고 그 다음에 할 일이 필요합니다

그렇다면 지금 내가 화면에 보여주고있는이 코드를 복사 할 것입니다 상자 이제 이것에 관한 몇 가지 사항을 살펴 보겠습니다 당신 실제로 여기에서 일어나는 일 때문에 표시하고 싶은 이미지의 크기를 설정하십시오 이미지 위에서 마우스를 움직이면 왼쪽의 모습을 보입니다

이미지는 이미지의 오른쪽에 있습니다 그래서 언제든지 당신은 단지 볼 것입니다 너비 하나의 이미지에 두 개의 이미지를 사용하고 있습니다 넓은 그래서 왼손 이미지는 285이고 오른손 이미지는 285이고 높이는 483 그래서이 설정들은 당신이 보여주고 자하는 크기가 될 필요가 있습니다

여기에서 배경 설정은 이미지의 URL을 넣는 곳입니다 업로드 한 이미지는 내가 방금 본 곳의 큰 이미지입니다 우리가 방금 가져 갔던 URL과 당신이해야 할 유일한 일은 여기에 몇 가지 추가 코드를 입력하십시오 클릭 할 때 클릭 할 때 사용합니다 이미지, 이미지, 그러면 다른 페이지로 이동하게됩니다

내가 할 일은 그 모든 것을 내 웹 사이트에 올려 놓으십시오 그렇게하면 쉽게 복사해서 붙여 넣을 수 있습니다 이 비디오에서 실수로 쉽게 복사 할 수 있도록 복사하십시오 일단 작업을 완료하면 저장하십시오 다음과 같은 이미지를 얻어야합니다

정말 효과적이고 간단합니다 그곳에 그것에 대해 전혀 공상적인 것이 아닙니다 그리고 여기 제가 말했던 많은 사람들이 있습니다 이전에 누가 이것을 만들었는지는 믿을 수 없을 정도로 복잡 할 때 이미지를 만드는 방법입니다 그것은 당신이 그랬던 것처럼 마우스를 가져 가면 바뀝니다

사람들을 얻는 좋은 방법입니다 너의 웹 사이트를 탐색하는 관심 그래서 나는 Neil Ball과 함께 작업 한 Neil Ball입니다 당신은 다른 힌트와 트릭이 필요합니다 WorkWithNeilBallcom 내 웹 사이트를 좀 봐 나는 다시 너에게 말할 것이다

고맙습니다 안녕

[wp]Setting up the WordPress sidebar

안녕하십니까 이번 시간에는워드 프레스서 사이드바 를 한번 넣어보겠습니다 지금 홈에 들어와 보고있는데요 지금우측 면에다 넣으겠습니다 지금 좌측에는 인 스타그램이사이드 바로 들어가 있거든요 요렇게 보시면요 음 외모에 가서 위젯으로 가보면 블로그 사이드바의 인스타그렘에 들어가 있습니다 네 오늘 해볼 것은 여기의 우측면에다가 사이드바를 한번 넣어보겠습니다 자 그러기 위해서는 avada 세팅을 좀 맞춰줘야 되거든요 설정판에서 avada에서 테마옵션으로 들어갑니다 테마 옵션 으로 들어 왔으면 근데 사이드 바 페이지에서 사이드바 셋팅을 미리 한번 해 보겠습니다 사이드바 백그라운드 칼라 만 한번 잡아 보겠습니다 노란색으로 설정 하시고요 저장 하고요 이 다음에 페이지가 페이지탭에 가셔가지고 엑티비티 글로벌 사이드바 포 페이지 위에 페이지 별로 사이드바 를 설정할거냐 안할거냐 거든요 그러니까 전체적으로 사이즈바 를 만들면 전체적으로 보이냐 안 보이냐 입니다 그래서 예를 들어서 이걸 on 으로 놓아두고 글로벌 페이지 sidebar1을 예를 들어서 아까와 같이 인스타그램 이 블로그사이드바에 들어있거든요 이것을 설정하면 요 어떻게 보이냐면요 모든 페이지에서 다 보일것 입니다 예를 들어서 지금 인 스타 그램 여기 있는데 예를 들어서 결제 페이지를 들어가보면 이렇게 인스타그램 오른쪽에 보이죠 그다음에 블러그 페이지들어가 보겠습니다 블로그 페이지도 있죠 그다음에 포트폴리오 페이지도 들어가 보겠습니다 포트폴리오 페이지도 있죠 그 세팅이 여기서 맞추어지는 것입니다 모든페이지에서 그래서 모든페이지에서 안보이게 하기 위해서 액티비티 글로벌 사이드바 포 페이지를 off로 두시고 글로벌 페이지도 사이드바를 안 두는 걸로 이렇게 세팅을 합니다 아 그리고 나서 저장을 해야겠죠 그렇게 하고나서 인자 여기에다가 하나 넣어 보겠습니다 사이드바를 외모에가서 위젯으로 들어갑니다 블로그사이드 바는 지금 인스타그램이 설치되어 있죠 음 홈에 들어와 보면 여기에 인스타그램 이고 여기에는 블로그 사이드바 들어갈 색상만 백그라운드 색상만 지금 들어와 있는 상태 입니다 자 여기에 와서 sliding bar widget1에다가 하나 사이드바를 넣겠습니다 달력을 하나 넣어 보겠습니다 드래그 하셔서 갔다 넣겠습니다 슬라이드에 놔두시고요 됐습니다 그 다음에 홈에 와서 reload를 해 보면 달력이 보이죠 그런데 다른 페이지에서는 예를 들어서 음 슬라이더 페이지에서는 이게 안 보입니다 이거는 즉 페이지 하나만 사이드 바 가 지정이 됐거든요 아까 처음에는 모든 페이지에서 사이드 바가 보이게 했죠 그래서 이렇게 됐구요 이것을 또 홈페이지 지금 지금 기본인 홈에 가 보이게 해 놨거든요 여기에만요 이 세팅은 어디서도 조정을 할 수 있나면 페이지로 들어가서 모든 페이지에서 폼을 편집으로 엽니다 음 그런뒤에 fushion page option에서 사이드 바로 가서 탭을 크릭 하시면 슬라이딩 바 widget1이 지금 들어가 있습니다 지금 여기에 우리가 처음에 위젯1 에다가 달력을 집어 넣어거든요 그래서 select slider 1에 달력이 들어가 있는 상태 입니다 그러면 슬라이더와 포지션 라이트로 잡아졌고 요 배경 색깔은 노란색으로 잡아져 있습니다 여기서 또한번 조정을 할수 있습니다 그러면 우리가 이것을 음 지금 달력으로 보이는데 달력을 다른 모습으로 바꾸겠습니다 외모로가서 위젯 를 누릅니다 그런 다음에 지금 슬라이딩바 위젯1에 달력에 들어 있거든요 이걸 지우겠습니다 삭제하고 여기에 다른 위젯을 넣어 보겠습니다 상품 이라는 위젯을 넣어 보겠습니다 상점의 상품 품목이죠 이렇게 쇼핑몰 구성할 때는 이런 위젯이 좋습니다 그리고 이걸 탁 놓으면은 제목 상품 상품수 됐습니다 완료를 하고요 이런 상품 슬라이드 사이드 1은 같은 경우에는 모든 페이지에서 보이면 좋겠죠 예를드어 쇼핑몰

다시 reload를 해보겠습니다 그러면 상품이 이렇게 하나가 나타납니다 제가 지금 상품을 하나를 등록을 시켜 났거든요 그래서 보이는 상품이 하나인것 입니다 상품이 포트폴리오 페이지에서도 보이게 할려면 여기선 안 보이죠 아바다 테마옵션에서 바꿔 줍니다 여기 가서 이 페이지 사이드바 페이지로 가서 클릭하면 글로벌 세팅이 나타납니다 on으로 바꿔주고 요 글로벌 페이지가 블로그 사이드바가 아니겠죠 sliding bar 위젯1 입니다 이걸 하고나서 변경사항 저장을 합니다 그리고 나서 이제홈 와서 reload를 보겠습니다 상품이 보이죠 포트폴리오 페이지에서 상품이 보입니다 블로그 페이지 에 가도 상품이 보이고 홈으로 와도 상품이 보입니다 슬라이드에 가도 상품이 보입니다 그래서 오늘은 페이지별로 사이드바를 넣는 것에 대해서 영상을 찍었습니다 많은 도움 되었으면 바라겠습니다 감사합니다

How to Add Custom Scrollbar to Any Element in WordPress

WPBeginner에 오신 것을 환영하며 시청 해 주셔서 감사드립니다 이 비디오에서는 WordPress의 모든 요소에 사용자 정의 스크롤바를 추가하십시오

이 작업을 시작하려면 사용자 정의 스크롤바 플러그인을 설치하고 활성화하십시오 그런 다음 모양 -> 스크롤바로 가서 구성하십시오 여기서 스크롤바의 이름을 지정하고 대상 요소 선택자의 이름을 추가하려고합니다 이렇게하려면 크롬 브라우저의 inspect 요소와 같은 것을 사용하여 정보를 찾으십시오 크롬을 사용하고 있으며 내 사이트로 이동합니다

스크롤 막대를 사용하려는 영역 위로 마우스를 이동합니다 그것을 오른쪽 클릭하고 이와 같은 요소 검사를 클릭하십시오 이제이 사람이 내 것이 맘에 든다 그래서 나는 그것을 복사하고 돌아가서 그것을 입력 할 것이다 설정을 저장 한 후 사이트로 이동하여 스크롤바가 실제로 작동하는지 확인할 수 있습니다

이 비디오가 마음에 들면 버튼을 클릭하십시오 계속해서 우리에게 의견을 남겨주세요, 우리는 당신에게서 듣고 싶습니다 YouTube 채널에 가입하여 최신 동영상을 다운로드하십시오

Sharebar – Must have WordPress plugins

다른 비디오에 오신 것을 환영합니다 WordPress 플러그인이 있어야합니다

오늘은 WordPress 플러그인이 있어야합니다 Sharebar입니다 Sharebar는 블로그 게시물의 왼쪽에 세로 막대 또는 세로 상자를 추가합니다 Facebook, Twitter 및 Digg와 같은 유명한 소셜 네트워킹 사이트를 추가합니다 그래서 사람들이 귀하의 게시물을 읽고 즐겁게 즐길 때, 그들은 사회적인 것을 클릭 할 수 있습니다 사이드 바의 아이콘을 클릭하면 트래픽이 증가합니다

공유 표시 줄을 설치하려면 대시 보드에서 플러그인 위에 마우스를 올려 놓고 새로 추가를 클릭 한 다음, 검색 용어 영역에서 'share'및 'bar'를 입력 한 다음 검색 플러그인을 누릅니다 그것은해야한다 당신이 그것을 볼 때, 지금 설치를 클릭하십시오 확인을 클릭하면 플러그인 설치가 끝나면 플러그인 설치가 시작됩니다 활성화하고 이제 설정 위로 마우스를 가져 가면 공유 모음 아이콘이 나타납니다 여기에서 플러그인을 편집하고 버튼을 추가 할 수 있습니다

모두 다 당신에게 달려 있습니다 자, 내가 돌아 가면 내 웹 사이트, 게시물을 열면 아래의 사이드 바처럼 소셜 아이콘을 볼 수 있습니다 따라서 누락 된 Google 플러스를 볼 수 있습니다 그래서, 만약 내가 구글, '구글 플러스 한 코드', 첫 번째 링크를 클릭하십시오

특수 효과를 거품으로 변경하고 높이를 높여야합니다 나는 코드를 복사 할 것이다 새 버튼을 추가하고 코드를 큰 버튼에 붙여 넣습니다 작은 버튼 섹션, 이름을 Google에 추가 버튼을 클릭하고 싶습니다 나는 싶다

버튼으로 돌아가 수정을 클릭하여 사용하도록 설정 한 다음 버튼을 업데이트합니다 이제 소식을보고 새로 고침하면 Google Plus One이 표시됩니다 이 튜토리얼을 즐겼 으면 좋겠다 그렇게했다면이 비디오와 코멘트를 좋아해주세요 감사 당신

⚡️ CRÉER UNE SIDEBAR SUR WORDPRESS

이 비디오에서는 사이드 바를 만드는 방법을 보여줍니다 우리는 사이드 바가 무엇인지, 왜 사이드 바를 만드는지를 보게 될 것입니다

우리는 나의 alfangecom 블로그를 본보기로 삼고 그 다음에 나와 같은 방법을 보여줄 것입니다 SideBar는 무엇입니까? 우리 기사의 오른쪽이나 왼쪽에있는 메뉴입니다 한 내 블로그 Alfangecom에서 예제를 참조하십시오 내 그림이 있다는 것을 알았습니다 프레젠테이션을하고 다른 링크가있는 교육 프로그램이 있습니다

다른 구조물 따라서 사이드 바는 오른쪽에있는 메뉴이거나 왼쪽 나는 그것을 맞추기로 결정했다 일부 블로그에서는 왼쪽에 있지만별로 중요하지 않습니다 그걸로

블로그에서 자신을 테스트하여 왼쪽 또는 오른쪽으로 배치 할 수 있습니다 오른쪽이나 왼쪽에 더 많은 상호 작용이 있습니다 사이드 바를 만드는 이유는 무엇입니까? 몇 가지 이유로, 첫 번째 이유 : 그것은 이미 그의 얼굴을 보여주고 있습니다 예를 들어,이 비디오는 팟 캐스트이며, 지금은 아닙니다 내 얼굴을 보여주지 마! 그래서 나를 모르는 사람, 내 기사 또는 내 포드 캐스트를 보는 사람 글쎄, 그는 내가 어떻게 생겼는지 모르겠다

그래서 재미있을 수도 있습니다 당신이 비디오로 당신의 얼굴을 보여주고 싶지 않다면, 당신이 영화를 찍고 싶다면 귀하의 화면 또는 아무것도 방문자와의 관계를 인간으로 만들어주기 때문에 얼굴을 보여주는 것이 좋습니다 즉, 블로그에 처음 도착한 방문자는 그것을 인간화하십시오, 그것은 당신과 관계를 만듭니다 카메라 앞에 몇 가지 동영상을 추가하는 것이 더 낫겠지 만 당신은 팟 캐스트를하거나, 기사를 쓰거나, 촬영 한 곳의 비디오를 만들고 싶지 않습니다

당신의 스크린은 또한 작은 사진 / 비디오를 가지고 여기에 인간 답게하는 것이 좋습니다 그럼 당신은 당신의 여정을 설명 할 것입니다 그래서, 당신의 작은 프리젠 테이션을 만드는 몇 가지 방법이 있습니다 개인적으로, 내가하고있는 일은 첫 번째 단락에서 나 자신을 소개한다는 것입니다 나는 내 이름을 말하고 내가 지금하고있는 일을 말하면서, 나는 내 사업을한다

2012 년부터 온라인으로 그래서, 그것은 합법화합니다 사람들은 첫 번째 문장을 읽고 2012 년부터 인터넷에서 사업을하고 있습니다 그리고 이미 그렇게 그들은 스스로에게 말한다 그들이 올바른 곳에있을 수 있고 내가 물건을 가져올 수있게 할 것입니다 그런 다음 내 이야기를 전합니다

"2009 년에, 나는 학사 학위 등에서 나왔다 나는 MLM을하기 시작하지만, 올바른 방법이 없다 그리고 거기에서 무슨 일이 일어 났는지 설명합니다

즉, 2012 년에 나는 인터넷에서 처음으로 사업을 시작한 지 6 개월이 지났지 만 그 다음 나는 훈련하기 시작했다, 나는 새로운 방법 등을 시험했다 2012 년 7 월 6 개월의 공간에서 나는 첫 1,000 유로를 받았습니다 인터넷 그래서, 적어도 이미 그렇게 설명하고있는 것이 중요합니다 이 비디오는 내 훈련에서 발췌 한 것인데, "21 주간 그의 블로그에서 살기"입니다

이 훈련에서 우리는 A부터 Z까지 자신의 블로그와 함께 생활하는 법을 배울 것입니다 이 훈련의 완전한 발표 링크는이 비디오 아래에 있습니다 모든 것에서 더!

How to Add a Link to Widget Titles in WordPress

WPBeginner를 시청 해 주셔서 감사합니다 오늘은 어떻게 추가하는지 보여 드리겠습니다

WordPress에서 위젯 제목에 대한 링크 일반적으로 사이드 바에있는 위젯은 행동 촉구이며 그 링크 제목을 링크로 만들려면 먼저 위젯 제목 링크를 설치하고 활성화해야합니다 내가 여기에서했던 것처럼 플러그인 플러그인은 내 사이트의 모든 위젯에 제목 링크 필드를 추가합니다 이제는 트위터 위젯에 대한 링크를 추가하고 트위터에서 우리를 따라달라고 요청하면됩니다

이 비디오가 마음에 들었고 도움이 되셨기를 바랍니다 그랬 으면 아래 버튼을 클릭하고 의견을 남겨주세요 더 유용한 동영상을 받고 싶다면 채널을 구독하는 것을 잊지 마세요 WordPress에 대한 유용한 정보를 보려면 WPBeginner를 확인하십시오

Beaver Themer: Create Post Layout with Sidebar

Beaver Themer는 기본적으로 싱글을 만듭니다 다음과 같은 전체 너비 형식의 게시물 레이아웃 이

사이드 바를 어떻게 추가할까요? 형세 알아 보자 안녕 모두들 데이 빈더 이 비디오에서 우리는 다음을 사용하여 단일 게시 레이아웃을 만드는 방법 기본 사이드 바 이제이 게시물입니다

우리가 만든 레이아웃 이전 동영상에서 어디에 있나요? 기본 전체 너비 자, 빌더에 가자 테마 레이아웃 새로운 것을 만들어 봅시다 단일 포스트 스타일을 선택하고 단수를 선택하십시오

이 새로운 테마 레이아웃을 추가합시다 이제하자 위치를 선택하십시오 선택하자, 말하다 이 유형의 최소 생존 지 레이아웃, 게시 및 지금 시작하자

페이지 빌더 이제 기본적으로 레이아웃 이런 것처럼 보일거야 자, 시작하겠습니다 처음부터 레이아웃을 만들 수 있습니다 사이드 바를 가질 것이다

그래서, 행 행을 여기에 게시하고 이제 게시물로 이동하십시오 모듈을 추가하고 게시물 제목을 추가하십시오 끝난 이제 게시 내용을 추가해 보겠습니다 지금 자, 사이드 바를 추가하자

글쎄, 너는 갈 필요가있어 고급 모듈을 선택하고 사이드 바를 찾습니다 여기에서 기본 사이드 바를 선택해야합니다 또는 다른 사이드 바 위치 당신은 당신의 주제에 등록하고 저장하고 이 조정을하고 사이드 바 열이 작아지고 이것이 지금 사이드 바를 사용하여 레이아웃을 만들어 보겠습니다 이 항목을 삭제하십시오

우리는 우편을 가질 수있다 추가 된 정보, 작성자 모듈조차도 다시 추가 할 수 있습니다 우리는 이것을 삭제할 수 있습니다 그래서, 게시하겠습니다 우리가 게시 한 게시물을 미리 보도록하겠습니다

이 새로운 레이아웃을 추가했습니다 이것 봐요 단일 게시물의 기본 레이아웃은 비버 Themer에 나타납니다 분명히 당신은 놀 수 있어요 주위를 변경하고 이것이 어떻게 당신이 직접 알 수 있도록 기본 사이드 바

분명히, 당신은 간단한 왼쪽 또는 오른쪽으로 끌어서 놓기 그것이 비버 테머의 힘입니다 기대 당신이 그것을 좋아한다면, 당신이 그것을 좋아한다면, 클릭하십시오 이 비디오의 버튼처럼 구독 신청 더 많은 것을 위해이 수로 에 감사하다 보고있다

How to Design WordPress Themes with Vertical Menu in sidebar with Artisteer 3

만드는 법을 간단히 살펴 보겠습니다 Artisteer WordPress 테마에 대한 수직 확장 메뉴 시스템 살펴볼 수있는 여러 가지 제안이 있습니다

메뉴 시스템의 가능성을 간략히 살펴보면서 왼쪽에서 볼 수 있듯이 근사치를 얻으면 시스템을 염두에두고 어디에 위치 할 지 결정할 수 있습니다 수직 메뉴 시스템은 왼쪽 또는 오른쪽의 사이드 바 중 하나에 위치 할 수 있습니다 또는 당신은 WordPress 사이트의 콘텐츠 섹션 상단이나 하단의 사이드 바 시스템에 넣을 수 있습니다 수직 메뉴 시스템을 사용자 정의하는 방법을 살펴볼 때 다수의 프리셋이있다 시스템 설정 방법을 결정하는 데 도움이 될 수 있습니다 이것들은 당신이 열 때 펼쳐지는 버튼에 색을 칠합니다 하위 카테고리 또는 하위 페이지입니다

수직 메뉴 시스템은 WordPress 3의 페이지 또는 카테고리별로 구동 할 수 있습니다 이 메뉴로 원하는 마진을 결정할 수 있습니다 물론 모든 Artisteer 디자인과 마찬가지로 색상, 글꼴, 우리가 여기서 볼 수있는 제안은 색상 이 특별한 테마의 컬러 팔레트 우리가 다른 테마를 가지고 있다면, 그 팔레트에 내재 된 모든 색깔을 보여줄 것입니다 우리는 본문이 왼쪽 또는 오른쪽으로 합리화 될 것인지 결정할 수 있습니다

얼마나 많은 패딩 왼쪽에있는 메뉴 버튼 사이에있을 수 있습니다 또는 전체 메뉴 시스템 주위에 테두리 색이 필요한 경우 버튼이 둥글거나 사각형 인 경우, 우리가 그들 사이에 얼마나 많은 공간을 원할지 모른다 텍스처를 적용 할 수 있습니다 많은 텍스처가 Artisteer의 라이브러리 시스템에 저장되어 있거나 자신 만 업로드 할 수 있습니다 많은 버튼 중 많은 것들이 우리가 선택한 것에 따라 다른 색상 사전 설정을 갖습니다

활성 메뉴 버튼, 마우스 오버 메뉴 버튼 또는 이미 클릭 된 항목 똑같은 일이 이 메뉴 시스템의 섹션을 확장하면 나타나는 많은 버그 하위 항목을 편집하는 위치를 볼 수 있습니다 그리고 다시 여러 가지 다른 우리가 여기에서 결정할 수있는 색상 체계 또는 우리 자신의 필요에 맞게 파이어 폭스에 내 보낸 동일한 메뉴를 살펴 보겠습니다 그래서 우리는 그것이 어떻게 생겼는지에 대한 일반적인 아이디어를 얻습니다 웹 사이트에서 이것은 라이브 WP 테마가 아닙니다

웹에서 어떻게 보이는지 미리 알려주는 간단한 미리보기입니다