WordPress Shortcode Tutorial | How & Why to Use Shortcodes

쇼트 코드 란 무엇이며 사이트에서 어떻게 사용합니까? 그것은 오늘의 비디오의 주제가 될 것입니다 지금, 당신이 WordPress의 신선한 설치가있을 때, 귀하의 사이트에 이미 단축 코드가 추가되지는 않습니다

단축 코드는 항상 플러그인과 때로는 테마에 의해 추가됩니다 짧은 코드를 사용하는 이유는 게시물 또는 페이지 예를 들어, 여기에서 내 연락처 페이지에 기본 연락처 양식이 표시되어 있음을 알 수 있습니다 이 연락처 양식을이 페이지에 추가하려면, 나는 짧은 코드를 사용하고 있으므로 잠시 후에 어떻게하는지 보여 드리겠습니다 하지만 먼저 게시물이나 게시물을 수정할 때 페이지에서 게시물 편집기로 단락을 출력 할 수 있습니다

이미지, 유튜브는 모든 종류의 콘텐츠를 포함합니다 그러나 더 복잡한 무엇인가를 위해, 당신은 종종 단축 코드를 사용해야합니다 따라서 연락 양식이 좋은 예라고 생각합니다 그래서이 비디오에서, WPForms라는 연락처 양식 플러그인을 사용하고 있습니다 그리고 귀하의 사이트에 연락 양식을 추가하기위한 플러그인이 필요한 경우, 나는 확실히 WPForms을 추천한다

내가 좋아하는, 어, 양식 플러그인이야 정말로, 음, 풍부한 기능과 모든 종류의 물건에 사용할 수 있습니다 그래서 나는 매우, 이 것이 좋습니다 엄청난 양의 리뷰가 있습니다 따라서이 비디오에서이 플러그인의 기능 및 이점을 보여주지는 않겠습니다

나는 그것을 예제로 사용하려고합니다 음, 당신은 WPForms가 설치된 것을 볼 수 있습니다, 새 WPForms 메뉴가 있고 간단한 연락처 양식이 하나 있습니다 WPForms는이 양식을 만드는 데 사용되며, 그러나 질문은 남아있다 연락처 페이지에이 양식을 어떻게 추가합니까? 그래서 각 양식에 짧은 코드가 포함되어 있습니다 이제 짧은 코드를 볼 때마다, 왼쪽에는 브래킷, 오른쪽에 브래킷이 있습니다

내부 일반적으로 플러그인 이름과 일련의 속성을 볼 수 있습니다 이 경우, WPForms와 819라는 ID를 보게되는데이 형식은이 형식을 의미합니다 819의 이드 이제는 어쨌든이 텍스트를 편집 할 필요가 없습니다 그래서 만약 당신이 이상한 코드를 아는 것 같으면 괜찮습니다

플러그인에서 제공하는 단축 코드를 복사하여 붙여 넣기 만하면됩니다 따라서이 양식의 미리보기와 모양을 알려주기 위해, 이것이 내 사이트에 양식이 표시되는 방식입니다 괜찮아, 그래서이 단축 코드는 내가 원하는대로 모든 게시물이나 페이지에 출력하는 내 방식입니다 원하는 경우 여러 페이지에 출력 할 수 있습니다 이제 페이지에 추가하려면, 이 간단한 연락처 페이지를 설정하고 Enter 키를 눌러야합니다

구텐베르크 (Gutenberg) 지부 편집장과 함께 새로운 블록을 만들고 있습니다 나는 단지 단축 코드를 복사하여 붙여 넣을 수 있었고, 하지만 내가하고 싶은 것은이 "블록 추가"버튼을 클릭하는 것입니다 shortcode 옵션을 선택하면 바로 팝업됩니다 일단 내가 그것을 클릭하면, 새 단편 블록을 삽입하도록하겠습니다 이제는 Windows 컴퓨터에서 V 명령어 나 V 명령어를 누르기 만하면됩니다

이 블록에 단문을 붙여 넣으십시오 내 게시물을 업데이트하고 확인하면, 양식이 출력되는 것을 볼 수 있습니다 더욱이, 이 문의 양식을 업데이트하면, 이 짧은 코드는이 변경 사항을이 연결에 연결했기 때문에 즉시 변경 사항을 표시합니다 문의 양식 그래서 여러 가지 방법을 추가하는 WordPress 플러그인이 많이 있습니다

귀하의 사이트에 콘텐츠를 출력하십시오 보통 잘 만들어진 플러그인이라면, 사이트에 추가 할 위젯과 단축 코드를 모두 갖게됩니다 그래서 나는 이것이 당신이 단축 코드를 사용하는 이유와 그것들을 사용하는 방법을 깨끗케하기를 바란다 귀하의 사이트 평소와 같이 질문이 남아있는 경우, 아래의 댓글 섹션에 게시하십시오

지켜봐 줘서 고마워

How to Use LinkPatrol WordPress Plugin to Control exernal link

안녕 얘들 아, 가혹한 여기 그리고 오늘 우리는 하나의 멋진 플러그인을 찾고있을 것입니다 귀하의 블로그에 매우 유용합니다 그래서 내가 말하는이 플러그인은 특히 유용하다

구글 펭귄 업데이트 후, 당신은 모든 링크를 제어 할 수 있습니다 당신의 블로그에서 떠나 우리 모두가 따르는 엄지 손가락 규칙 중 하나는 본질적으로 스팸성이거나 가치를 추가하지 않는 도메인에 연결하지 마십시오 아마 당신이 특정 게시물에 대해 글을 쓰고 있다고 말하면 어떤 이유로 링크해야합니다 어쩌면 해킹 웹 사이트 또는 어쩌면 웹 사이트 인 모든 참조를 위해 모든 도메인에 어떤 소프트웨어를 무료로 배포하기 때문에 당신이 할 수있는 일은 태그를 따라 가라

이제 이것이 용도 중 하나입니다 지금 또 하나 지난 몇 년 동안의 블로거이고 허용하는 경우 블로거 일 수도 있습니다 다른 사람이 와서 귀하의 블로그에 게스트 게시, 많은 게스트 블로깅의 관점에서 변경되었습니다 관련성이없는 링크를 따르지 않는 것이 중요합니다 귀하의 특정 블로그 예를 들어, 음식 블로거가 블로그와 게스트에 온 경우 게시하고 귀하의 블로그는 모두 기술 또는 다른 것에 관한 것이고 귀하는 그 음식 블로거, 그건 이해가되지 않습니다

그래서 SEO 장래의 전망으로부터 물론, 그렇게 당신이 할 수있는 일은 제안 된 태그가 없다는 것입니다 Google에 의해 이제 가장 큰 도전은 당신은 당신의 블로그의 모든 링크를 발견하고 그것을 갈 필요없이 매번 편집 할 수 있습니다 블로그 게시물 그래서 이것은 오늘 제가 리뷰 할이 플러그인입니다 그것이 어떻게 작동 하는지를 보여 주어 당신에게 유용 할 것입니다

그래서 플러그인 이름은 LinkPatrol입니다 이것은 검색 엔진에 의해 개발되었으며 내 메인 블로그와이 비디오에서 사용합니다 나는 다른 블로그에서 이것을 사용하고 있는데 어떻게 작동하는지 보여 드리겠습니다 프리미엄 플러그인이므로이 플러그인을 다운로드해야합니다 너는 할 수있다

이 비디오를보고 나서 다운로드하십시오 또한 쿠폰 코드를 공유하여 도움이 될 것입니다 돈을 절약하기 위해이 플러그인을 다운로드하여 설치하고 활성화하면 여기에 LinkPatrol 옵션이 표시됩니다 그래서 가장 먼저 할 일은 스캐너로갑니다 이제 Scanner에 대해 이야기하고 싶은 한 가지, 꽤예요

빨리, 그것은 우스꽝스럽게 빠르다 나는 Broken Link Checker 플러그인과 다른 플러그인을 사용했다 보통 스캔을 완료하는 데 몇 시간, 때로는 며칠이 걸립니다 내 경우에는 이걸 사용할 때마다 LinkPatrol의 스캐너는 블로그의 크기에 따라 2-5 분 정도 소요됩니다 그래서 이것은 매우 유용한 것이므로 잠시 기다려 봅시다

좋아요, 여기 당신은 2000 초 이상의 블로그 포스트를 가지고있는 제 블로그를 56 초 동안 스캔 할 수 있습니다 일단 완료되면 보고서를 클릭하면됩니다 그러면 대시 보드가됩니다 점점 여기서 게시물 수 및 링크 수와 기타 모든 세부 정보를 볼 수 있습니다

어떤 도메인을 좋아하는지 가장 많이 연결하고 있으며 가장 관대 한 작성자입니다 누가 최대의 링크를 제공하고 블로그 그래서 여기에 나는 'Viren Baid'가 누군가라는 것을 알 수있다 누가 모든 링크를 좋아하는지, 좋은 Viren, 그건 좋은거야 내 말은, 만약 당신이 링크한다면 좋은 곳으로 나가서 똑같은 일을한다면 56 초 안에 메모하는 것이 좋습니다

내 1794 게시물 및 또한 6500 + 링크를 발견, 그래서 끝내 내가 원하는 것 실제로이 링크 검사기의 기능을 추가하고이 특정 링크를 수정하면 플러그인하지만 그것은 다른 것입니다 이제이 플러그인을 사용하는 방법을 살펴 보겠습니다 여기에서 도메인 보고서를 클릭하면이 페이지에 방문하게됩니다 여기에 도메인 이름과이 특정 링크에 대한 링크가있는 게시물 수를 볼 수 있습니다

도메인 총 링크 수를 클릭하면 해당 링크를 클릭하여 해당 게시물 또는 링크와 저자 수를 가진 게시물의 세부 사항, 당신이 할 수있는 일은 신속하게 이루어집니다 여기에서, 근본적으로 당신이 위대한 본성이 아닌 어떤 영역으로 연결되어 있다면, 당신은 단순히 여기를 클릭하거나 이미 깨진 링크가 있다면 따라갈 수 없습니다 간단히 도메인 이름 앞의 스트립을 클릭하고 업데이트를 클릭하고 링크 및 다음 링크가없는 모든 링크는 팔로우 태그가없고 하나를 제거하면 링크가 제거됩니다 그래서 이것은 매우 유용한 기능이며 이것에 의한 호스팅입니다

블로그는 아주 느려서 어쨌든 가자 일단 여기에 또 다른 것이 있습니다 그 일을 마치면 새로운 도메인 링크를 열면됩니다 도메인의 새로운 탭을 보면이 도메인이 무엇인지 알 수 있습니다 이 특정 도메인의 SEO 레코드를 보려면 어떤 SEO 광고도 사용할 수 있습니다

도메인은 좋은 페이지 순위, 좋은 서머 러시 순위를 가지고 있으며 주로 좋은 도메인입니다 그것을 판단 할 수있는 빠른 방법과 번호를 클릭하는 첫 번째 지점과 비슷하게 링크가 있으면이 링크와 연결되는 게시물임을 알 수 있습니다 또는 도메인을 선택하고 편집을 클릭하면 게시 섹션이 열리 며 링크 자체가 변경됩니다 그래서 저는 바닥에 매우 유용한 팁을 추가 할 것입니다 제휴 마케팅 담당자에게 유용하므로이 기능의 다른 기능을 살펴보십시오 플러그인

팔로우 / 스트립 없음을 클릭하면 여기에서 해당 도메인의 목록을 볼 수 있습니다 너는 따르지 않았거나 벗겼다 이제 스트립은 링크가 제거되었음을 의미합니다 그래서 그것은 그것을 보는 빠른 방법입니다 그리고 그것은 또한 설정 옵션을 가지고 있습니다 편집자는 LinkPatrol 보고서에 액세스 할 수 있습니다

이제 또 다른 매우 유용한 기능 너는 즐길 것이다; 당신은 또한 CSV로 데이터를 내보낼 수 있으므로 기본적으로 무엇 그것은 당신을 위해 할 것이므로, 당신이 바쁜 블로거이고 특정 도메인에 연결되어 있으므로 모든 게시물의 목록을 가질 수 있습니다 링크 목록을 사용하여 CSV 파일을 편집자 나 가상 조수에게 줄 수 있습니다 그는 당신을 위해 변화를 줄 수 있습니다 그래서 당신과 매우 유사하게 될 것입니다 여기에 도메인 목록이 있으며 도메인 이름 목록을 내보낼 수 있습니다 어떤 SEO 도구를 사용하여 도메인 권한, 특정 도메인의 페이지 순위, 그래서 이것은 다시 당신에게 매우 유용합니다

그리고 그것은 꽤 많이 있습니다 그리고이 플러그인은 블로그가 펭귄의 영향을받는 경우 특히 유용 할 것입니다 또는 많은 링크에 추가하는 블로그가 있고 너무 많이 편집하지 않으면 수동으로 WordPress 블로그에 게시 할 모든 blogpost를 감사하지 말고 내가 말했듯이, 이 플러그인, 당신은 쿠폰 코드 Shoutmeloud15를 사용할 수 있습니다, 나는 이미 쿠폰을 하단에 추가했습니다 설명에서이 플러그인을 구입하면 돈을 절약 할 수 있습니다 그래서 여기 제가 사용했던 한 가지가 있습니다 이것은 제휴 마케팅 담당자에게 매우 유용합니다

문제는 당신이 오래된 블로그를 운영하고 있다면; 3-4 년 된 블로그와 많은 도메인을 연결했을 수 있습니다 그 당시에는 제휴 마케팅이 그 인기 현재 대부분의 제품 사이트 또는 서비스 사이트에는 자체 제휴 프로그램이 있습니다 너는 가입 할 수 있고 너는 그것에서 돈을 벌 수있다, 그래서 너는 필요한 것은 너가 필요로하는 것이다 가서 도메인 이름을 살펴보십시오

예를 들어, iTunes 앱에도 제휴 프로그램이 있습니다 지금 따라서 모든 게시물에 가서 귀하의 사이트와 링크를 수정하기 만하면됩니다 링크 기능을 대체하고 거의 모든 오래된 블로그 포스트로 그렇게한다면 상상해보십시오 당신은 제휴 마케팅의 도움으로 막대한 수익을 창출하게 될 것입니다

이제는 꽤 많이 나옵니다 이 플러그인에 관해 질문이 있으시면, 당신은 논평을 통해 저를 알려주 게 자유롭게 느낄 수 있습니다 다른 플러그인을 검토하도록하려면, 당신은 또한 코멘트를 통해 나를 알려주거나 admin@shoutmeloudcom에서 이메일을 나에게 보낼 수있다 if 이 비디오를 즐겼다면 내 채널을 구독하고 버튼을 누르십시오

고맙습니다 보고 있기 때문에, 이것은 거칠다

What Are WordPress Shortcodes, How Do You Use Them, And What Do They Do?

안녕하세요! 이것은 WinningWP가있는 Topher입니다 이 비디오에서 우리는 질문에 답할 것입니다

"WordPress의 단축 코드는 무엇입니까? 그들을 사용하고 그들이 무엇을합니까? " 단축 코드는 작은 자리 표시 자입니다 일부 코드는 게시물이나 페이지에서 실행됩니다 내가 의미하는 바를 보여주는 것이 가장 쉽습니다 여기에 Ninja Forms라는 양식 플러그인이 설치되었습니다 그리고 우리는 페이지에 연락처 양식을 삽입하고자합니다

바로 여기 짧은 코드입니다 양쪽 끝에 대괄호가 있음을 알 수 있습니다 이것은 쇼트 코드의 귀족 중 하나입니다 단축 코드는 항상 대괄호를 사용합니다 때로는 단 하나의 단어 일뿐입니다

또는이 단어와 같은 밑줄이있는 단어 그러나 때로는 변수도 있습니다 ID = 1 그래서 우리가해야 할 일은 복사하여 붙여 넣기뿐입니다 이 짧은 코드는 게시물이나 페이지로, 양식을 렌더링합니다 보여 드리죠

바로 붙여 넣기 만하면됩니다 이제 시각적으로 똑같아 보입니다 편집기 및 텍스트 편집기로 구성됩니다 그러나 지금 우리가 포스트 자체에 가면, 그 짧은 짧은 코드는이 커다란 형태를 만듭니다 이제 고품질 플러그인에는 짧은 코드를 복사하여 붙여 넣으십시오

이 경우조차도 그렇지 않습니다 바로 여기에 양식 추가 버튼이 있습니다 내 모든 양식 목록에서 선택하고 삽입을 클릭 할 수 있습니다 그리고 실제로 그것을 볼 것입니다 전에 가지고 있었던 것과 같은 짧은 코드

이제 일부 단축 코드는 다음과 같이 보이지 않습니다 시각적 편집기에서 붙여 넣을 때 내가 의미하는 바를 보여 드리죠 미디어를 추가하고 갤러리를 만들려면 그러면 우리는 몇 가지 이미지를 선택할 것이고, 새 갤러리 만들기를 클릭하십시오 그런 다음 갤러리를 삽입하기 만하면됩니다

이제 비주얼 에디터에서 우리가 보는 것은 네 개의 이미지입니다 텍스트 편집기로 전환하면 실제로 갤러리라는 단축 코드라는 것을 알 수 있습니다 그리고 짧은 ID 목록을 필요로합니다 이 방법은 단순히 플러그인 작성자가 그렇게 만들었습니다 일부 단축 코드는 비주얼 편집기, 일부는 그렇지 않습니다

그러나 둘 다 똑같이 작동합니다 업데이트를 클릭 한 다음 내 게시물을 볼 경우, 내 네 가지 이미지가 있습니다 따라서 신속하게 검토 할 수 있습니다 바로 가기는 사용자 지정 코드를 실행하기위한 자리 표시 자입니다 플러그 인을 만들 수 있도록 만들어졌습니다

귀하의 게시물에 꽤 고급 코딩 그러나 당신은 그것을 볼 필요가 없습니다 보아야 할 것은 그 작은 것입니다 대괄호 사이의 텍스트 비트 어느 것이 내 다음 요점으로 나를 데려다 준다

그들은 항상 대괄호로 싸여 있습니다 그리고 때때로 그들은 변수를 취합니다 버튼의 예와 같습니다 그리고 때로는 편집기에서 렌더링되기도하고, 갤러리 단축 코드처럼 실제로 편집기에서 바로 갤러리처럼 보입니다

텍스트 모드로 전환하지 않는 한, 그런 다음 단축 코드를 봅니다 쇼트 코드는 매우 편리한 방법입니다 꽤 복잡한 코드를 얻는 방법 귀하의 게시물이나 페이지에서 바로 실행하십시오 WordPress에 대해 더 자세히 알고 싶다면, WinningWPcom을 확인하십시오

How to Use WooCommerce Plugin 2019 | Complete WordPress Woocommerce Tutorial 2019

다 끝났어, 모두들? NYC Tech Club의 Jameson입니다 오늘은 당신은 WordPress에 대한 WooCommerce 플러그인을 사용하는 방법

그래서 네가 전자 상거래 웹 사이트 또는 WooCommerce 플러그인으로 구축하려는 경우 WooCommerce를 사용하는 방법을 보여줄 것이므로이 비디오를 시청하십시오 단계별 이 정확한 웹 사이트를 만들고 싶다면 다음 링크를 클릭하십시오 이 전자 상거래를 만드는 방법에 대한 비디오 자습서의 비디오 설명 웹 사이트 단계별 그러나이 비디오를 위해 우리는 WooCommerce에 집중할 것입니다

WooCommerce를 사용하여 전자 상거래 웹 사이트를 설정하는 방법을 보여 드리겠습니다 설정 그래서 우리는이 모든 다른 탭들을 살펴볼 것입니다 세율, 배송 옵션 및 모든 유형의 지불 옵션 통합 당신이 원하는 그 여기에 다양한 결제 옵션이 표시됩니다

따라서 이들을 전자 상거래 웹 사이트에 통합하는 방법을 보여 드리겠습니다 또한 주문을 완료하는 방법 또는 취소하고 환불하는 방법을 알려 드리겠습니다 고객이 여기 있습니다 우리는 여러 가지를 만드는 법을 배울 것입니다 이 비디오 자습서의 제품 유형에는 외모가 단순한 제품 이처럼 다양한 변수를 가진 변수가있는 제품 원하는대로

우리는 또한 제품을 그룹화 할 수 있습니다 그래서 어떻게 할 수 있는지 보여 드리겠습니다 당신은 일련의 제품을 만들 수 있으며 고객은 무엇이든 추가 할 수 있습니다 그들은 원한다 또한 이와 같이 제휴사 제품을 만드는 방법을 배울 수 있습니다

그러면 아마존 웹 사이트로 연결될 것입니다 그래서 내가 만드는 방법을 보여 드리겠습니다 가상 제품 및 다운로드 가능한 제품 외에도 원하는 경우 WordPress 용 WooCommerce 플러그인을 사용하는 방법을 배우려면 계속 시청하십시오 이 비디오는 어떻게 단계별로 보여줄 것이니까 준비가되면 준비 됐어

시작하자 먼저해야 할 일은 로그인해야합니다 WordPress 대시 보드를 통해 우리가 대시 보드에 있다는 것을 알 수 있습니다 WooCommerce 플러그인을 아직 설치하지 않았다면 설치하겠습니다 그래서 당신이하고 싶은 것은 플러그인 위로 마우스를 가져 가서 "새로 추가"를 클릭하면됩니다

플러그인 추가 페이지에서 검색을 수행하면됩니다 여기에 'WooCommerce'를 입력하십시오 검색 결과를 얻어야합니다 바로 여기에 나타나야합니다 그래서 그것은 WooCommerce가되어야합니다

자동화 필요한 경우 "설치"버튼을 클릭 한 다음 "Activate"버튼을 클릭하십시오 이미 설치하고 활성화했는지 확인할 수 있습니다 이 플러그인 일단 준비가되면 "Play"를 누르십시오

그리고 나서 우리는 WooCommerce 설정을 진행할 것입니다 그래서 플러그인을 설치하기를 기다리면서 WordPress 대시 보드로 돌아갈 것입니다 일단 WooCommerce 플러그인이 설치되면이 작은 팝업이 보일 것입니다 귀하의 워드 프레스 대시 보드 상단에 "환영합니다 WooCommerce "를 선택하고이 버튼을 클릭하여 설치 마법사를 실행할 수 있습니다

그것이 우리가 다음에 할 일입니다 하지만 이걸 보지 못한다면 일단 WooCommerce 플러그인을 설치하면 WooCommerce 위로 마우스를 가져갑니다 '설정'을 클릭하십시오 설정 페이지를 방문하면 설치 마법사를 실행하고이 작은 팝업이 표시되지 않으면 오른쪽 상단의 "도움말"버튼을 클릭하면이 섹션이 펼쳐집니다 바로 여기에서 "Setup Wizard"를 클릭 할 수 있습니다

그래서 두 가지가 있습니다 설치 마법사로 갈 수있는 다른 방법과 방금 설치 한 이후 플러그인,이 버튼을 여기 클릭하면 "Run The 설치 마법사 "를 클릭하십시오 설치 페이지가 열리면 여기 다른 탭들로 구성되어 있습니다 WooCommerce 플러그인이있는 전자 상거래 웹 사이트 그래서 이미 해본 적이 있다면, 당신은이 섹션을 건너 뛰어도되지만, 나는 이것을 통해 모두를 걷고 싶다

먼저 매장 설정 페이지에 있어야합니다 전자 상거래 상점의 위치를 ​​선택한 다음 주소를 입력하십시오 바로 여기에 그런 다음 원하는 통화를 선택할 수 있습니다 전자 상거래 웹 사이트를 바로 방문한 다음 팔고 싶은지 선택할 수 있습니다

물리적 또는 디지털 제품 또는 둘 다 일단 준비되면,해야 할 일은 "가자!"를 클릭하십시오 단추 이제 지급 탭에 있어야합니다 여기 전자 상거래 웹 사이트에 Stripe 및 PayPal을 사용할 수 있음을 알 수 있습니다

당신이해야 할 일은 이것들을 켜는 것입니다 나를 위해 전자 상거래 웹 사이트에서 PayPal을 사용하기 만하면됩니다 그러나 스트라이프 이외의 일부 추가 결제 수단을 사용하려는 경우 PayPal,이 링크를 클릭하면이 페이지가 열립니다 바로 여기 모든 플러그인에 두 가지 지불 방법이 있습니다 너 뭐야? 그냥 다운로드하여 전자 상거래에 설치할 수 있습니다

그런 다음 다른 옵션을 모두 사용하여 지불을받을 수 있습니다 그래서이 페이지에 대해 조금 생각 나게 할 것입니다 우리의 WooCommerce 설정 페이지를 방문하십시오하지만 지금 당장은 설치 마법사 지금 당장이 페이지에 대해 걱정하지 마십시오

우리는 이걸로 돌아올거야 조금만 자 이제이 페이지에 머물러 봅시다 다시 원한다면 이를 가능하게하고, 그렇게하십시오 PayPal 이메일 주소를 입력하십시오

바로 여기에서이 상자를 선택하십시오 수락하려면 아래로 스크롤하십시오 오프라인 지불 클릭하고 펼치기 만하면됩니다 너는 여기에이 옵션들을 가지고있다

그러나 우리는 전자 상거래를 만들고 있기 때문에 웹 사이트, 전자 지불을 할게 그래서 나는 받아들이지 않을거야 오프라인 지불 일단 준비가되면 "계속"버튼을 클릭하십시오 이제 Shippings 페이지에 있어야합니다

그래서 당신이 할 수있는 것은 여기에있는 "체중 단위"와 "차원 단위"가 여기에 있습니다 이것은 실제 요금을 사용하는 경우 배송비를 계산하는 데 사용됩니다 옵션에 대해서 조금 이야기 할 것입니다 그래서 너는 만들고 싶어 무엇이든간에 사용하는 무게와 치수 단위를 선택해야합니다

귀하의 제품을 판매하는 국가를 선택하십시오 그런 다음 준비가되면 "계속"버튼을 다시 누릅니다 이제 추천 탭에 있어야하고 이 두 가지가 현재 활성화되어 있다는 것을 바로 알 수 있습니다 나는 싶다 MailChimp 옵션을 사용하지 않도록 설정했는데 자동화 세금을 사용하도록 설정하고 싶습니다

그러면 WooCommerce가 언제든지 저에게 세금을 계산하게 할 수 있습니다 고객이 체크 아웃합니다 따라서 모든 다른 세율을 적용하는 대신 모든 다른 주와 모든 것을 위해, 나는 단지 그것을 떠날 것이다 WooCommerce는 저를 위해 저것을하고 저것은 다만 나의 생활을 매우 쉽게한다 그게 내가 너에게 추천할만한거야

일단 준비가되면 우리는 "계속"버튼을 클릭하십시오 이제 우리가해야 할 일은 전자 상거래 WooCommerce 서비스를 받으려면 Jetpack에 웹 사이트를 방문하십시오 그럼 네가 본다면 이 화면이 바로 여기에 있습니다 버튼을 클릭하면됩니다 "WooCommerce 서비스를 계속하십시오

" 바로 여기에 로그인 페이지가 있으면 하고 싶다면 woocommercecom에 계정이 있는지 확인한 다음 로그인 한 다음 전자 상거래 웹 사이트를 Jetpack에 연결하십시오 그래서 다시, 만약 당신이 이것을 볼 수 있다면, 여기이 버튼을 클릭하자 "WooCommerce 서비스를 계속하십시오" 이제 설정을 완료했습니다

마법사 원하는 경우 이메일 주소를 입력하고 일부를 구독 할 수 있습니다 팁 아래쪽에서 제품을 만들 수 있음을 알 수 있습니다 그러나 우리는 이것을 조금만 할 것입니다

내가 원하는 또 하나의 것이있다 할 일은 대시 보드의 WooCommerce 설정을 통과하는 것입니다 우리가 제품을 만들기 시작하기 전에 원하면 여기에서 볼 수 있습니다 일부 제품을 가져오고 CSV 파일이있는 경우 실제로 모든 파일을 업로드 할 수 있습니다

그 제품들은 바로 여기 있습니다하지만 우리는 처음부터 WooCommerce 자습서와 그냥 제품의 종류의 무리를 만들 이 플러그인을 사용하는 방법을 보여줍니다 그래서 우리는 이것을하지 않을 것입니다 만약 너라면 WordPress 대시 보드로 돌아가고 싶다면 여기 또는 테마 설정으로 이동하려면이 단추를 여기를 클릭하십시오 그러나 우리가하고 싶은 것은 우리의 WooCommerce 설정으로 간다

그럼 이걸 보면 여기에 "검토 설정"이라고 표시된 버튼을 클릭하십시오 자, 너 WooCommerce 설정 페이지에 있어야합니다 이 방법을 모르는 경우 페이지에서 WooCommerce를 마우스로 가리킨 다음 '설정'을 클릭하면됩니다 바로 여기이 페이지로 바로 연결됩니다 넌 봐야 해 서로 다른 탭이 여기에 있습니다

이 두 탭을 차례로 살펴 보겠습니다 설치 마법사가 대부분을 통과하지만 통과하지 못하기 때문에 모든 세부 사항 내가하고 싶은 것은 당신에게 모든 도구와 전자 상거래 웹 사이트를 실제로 설정하는 데 필요한 리소스가 필요합니다 그래서 지금, 우리는 일반 탭에 있어야하며 상점 주소 영역이 올바르게 표시되어야합니다 이리

따라서 주소를 업데이트하고 싶다면 여기에서 바로 할 수 있습니다 그런 다음 여기에서 판매 위치와 배송을 ​​선택할 수 있습니다 귀하는 세율을 적용 할 수 있습니다 세율은 우리가 자동화 된 세금 쿠폰을 사용하려면 바로 할 수 있습니다

이리 왼쪽에는 쿠폰 탭이 있습니다 그래서 다른 할인과 물건들을 가진 쿠폰을 만들 수 있습니다 그래서 나는 그걸 조금 지나갈 것입니다 그리고 여기 아래쪽에 있습니다

통화 옵션 그래서 당신이 적당한 통화를 조금 선택하지 않았다면 이전에 여기에서 항상 업데이트 할 수 있으며 구분선을 추가 할 수 있습니다 소문자 수와 모든 통화에 대한 모든 것 따라서 변경 작업을 수행하려는 경우 "변경 내용 저장"을 클릭하십시오 여기 아래 버튼, 알 겠어? 그래서 우리는 여기서 어떤 변화도 일으키지 않을 것입니다

일반 탭에서 모든 것을 지적하므로 전자 상거래 웹 사이트를 설정하는 방법을 알 수 있습니다 일단 준비가되면 내가하고 싶은 것은 제품 탭입니다 그래서 그걸로 제품 탭을 방문하면이 섹션이 올바르게 표시됩니다 여기에 "Shop page"라고 쓰여 있습니다

당신이하고 싶은 것은 당신이 온라인 상점을위한 "상점 페이지"를 선택하십시오 네가하지 않으면 이미 '쇼핑'이라는 페이지가 있습니다 원하는 작업은 페이지 위로 마우스를 가져 가서 클릭합니다 "Add New"에서 "Shop"이라는 제목을 지어 "Publish"하십시오 그리고 다시 와라

여기에이 드롭 다운으로 들어가십시오 페이지 목록에서 상점 페이지를 선택하십시오 그것이 당신의 페이지이기 때문에 그렇게하고 싶습니다 온라인 매장 측정 섹션에서 여기를 보면 우리가 그 단위를 가져라

따라서 설치 마법사에서 이미 선택했지만 항상 여기에 들어가서 이것을 바꾸십시오 그런 다음 맨 아래에서 리뷰 및 제품 등급 내가 원했기 때문에 이것들을 체크 된 상태로 남겨두기 만하면됩니다 이것들을 가능하게하십시오 그러나 당신이 그들을 무능하게하고 싶다면, 당신 스스로 할 수 있습니다

만약 이 섹션을 변경하고 "변경 사항 저장"을 클릭하십시오 버튼, 알았지? 여기의 맨 위에는 우리가 인벤토리 및 다운로드 가능한 제품에 대한 추가 링크 그래서 내가 클릭하면 인벤토리 링크,이 페이지로 바로 연결됩니다 당신이 할 수있는 것 재고 관리 옵션을 활성화 또는 비활성화합니다 따라서 제품에 10 가지 항목이 있습니다

마지막 두 단계로 내려 갔을 때 또는 그것들 중에서, 그것은 주식이 없거나 그것의 수가 적다는 것을 말할 수 있습니다 남겨두기 품목 원하는 경우이를 활성화하거나 선택을 취소 할 수 있습니다 이 기능을 사용 중지하려는 경우 품절 또는 부족한이 전체 섹션 임계 값은 제품을 만들고 실제로 넣을 때에 만 나타납니다 재고가있는 품목의 수입니다

그래서 어떻게 할 지 보여 드리겠습니다 우리가 제품을 만들었지 만, 다시이 제품을 사용하여 주식 관리 옵션을 비활성화하고 항목을 보유 할 기간 누군가가 가서 물건을 사기를 원한다면, 알았지? 그래서 마지막 링크는 다운로드 가능한 제품 이 버튼을 클릭하면이 페이지가 열립니다 바로 여기에 여기에서해야 할 일은 누군가를 원하는 방식으로 선택하는 것입니다

판매하는 다운로드 가능한 제품을 다운로드하십시오 그래서 우리는 떠날거야 이것은 기본적으로 "다운로드 강제 실행"이지만 여기에서 변경 한 내용이 있으면 '변경 사항 저장'을 클릭했는지 확인하십시오 그래서 거의 모든 것이 있습니다 제품 탭을 클릭합니다

그래서이 물건들에서 벗어날거야 우린 다시 돌아 가야 해 메인 페이지 바로 여기 이제 우리가 할 일은 세금 탭 세금 탭을 사용하면 실제로 우리가 WooCommerce 설정에서 자동화 된 세금을 사용했기 때문에 여기에서해야합니다

그럼 네가 그렇게하면 네가해야 할 일은 여기서 내려와 표시 옵션을 선택하십시오 모든 것을 기본값으로 남겨두고 싶습니다 Checkout 페이지가 나타날 때까지 세금을 제외한 가격을 표시하십시오 그래서 만약 여기에서 변경을하면 "변경 사항 저장"을 클릭하십시오 단추

그렇지 않으면를 클릭하여 배송비를 선택하십시오 '배송'탭 '배송'탭을 클릭하면 여기 다른 링크 우리는 이것들을 조금씩 지나갈 것입니다 하지만 먼저 배송 구역에 대해 이야기 해 보겠습니다

그래서 두 개를보아야합니다 기본적으로 운송 지역 첫 번째는 전자 상거래가있는 곳입니다 웹 사이트가 있습니다 나는 미국에 있기 때문에 그것이 내가 가지고있는 이유 다

여기에 미국이 있고, 그 다음 우리는 "Locations 당신의 다른 지역에 의해 보호되지 않습니다 "그래서 지금, 우리는 오직 미국과 누군가 미국에없는 물건을 사면, 그들은 이 운송 방법으로 여기에서 보상 받으십시오 당신이 할 수있는 것은 많은 것을 추가하는 것입니다 원하는대로 다른 배송 지역을 선택한 다음 배송 방법을 선택하십시오 이 영역들 각각에 대해 다시 말하지만 기본적으로 영역이없는 경우 만들어지면 여기 아래쪽으로 갈 것입니다

그래서 내가하고 싶은 것은 이 영역을 편집하고 배송을 선택할 수있는 방법을 보여주세요 메서드를 사용할 수 있습니다 그래서 나는 미국에 마우스를 가져 가서 클릭합니다 "편집"여기에 배송 지역 수정 페이지에서 원하는 경우 여기서 운송 지역의 이름을 변경할 수 있습니다

그러고 싶다면 이 선적 지역에 몇 가지 추가 지역을 추가하십시오 여기서 바로 할 수 있습니다 그래서 우리는 바로 여기에 미국이 있다는 것을 알 수 있습니다 추가하려는 경우 유럽과 같은 것, 우리는 여기에 들어가서 "유럽"을 입력하고 그것을 선택할 수 있습니다 이제 누군가가 미국이나 유럽에서 무언가를 주문할 때마다 우리가 여기서 선택하는 선적 방법을 얻을거야, 알았지? 그래서 그것이 어떻게 추가 배송 지역을 추가합니다

나는 유럽을 삭제할 뿐이야 이것을 미국으로 남겨 두십시오 내가하고 싶은 일은 여기에 내려와 배송 방법 섹션을 참조하십시오 따라서 기본적으로 설정 마법사에서 선택한 운송 방법과 대부분의 경우, 아마도 정액 요금 옵션이 될거야 여기에 이걸 사용하도록 설정했다면 여기서 보시는 배송 방법을 사용하고 있다는 것을 의미합니다

다른 배송 방법을 추가하려면이 버튼을 클릭하기 만하면됩니다 여기에 "배송 방법 추가"라고 말하면 바로이 팝업이 나타납니다 이 드롭 다운 메뉴로 이동하면 배송 방법을 선택할 수 있습니다 이 운송 구역에 사용하고 싶습니다 그래서 당신은 정액 요금 옵션을 가지고 있습니다

배송, 현지 픽업 및 USPS USPS는 귀하가 미국 또는 캐나다, 이것이 라이브 요금 옵션이므로 믿습니다 WooCommerce는 미국을 통한 운송 비용을 계산합니다 우편 서비스 미국 우편 서비스는 미국

따라서 다른 국가에 전자 상거래 웹 사이트가있는 경우, 당신이하고 싶은 것은 바로 여기 방법 중 하나를 선택한 다음 당신이 미국에 있다면, 최선의 선택은 USPS 옵션 일 수 있습니다 그러나 다시 말하지만, 그것은 당신에게 달렸습니다 원하는 것을 선택한 다음 방금 선택한 것을 선택할 수 있습니다 '배송 방법 추가'를 클릭하십시오 배송이 완료되면 배송 방법이 표시됩니다

여기까지 그리고 나서 우리가 할 수있는 일은 이것들에 들어가서 그것을 편집하는 것입니다 그래서 나는 특정 가격으로 정액 요금 옵션을 수정하는 방법을 보여줄 것입니다 우리는 들어가서 라이브 요금 옵션을 사용하는 방법을 보여줄 것입니다 미국의 모든 사람들도 알 겠어? 따라서 먼저, 고정 요율 옵션이있는 경우 그게 당신의 배송 방법에 사용할거야, 그냥 "편집" 링크를 클릭하면이 팝업이 나타납니다

당신이 할 수있는 것은 단지 입력하는 것입니다 귀하가 지불해야하는 모든 운송비에 대해 균일 요금으로 청구하려는 운송 비용 고객이 여기 뭔가 주문할 때마다 그런 다음해야 할 일 모두 '변경 사항 저장'을 클릭하고 있습니까? 저장이 끝나면 원하는 작업 만 수행하면됩니다 바로 여기에서 사용할 수 있습니다 필요한 경우 '변경 사항 저장'을 클릭하면됩니다

여기 버튼 이것이 정액 요금 옵션입니다 내가 원했던 것 정말 빨리 미국의 모든 사람들을위한 실시간 요금 옵션에 대해 이야기하고 있습니다 어쩌면 캐나다일지도 모르겠지만 미국이라고 생각합니다 주,이 섹션을 건너 뛰고이 다른 링크로 이동할 수 있습니다

내가 말했던 것, 선적 옵션과 그 모든 것들 하지만 정말로 빨리 실시간 요금 옵션을 사용하면이 위에 마우스를 올려 놓고 "편집" 바로 여기 링크를 클릭하면이 페이지가 나타납니다 당신이 원하는 것 할 일은 출처 Zip Code를 입력하는 것입니다 배송지 또는 배송지를 선택하면 요금 섹션을 선택하고 패키지를 보낼 방법을 선택하십시오 그래서 나는 "Priority Mail"을 선택한 다음 "Priority Mail International"을 선택하십시오

원하는 것을 선택하십시오 그리고 네가하고 싶은 일은 여기서 내려와 대체율 옵션을 적용합니다 라이브 요금 옵션이 계산되지 않는 경우 귀하의 운송, 여기에 기본 정액 요금이 필요합니다 그래서 나는 "$ 15"와 원하는 금액을 청구하거나 $ 0을 청구 할 수 있습니다

그것은 당신에게 달려 있습니다 과 그런 다음 아래쪽으로 내려 가서 필요한 경우 다음을 선택할 수 있습니다 네가 여기서 원하는 건 뭐든간에 나는 아무것도 변경하지 않는다 기본 옵션을 선택한 다음 하단으로 이동하여 '변경 사항 저장'을 클릭하십시오

너를 위해 라이브 요금 옵션을 설정할거야 알았지? 이것이이 운송 구역의 실시간 요금을 설정하는 방법입니다 그리고 우리는 이 링크를 클릭하면 바로 배송 구역 링크로 돌아갈 수 있습니다 Shipping Zones 페이지로 돌아 왔을 때, 몇 가지 추가 항목을 추가하려면 배송 지역을 추가하려면 "배송 지역 추가"를 클릭 한 다음 추가 넣고 싶은 지역을 선택한 다음 배송 방법을 선택하십시오 당신이 원하는 그

당신이하고 싶은 것은 당신이 내려 왔는지 확인하는 것입니다 다른 지역에서 지원하지 않는 위치이며 배송을 수정하려는 경우 방법을 선택하십시오 그래서 우리는 여기에 들어갈 수 있습니다 정말 빨리 이 페이지에서 귀하의 거주지가 아닌 곳을 찾으면 다른 지역에서는 고정 요금 옵션을 사용할 수 있음을 알 수 있습니다

내가 여기에 들어가면, 당신은 제가 정액 요금으로 15 달러를 지불했음을 알 수 있습니다 당신이 미국에 있다면 미국, 그렇다면 USPS 옵션을 추천합니다 미국 우편 서비스 패키지 그러나 다시, 이것은 오직 이용 가능합니다 미국에있는 사람들에게

그래서 미국에 없다면 항상 여기에 원하는 배송 방법을 추가 한 다음 비용이나 뭐든지 편집 해, 알았지? 그냥 클릭하여 확인하십시오 변경을하면 "변경 사항 저장"버튼을 클릭하십시오 정말 빨리, 내가 원하는 걸 배송 옵션 및 배송 클래스를 살펴 보는 것만으로도 충분합니다 이 링크를 클릭하면이 페이지가 열립니다 바로 여기에

우리가 여기서해야 할 일은 정말로 없지만 이 페이지를 보여주고 싶다면 여기에서 옵션을 변경할 수 있습니다 그럴 경우 "변경 사항 저장"버튼을 클릭하십시오 그래서 사물 중 하나 나는 선교 수업에 대해 이야기하고 싶다 그래서 이것을 클릭하면 이 페이지를 여기 열어 보겠습니다 여기서 할 수있는 일은 귀하의 제품을위한 선적 클래스

따라서 일부 제품을 그룹화하려는 경우 무료 배송 또는 패키지가 실제로 큰 경우 추가 비용을 청구하려는 경우 여기선 선적 클래스를 만들 수 있습니다 그러면 우리는 가격과 모든 것을 넣을 수 있습니다 저 물건 그리고 나서 우리가 가서 제품을 만들면 이것은 제품 페이지에서 조금 나중에 제품을 만드는 방법을 보여 드리지만 나는이 섹션으로 내려 가고 싶다 배송 탭이 표시됩니다

제품을 만들 때 아래에는 배송 클래스 옵션이 있습니다 만약 당신은 선적 클래스를 만들고, 이것이 초대형이라고 가정합시다 패키지, 우리는 여기에 가서 부피를 선택할 수 있습니다 그리고 우리가 이것을 업데이트한다면, 누군가이 제품을 구매할 때마다 추가 금액이 청구됩니다

이거 특대 패키지라서 알았지? 따라서 배송을 만들고 싶다면 수업, 당신이하고 싶은 일은 바로이 페이지에 있습니다 내가 만들거야 하나 당신과 내가 어떻게 작동하는지 보여주지 배송 클래스를 생성하기 위해해야 ​​할 일은 "배송 추가 클래스 "라고 입력하면 바로 여기에 이름을 입력 할 수 있습니다 그래서"Bulky " 또는 "Extra-large"를 입력 한 다음 슬러그를 입력하면 동일한 내용이 입력됩니다

그리고 설명은 40 파운드 이상일 수 있습니다 그리고 나서 당신이해야 할 일은 단지 "Enter"를 클릭하십시오 운송 클래스가 여기에 바로 추가됩니다 이것을 제거하고 싶다면 "제거"버튼을 클릭하거나 바로이 버튼을 클릭하여 편집 할 수 있습니다 따라서 배송비를 추가 한 후 배송 방법에 대해 원하는 수업, 원하는 것은 되돌아갑니다

청구 할 요금을 설정할 수 있도록 배송 지역 페이지로 이동하십시오 이 다른 클래스들 부피가 큰 배송비를 추가 한 후에 내가 할 일은 여기선 '선적 지역'을 클릭 할거야 우린 돌아와야 해 이 페이지 바로 여기

내가하고 싶은 일은 들어가서 둘 다 편집하는 것뿐입니다 부피가 큰 옵션이있는이 다른 영역 그래서 "편집"을 클릭합니다 바로 여기에 자, 여기이 페이지에 있어야합니다

그리고 너는 할 수있다 우리는 "고정 요금"을 사용할 수 있는지 확인하십시오 그래서 우리는 여기에 들어가서 클릭하고 싶습니다 "편집"을 클릭하면 팝업이 나타납니다 이전에는이 ​​섹션 만 보았습니다

이리 하지만 이제는 '부피가 큰'클래스를 만들었으므로 여기에 추가 섹션이 있습니다 우리가하고 싶은 일은 누군가가 부피가 큰 선적 클래스 제품을 구입할 때마다 선적 등급이 선택되지 않은 경우의 가격 그럼 내가 너에게 보여 줄게 제품 페이지를 살펴보고 제품을 조금만 만들어 보겠습니다

나중에 제품을 만드는 페이지입니다 내가하고 싶은 것은 단지 제품 데이터 섹션으로 이동하십시오 탭이 있습니다 "배송"여기 아래에 "배송 등급"이 표시되어 있습니다 이 드롭 다운에서 바로 여기에 몇 가지 옵션이 있습니다

배송 클래스가 없습니다 방금 만든 새 수업이 있어야합니다 그래서 "부피가 큰" 바로 여기, 누군가이 제품을 구입할 때마다 부피가 큰 선적 비용 그래서 우리가하고 싶은 것은 가격에 넣는 것입니다 부피가 큰 운송료를 부과 할 것입니다

'배송비 클래스 없음'을 선택하십시오 이제 설정 페이지로 돌아가서 여기로 들어가 보겠습니다 우리는 우리가 부피가 큰 것을 청구하고 싶은 가격에 넣고 싶습니다 배송 클래스 그래서 25 달러를 입력 할 것입니다

원한다면 언제든지 마우스를 가져갈 수 있습니다 이 물음표는 선박의 방정식을 만드는 방법을 볼 수 있습니다 클래스 비용 그리고 나서 당신이 할 수있는 것은 여기에 내려와 가격을 책정하는 것입니다 운송 클래스가 선택되지 않을 때마다

당신이해야한다면 부피가 큰 것과 같은 추가 운송 클래스를 작성하십시오 이걸 가지고 있지 않으면 섹션을 읽은 다음 여기에있는 모든 것을 그대로 두십시오 그러나 나는 그것에주의하고 싶다 여기에 청구하는 것 이외에, 여기에 비용이 든다면, 그러면 여기에 비용이 추가 될 것입니다 그래서 네가 가진다면 배송 클래스에서 가장 좋은 방법은 실제로 이것을 삭제하여 이 운송 클래스에 대해 요금을 부과하거나 운송 클래스를 선택하지 않을 때마다, 여기에 추가 비용을 추가하는 대신이 요금을 부과합니다

알았죠? 요금 청구 방식을 선택할 수있는 옵션도 있습니다 이 항목들 이걸 기본값으로 두 겠지만 여기에 들어가서이 모든 것이 무엇에 관한 지보십시오 일단 준비가되면 '변경 사항 저장'을 클릭하십시오 배송비를 설정하기 만하면됩니다

귀하의 다른 운송 클래스에 대해 내가 언급 한 한가지 좀 더 일찍지만, 내가 다시 언급하고 싶다면 라이브 요금을 사용하는 것입니다 옵션을 사용하려면 제품의 크기와 무게를 입력해야합니다 USPS가 운송 비용을 계산할 수 있는지 확인하십시오 따라서이 기능이 활성화 된 경우 미국이나 캐나다에 있다면 제품 페이지에서 조금 나중에 당신은 당신의 제품을 만들고, 당신은 체중과 라이브 요금 옵션을 작동 시키려면 모든 제품의 크기, 괜찮아? 제품을 만들 때이 점을 상기시켜 드리겠습니다 당신이 그것을 알고 있다는 것을 지금 당장 언급해야합니다

이제 뭐 필요한 경우 '변경 사항 저장'버튼을 클릭하면됩니다 이미 구원받은 것처럼 보이기 때문에 그렇게 할 필요가 없습니다 그래서 마지막 해야 할 일은이 링크를 보시면됩니다 "WooCommerce 설정 "또는"서비스 "를 클릭하십시오이 링크를 클릭하면이 페이지로 이동합니다

바로 여기에 배송 라벨을 만들 수있는 곳입니다 그리고 그 모든 것들 그래서 우리는 여기서 아무 것도하지 않을 것입니다 그러나 당신은 알고 있어야합니다

이 페이지, 알았지? 준비가되면 결제 옵션을 설정하십시오 결제 탭에서 PayPal을 다음과 같이 통합 할 수 있습니다 우리의 전자 상거래 웹 사이트를 클릭 할 수 있다는 것을 잊지 마십시오 확장 프로그램 링크는 여기에 있습니다 WooCommerce 웹 사이트로 이동하여 결제 탭을 클릭하면 결제 옵션에 대한 다른 모든 옵션이 제공됩니다

전자 상거래 웹 사이트에 통합 할 수 있습니다 그래서 우리는 가는 것은 PayPal 계정을 설정하는 것입니다 그래서 2 개의 PayPal이 있어야합니다 여기의 옵션 : 익스프레스 체크 아웃 및 PayPal 옵션을 사용하면 사람들이 PayPal 계정에 로그인해야합니다 그래서 우리는이 두 가지를 가능하게하고 싶습니다

가다 미리보기를 클릭하고 자주색으로 변한 다음 "저장"을 클릭하십시오 변경 "버튼을 클릭하십시오 일단 모든 것이 저장되면, 우리가 할 수있는 것은 둘 다 설정하여 관리 할 수 ​​있습니다 이제 첫 번째 "관리" 여기 버튼 PayPal 페이지를 방문한 후에는이 상자가 가 선택되고 PayPal 계정에 대한 귀하의 이메일 주소가 있습니다

이리 그리고 여기로 내려와 언제든지 수신자 이메일 주소 그래서 당신이 다른 이메일 주소를 넣고 싶다면, 여기서 바로 할 수 있습니다 이 물건이 무엇인지 모르는 경우 항상이 물음표 위로 마우스를 가져 가면이 작은 팝업 권한이 생깁니다 여기에이 섹션의 내용이 설명되어 있습니다

이걸 그대로두고 모든 걸 남겨 둘거야 난 정말로 여기 API 자격 증명을 내려 와서하고 싶다 PayPal을 통해 환불을 처리 할 수 ​​있도록 사용자 이름 비밀번호 및 서명이 필요합니다 그러기를 원할 경우이 링크를 클릭하면됩니다 API 자격 증명을 얻는 방법에 대한 지침이나 이 비디오를 보니 내가 너를 따라갈거야

그래서 네가 원하는 걸 귀하의 PayPal 계정으로 가면 여기 탭이 열려 있습니다 나는 내 위에있다 프로필 페이지 로그인하면이 페이지로 이동하기 위해 할 수있는 일은 여기에서 "프로필"버튼을 클릭 한 다음 "프로필 및 설정"을 클릭하십시오 이 페이지에 바로 올께

당신이하고 싶은 것은 이것을 클릭하는 것입니다 '내 판매 도구'라는 버튼이 있습니다 일단이 페이지를 열면 클릭하십시오 이걸로이 페이지에 올거야 그냥 내려와

여기에 'API 액세스'라고 표시되어 있으며 여기에서 링크를 클릭하기 만하면됩니다 따라서 "관리"또는 "업데이트"라고 말할 수 있습니다 API 자격 인증을 받으면 페이지에서, 당신이 할 일은 맨 아래로 내려와 요청할 것입니다 API 자격 증명 따라서이 링크 또는 이와 유사한 것이 있으면 계속 진행하십시오

그걸 클릭하십시오 API 서명 페이지를 방문하면 할 일은 다음과 같습니다 여기에 와서 사용자 이름, 암호 및 서명을 생성하십시오 해야 할 일은 쇼 링크를 클릭하고 그 정보를 다시 복사하는 것입니다 귀하의 WooCommerce 설정에 바로 여기 다른 섹션으로 과 그런 다음 준비가되면 "변경 사항 저장"버튼을 클릭하십시오

나는이 일을하지 않을거야 이 모든 API 사용자 이름 비밀번호 및 서명이 독특한 그래서 나는 그것들을 안전하게 지켜야 만하지만 나는 그것들을 붙여 넣을 것이다 그리고 나서 한번 준비가 되었으면 "변경 사항 저장"을 클릭하십시오 일단 모든 것이 저장되면, 지급 탭으로 돌아가십시오

그리고 일단 메인 페이지로 돌아 오면 여기, 우리는 PayPal Express Checkout으로 똑같은 일을 할 것입니다 따라서 여기에서 "관리"버튼을 클릭 할 수 있습니다 일단이 페이지를 열면 이 상자를 선택했는지 확인한 다음 PayPal 이메일 주소는 여기에 있습니다 에 대한 귀하의 웹 사이트 이름을 변경하려면 Checkout 페이지에서 바로 확인할 수 있습니다 또한 옵션이 있습니다

다른 페이지에서 그렇게하는 것, 나는 믿습니다 그리고 나서 변경 사항을 저장하려면 하단에서 '변경 사항 저장'버튼을 클릭하십시오 그래서 우리는 여기서 어떤 변화도 일으키지 않을 것입니다 그래서 나는 다시 돌아올거야 상단

다른 결제 옵션을 통합하지 않는 한 꽤 많이, 우리는 가서 좋다 그래서 내가하고 싶은 것은 다음 탭으로 이동하는 것입니다 "계정 및 개인 정보" 일단이 탭에 오면 우리는 안할거야 기본 설정을 변경하지만 옵션을 변경하려는 경우 손님 체크 아웃 및 계정 생성을 위해 여기에서 원해 이 탭에서 정말로하고 싶은 것은 개인 정보 보호 정책입니다

정책 섹션과 바로 여기에 "개인 정보 페이지"라고 말하면서 개인 정보 보호 정책은 사용자가 만든 개인 정보 취급 방침 페이지를 선택했는지 요즘 정책이 중요합니다 따라서 이미 페이지 작성자가없는 경우, 당신이 할 수있는 일은 내려와 왼쪽에있는 설정 위로 마우스를 가져 가면됩니다 이 팝업이 보일 것입니다이 링크는 바로 여기에 표시되어야합니다 프라이버시를 말합니다

여기를 클릭하면이 페이지를 바로 열어 볼 수 있습니다 이것은 WordPress 개인 정보 취급 방침 페이지입니다 그리고 당신이 할 수있는 것은 "Create New a Pag"e입니다 그런 식으로 개인 정보 취급 방침 페이지를 만들거나 할 수있는 일은 기본값을 사용하는 것입니다 귀하를 위해 만들어진 WordPress 개인 정보 취급 방침 페이지입니다

네가 할 수있는 일은 그것을 편집하거나 그것을 볼 수 있습니다 개인 정보 취급 방침 페이지를 편집하거나 새로운 것, 그럼 당신이해야 할 일은 바로이 링크를 클릭하는 것입니다 "이 페이지 사용"을 클릭하면 설정으로 돌아갈 수 있으며이 드롭 다운에서 바로 여기에서 선택할 수있는 개인 정보 취급 방침 페이지가 표시되어야합니다 그리고 한 번 당신은 그것을 할 수 있습니다 아래로 내려 가서 "Save"를 클릭하십시오

변경, 알았지? 그래서 그것은 당신에게 단지 제안 일뿐입니다 개인 정보 정책 페이지를 작성했는지 확인하십시오 일단 준비가되면 "이메일"탭으로 이동하십시오 그리고 일단이 페이지에 오면, 여기로 갈 수 있습니다 새 주문, 취소 된 주문 또는 주문을받을 때마다 이메일 주소를 업데이트하십시오

실패한 주문 그리고 다른 옵션을 모두 사용하면 이메일을 보내야합니다 귀하의 고객에게 원하는 경우, 이것을 업데이트하면 할 수있는 일은 다음과 같습니다 "이메일 발신자 옵션"으로 이동하십시오

기본적으로 바로 여기에 있습니다 "보낸 사람"은 "내 블로그"라고 말합니다 그리고 아마도 당신은 이것을 전자 상거래 업체명으로 변경하십시오 그래서 이걸로 바꿀거야 Studio Design을 클릭 한 다음 원하는 작업을하려면 여기를 클릭하고 '저장'을 클릭하십시오

변경 사항 "일단 설정이 저장되면"고급 "탭으로 이동할 수 있습니다 이 페이지에 오면 WooCommerce는 이미 장바구니를 설정해야합니다 페이지, Checkout 및 내 계정 페이지를 보려면 여기에서 선택해야합니다 당신

그렇지 않은 경우이 동영상 자습서 마지막 부분에서 우리가 모든 것을 가지고 있는지 확인하십시오 우리가 가지고 있지 않은 한 페이지는 이용 약관입니다 및 조건 페이지를 참조하십시오 그래서 우리는 실제로 가서 바로 지금 그것을 만들 수 있습니다 해당 페이지를 선택하면 잠시 후 해당 페이지를 편집 할 수 있습니다

그러니 가자 페이지 위로 마우스를 이동하고 '새로 추가'를 클릭하십시오 일단 당신은 Add New 페이지에있다 지금 우리가 할 일은 이용 약관 페이지 그래서 여기에 제목을 붙여 넣을 것입니다

그리고 일단 준비가되면 "게시"버튼을 클릭하십시오 그리고 일단 페이지가 게시되면 WooCommerce 설정으로 돌아가서 해당 페이지를 설정하십시오 이제 설정을 클릭하기 만하면됩니다 그리고 일단 여기로 돌아 왔으면, "고급"탭 이제 내가 할 일은 이용 약관과 이 드롭 다운으로 이동하여 방금 만든 페이지를 선택하면 하단으로 이동하여 '변경 사항 저장'을 클릭하십시오

설정이 완료되면 저장된, 우리는 잘 가고 우리는 우리의 WooCommerce 설정으로 끝난다 다음 단계로 넘어 간다 이제 우리가 할 일은 우리의 WooCommerce 플러그인으로 다양한 유형의 제품 그래서 우리가하고 싶은 일 제품 페이지로 이동하십시오 따라서 왼쪽에는 제품 및 "Add New"를 클릭하십시오

Add New Product (새 제품 추가) 페이지가 열리면 여기가 WooCommerce 플러그인으로 모든 다른 제품을 만들려고합니다 그래서 내가 만드는 방법을 보여주고 싶은 첫 번째 유형의 제품은 간단합니다 제품이며, 바로 여기에서 볼 수 있습니다 따라서 간단한 제품에는 가변 크기 또는 색상과 같은 옵션 단 하나의 옵션이 있습니다

이 간단한 제품이므로 원하는만큼 추가 할 수 있습니다 쇼핑 카트 전자 상거래 웹 사이트에서이 방법을 보여 드리겠습니다 WooCommerce 플러그인으로 가장 먼저 할 일은 제품 이름 바로 여기

그래서 우리는 "빨간 드레스"를 입력 할 수 있습니다 그리고 우리가 원하는 것 할 일은 여기서 내려 오면 여기에 긴 설명을 추가 할 수 있습니다 그래서 당신이 가지고있는 테마에 따라 아마도 짧은 여기에 설명을 적어 놓으십시오 여기에 긴 설명 그래서 당신은 내 설명 모두가 동일하지만이 섹션에서는 더 긴 설명을 허용하고 맨 위에 표시합니다

여기에 간단한 설명이 있습니다 두 가지 방법을 모두 추가하는 방법을 보여 드리겠습니다 그 그래서 여기 당신이 당신의 긴 설명을 넣는 곳입니다 제품 데모 사이트의 텍스트를 복사하여 붙여 넣으십시오

그리고 준비가되면 제품 데이터 섹션으로 이동하십시오 그리고 이것은 당신이 이것에 들어가는 곳입니다 드롭 다운을 클릭하여 제품 유형을 선택하십시오 그래서 지금, 우리는 간단한 제품을 만듭니다 그럼 그냥 선택해 봅시다

이것은 육체적이다 제품이므로 가상 제품이나 다운로드 가능한 제품을 확인하지 않을 것입니다 제품을 만드는 방법을 보여 드리지만 제작을 마친 후에 만드는 방법을 보여 드리겠습니다 여기 일반 탭에 있어야합니다 네가하고 싶은 것은 여기에 제품 가격 만 넣으면됩니다

그래서 나는 타이핑 할거야 $ 4995이며,이 제품을 판매하고자하는 경우 판매를 입력 할 수 있습니다 바로 여기에서 가격을 올리거나 할 수있는 것은 바로이 링크를 클릭하는 것입니다 "일정"그리고 당신은이 작은 팝업을 얻을거야 날짜를 넣을 수 있습니다

제품 판매를 원한다면 전자 상거래 웹 사이트는 자동으로 업데이트, 알았지? 그래서 그것은 당신을위한 선택입니다 그리고 나서 당신은 준비가 되었으면 인벤토리 탭으로 이동합니다 여기에서 SKU에 입력 할 수 있습니다 원하는 경우 번호를 입력 한 다음 주식을 관리하려면이 상자를 선택하십시오 바로 여기 당신은이 팝업을 얻을 것이고 당신은 다음의 수량을 넣을 수 있습니다

이 항목은 여기에 있습니다 그런 다음이 웹 사이트를 판매 할 때 웹 사이트가 계산됩니다 몇 명 남았는지에 대한 항목입니다 그래서 나는 이것을 체크하지 않은 상태로 둘 것입니다 가자 준비가되면 '배송'탭으로 이동하십시오

배송의 경우, 라이브 요율 옵션을 사용하면 가중치와 치수를 다음과 같이 입력해야합니다 USPS가 귀하의 라이브 요금을 계산하도록 명령하십시오 그런 다음 선생님, 여기에 가서 필요한 경우 선택하길 원합니다 우리는 이 물건을 그대로 두거나 기본값으로두면 아무 것도 할 수 없어요 이리

그런 다음 링크 된 제품 탭으로 이동할 수 있습니다 우리는 안할거야 upsells 또는 cross-sells를 여기에서 커버하십시오, 그러나 당신이 약간 추가를 추가하고 싶은 경우에 이 제품을 구매하는 사람에게 추천 할 항목, 여기에 들어가서 제품 이름을 입력 한 다음 당신이 상향 판매하고자하는 것을 선택하십시오 교차 판매와 동일합니다 원할 경우 장바구니에 몇 가지 추가 제품을 추천하십시오

여기 제품들 상향 판매 및 교차 판매의 의미를 알아야 할 경우, 당신은 항상이 물음표 위에 마우스를 가져갈 수 있으며이 작은 팝업을 볼 수 있습니다 여기이 정의가 있잖아, 알았지? 그래서 우리는 속성은 가변 제품을위한 것이기 때문에 속성을 가져야합니다 고급 탭으로 이동하여 원하는 경우 여기에서 리뷰를 사용하도록 설정할 수 있습니다 그래서 나는 체크를 남겨 둘거야

그리고 나서 당신이하고 싶은 것은 방금 내려 왔습니다 짧은 제품 설명 영역을 입력하고 간단한 설명을 입력하십시오 다시 말하지만, 나는 오랫동안 가지고있는 텍스트와 같은 텍스트를 붙여 넣을 것입니다 기술 그런 다음 준비가되면 이미지에 이미지를 추가 할 수 있습니다

여기서 바로 "제품 이미지"라고 말하면서 "제품 설정"을 클릭하면됩니다 이미지 "를 클릭하면 팝업이 표시됩니다 업로드하려면 자신의 제품 이미지를 보려면 "파일 업로드"를 클릭 한 다음 "선택"을 클릭하십시오 파일 "을 찾고 사용하려는 이미지를 찾습니다 미디어 라이브러리 그래서 여기에 와서 그냥이 하나를 선택하고 다음을 클릭하십시오 "설정 제품 이미지 "를 볼 수 있습니다

그러면 이미지가 바로 여기에 표시되어야합니다 그러면 대체 이미지를 추가하고 싶다면 제품 갤러리로 그런 다음 제품 갤러리 이미지 추가를 클릭하십시오 그리고 다시, 당신은이 pop-up 권리를 보게 될 것입니다 여기에서 원하는만큼 다른 이미지를 추가 할 수 있습니다 그래서 나는 단지 하나의 추가 이미지를 추가하려고합니다

그래서 나는 그것을 클릭하고 "Add to"를 클릭 할 것이다 갤러리 "이미지가 바로 여기에 표시되어야합니다 그러면 할 수있는 일은 제품 태그와 제품 카테고리를 추가하십시오 이 물건들은 제품 페이지에 표시되는 관련 제품에 대한 도움을 받으십시오

이 데모에서는 또는이 전자 상거래 자습서에서이 항목을 비워 두지 만 다시 할 수 있습니다 이 내용을 직접 추가하십시오 귀하가 추천 제품 섹션을 가지고 있다면 홈페이지 또는 쇼핑 페이지에서 할 수있는 일은이 섹션에 있습니다 여기에 "Catalog visibility"라고 쓰여 있으며 여기에서 "Edit"를 클릭하면 이 상자에는 '추천 이미지입니다'라고 표시된 상자가 표시됩니다

당신이 당신의 전자 상거래 웹 사이트를 위해 그것을 가지고있는 경우에 특색 지어진 심상 단면도 그래서 너 모두 해야 할 일은 여기에서 "OK"를 클릭하는 것입니다 그리고 나서 클릭 만하면됩니다 '게시'버튼을 클릭합니다 제품이 게시되면 가서 가서 확인해 주길 바래

제품 페이지가로드되면 다시 사용중인 테마에 따라 다르지만 다음과 같이 보일 것입니다 어디에서 추천 이미지를 얻은 다음 제품 제목, 가격, 짧은 설명을 입력하면 긴 설명, 리뷰 및 카테고리 이름, 그 모든 것들 다시 한 번 관련 제품을 기억하십시오 카테고리 이름 및 제품 태그를 기반으로 섹션이 채워집니다 각 제품에 대해 작성하십시오

다시 한번 말하지만, 이것은 단순한 제품입니다 당신은 당신의 전자 상거래 웹 사이트를 만들고 있습니다 하지만 지금 내가하고 싶은 것은 변수 제품을 만드는 방법을 보여주는 것입니다 WooCommerce 플러그인 그래서 이것은 가변적 인 제품 페이지이며 여러분은 차이가 바로 여기에 "크기"라는 단일 변수가 있습니다

따라서 제품에 변수를 추가하는 방법을 보여 드리겠습니다 WooCommerce 플러그인으로 만듭니다 다시 WordPress 웹 사이트에서 변수가있는 제품을 만들고 싶으면 여기를 가리키고 "제품"링크를 클릭하십시오 일단 새 제품 추가 페이지로 돌아 가면 시간, 나는 이미 제품 제목, 긴 설명을 입력 한 다음 여기 저기에 간단한 설명을 넣고 이미 이미지를 추가했습니다 이 제품은 꽤 쉽기 때문에이 제품들 각각에 대해 우리는이 비디오에서 앞으로 함께 발전해 나갑니다

그리고 정말로, 우리 모두해야합니다 초점은 다양한 유형의 제품에 대한 제품 데이터 섹션입니다 창조하고 싶다 그래서 지금 우리가하고 싶은 것은 가변적 인 제품을 만드는 것입니다 여기서 우리는 "변수 제품"을 선택합니다

너는 그것들을 볼 수있다 일반 탭이 업데이트됩니다 그래서 지금은 가격과 판매 가격이 사라집니다 우리가해야 할 일은 변수를 만드는 것입니다 가격

원하는 경우이 탭을 통해 이동할 수 있으며 인벤토리 탭은 동일합니다 따라서 SKU 번호를 입력하고 주식을 관리하고 싶다면 너 그렇게 할 수있어 그리고 Shipping 탭에서 무게를 넣고 싶으면 라이브 요금 옵션을 사용하는 경우 수행해야하는 측정 기준은 할 수 있습니다 바로 여기 또는 배송 원을 선택할 수 있습니다 그런 다음 다시 링크 된 제품의 경우 업 셀 제품 또는 교차 판매 제품은 여기에 있습니다

변수에 대해해야 할 일 제품, 당신이 그 모든 것들을 건너 뛰고 싶다면, 당신은 속성 탭 그리고 여기서하고 싶은 것은 당신이 "맞춤 제품 속성"을 여기에서 선택한 다음이 "추가"버튼을 클릭하십시오 바로 여기에 이 섹션의 팝업과 원하는 것을보아야합니다 여기에 변수의 이름을 입력하십시오

그래서 우리는 크기를 만들거야 변하기 쉬운 그래서 바로 크기를 입력 할 것입니다 그리고 바로 여기에 있습니다 값을 입력해야합니다

그래서 우리는 "소형, 중형 및 대형"을 입력 할 것입니다 우리 쉼표 대신이 줄을 여기에두고 싶습니다 그래서 만약 우리가 여기에 와서, 우리는 "Small"을 입력하고 그 라인을 만듭니다 그렇게 될거야 Shift 키와 슬래시 단추를 사용하여이 줄을 바로 만들 수 있습니다

그런 다음 입력합니다 "Medium"을 누른 다음 구분 기호에 대한 행을 다시 만들고 "Large"를 입력하십시오 따라서 일단 변수에 대해 원하는 값이 있으면 여기에이 상자를 선택하십시오 "변형에 사용"을 선택한 다음 "저장"을 클릭하십시오 일단 저장하면 이제 원할 경우 추가 속성을 만들 수 있습니다

두 번째 변수 제품에 대해서는이를 수행 할 것입니다 바로 지금, 우리는 단지 하나의 변수가있을 것입니다 준비가 되었다면 변형 탭으로 이동하십시오 이 탭으로 이동하면이 드롭 다운에 묶음이 있음을 알 수 있습니다 우리가해야 할 일은 우리가 이걸 가지고 있는지 확인하는 것뿐입니다

"변형 추가"를 선택한 다음 여기에서 "이동"을 클릭하십시오 자, 너 이 섹션을 변수와 함께 여기에 표시해야하며 우리가해야 할 일은 그냥 클릭하고 펼치면 가격과 판매 가격을 입력 할 수 있습니다 바로 여기에 다시 한번, 여기서 무작위로 가격을 입력 할 것입니다 이 것을 위해, 나는 단지 재미로 판매 가격을 입력 할 것입니다

원하는 경우 언제든지 확인할 수 있습니다 다운로드 또는 가상 제품을 만들려는 경우이 상자 또는 주식을 관리하십시오 우리는 그렇게하지 않을 것입니다 거의 모든 것이 우리가 가진 전부입니다 이 섹션에서해야 할 일

일단 준비가되면 "변경 사항 저장"을 클릭하십시오 단추 그것이 저장되면, 당신이 원한다면 그냥 가서 붕괴시킬 수 있습니다 과 이제 고급 탭으로 이동할 수 있습니다 다시 말하지만, 여기에서 리뷰

그런 다음 제품 이미지에 넣기 만하면됩니다 추가 이미지를 여기에 표시 한 다음 원하는 경우 제품 태그를 추가하고 이 제품을 다른 방식으로 분류하려는 경우 제품 카테고리 카테고리 이름 그리고 다시,이 물건은 관련된 제작품 그런 다음 여기에서 추천 제품 섹션이 있고 모든 해야 할 일은이 상자를 여기에 표시하여 특집 상품으로 만든 다음 추천 제품 섹션에 표시됩니다 우리는 그걸 확인하지 않고 떠날거야

이걸로 마지막으로해야 할 일은 클릭 만하면됩니다 "게시"버튼 제품이 게시되면 가서 확인하고 싶습니다 '제품보기'를 클릭하십시오

제품 페이지가로드되면 이제는 변수를 여기에서 바로 볼 수 있으며 원하는 크기를 선택할 수 있습니다 당신이 원하는 그 그래서 이것이 당신이 보는 것이라면, 우리는 잘 가게됩니다 이제 나 원하는 것은 더 복잡한 변수 제품을 만드는 방법을 보여주는 것입니다 변수를 기반으로 다양한 가격 범위를 가질 수 있습니다

그래서 당신은 볼 수 있습니다 이 제품 페이지에는 크기와 색상이라는 두 가지 변수가 있습니다 그리고 내가 여기에 "녹색"색상을 선택하면이 제품의 가격을 볼 수 있습니다 $ 7995입니다

이 값을 파란색으로 변경하면 가격이 변경되었음을 알 수 있습니다 ~ 10995 달러 따라서 변수가있는 제품을 만드는 방법을 배우려면 변수 옵션에 따라 가격대가 다르므로 WordPress 웹 사이트 New 위에 마우스를 올려 놓고 "Product"를 클릭하십시오

일단 당신이 새 제품 추가 페이지에서 이미 많은 정보를 채웠다는 것을 알 수 있습니다 이 정보 그래서 우리는 제품 제목, 긴 설명 및 짧은 여기 아래의 설명 일부 제품 카테고리와 일부 태그가 있습니다 여기, 그리고 우리의 특색있는 이미지와 우리의 이미지 갤러리를위한 이미지

그래서 다시, if 당신은 비디오를 일시 중지하고 모든 정보를 채울 수 있습니다 그렇게해라 정말로, 내가하고 싶은 것은 단지 제품 데이터 섹션으로 이동하여 다시 한 번 기억하십시오 이 드롭 다운에 들어가서 변수를 선택하십시오 제품 옵션을 작성하면됩니다

당신은 일반 탭이 변경된 후 다음과 같은 다른 탭을 사용할 수 있습니다 인벤토리 탭을 사용하면 원하는 경우 주식을 관리 할 수 ​​있습니다 당신이 실시간 배송을 선택하면 배송 탭으로 이동하고 당신의 체중과 치수를 넣어 라 그렇지 않으면 별 문제가되지 않습니다 이 추가 정보 일뿐입니다

링크 된 제품의 경우 다음에서이 링크를 읽을 수 있습니다 너 스스로 Grouped를 살펴볼 때이 섹션을 다룰 것입니다 제작품 원한다면, 우리가 그것을 만들 때 당신은 단지 볼 수 있습니다

나는 무엇인가? 변수 제품에 대해 수행해야하는 작업이 속성 탭에 표시됩니다 사용자 정의 속성을 추가합니다 이 제품의 경우 크기를 만들 것입니다 및 색상 변수 그래서 두 가지 제품 속성을 추가 할 것입니다

먼저 "추가"버튼을 클릭하십시오 일단이 섹션을 얻으면 바로 여기에 첫 번째 변수를 입력하면됩니다 여기에 '크기'를 입력하겠습니다 값에 대해서는이 행과 분리해야한다는 것을 기억하십시오 그래서 이것을 얻으려면 "Shift"와 "line"버튼을 누르거나 누르고 싶습니다

표시 할 줄 그래서 우리는 "Small"을 입력하고 그 줄을 입력 한 다음 입력하십시오 "Medium"과 "Large" 다시 한번,이 버튼을 여기에서 클릭하고 싶습니다 "유사 콘텐츠에 사용"을 클릭하고 "속성 저장"을 클릭하십시오

저장되면 이제 무엇이 저장됩니까? color 변수에 다른 product 속성을 추가하는 것입니다 그래서 한 번 당신은이 섹션을 바로 여기에서 얻을 수 있습니다, 우리는 단지 "컬러"로 타이프 할 수 있습니다 여기에 값을 입력하고 원하는 색상을 입력 할 수 있습니다 잘 '녹색'을 입력하면 '파란색'으로 입력됩니다 우리는 그 두 가지를 사용하고 우리는 '속성 저장'을 클릭하십시오

모든 것이 저장되면, 이제 내가하고 싶은 것은 가라 대안 탭으로 이동합니다 이제이 섹션을 여기서 보셔야합니다 다시 이 드롭 다운, 당신은이 모든 다른 옵션을 가지고 있지만 우리는 떠나고 싶습니다 그것은 "유사 콘텐츠 추가"입니다

여기에서 '이동'을 클릭하면 유사 콘텐츠가 여기에 추가됩니다 다른 것을 추가하고 싶습니다 그래서 나는 한 번 더 "이동"을 클릭하십시오 이제 두 가지 변형을 볼 수 있습니다 우리가하는 일 고객이 원하는 크기를 선택할 수 있도록이 크기를 그대로 두십시오

그들은 원한다 그러나 색상에 따라 가격을 바꿀 것입니다 그래서 나는하고 싶다 이 첫 번째 "녹색"을 선택한 다음 두 번째 파란색을 선택하려면 " 그리고 나서 우리는 이것들 각각에 들어가서 다른 가격을 넣을 것입니다 고객이 크기와 녹색을 선택할 때마다 가격을 결정한 다음 크기와 파란색을 선택할 때마다 다른 가격

먼저 그린을 클릭하고 펼치면 바로 내려갑니다 여기에 가격을 입력하십시오 그래서 우리는 $ 7995를 넣을 것이고, 나는 이것을 닫을 것입니다 지금, 두 번째 대안 페이지로 이동하여이 항목을 열어 보겠습니다

내가 입력 할게 10095 달러 또는 10995 달러 이제 끝내 겠어

자, 우리는 우리의 변수에 기초한 두 가지 가격 너는 두 명을 가질 필요가 없다 변수 실제로는 하나만 가질 수 있습니다 크기가 다른 경우 또는 다른 색상을 원한다면 다른 가격을 원한다면 원하는 변수에 대한 변수를 만듭니다

그런 다음 그들을 선택하십시오 변화 단면도에서 그 후에 가고 다른 가격을 바꾸십시오 그거야 너의 가격을 정할거야, 알았지? 일단 준비가되면 "변경 사항 저장"을 클릭하십시오 모든 것이 저장되면 모든 다른 것들을 채우십시오

특정 카테고리에 제품을 넣거나 제품을 관련 상품 그리고 나서 알림으로, 당신이 이것을 만들고 싶다면 제품 홈페이지에 표시되는 추천 제품입니다이 섹션으로 이동하십시오 "카탈로그 가시성"이라고 말하면됩니다 "편집"버튼을 클릭하고이 상자를 선택하십시오

이 제품을 특집 상품으로 만들고 "확인"을 클릭하십시오 과 일단 준비가되면 마지막으로해야 할 일은 "게시" 단추 모든 것이 게시되면 새로운 변수를 확인해 보겠습니다 생성물 제품 페이지가로드되면 여기에 두 개의 변수가 표시됩니다

우리는 원하는 크기를 선택할 수 있습니다 그러면 색상을 선택할 수 있습니다 79 달러라는 것을 알 수 있습니다 그러면 색상을 변경하면 가격 변화 그래서 이것은 다른 가격의 변수 제품을 만드는 방법입니다

변수 옵션을 기반으로합니다 이제 다양한 변수를 만들 수 있습니다 옵션 및 간단한 제품을 원하는대로 선택할 수 있습니다 내가 정말로 빨리하고 싶은 것은 단지 값이나 변수를 사용하면 이러한 값이나 변수 중 일부를 저장할 수있는 방법을 보여줍니다 그리고 약간의 시간을 절약하기 위해 다시

그럼 내가 할 일은 여기 워드 프레스 웹 사이트 이것은 제품 페이지입니다 네가 원한다면 반복적으로 사용할 변수의 일부를 저장하십시오 크기 또는 색상, 제품에 마우스를 올려 놓고 클릭하면됩니다 "속성

" 일단 당신이 Attributes 페이지에 있다면, 이것은 당신이 갈 수있는 곳입니다 당신이 반복해서 사용할 변수를 저장하십시오 당신 나는 이미 어떤 것을 창조했다는 것을 알 수있다 그래서 나는 당신을 하나 만드는 방법을 안내 할 것입니다 바로 여기에

그래서 새로운 변수로 "New colors"를 입력 할 것입니다 내가하고 싶은 일 슬러그가 똑같은 타입이기 때문에 우리는 여기서 내려올 수 있습니다 "속성 추가"를 클릭하십시오 속성이이 목록에 추가되면 여기에 우리가하고 싶은 것은 값을 더하는 것입니다 "용어 설정"을 클릭하십시오

이 페이지를 방문하면 여기에 값을 추가 할 수 있습니다 변하기 쉬운 그래서 우리는 여기에 다양한 색깔을 칠할 수 있습니다 그래서 "블랙" "새로 추가"를 클릭하십시오 그것이 추가되면 여기에 다른 색상을 추가 할 수 있습니다

그래서 "파란색"이라고 입력하겠습니다 원하는만큼 다른 값을 추가 할 수 있습니다 귀하의 변수, 그리고 당신이 순서를 재정렬하려는 경우, 그냥 이 아이콘을 클릭하고 배치 할 위치로 드래그하십시오 그래서 이건 변수와 값을 저장합니다 그래서 당신이 가서 새로운 변수가있는 제품을 선택하면 바로 여기 새로운 제품 페이지로 이동할 수 있습니다

여기에있는 제품 데이터 섹션으로 가서 다양한 제품을 선택하십시오 변수 탭을 사용하여 변수를 추가하면이 드롭으로 이동할 수 있습니다 아래쪽에 저장된 변수를 볼 수 있습니다 그래서 우리가 클릭하면 "새로운 색상"을 클릭하고 "추가"를 클릭하면이 섹션이 표시됩니다 당신이해야 할 일은 "모두 선택"을 클릭하면 그때 바로 당신의 가치가 나타날 것입니다, 그냥 보통처럼이 상자를 선택하고 "속성 저장"을 클릭하십시오 저장되면 변형 탭으로 이동하십시오

이제 클릭 만하면됩니다 여기에서 "이동"을 클릭하면 변수가 포함 된 섹션과 모든 여기에 가치가있어, 알았지? 따라서 변수를 저장하는 빠르고 쉬운 방법 일뿐입니다 그리고 당신이 그것들을 계속해서 반복적으로 사용할 것이라면 그 가치들 그래서 나는 이것을 취소하십시오 준비가 되었다면, 어떻게 할 수 있을까요? 가상 또는 다운로드 가능한 제품을 정말 빨리 만들 수 있습니다

그래서 다른 모든 단계들 단순하거나 가변적 인 제품을 만드는 것과 동일합니다 유일한 차이점은 가상 제품이 있고 그 제품을 만들면이 상자를 체크 할 것입니다 배송되지 않을 예정이므로 배송 탭이 사라집니다 아무것도 다운로드 할 수있는 제품으로 만들고 싶다면 이 상자와 여기에 바로이 작은 섹션을 가져올 수 있습니다

판매하려는 파일이 무엇이든간에 그리고 당신이 고객이이 파일을 다운로드 할 수있는 시간이면 여기에 해당 번호를 입력 할 수 있습니다 또한 다운로드 할 수있는 링크가 특정 횟수 후에 만료되도록 설정할 수 있습니다 일 고객이 구매 한 날 수를 입력 할 수 있습니다 여기에 파일을 다운로드 할 수 있으며 링크가 만료됩니다

가상 제품을 만들면 간단한 제품이나 변수를 사용하여이를 수행 할 수 있습니다 생성물 정말 쉽습니다 이 상자들을 여기 바로 확인하십시오 그래서 당신은 스스로 만들 수 있습니다

내가 지금하고 싶은 것은 단지 보여 주기만하면된다 번들 된 제품 또는 그룹화 된 제품을 만드는 방법을 알려줍니다 주목할 것 이 페이지는 그룹화 된 제품입니다 그래서 내가 만든 것은 "신부 세트 무엇에 따라 다양한 가격이 있다는 것을 알 수 있습니다

구입 내역 그래서 저는 여기에 몇 가지 다른 항목을 넣었습니다 신부 세트, 고객은 원하는대로 구입할 수 있습니다 어쩌면, 그들은 오직이 두 개를 사고 싶고이 마지막 두 개를 사고 싶지 않습니다 그들 수량을 변경하여 장바구니에 추가 할 수 있습니다

그래서 그냥 실제로 여러 페이지를 만드는 대신 페이지에 모든 것을 함께 묶습니다 다른 품목이 많다면 다른 개별 제품 함께 갈 수도 있습니다 그리고 몇 가지 추가 아이템을 상향 판매하려면 이 절에서 우리가 말할 수있는 부분을 바로 볼 수 있습니다 좋아 "이것은 권장 제품과 조금 다릅니다

당신은 실제로 제품 편집 페이지 또는 제품 추가에서 직접 입력하게됩니다 페이지 그래서 이것을 정말로 빨리 만드는 법을 보여 드리겠습니다 그래서 다시 새 제품 페이지에서 바로이 제품을 이미 만들었다는 것을 알 수 있습니다 그래서 "신부 세트"라고 말합니다

그리고 여기에 우리의 긴 설명이 있습니다 그리고 나서 아래쪽에는 짧은 설명과 추천 이미지가 있습니다 여기에 몇 가지 추가 이미지가 있습니다 그래서이 점이 다른 유일한 것입니다 제품 데이터 항목에 들어가서 "그룹화 된 제품"을 선택했습니다

이것들이 당신이 얻는 탭이라는 것을 알 수 있습니다 다시 말하지만, 항상 원하는 경우 SKU 번호를 입력하십시오 나는 그 것을 비워 둡니다 그러나 당신이해야 할 일 그룹화 된 제품의 경우 링크 된 제품 탭으로 이동하면 제품 페이지에 제품 항목을 넣을 수 있습니다 따라서 그룹화 된 제품은 목록에서 보았던 세 가지 제품은 모두 입력하기 만하면됩니다

제품 이름에 그럼 그냥 여기에 들어가서 이름을 입력하면됩니다 원하는 제품을 채울 수 있습니다 선택할 수 있습니다 어느 것이 든 추가하고 싶습니다

그리고 나서, 만약 당신이 일부를 상향 판매하기를 원한다면 추가 제품은이 섹션으로 내려와 동일한 작업을 수행합니다 괜찮아? 이것이 그룹화 된 제품을 만드는 방법이며, 원할 경우 항상 제품 카테고리 또는 제품 태그를 넣으십시오 추천 항목 그리고 다시, 당신이 특색있는 제품을 가지고 있는지 기억하십시오 섹션에 추가하고 싶다면 여기에있는 "수정"링크를 클릭하십시오

이 상자를 체크하고 여기에서 "OK"를 클릭하십시오 그리고 항상 기억하십시오 이러한 제품을 만들려면 '게시'버튼을 클릭해야합니다 그럼하자 나는 정말로 그것을 정말로 빨리한다

그것은 당신이 창조해야 할 모든 것입니다 그룹화 된 제품 그래서 실제로, 유일한 차이점은 제품에 있습니다 데이터 섹션에서 "그룹화 된 제품"옵션을 선택한 다음 링크 된 제품을 클릭 한 다음 그룹화 된 제품을 여기에 추가하십시오 언제나 할 수 있어요

업 셀링을 원하지 않으면이 섹션을 비워 두십시오 항상 거기에 몇 가지 제품을 넣어, 알았지? 마지막 제품 유형은 만드는 방법을 제휴 상품으로 보여 드리고 싶습니다 그래서 네가 원한다면 제휴 전자 상거래 웹 사이트를 만들거나 일부를 만드는 방법에 대해 알아보십시오 제휴 제품, 어떻게 생겼는지 보여 드리겠습니다 그래서 내가 한 것은 나야

Amazon 계열사와 제휴사 제품을 만들었습니다 내 샵에서보실 수 있습니다 이 제품은 내 모든 다른 제품처럼 보입니다 만약 내가 이것을 클릭하면 제품 페이지와이 페이지로 연결된다는 것을 알 수 있습니다 수량을 선택할 수 없다는 것을 제외하고는 다른 모든 제품 페이지와 유사합니다

장바구니에 추가하십시오 바로 여기에 버튼이 있습니다 "제품 구매" 이것을 클릭하면 Amazon 웹 사이트로 연결됩니다 실제로이 제품을 구입하고 크기 및 크기를 선택할 수 있습니다

그 모든게 좋아 이것은 아마존 제휴사 제품이므로 어떤 종류의 제휴 제품을 만들 수 있습니다 따라서 어떻게 생성하는지 배우고 싶다면 WooCommerce 플러그인을 사용하여 제휴사 제품에 대해 알아 보겠습니다 New 위에 마우스를 올려 놓고 "Product"를 클릭하면됩니다 나는 이미 이것을 만들었으므로 제품을 사용하기 위해 방금 내가 한 것을 보여주기 위해 "제품 편집"페이지로갔습니다

그래서 제품 제목, 나는 이것을 아마존에서 가져 와서 이것을 붙여 넣었다 그리고 나서 나는 아마존에서 여기에 대한 자세한 설명을하고있다 그런 다음 맨 아래쪽에 여기서는 간단한 설명을 넣고 Amazon에서 제품 이미지를 가져 왔습니다 그들을 여기에 넣어 라 따라서 제휴 제품과의 큰 차이점은 이 제품 데이터 섹션에 있습니다

너는 여기에 들어가서 너의 다른 모든 걸 좋아하고 싶다 제품을 만들려면 생성하려는 제품 유형을 선택해야합니다 그래서 우리는 제휴 제품을 만들고 있습니다 그래서 저는 이것을 선택한 것입니다 탭이 표시됩니다

일반 탭에서 수행하려는 작업은 URL에 입력됩니다 바로 여기 제품입니다 아마존의 경우 제휴사 링크가 있어야합니다 바로 복사하여 여기에 붙여 넣을 수 있습니다 그런 다음 제품 페이지의 버튼 텍스트는 여기에서 바로 할 수 있습니다

그렇지 않은 경우 기본값으로 설정됩니다 "제품 구매"로 클릭하면 제휴사로 연결됩니다 웹 사이트 그리고 나서 당신이하고 싶은 일은 제품 페이지 판매 중이라면 여기에 넣을 수 있습니다

꽤 많이, 그 밖의 모든 것은 동일합니다 인벤토리를 관리하거나 SKU 번호, 여기서 바로 할 수 있습니다 제품을 연결하려는 경우 다음을 수행 할 수 있습니다 바로 여기 그리고 나서이 다른 것들, 당신은 정말로 갈 필요가 없습니다

을 통하여 그래서 특성, 당신은 거의 생략하고 고급 탭에 대해서만 내가 여기에 갈 이유는 당신이 당신의 리뷰를 원한다면입니다 다시, 제품 카테고리 및 제품 태그를 여기에 입력 할 수 있습니다 그리고 너 모두 추천 제품을 만들고 싶지 않다면 클릭해야합니다 바로 여기에 "업데이트"또는 "게시"버튼이 있습니다

제품이 만들어지면 WooCommerce와의 제휴 제품을 만들기 위해해야 ​​할 일 모두 WordPress 용 플러그인 그래서 꽤 많이 만들었습니다 다른 유형의 제품은 WordPress 용 WooCommerce 플러그인을 사용합니다 내가하고 싶은 마지막 일은 당신이 가지고 있어야하는 페이지를 보여 주기만하면됩니다 귀하의 WooCommerce 플러그인

이제 페이지 위로 마우스를 이동하여 '모든 페이지'로 이동하십시오 페이지 페이지를 방문한 후에는 WordPress 플러그인을 사용하여 전자 상거래 웹 사이트를 실행하는 데 필요한 페이지 그래서 당신은 장바구니 페이지, 체크 아웃 페이지를 가지고 있는지 확인하고 싶습니다 내 계정 페이지는 기본적으로 모두 설치되어야하지만 케이스를 가지고 있는지 확인하고이 페이지를 올바르게 설정해야합니다 여기 당신이 본다 이것들은 WooCommerce 설정에서 설정됩니다

그래서 당신이 필요하다면, 당신은이 페이지들을 돌아가고 설정할 수 있습니다 이 페이지가 없다면 할 수있는 WooCommerce 플러그인을 사용하는 방법에 대한 텍스트 자습서로 이동 – WordPress에 대한 WooCommerce 자습서 및이 NYC Tech Club 페이지에 대한 링크가 있습니다 동영상 설명에 너 그냥 여기 올 수있어 너 단지 싶어 이 페이지를 만들고 제목을 "장바구니 페이지, 체크 아웃 페이지 및 내 계정 "페이지로 이동 한 다음 붙여 넣기 만하면됩니다

각 페이지에 텍스트를 입력 한 다음 '게시'를 누르십시오 그리고 나서 WooCommerce 설정을 클릭 한 다음이 페이지를 설정하십시오 그리고 그것은 전자 상거래 웹 사이트 용으로이 페이지들을 만들거야, 알았지? 그래서 마지막 내가하고 싶은 일은 단지 몇 가지 다른 옵션을 WooCommerce 플러그인 그래서 내가 WooCommerce를 가리키고 "주문"을 클릭하면 바로 여기는 주문 페이지입니다 주문을하면 그걸 볼 수 있습니다

모두이 목록에 나와 있습니다 우리는 "상태" 바로 여기에 그래서 이걸로 가서 클릭 만하면 주문을 볼 수 있습니다 결제 정보를 포함하여이 곳의 세부 정보,이 제품을 배송 할 위치 고객이 여기에서 샀던 것 변경하려는 경우 주문 상태는 여기에서 바로 처리 할 수 ​​있습니다

클릭하기 만하면됩니다 상태를 변경하거나 주문을 변경 한 경우 "업데이트"버튼을 클릭하고, 괜찮아? 따라서 주문을 이행하고 모든 주문 세부 정보를 볼 수 있습니다 고객이 구매 한 모든 것 지금하고 싶은 일은 쿠폰을 만드십시오 이 링크를 클릭하면 쿠폰입니다

페이지 쿠폰을 만들려면 "쿠폰 추가"를 클릭하십시오 그리고 다 당신은 쿠폰을 만들기 위해해야만합니다 여기 쿠폰 코드에 타이프가 있습니다 고객이 사용할 수 있습니다

그런 다음 여기로 와서 할인 유형을 선택하고 여기 쿠폰 금액을 입력하십시오 이걸 쿠폰으로 만들고 싶다면 무료 배송으로,이 상자 바로 여기에서 확인할 수 있습니다 있다 여기에 몇 가지 추가 옵션이 있으므로 직접 처리 할 수 ​​있습니다 쿠폰을 만들기 위해해야 ​​할 일을 클릭하고 여기에 "게시"버튼이 있습니다 다음 쿠폰을 삭제하거나 삭제할 수 있습니다

너도 좋아, 알았지? 그래서 내가하고 싶은 마지막 일은 다시 WooCommerce를 선택하고 보고서 페이지로 이동하려고합니다 그래서 이것을 클릭하면 다른 탭과 다른 탭으로이 페이지로 바로 연결됩니다 바로 여기 링크 이것이 Analytics 페이지입니다 그래서 더 유용 할거야

일단 당신이 판매를 시작하면, 그러나 이것은 당신이 가서 만들 수있는 곳입니다 전자 상거래 웹 사이트에 대해 원하는 유형의 보고서 그래서 나는 단지 이 페이지를 알게하여 한 번 사용하면됩니다 판매를 시작하고 전자 상거래 웹 사이트의 모든 것을 추적하려고합니다 WooCommerce를 사용하는 방법에 대한 자습서를 거의 완성했습니다

그럼 여기서 바로 홈페이지로 돌아가 보겠습니다 나는 단지 말하고 싶다 "축하해!" 이 WooCommerce 튜토리얼을 사용하는 방법 WordPress 용 WooCommerce 플러그인 질문이나 의견이 있으시면 코멘트 섹션에는 항상 코멘트를 남겨 두십시오 이 비디오가 유용하다고 판단되면, 큰 엄지 손가락을 올려주세요

또한 NYC Tech에 가입하십시오 클럽 YouTube 채널은 항상 새로운 동영상을 제공하기 때문에 이런 식으로 이 전자 상거래 웹 사이트를 만들고 싶다면 이 전자 상거래 웹 사이트를 단계별로 만드는 방법에 대한 동영상 가이드에 대한 링크가 있습니다 다시, 축하해! 시청 해 주셔서 감사 드리며 다음 동영상에서 보겠습니다 [음악]

Password Protect WordPress: How To Use Password Protected Plugin

이 비디오에서는 전체 WordPress 사이트 콘텐츠를 보호하는 방법을 보여 드리겠습니다 암호로

안녕하세요 채널에 오신 것을 환영합니다! 제 이름은 ThemeIslecom의 Robert입니다 이 옵션은 고유 한 컨텐츠를 작성한 다음 사용 가능하게 만들려는 경우 유용 할 수 있습니다 예를 들어 이메일 목록의 특정 잠재 고객에게 암호 보호라는 WordPress 플러그인을 사용하여 작업을 수행하는 방법은 다음과 같습니다 다른 WordPress 플러그인처럼 플러그인을 설치하고 활성화하십시오

그런 다음 설정으로 이동 하시겠습니까? 비밀 번호 보호 다음 페이지를 구성하기 만하면됩니다 암호 보호를 사용하려면이 상자를 선택하십시오 이 상자 중 하나를 선택하면 해당 권한을 가진 방문자 암호를 입력 할 필요가 없습니다 그들은 보통처럼 귀하의 사이트를 보게됩니다

더 아래로 두 번 새 암호를 입력 한 다음 IP 주소를 입력해야합니다 여기, 그 IP 주소에서 귀하의 사이트를 방문하는 모든 사람이 암호를 입력하지 않아도됩니다 변경 사항 저장을 클릭하면 정의한 액세스 규칙 중 하나에 맞지 않는 사람은 누구나 사용자가 사이트에 액세스하기 전에이 화면을보십시오 이 페이지의 스타일을 사용자 정의하려는 경우 사용자 정의와 동일한 방식으로 수행 할 수 있습니다 일반 WordPress 로그인 페이지 및 현재 권장되는 방법을 확인하도록 초대합니다 위의 비디오 또는 아래의 설명 상자에있는 링크에 액세스하십시오

다른 사람이 서버의 이미지 나 파일에 대한 직접 링크를 가지고있는 경우 그들은 여전히 ​​해당 파일에 액세스 할 수 있습니다 암호 보호는 실제 WordPress 사이트에만 영향을줍니다 그게 다야! 쉽지, 그렇지? WordPress 사이트에서 다른 콘텐츠 유형을 보호하는 방법에 대한 다음 동영상을 확인하십시오

Divi 3 How To Use A Popup Modal Box

안녕하세요 여러분, 다른 Divi WordPress 자습서에 오신 것을 환영합니다 제이미입니다

시스템 22 및 웹 디자이너 기술 팁 진정 이 비디오에서 우리는 일종의 팝업 창인 모달을 사용할 것입니다 그건 당신의 콘텐츠 상단에 있습니다 그래서 제가이 일을 끝내면 이리 당신 이것은 모달입니다 그것은 당신의 위에 앉아있는 약간의 팝 아웃 형태입니다 버튼이나 어떤 종류의 트리거를 클릭하면 Divi는 다른 모든 것에 환상적이기 때문에 모달은 훌륭합니다

aspect 나는 그들의 시스템에 모달을 왜 포함시키지 않았는 지 잘 모르겠다 하지만 내가 그렇게 많이 말했듯이 Divi는 당신이 그것을 시도하고 싶다면 절대적으로 굉장합니다 아래 링크를 체크 아웃하지만 어쨌든 Divi 사이트에 모달을 추가 할 것입니다 그래서 우리는 지금 이런 일이 일어나서 우리가 할 수있는 일을 얻을 수 있습니다 플러그인을 설치해야합니다

이미 설치했는데 보여 드리겠습니다 대시 보드에서 플러그인으로 이동하는 경우 수행해야 할 작업 거기에 가기까지 가서 새로운 것을 추가하십시오 여기 오른쪽에있는 검색 창에 팝업 메이커 em aka are 일단로드되면 일반적으로 첫 번째 것이지만 그 작은 녹색을 가진 것입니다 거기에 아이콘이있어 2461 리뷰 5 별 그래서 꽤 괜찮아 내말은 그게 진짜로 당신이 볼 수있는 것처럼 절대적으로 굉장한 통계가 되는거야

이미 설치 버튼을 누른 후 설치해야합니다 일단 다른 플러그인과 같이 활성화하면 활성화 될 것입니다 대시 보드는 여기에 있습니다 좋아요 설치되고 활성화 된 상태에서 마우스를 가져가 팝업을 추가하십시오

이제 우리는이 시험을 두 가지라고 부를 것입니다 이것은 내 의지가 될 것입니다 힌트를 제공하고 무슨 일이 일어나고 있는지 알려주며 Divi를 사용할 수 없습니다 빌더를 만들고 멋진 팝업을 정말 쉽게 만들 수 있습니다 그래서 빨리 뭔가를 만들어 봅시다

2/3 및 1/3 1/3 2/3 여기에 이미지 넣기 이걸 아주 빨리 할거야 이건 Divi 작성자가 아닐지도 몰라 이건 우리가 여기에 제목을 넣을 건 상관 없어 입술과 폭탄에서 넌센스 텍스트를 빠르게 가져와 봅시다

로렐의 순수함을 알지 못하는 분들은 필러 텍스트 일뿐입니다 디자이너가 텍스트를 넣을 때 사용할 수있는 콘텐츠가없는 콘텐츠를 거기에 적절한 텍스트가 어떻게 보이는지 알고 싶다 당신이 그것을 그냥 복사 할 수있을 때 꽉 끼는 꽉 끼는 타이핑 여기에 또 하나의 작은 행을 덧붙인다 나는 이것들을하고 있다고 말할 수있다 믿을 수 없을 정도로 빨리 나는이 특별한 물건을 만드는 데에 시간을 보내지 않는다

사이트를 올바르게 구축하는 방법은 귀하에게 달려 있습니다 좋아, 이거 저장해라 당신 그것을 발표하겠습니다 당신 당신 이제 괜찮아요 미리보기 버튼을 눌러보세요

그것은 다음과 같이 보일 것입니다 우리는 그냥 숙녀 그림과 아래에있는 텍스트 블록을 가지고 있습니다 분명히 당신은 당신이 좋아할만한 것을 알고 있습니다 비디오를 만들 수 있습니다 당신은 무엇이든지간에 사진 갤러리를 원할 것입니다

지금하고있는 일을 실제로 해보 죠 그걸로 내가하고 싶은 것은 내가 가고 싶은 페이지로 가야한다 당신 우리가 개발 한 비디오의 마지막 몇 이 작은 이미지들은 그레이 스케일에서 시작해서 그들 위에 마우스를 올려 놓습니다 그들은 자라나고 색깔이 생기고이 호버 글씨는 여기에있다 실제로 무언가를 말하는 방아쇠를 여기에 추가하고 싶습니다

더 많은 것을 읽으면서 나는 사람들이 할 수있게하고 싶다 그것을 클릭하고 라이트 박스를 열면이 팝업이 나타납니다 우리가 만든 이런 것들이 어떻게 만들어 지는지에 관해서는 직설적이지 않습니다 이 일을하지만 당신이 알지 못하는 한 그것이 얼마나 힘든 일인지 알지 못한다면 몇 번 해봤 으면 정말 쉽습니다 그래서 내가 할 일은 나는 가서 새 페이지를 추가 할 것이고 우리는이 페이지를 유지하지 않을 것이다

순전히 코드를 얻으려면 제목도주지 않을 것입니다 여기에있는 페이지를 보면 팝업 메이커를위한 작은 초록색 아이콘을 클릭하면 팝업이 나타납니다 방아쇠 내 옵션은 무엇입니까? 3 호 제목과 같은 것으로 만드십시오 우리가 꾸미고 싶어하는 경우에 대비해서 수업을 해줄거야 pop Z 아빠의 우우, 우리가 그 안에 무엇을 갖고 싶니? 그게 우리가 실제로 필요로하는 모든 것이어야하고 우리가 그 여자를 원하는 팝업이어야합니다

created2는 test2이고 우리는 그것을 저장하고 그것을 넣을 것입니다 믿거 나 말거나, 코드를보기 위해 텍스트 탭을 봐야합니다 그 두 괄호 사이에 우리가 원하는 모든 텍스트를 넣고 싶습니다 나는 더 많은 것을 읽으십시오 더 많은 것을 읽었다 거기에 우리가 간다 그리고 그것이 우리가 얻은 것이다

그래서 나는 이것을하고 싶다 텍스트 우리가이 페이지를 유지하는 것이 아니라고 말했습니다 우리의 방아쇠를 모두 ctrl C를 복사 실현 이제 우리가 사용하고자하는 페이지로 돌아가서 우리의 시각적 효과를 가능하게하자 여기 빌더 일단 이것이 가능 해지면 나는 이것에 갈거야 이것은 우리의 칼럼이고 우리의 텍스트 모듈을 사용하여 방아쇠를 당겨서 방아쇠를 당길 수 있습니다 석탄과 아마 당신이 처음 거기에 들어가면 비주얼 모드에있을 것입니다

약간의 텍스트 탭을 누르십시오 내가하고 싶은 것은 1 번 드롭 다운하여 붙여 넣기입니다 방금 복사 한 코드 이제 이미지를 조금 더 길게 만들지 만, 실제로 맞기 때문에 괜찮습니다 괜찮은 이미지 야 당신 그러니 그 말을 해봅시다

나는 더 많은 것을 읽었지 만 볼 수 있듯이 활동적이어서 우리를 구할 수 있습니다 변화들 당신 당신 비주얼 빌더를 종료하십시오 당신 당신 이 부분에 마우스를 가져 가면 더 많은 정보를 읽게되며 지금이 정보가 열립니다 그게 다 무슨 일이야 그것의 자신의 페이지의 일종에서 그것을 열어 내가 거기있어 정말로 관심이 없다고 생각하고 싶습니다 너를 위로 열어 라

이 실제 페이지의 상단에 있으므로 팝업으로 돌아가 보겠습니다 누가 왔어? 또는 팝업 나는 그것을 남겨두기 위하여 진짜로 저것을 저장에 흥미 있지 않다 거기에 두 페이지를 테스트 해보자 일단 우리가 팝업에 나타나면 내려 가서 보자 그리고 저는 그것을 열어주는 라이트 박스를 넣을 것입니다 우리가보고있는 것의 꼭대기에있는 라이트 박스는 다른 것들을 봐야합니다

당신은 당신에게 더 잘 어울리는이 것을 찾을 수 있습니다 그러나 그것은 제가 사용하기를 원하는 것입니다 그래서 나는 그것을 업데이트 할거야 당신 한 번 업데이트되면 내 페이지로 돌아갈 수 있습니다 우리는 빨리 새로 고칩니다

당신 더 많이 읽는 over-over 히트 그것이 실제로 그것을 터뜨렸습니다 페이지 자체를 통해 그들은 여전히 ​​백그라운드에서 페이지를 볼 수 있습니다 그런 다음 작은 닫기 버튼을 눌러 닫고 우리는 페이지 그래서 dimi 것을 가진 모달을 사용하는 방법은 정말 쉽습니다 효과적인 작은 도구는 그 버튼을 편집하지만, 나만 더 읽기 당신 당신 너와의 격차 그래, 이제 알았어 너와 비주얼 빌더를 나가라 이제는 CSS 클래스를 주었을 때 원하는 경우 CSS로 타겟팅 할 수 있습니다

그게 더 나아 보이지만 나는 그것을 가지고있어 그래서 이것을 검사 해보자 당신 팝 Z는 수업이었고 그래서 우리가하고 싶은 것은 그것을 갖자 당신 하지만 우리가 파란색 버튼 또는 그와 비슷한 것을 넣으면 배경 파랑 아마 그녀가 우리에게 말했던 것을 볼 수 없을 것이다 그래서 그것은 푸른 배경을 가지고있다 우리는 그 텍스트를 만들고 싶습니다

센터에서 우리는 배경을 보게 될 것입니다 패딩 (padding) : 상하 좌우 10 개 선택 20 개 선택 방법 찾고있어, 거기에 들어가자 나는 우리가 그 텍스트 센터를 만들고 싶다고 말할 수있는 것과 더 나이 들었던 숙녀가 말하기를 반올림 한 원인은 50 픽셀 좋아, 거기에 작은 파란 단추가있어 내가 그렇게 할거라고 말했어 텍스트를 중심으로 복사하면됩니다 우리가 추가 한 비트 만 커서를 복사 할 필요가 없다

그리고 나는 우리의 수업을 기억하고 싶다 Z는 우리의 Divi로 되돌아 가자 아래쪽에있는 옵션은 우리의 CSS입니다 그래서 들어 가자 한 쌍을 내려서 제목을 붙이세요

우리는 그것을 팝업 버튼이라고 부를 것입니다 거기서 타이틀을 닫고 Z는 클래스였습니다 클래스는 p o – p입니다 z 열리고 일부 중괄호를 닫습니다 그곳에있는 크롬 탐험가 크롬 검사관에게서 복사 된 괜찮아요

그래, 그 버튼에 약간의 호버 (hover) 효과를 주자 그래서 나는 복사 할 것이다 그 모든 것을 도트에서 닫는 중괄호에 추가하면 호버 컬이 추가됩니다 호버 위에 콜론 사이에 공백이 없어야합니다 패딩 또는 다른 무엇이라도 나는 배경색을 빨간색으로 표현할 것입니다

정말 상상력이 풍부합니다 여기서 색상을 지정하면 전환을 사용하여 실제로는 시간이 걸립니다 그것을하기 위해 나는 여기에서 아래로 전이 할 수있게했다 그래서 내가 그것을 간단히 베낄 것이다 거기에 우리가 간다

그리고 우리는 주인공에 그것을 넣을 필요가있다 호버 학급을 보지 마라 그러면 나는있다 아무 말도하지 말라 그래서 우리가 그렇게 할 때 3/4 초 안에 파란색에서 빨간색으로 바뀌어야합니다

그 말을 해봅시다 그리고 우리의 페이지로 돌아가서 새로 고침 우리의 검사관을 여기에서 제거하십시오 당신 우리가 가진 것은 우리의 버튼이 무엇인지 보아라 보시다시피 빨간색으로 변합니다 반응 적으로 내가하고 싶은 것은 그 텍스쳐를 중심으로하고 싶다 마지막으로 우리의 비주얼 빌더를 다시 사용할 수 있습니다

당신 거기에 우리가 가서 더 체크 마크를 확인하는 것 같아 당신 거기서 우리는 그 텍스트가 이제 그 버튼 안에 중심에 놓이게됩니다 그래서 나는 그걸로 꽤 행복해 따라 와야하고 너는 이것을 안다 그녀의 생체 또는 그와 비슷한 것일 수 있습니다

비주얼 빌더를 종료하십시오 당신 이 여자의 생체가 될 수 있다고 말한 것처럼 그것을 클릭하면 나머지 부분은 물론 할 수 있습니다 각각에 대해 다른 팝업을 작성하십시오 더 빨리하자 죄송합니다

어떻게 추가할까요? 내가 전에 만든 또 다른 하나를 가지고 있다는 것을 알고 있습니다 팝업 트리거 bio1이 우리가 만든 것이기는하지만 똑같이 생겼습니다 전에 당신 그리고 그것은 똑같은 종류의 팝 Z를 가질 것입니다 그래서 똑같은 일을 할 것입니다 버튼이 즉시 나타나야하고 우리가 ch3을 마지막으로 한 것은 무엇이라고 했습니까? 이제 우리가있는 텍스트를 살펴보고 거기에 모든 제목을 넣어 보겠습니다

거기에 팝업의 실제 아이디어가 있습니다 그래서 아마 당신은 만약 당신이 복사를 통해 이것을 다시 우리의 페이지 Mabel로 복사한다면 비주얼 빌더이다 당신 첫 번째 팝업이 두 번째 팝업과 정확히 동일하다는 느낌이 들었습니다 다른 것은 아니지만 그 코드를 여기에 붙여 넣으십시오 이번에는 텍스트 편집 탭에 있습니다

텍스트 센터를 원하겠습니다 확실한 강조가 다시 거기에있다 그리고 그것은 그 클래스를 가지고있다 팝 Z는 다른 것과 똑같아 보여야합니다 왜 오랫동안 거기에 더 이상 그래, 우리가 가서 왜 아마 하나 더 거기 아마 내가 괜찮아 짐작하지 않을 것 같다

그리고 그 이상 튜토리얼입니다 그러나 어쨌든 모달은 웹 사이트에 가지고있는 위대한 것들이고 내가 말하는 것처럼 포함되어 있지 않지만 사이트에 추가하는 것은 정말 쉽습니다 그것은 많은 시각적 인 건축업자를 끝내고 우리가 2 개의 다른 것을 가지고 있는지 보자 팝업 거기에 우리는 실제로 두 가지 다른 것들을 가지고 있다고 생각하지만 그들은 아마 제인 스미스의 첫 번째 파란색 셔츠와 똑같은 모습을 보입니다 제인 스미스 (Jane Smith)는 처음에는 녹색 셔츠 아래에 제목이 있다는 것을 보았습니다 그래서 그것은 다른 사람이 단지 그 제목인지 확인하고 싶었습니다

우리가 만든 모달을 클릭하여 모범을 보았습니다 거기에 왼쪽 라인과 두 번째 라인을 넣었 어 나는 그것을 Jane이라고 불렀다 스미스와 나는 센터에 제목을 써서 뭔가 다른 것과 정렬시켜야한다 두 가지 다른 모달이 거기에서 열리는 것을 보아라

우리 CSS는 이것들은 우리가 Z 클래스의 클래스를 제공했기 때문에 거기에 당신은 그것을 갖게했습니다 거기에 그만해라 그 날이 끝나기 전에 미안하지만, 정말 유용하다 작은 기능 그래서 나는 당신이 공유하고 싶다면 그것을 즐겼기를 바랍니다 우리의 YouTube 채널을 구독하십시오

당신은 웹 개발에 관심이 있습니다 훌륭한 무료 코스뿐만 아니라 거대한 할인 코스가있는 멋진 코스 우리 YouTube 가입자들에게 다시 한번 시스템 22의 제이미였습니다 기술 팁에 웹 디자인 사용 좋은 하루 되세요

How To Use Broken Link Checker WordPress Plugin [2019]

얘들 아 이것은 가혹한 것이며이 비디오에서 우리는 어떻게 우리가 고장을 수리 할 수 ​​있는지 배우게 될 것입니다 WordPress의 링크

기본적으로 깨진 링크는 404 오류 및 대부분을 제공하는 링크입니다 오랫동안 블로깅을하고 있다면 과거에 추가 한 많은 링크 다른 웹 사이트의 웹 사이트가 다운되었거나 웹 사이트 자체가 다운되었을 수 있습니다 페이지가 더 이상 존재하지 않습니다 이러한 링크는 검색 엔진에 유용하지 않으며 블로그에 대한 부정적인 포인트로 간주되므로 항상 매월 당신은 한 번 일하며 블로그의 모든 깨진 링크를 고쳐야합니다 그것이 WordPress에 관해서, 실제로이 모든 깨진 링크를 고칠 수있는 많은 플러그인이 있습니다

몇 번의 클릭 나는 Broken Link Checker Plugin에 대해서 이야기 할 것이다 그것은 내가 사용하고있는 플러그인이다 내 블로그 중 하나에 설치하면 플러그인의 설정 페이지, 설정 및 링크 검사기를 선택하고 여기에서 설정을 구성 할 수 있습니다

나는 일반적으로 2, 3을 사용한다 설정 이 플러그인을 설치할 때마다 여기에 "강제 재검사"옵션이 있습니다 나는 모든 링크를 확인하고 모든 깨진 링크와 리디렉션 된 링크를 찾도록 사용합니다 [들리지 않음] 서버 또는 공유 호스팅 서버를 사용하고 있고 블로그가 좋아지고 있다면 [알아들을 수 없는]

서버로드 제한을 사용하여 웹 사이트가 내려 가지 않습니다 또한 링크를 확인할 위치를 구성 할 수 있습니다 이 모든 설정을 완료하면 Tools, Broken Links로 이동하여이 페이지를 볼 수 있습니다 보이는구나 이 모든 모든 링크는 내 404 링크입니다

여기 옵션이 필요해 나는 작동 링크를 발견하고 "URL 편집"을 클릭하고 여기에서 직접 바꿉니다 링크를 찾을 수 없다는 것을 알고 있으면 링크를 선택하기 만하면 "링크 해제"를 클릭합니다 기본적으로 404 링크는 모두 연결 해제되며 내 블로그는 더 적은 수의 연결이 끊어집니다 모래밭

그 외에도이 플러그인의 다른 좋은 기능은 리디렉션이라고합니다 뭐야? 과거에 링크가 추가되어 다른 웹 페이지로 리디렉션되는 경우, 여기에서 모든 사람들을 볼 수 있습니다 여기로 가서 링크를 선택하고 "Fix 리다이렉트 (redirects) "그것이하는 일은 웹 페이지 대신 실제 페이지로 연결되기 시작합니다 리디렉션 된 페이지

이것은 좋은 일입니다 계속해야합니다 한 가지 제안,하지 마라 이 플러그 접속식이 당신의 블로그를 감속하기 때문에 항상이 플러그 접속 식을 달린 유지하십시오 그러나 한 번 잠시 후 Broken Link Checker Plugin을 사용하는 것이 좋습니다

그래도 질문이 있으시면 언제든지 의견을 통해 저에게 질문하십시오 보고 주셔서 감사합니다 이것은 거친 것입니다

Neve WordPress theme tutorial: How to use Neve step by step 👦

안녕하세요 여러분, ThemeIslecom의 Robert입니다

이 비디오에서 저는 여러분에게 보여줄 것입니다 Neve WordPress 테마를 최대한 활용하는 방법 여기에 배울 점이 있습니다 : 우선, Neve를 다운로드하고 설치하는 방법을 알려 드리겠습니다 그런 다음 상자에서 어떻게 작동하는지 그리고 맞춤 설정 도구를 사용하여 변경하는 방법을 확인할 수 있습니다 레이아웃 설정, 색상, 활판 인쇄 등

또한,이 아름답고 무료 웹 사이트 템플릿을 가져 오는 방법을 배웁니다 사이트 라이브러리에서 데모를 선택하면 내용을 변경하여 데모를 만드는 방법을 보여줄 것입니다 귀하의 프론트 페이지에서 변경됩니다 준비 되었나요? 시작하자 ThemeIsle

com의 Neve 페이지로 이동하십시오 지금 무료로 다운로드 버튼을 클릭하십시오 팝업 창에 이메일 주소를 입력하고 지금 다운로드를 클릭하십시오 Neve의 zip 파일은 자동으로 확인되는 반면 확인 페이지로 리디렉션됩니다 귀하의 컴퓨터에 다운로드되었습니다

파일은 웹 브라우저의 Downloads 폴더에있을 것입니다 찾으면 위치를 기억하고 다음 단계로 계속 진행합니다 WP-admin이라고도하는 WordPress 대시 보드에 로그인하십시오 화면 왼쪽의 관리자 메뉴를보고 모양 -> 테마를 클릭하십시오 이제 화면 상단에 나타나는 Add New 버튼을 클릭하십시오

그런 다음 업로드 테마를 클릭하면 새 섹션이 펼쳐집니다 파일 선택 버튼을 클릭 한 다음 Neve의 zip 파일을 찾아 선택하십시오 그런 다음 Install Now (지금 설치)를 클릭하고 프로세스가 완료되도록하십시오 그런 다음 활성화를 클릭하십시오 새로운 WordPress 웹 사이트에 Neve를 설치하면 앞에와 같은 내용이 표시됩니다

데모 페이지에서 본 페이지에서 멀리 떨어진 페이지입니까? 그래서 앞으로 몇 분 안에, 그것을 어떻게 커스터마이징하고 어떻게 만드는지 보여 드리겠습니다 몇 번의 클릭만으로 데모처럼 보입니다 먼저 테마 설정을 변경하는 방법을 살펴 보겠습니다 테마가 설치되고 활성화 된 후 모양 → 사용자 정의 프로그램으로 이동하여 사용자 정의를 시작하십시오 만년설

사용자 정의 프로그램 옵션은 대개 가져온 페이지를 제외한 모든 페이지를 처리합니다 Elementor로 쉽게 사용자 정의 할 수 있습니다 나는이 비디오의 뒷부분에서 정확히 어떻게하는지 보여줄 것이므로 계속 지켜 보아라 그런데, 단계를 뛰어 넘고 싶다면 설명의 타임 스탬프를 사용하십시오 아래 상자에 사용자 정의 프로그램에는 레이아웃 설정, 색상 및 배경을 변경하는 옵션, 머리글 영역, 폰트 패밀리, 메뉴 설정, 위젯 옵션, 홈페이지 설정 및 특정 CSS 필드를 사용하여 특정 항목을 변경할 수 있습니다

CSS 코드 레이아웃 탭에서 수행 할 수있는 작업을 살펴 ​​보겠습니다 여기서 설정을 변경할 수있는 다섯 가지 요소를 볼 수 있습니다 컨테이너, 내용 및 사이드 바, 블로그 및 아카이브, 단일 게시물 및 마지막으로 바닥 글 귀하의 웹 사이트의 영역 상자 안의 옵션을 보려면 컨테이너를 클릭하십시오

여기서 변경할 수있는 첫 번째 사항은 데스크톱의 컨테이너 너비 (픽셀 단위) 및 모바일보기에도 사용됩니다 아래에서 기본 컨테이너 스타일, 블로그, 아카이브 컨테이너 스타일 및 단일 포스트 컨테이너 스타일에 사용됩니다 각 설정에는 두 가지 옵션이 있습니다 포함 또는 전체 폭 그게 끝났으니 다시 돌아가서 두 번째 요소의 설정에 액세스 할 수 있습니다

여기에서는 사이드 바 레이아웃이 사이트 전체에서 어떻게 보이는지 변경할 수 있습니다 사이드 바는 기본적으로 오른쪽에 있으며 왼쪽으로 옮기거나 제거 할 수 있습니다 귀하의 사이트에 그것을 필요하지 않으면 완전히 또한 사이트 전체의 너비를 50 ~ 100 %로 설정할 수 있습니다 고급 옵션을 활성화하려면이 스위치를 클릭하고 동일한 옵션을보십시오 블로그 페이지, 아카이브 페이지, 단일 게시물 및 기타 페이지에 대해 별도로 제공됩니다 이 페이지에 다른 구조를 사용하려는 경우 유용 할 수 있습니다

블로그 및 보관 설정은 이러한 페이지의 콘텐츠가 구조화되는 방식을 변경하기위한 것입니다 첫 번째 옵션은 블로그 레이아웃을 변경하는 것입니다 벽돌 스타일을 선택하면이 드롭 다운에 네 가지 옵션이 있습니다 블로그 페이지에 최대 4 개의 열을 표시하도록 선택할 수 있습니다 예를 들어 세 개의 열을 선택하면됩니다

아래에서, 당신은 발췌 기간을 5에서 300까지, 포스트 페이지 매김을 Number로 설정할 수 있습니다 또는 무한 스크롤 또한 게시물 내용 순서 및 표시 할 내용을 선택할 수 있습니다 Meta Order를 사용하면 이러한 요소를 이동할 수도 있습니다 쿨, 맞지? 예를 들어 저자 인 요소를 숨기려면 여기를 클릭하십시오 단일 게시 설정 탭에서 동일한 옵션을 사용할 수 있습니다

이상하게 들릴지 모르지만 제목 위에 콘텐츠를 드래그 할 수 있으며 모든 요소를 ​​숨길 수 있습니다 – 예를 들어 게시 항법 마지막으로 바닥 글 설정에 액세스하여 텍스트, 바닥 글 메뉴 또는 아무 것도 선택하지 않고이 영역을 끌 수 있습니다 위젯 탭에서이 드롭 다운에 표시 할 열 수를 선택할 수 있습니다 예를 들어 세 가지를 선택하면 모양 아래의 위젯 영역으로 돌아갑니다

대시 보드에서 바닥 글 1, 바닥 글 2 및 바닥 글 3을 볼 수 있습니다 왼쪽에 표시되는 위젯을 추가하십시오 이미지, 텍스트, 링크 등을 추가 할 수 있지만 위젯이 표시된다는 것을 기억하십시오 귀하의 웹 사이트 전체에서 기본 버튼의 색상을 변경할 수 있기 때문에 간단하지만 강력합니다

기본 색상이됩니다 그런 다음 링크, 호버 온 링크, 텍스트, 기본 메뉴 항목, 기본 항목의 색상을 변경할 수 있습니다 마우스 오버시 마누 아이템과 이미지로 대체 할 수있는 배경색 여기에서 하나를 선택하십시오 각 색상의 기본값을 클릭하면 초기 설정으로 돌아갑니다 바로 여기에 사이트 식별 정보, 상단 표시 줄 및 기본 탐색의 세 가지 옵션이 있습니다

사이트 ID 탭에서 사이트를 대신 할 로고를 선택할 수 있습니다 제목과 꼬리말을 헤더 메뉴의 왼쪽에 표시합니다 여기에서 선택할 수있는 또 하나의 사이트 아이콘은 사각형이어야하며 필요합니다 적어도 512 x 512 픽셀을가집니다 여기에서 상단 막대를 사용하면 메뉴 위에 두 개의 요소가 포함 된 작은 공간을 볼 수 있습니다

예를 들어, 전화 번호를 표시하는 데 사용할 수있는 콘텐츠 필드와 Top Bar 메뉴 선택기 여기에 클릭 투 콜 메시지를 표시하려면이 HTML 코드를 사용하십시오 방문자가 클릭하면 방문자를 전화 걸기 앱으로 리디렉션합니다 그냥 번호를 자신의 것으로 바꾸면 좋은 편입니다 레이아웃 옵션을 사용하여 요소의 위치를 ​​바꿀 수도 있습니다

이제 변경 사항을 게시하고 기본 탐색 옵션으로 이동하십시오 여기에서 메뉴의 탐색 레이아웃과 마지막 항목을 변경할 수 있습니다 예를 들어 검색 기능을 숨기려면이 드롭 다운에서 없음을 선택하십시오 우리는 헤더 영역을 다 처리 했으므로 다음 필드로 갈 수 있습니다 이것은에 사용 된 모든 글꼴에 대한 일반 설정을 변경할 수있는 영역입니다

귀하의 전체 사이트 여기에 글꼴 하위 집합, 여기에 글꼴 패밀리, 전용 옵션이있는이 필드의 글꼴 크기 모바일보기의 경우 여기에 있고 Line Height는 모바일에 대해 별도의 값을 가질 수 있습니다 장치 또한 글꼴 패밀리, 글꼴 크기 및 선 높이를 변경할 수있는 옵션이 있습니다 H1에서 H6까지 표제의 각 집합 이것들은 블로그 게시물과 페이지의 요소로서, 정보를 구조화하는 데 도움이됩니다

부제와 함께 아직 메뉴가없는 경우 여기에서 메뉴를 만든 다음 드롭 다운 메뉴를 사용하여 위치를 선택하십시오 View All Locations (모든 위치보기)를 클릭합니다 아이콘으로 멋진 메뉴를 만드는 방법을 보려면 권장 비디오를 확인하십시오 또는 설명 상자의 링크를 클릭하십시오

위젯은 사이드 바에서 볼 수있는 요소이며 바닥 글에서 같은 것을 사용할 수 있습니다 지역도 바닥 글 1, 바닥 글 2, 바닥 글 3 및 바닥 글 곧 레이아웃 설정에서 원하는 열 수를 선택할 수 있음을 기억하십시오 바닥 글 영역 여기에서 사이트의 홈페이지에 표시 할 내용을 선택할 수 있습니다

최신 블로그 게시물이나 정적 페이지 일 수도 있습니다 드롭 다운에 표시되는 페이지 이외의 여기에 새로운 정적 페이지를 선택하려면 해당 페이지를 만든 다음 여기에서 선택하십시오 해당 페이지는 홈페이지가되고 다른 페이지는 귀하의 게시물이 표시되는 위치가됩니다 예를 들어 Neve를 설치할 때 기본적으로 제공되는 블로그 페이지와 같습니다 이는 네브의 개인 포트폴리오입니다

여기서 Neve가 할 수있는 일과 수행 방법에 대한 많은 정보가 제공됩니다 또한 도구가 더 쉽게 액세스 할 수 있도록 링크되어 있습니다 아직 유용한 플러그인 탭에는 언급되어 있지 않지만 WordPress 용 AMP는 플러그인입니다 Neve의 속도를 최대한 활용할 수 있습니다 Neve는보다 유동적 인 경험을 위해로드 시간을 줄이는 AMP 준비 테마입니다

Neve를 최대한 활용하려면 WordPress 용 AMP를 설치해야합니다 귀하의 웹 사이트에서 AMP를 활성화하는 플러그인 Gutenberg Blocks and Template Library는 WordPress의 가벼운 플러그인입니다 귀하의 사이트에 여분의 구텐베르크 차단 복잡한 페이지와 게시물을 만들고 싶다면 오터 블록 만 있으면됩니다

아름다운 페이지를 만들 수 있습니다 Neve와 함께 웹 사이트를 설정하는 가장 빠르고 쉬운 방법입니다 모양> 네브 옵션> 사이트 라이브러리로 이동하여 템플릿을 선택하십시오 가져오고 싶습니다 쉽게 가져올 수있는 데모 콘텐츠가 여러 개 있으며 그 중 Neve 데모 웹 사이트의 콘텐츠 Neve는 이전 테마가 Zelle인지 여부도 감지합니다

Neve로 전환하고 싶지만 Zelle의 첫 페이지가 정말 좋아하면 Neve가 만듭니다 Zelle과 비슷한 FrontPage를 쉽게 가져올 수 있습니다 탐지는 자동으로 수행되며 프로세스는 다음에 표시되는 것과 유사합니다 Neve Original 데모를 지금 선택하겠습니다 선택한 데모를 가져 오기 버튼을 클릭하면 Elementor가 자동으로 선택됩니다

편집 프로세스를 용이하게하기 위해 설치됩니다 이 기능은 다른 기능들 중에서 잘 디자인 된 데모 전체를 가져옵니다 주제별 게시물을 포함하는 FrontPage 및 블로그 페이지 가져온 데모는 쉽게 사용자 지정할 수 있습니다 데모 컨텐츠를 가져온 후 가져온 페이지 중 하나가 자동으로 할당되었습니다

Frontpage의 역할 페이지 / 모든 페이지로 이동하여이를 확인할 수 있습니다 이 페이지는 Elementor를 기반으로하므로 클릭 한 번으로 여기에서 Elementor 링크로 편집하십시오 Elementor 인터페이스가로드되면 컨텐츠 및 설정 변경을 시작할 수 있습니다 각 요소를 클릭하면 설정이 표시됩니다 예를 들어 배경 이미지를 변경해야하는 경우에는 여기 첫 번째 섹션

이 섹션에 표시된 텍스트를 여기에서 변경하고 버튼을 여기 등으로 변경하십시오 9 개의 사용자 정의 가능한 섹션과 함께 사용할 수있는 큰 제목 섹션이 있습니다 네가 원하면 일부 섹션은 중복으로 작성되고 장치에 따라 별도로로드됩니다 현재 웹 사이트에 액세스 중입니다 예를 들어 구독 섹션은 바탕 화면보기의 첫 번째 항목을로드하고 휴대 전화 또는 태블릿의 두 번째 항목 편집시 바닥 글 영역에서 연락처 세부 정보를 두 번 볼 수 있습니까? 앞에서 언급 한 구독 섹션의 경우와 동일합니다

고급 탭으로 이동하여 응답 설정을 열면 첫 번째 요소는 데스크톱 기기에서 숨겨져 있으며 아래에서 보는 섹션은 숨겨져 있습니다 태블릿 및 휴대 전화 쿨, 맞지? 첫 페이지 하단에는 CSS 코드가 포함 된 HTML 위젯이 있습니다 휴대 기기 및 태블릿 용 애니메이션을 비활성화하고 인터넷 용 수정 프로그램을 만들었습니다 탐침

이 회색 영역을 클릭하면 추가 할 수있는 CSS 코드를 볼 수 있습니다 휴대 기기 및 태블릿의 바닥 글 섹션에 대한 기능 각 스 니펫은 CSS 코드의 각 부분을 설명하며 사용자 정의 할 수있는 고유 한 목적을 가지고 있습니다 예를 들어, 다음 코드는 화면 너비가 낮을 때 애니메이션을 비활성화합니다 768px보다 이 기능을 사용하려면 MailChimp 또는 SendinBlue 계정이 있어야합니다 계정이 있으면 개인 키에서 API 키인 액세스 키를 검색합니다

MailChimp 또는 SendinBlue 계정을 자신의 웹 사이트에 추가하고 플러그인 설정에 삽입하십시오 대시 보드에서 삽입 된 액세스 키는 액세스 키 옆에있는 목록 ID를 더 생성합니다 여기에서 볼 수 있듯이 해당 필드에 삽입해야합니다 네브에 대해 알아야 할 모든 것을 다 다루었다고 생각합니다 끝날 때까지 나와 함께 지내는 보너스로, 네브가 어떻게 블록과 함께 일하는지 보여 드리겠습니다

편집인 (일명 구텐베르크) 대시 보드에 새 페이지 또는 게시물을 추가하고 블록 편집기를 사용하면 문서 설정을 화면 오른쪽에 표시합니다 마지막으로 게시물에 대한 패널은 게시물 설정이며 분명히 페이지 설정을 볼 수 있습니다 여기, 페이지에 옵션은 특정 게시물 또는 페이지의 레이아웃을 변경하는 데 매우 유용합니다 그것의 구성 요소 가시성

이 설정에 대한 자세한 내용과 WordPress의 블록 편집기로 방문 페이지를 만드는 방법 동영상에서 지금 화면에 표시됩니다 우리의 채널에서 다른 WordPress 비디오를 확인하고 아래에 의견을 남겨주십시오 나와 대화를 시작하기 Neve에 관해서 어떤 질문이라도하고 나는 그것을 대답하기 위해 최선을 다할 것입니다 거기서 보자

How to Use Avada Theme's Global Elements and Containers in WordPress

안녕하세요, 제 이름은 제시입니다 저는 여기 강사 중 한 명입니다

We Do 인터넷에서 오늘 UnScripted에서 우리는 템플릿의 아바다 글로벌 기능을 살펴 보겠습니다 제목 슬라이드와 낙관적 인 음악 재생 시작하기 전에 Avada Theme를 설치하고 사용할 준비가되었는지 확인하고 싶습니다 Avada의 최신 버전을 설치했고 데모도 가져 왔습니다 그래서 나는 모든 다른 페이지 레이아웃 등등을 가지고 있습니다 오늘 내가 할 일은 기능을 살펴 보는 것입니다

허용 할 작은 글로벌 기능을 사용하는 방법에 대해 글로벌 컨테이너를 만들고 글로벌하게 만들기 위해 열 및 기타 전역 요소를 반복해서 사용할 수 있습니다 그래서이 특별한 홈페이지에, 어, 대학 이 부분이 바닥에 있습니다 "50 만 명이 넘는 학생들이 가입하십시오" 나는 그것이 어떤 페이지의 맨 아래에 있기를 바란다 나는 사용하는 것을 좋아한다

그래서 실제로이 페이지를 편집하려고합니다 WordPress의 내부에서 상단의 편집 페이지 메뉴를 클릭하십시오 나는 새로운 창문으로 열어, 그건 내가 상쾌하게하기 위해 거기에 머물고 싶다는 나의 습관이다 여기 Avada Fusion Builder가로드됩니다 나는 바닥으로 내려갈 것이다

그것은 그 곳이다 특정 CTA는 (클릭 유도 문안)이며, 이미 내부에 있고 글로벌 컨테이너로 사용됩니다 그래서 항상 사용할 수 있습니다 모든 페이지에서 사용하기 그리고 여기에서 편집 할 때마다 모든 부분을 편집 할 것입니다 이는 글로벌 컨테이너를 갖는 이점 중 하나입니다

당신이 그것을 사용할 수 있고 당신이 편집을한다는 것입니다 그것은 편집하고, 전체적으로 업데이트됩니다 우리는 다른 지점을 고를거야 그래서 우리는 우리 자신의 글로벌 나는 우리 조각 인 조각을 보았다 값

그래서 저는 우리의 가치를 찾으러 갈 것입니다 여기는 토글에 있습니다 내가 할 일은 이것을 클릭 할 것입니다 작은 열을 저장하거나 작은 하드 드라이브 이미지처럼 보입니다 나는 그 이름을 지어 줄거야

그것은 우리의 가치라고 불릴 것입니다 나는 그것을 글로벌로 저장하려고합니다 지금, 이것을 정기적으로 저장하면 저장 열을 클릭하기 만하면됩니다 내가 할 일은 항상 내게 그것에 접근을 제공하는 것이다 하지만 전역 요소처럼 작동하지는 않습니다

글로벌 요소는 내가 원하는대로 변경되므로 변경 사항을 적용하면 전체적으로 업데이트됩니다 그래서 전역 요소 저장을 클릭하고 열 저장을 클릭하십시오 이제 Avada에서이 페이지를 업데이트하지는 않았지만이 페이지는 업데이트되므로 페이지를 업데이트 할 필요가 없습니다 만약 내가 이것을 단지 예제로 사용했다면, 다른 분야의 다른 요소를 잡아 내고 싶다 나는 그것을 할 수있다, Save를 클릭하고, 계속 나아 간다

그래서 저는이 "우리의 가치관"에 토글을 추가 할 페이지를 고를 것입니다 그리고 저는 갈 생각입니다 입학 전형에 나가 봅시다 좋아요 입학시, 먼저 토글이 없는지 확인해 볼게요

괜찮아요, 토글이 없습니다 그래서 저는 Four Success 직후 토글을 추가 할 것입니다 나는 다시 여기로 가서 편집을 위해이 페이지를 열어, 나는 내가 필요로하지 않는 다른 하나의 클로즈드에 가까워 나는 연락 양식 바로 전에 바닥으로 내려갈 것입니다 이 둘 사이에 컨테이너를 추가 할 예정입니다

Column을 추가하고 Library 열을 선택하겠습니다 여기에서 나는 우리의 가치를 클릭 할 것이고, 그것은 내가 원하는 실제 것으로 거기에 삽입 할 것입니다 이걸 여기서 지우고, 오른쪽에 붙여 놓으십시오 이제 업데이트를 클릭하겠습니다 그리고 나서, 내 페이지가 게시되고 살기 때문에 새로 고침 할거야

여기에 우리의 가치와 사명이 있습니다 그래서이 페이지에서 우리의 가치 섹션으로 다시 스크롤 할 것입니다 이 지역을 여기서 편집 할거야 그리고 저는 그것을 당신의 가치로 만들 것입니다 그래서 우리는 그 차이점과 그것이 어떻게 작동 하는지를 볼 수 있습니다

또한 홈 페이지에서도 어떻게 작동할까요? 저장하고 새로 고침하세요 그것은 당신의 가치를 말한다 이제 홈 페이지로 이동하여 볼 수있는 하단까지 스크롤하면 잠깐, 그것이 우리의 가치관입니다 오, 알았어, 왜 그런지는 모르겠다 왜냐하면 이것이 글로벌 요소가 아니기 때문에 나는 지난번에 저장하지 않았다

이것은 문제가되지 않는다 나는 그 문제를 해결할 것입니다 여기 있습니다, 저는 열을 추가 할 것입니다, 하나의 열, oops가 엉망이되었습니다 열로 이동하고 라이브러리 열을 클릭하고 값을 선택하면 여기를 클릭하여 끌어 올 것입니다 그래서 지금 이것은 이전 것을 대체합니다, 나는 그 오래된 것을 지우고 있습니다, 업데이트를 치십시오

이제 저는 앞으로 나아가서 여기에서 편집을합니다 그래서 우리는 그것이 다시 작동하는 것을 볼 수 있습니다, tomoorow의 값을 입력하고 업데이트를 클릭하십시오 그리고 지금은 페이지, 나는 여기서 새로 고침을 할 것이고 그래서 당신은 내일 잘못된 철자가있는 페이지를 볼 수 있습니다 그리고 나서 입학을 위해 입학을 클릭하고 아래쪽으로 스크롤하여 내일의 가치를 가져야합니다 멋지다

나는 실수를했다 잘못 입력했다 잘못 입력 했으므로 여기에서 고칠 것이다 나는 그것을 올바르게 철자하겠습니다 그리고 그것을 통해 그것을 새롭게 할 것입니다

계속 진행하고 바로 잡으십시오 그러면 그것이 내가 가지고있는 모든 장소에서 업데이트됩니다 정말 멋집니다 여기에 내가 홈 페이지에 있었음을 발견하면 홈 페이지에서 편집을했습니다 Admissions 페이지에 있습니다

왜냐하면 그것은 글로벌 컨테이너이기 때문입니다 실제로 업데이트 만합니다 당신은 몇 가지를 위해 전역 컨테이너를 사용할 수 있습니다 전체 섹션에 사용할 수 있으므로 전체 페이지를 수행하려는 경우 컨테이너 및 열의 컨테이너를 선택할 수 있으며 템플릿을 만들 수도 있습니다 다시 한 번 최상위 수준에서도이를 수행 할 수 있습니다 그러면 전체 페이지가 선량으로 가득 차게됩니다

그리고 당신은 그것을 매우 간단하게 사용하여 즐길 수 있습니다 그것은 avada의 테마와 전역 컨테이너 기능을 사용하여 비 스크립트 화 된 것입니다 우리가 인터넷에서 제공하는 자막 제공 2019

Divi WordPress Theme How To Use The New Dynamic Content Feature

안녕 얘들 아, 다른 Divi WordPress 테마 비디오에 오신 것을 환영합니다 제이미입니다

https://wwwsystem22net 및 http://web-design-and-tech-tipscom – 우물 Divi를 다시 한 번 해보니 다른 업데이트를 가져 와서 그들이 동적 콘텐츠라고 부르는 내용이 포함되어 있으므로이 동영상에서 어떻게 페이지의 헤더 및 사이트 이동 경로에 약간의 동적 콘텐츠를 사용하려면 DVD 버전 31 9를 사용하여 Divi를 아래에서 확인해보십시오

비디오 거기에 내 제휴사 링크가 있다면 그것을 확인하고 싶다면 당신은 WordPress 사이트의 어떤 종류든지 건축하고 있습니다 Divya 모양은 절대적으로 멋지지만 어쨌든 가보고 무언가를 만들어 봅시다 새 페이지를 추가하겠습니다 제목을 붙이자 거기 진짜로 호쾌한 제목 새로운 내용 및 Divi 건축업자를 이용하자 당신 Divi 빌더가로드 된 것을 볼 수 있습니다

스크래치 당신 premade를 사용할 수 있습니다 아프거나 기존 페이지를 복제하지만 난 내가 여기서 시도하고 달성 할 수있는 것을 여기서부터 처음부터 만들거야 나는 모든 페이지에서 사용할 수있는 바를 만들거야 그들은 그 페이지를 가질거야 여기에 페이지의 이름과 빵 부스러기 기본적으로 링크입니다 이 쪽의 페이지와 새 페이지에서 사용할 때마다 동적으로 업데이트하기 때문에 아무 것도 변경하지 않습니다 동적 인 내용은 전부 대략이다 그래서 나는 새로운 단면도를 얻는다

3 줄을 추가하면 왼쪽에 내 페이지 제목이 표시됩니다 거기 오른쪽에 링크가있어서 첫 번째 모듈에 모듈을 삽입 할 것입니다 여기 열은 단지 일반 텍스트 모듈입니다 지금 당신이 여기있는 분야를 보면, 거의 알지 못할 것입니다 거의 비슷합니다

거기에 조금 더하기 디스크 유형 아이콘 거기에 당신의 역동을위한거야 콘텐츠 및 우리가 거기에 넣고 싶은 것 우리는 그것을 여기에서 클릭합니다 우리의 선택은 처음에는 정확하게 잘못되었습니다 페이지 제목이 자동으로 새 콘텐츠의 페이지 제목은 미리보기 좋을 것만 저장하면됩니다 데스크톱 아이콘 버전으로 미리보기 우리가 할 수있는 새로운 컨텐츠가 없습니다 약간 더 크게 만들어서 조금 더 멋지다

여기에 배경 이미지를 넣으면 좋을 것입니다 각 새 페이지에서 변경 될 배경 이미지도 있습니다 나는 내가 풀려나 기 위해 갈거야 unsplashcom과 이미지를 다운로드하는 것은 내가하는 일이다

바로 거기에 아이콘을 만들 빌더 나는 추천 이미지를 설정하려고합니다 이 페이지 하나만 고르겠습니다저기서 저걸 사용하겠습니다 그리고 그것은 당신이 아래에서 볼 수있는 것처럼 페이지에 대한 추천 이미지를 설정했습니다 거기에 이미지가 바로 거기에 내가 뭘하고 싶은지 배경에 넣어입니다 이 전체 섹션의 여기 내가 COG를 클릭하기 만하면됩니다

나는 배경을 갈거야 내가 할 일은 이미지로 넘어 가고 여기 필드 위에 마우스를 가져 가면 이미지를 추가하면 다른 동적 콘텐츠가 여기에 표시됩니다 클릭 할 것입니다 그 냄새 나는 특색이있는 심상을 이렇게 말할 것이다 그래서 당신이 인 경우에 인 무슨 페이지든지 당신은 인 무엇이 페이지에 다른 추천 이미지가 있습니다 그리고 다른 이미지를 보여줄거야

괜찮아 괜찮아 괜찮아 괜찮아 이것을 시도해 봅시다

실제로 저장하지 않았기 때문에 작동하지 않는다고 생각했습니다 초안은 초안을 저장하려고합니다 지금 우리가 그 특색있는 이미지를 확실히 가지고 있는지 확인하십시오 다시 그리고 배경 이미지는 우리의 역동적 인 콘텐츠입니다 영상 이번에는 실제로 거기에로드되어 있으므로 한 번 보자

체크 표시를 누르고 여기에있는 내용을 확인하여 바탕 화면 미리보기 아이콘이 멋지므로 여기에 배경 이미지가 있습니다 우리가 원하는 것은 우리가 거기서 제목을 얻었지만 실제로는 볼 수 없다는 것을 의미합니다 그렇게해서 들어가서 새로운 내용을 변경하자 제목이 우리를 설득력있게 만든다 밖으로 더 많이 그래서 우리가 되돌아 가게되고, 거기에서 그것을 할 수있는 장타를 쳤다

와이어 프레임보기를 사용하지만 여기에서 수행하면 실시간으로 볼 수 있습니다 좋아요, 우리는 콘텐츠 디자인을하고 있습니다 내가 여기서 옳은지 확인해 이제 이것이 무엇인가? 시대의 콘텐츠 제목 좋은 디자인이야 훨씬 더 큰 어떤 굵은 글씨 그래서 거기에 서 있습니다

그래서 이것은 단지 정규 텍스트입니다 라인을 잘 보자 내가 기본 폰트로 남겨 두겠다 너는 그 글꼴이 무엇이든간에 어쩌면 텍스트 흰색을 좋아할지 모를 것이다 이 텍스트 크기를 훨씬 더 크게 만들자

그래, 그건 좀 더 나은 세미 볼더 그래,하지만 난 아직도 그래 백그라운드에서 해당 내용 중 일부를 보는 데 약간의 문제가 있음 거기에 우리가 할 수있는 일이 있습니다 그 싸움 색깔은 그것과 그것을 함께 조화시키는 것입니다 여기에 다시 들어가서 배경을 잘 보자 배경색 그건 진한 파란색이야 괜찮아

그 순간에 당신은 어떤 차이도 볼 수 없습니다하지만 우리가 여기에 들어가서 가면 여기 우리의 이미지에 대한 우리의 뒷 배경에 우리는 배경 이미지 블렌드가 분명히 너무 많은 비트를 곱합니다 당신 당신 조금 나아졌지만 지금 내가하고 싶은 일은 당신은 그들이 오버레이 색이었던 오버레이를 색칠합니다 그걸 잡아 당겨서 그걸로 모든 이미지를 그곳으로 가져갈거야 그것은 우리가 원하는 것만은 아니지만 그 선을 읽을 수는 있지만 내가하고 싶은 것을 읽을 수 있습니다

우리의 색깔로 돌아가서 불투명도를 낮추면 더 많이 보여줄 것입니다 우리 이미지의 색상을 클릭하면 불투명도를 아래로 드래그합니다 거기를 통해 우리의 이미지가 흘러 나오는 것을 볼 수 있습니다 거기에 남겨두면 우리는 여전히 우리의 제목을 볼 수 있습니다 배경에 노트북 – 그래서 그냥 괜찮아요 당신이 읽을 수있는 좋은 말을하자 그게 내게 괜찮은 것 같고 당신은 배경 이미지를 볼 수 있습니다

여기에 또 다른 작은 텍스트 모듈 그리고 다시 나는 거기에 좋은 것을 지울거야 나는 동적 인 것을 사용할거야 콘텐츠 버튼을 다시 한 번 우리가 거기에가는 방법에 대한 페이지 링크를 만들어 봅시다 그리고 그것은 아마도 그냥 페이지의 이름을 일종의 링크를주고 옙의 경우 나는 이것을 클릭하여 그 전이나 후에 뭔가를 넣을 수있는 옵션을 주었다 그 그래서 집에 쓰기 전에 포드 / 거기 우리는 지금 우리가 집 / 뉴 내용을 가지고있어

나는 그것을 상당히 작게하고 싶다 하지만 나는 그것을 읽을 수 있고 내 링크가 사용자 정의 프로그램에서 하늘색으로 설정되기를 바랍니다 그래서 나는 그것을 아주 잘 볼 수 있기 때문에 그것을 떠날 것이다 그래서 다시하자 그냥이 디자인과 텍스트로 다시 가보자 흰색으로 만들어 보자

그게 더 낫다 어쩌면 당연히 너는 그것을 원하는대로 너의 것을 가지고 있을지도 모른다 그래, 나는 그것이 완벽하게 읽을 수 있다고 생각한다 당신 왜 우리는 이것을 대문자 2 곳과 대문자 2 곳으로 자본화하지 않는가? 내가 그것을 좋아하는 모든 대문자를 만들 것입니다 그러니 당신 과 그 비트를 다듬어 라

당신 좋아, 나는 앞으로 가서 그걸 발표해라 이제 각 페이지마다 동적 인 헤더 블록이 생겼습니다 당신은 당신이 시간 낭비라고 생각할지도 모른다는 것을 알고 있습니다 전체적으로 많이 했으니 이제 끝냈습니다 전체 섹션을 저장하려고합니다

그 작은 톱니 바퀴에 넣고 도서관에 저장 섹션을 쳤다 나는 그것을 부를 것이다 동적 머리 오래된 식사 헤더 나는 우리가가는 도서관의 머리글이다 그냥 새 페이지를 만들거야 지금 그 페이지를 업데이 트 우리가 볼 수있는대로이 페이지를 가져올 게 그리고 내가 할 일은 새로운 것을 추가하는 것입니다

나는 새로운 페이지를 만들 것입니다 우리는 제목을 분명히 다른 제목이나 새 페이지에서 안녕하세요 알았어 곧장 갈거야 거기에 추천 이미지 우리 헤더 뒤에 표시 될 것입니다

너를 비벼 대다 알았어, 어둠이 너무 어두워서 설정을 조정할 수도 있지만 우리는 추천 이미지를 1 분 안에 설정할 수 있습니다 바로 거기에서 바로 초안을 저장합니다 이제 Divi Builder를 사용하고 싶습니다 당신 당신 다시 처음부터 다시 만들고 싶습니다

이번에는 새로운 섹션을 클릭 할 것입니다 라이브러리에서 추가라고 말하려고합니다 거기에 우리가 만든 Dyn 헤더가 있습니다 우리는 우리 페이지를 게시하고 싶지 않다 당신 우리의 미리보기 모드를 가지고 여기를 살펴 보겠습니다

당신 거기에 우리가 가볍게 조금 뒤에있는 그 새로운 이미지가 있습니다 그건 괜찮아 이걸 절대 읽을 수는있어 그래서 나는 문제가있어서 페이지를 실제로 보겠습니다 두 가지를 비교해 보면 동적 요소가 실제로 우리에게 어떻게 작용하는지 보게 될 것입니다

여기에 우리가 처음 만든 새로운 콘텐츠가 있습니다 당신이 볼 수 있듯이 그것은 우리의 이미지라고 불리는 것입니다 물론 나는 공백이 있습니다 헤더가 올라와 있으므로 새로운 콘텐츠를 얻을 수 있습니다 다음 페이지로 가면 새로운 이미지를 얻을 수 있습니다

페이지 제목으로 변경했습니다 새 콘텐츠는 이전 페이지였습니다 새로운 것 그리고 그것은 우리가 가지지 않았을 정도로 빵 부스러기를 또한 끝내었다 당신이 할 수있을 새로운 페이지를 만들 때마다 그것들을 변경하십시오 그것과 그것은 자동으로 꽤 멋진 물건 인이 설정을 업데이트 할 것입니다

바로 거기에 내가 방금 생각한 페이지에 다른 많은 것들을 할 수 있습니다 나는 당신을 위해 그렇게 다시 한번 Davey가 잘 해냈다는 것을 보여줄 것입니다 당신은 사이트를 차지할 거대한 새로운 혁신을 생각해 냈습니다 다시 다음 단계로 나아가 자면, 당신이 가지고 있다면 이것을 즐겼기를 바랍니다 다음과 같이 YouTube 공유 채널을 구독하고 공유하십시오

당신은 웹 개발에 관심이 있습니다 우리 코스 중 일부는 훌륭한 무료 코스와 프리미엄 코스를 제공합니다 YouTube 가입자에게 큰 할인 혜택이 주어 지므로 이전에 Davey를 사용해보고 싶다면이 비디오 아래에 링크가 있습니다 다시 한번 이것은 제이미 일관성 22 및 웹 디자인 및 기술되었습니다 팁을 보내 주셔서 감사합니다 좋은 하루 되세요