ePortfolios in WordPress: Add a New Page

이 동영상에서는 새 페이지를 추가하는 과정을 안내합니다 기본 컨텐츠를 표시하거나 특정 프로젝트 유형 내에서 포트폴리오 프로젝트 그룹을 보여줄 수도 있습니다

툴바에서 새 페이지 추가를 클릭하십시오 여기에 제목을 추가하십시오 여기에 텍스트를 추가 할 수 있습니다 이 페이지가 특정 프로젝트 유형에 대한 것이라면 이것이 귀하의 반영 일 것입니다 이 작업 그룹을 볼 때 무엇을 보았는지 또는이 영역에서 학습이 어떻게 발전했는지에 대해 작업하면서 초안을 저장하고 페이지 모양을 미리 볼 수 있습니다 이 페이지에 사용자가 만든 새 유형의 포트폴리오 프로젝트 그룹을 표시하려면, 우리는 페이지의 텍스트에 "짧은 코드"라는 것을 조금 추가합니다

이 도움말 페이지에 샘플 단축 코드를 넣었습니다 복사하여 붙여 넣은 다음 프로젝트 유형에 맞게 업데이트하십시오 그래도 이런 모습입니다 포트폴리오 항목을 삽입하도록 브래킷과 포트폴리오를 넣습니다 우리가 그것을 남겨두면 사이트의 모든 단일 포트폴리오 프로젝트가 표시됩니다

그러나 하나의 특정 유형으로 만 프로젝트를 포함 시키려고하므로 포함 할 유형을 알려 주어야합니다 프로젝트 유형의 코드 이름이 무엇인지 다시 확인하는 것이 좋습니다 워드 프레스는 이것을 슬러그라고 부릅니다 프로젝트 유형으로 이동하여 복사하여 찾을 수 있습니다 기본값은 각 프로젝트가 속한 유형 목록을 표시하는 것입니다

프로젝트의 내용이나 텍스트가 포함되어 있지만 유형이나 내용을 표시하지 않도록 코드를 조금 더 추가했습니다 그리고 다시 복사하거나 붙여 넣을 수있는이 페이지의 코드에는이 모든 것이 들어 있습니다 일반 페이지 옵션으로 돌아가서 기본적으로 페이지 및 프로젝트에 주석 달기가 사용됩니다 특정 페이지에서 주석 달기를 비활성화하려면 여기서 할 수 있습니다 완료되면 게시를 클릭하십시오

그런 다음 페이지를 볼 수 있습니다 맨 위에 리플렉션이있는 페이지가 표시되고 아래에 포트폴리오 프로젝트가 표시됩니다 표시되는 이미지는 개별 프로젝트에서 설정 한 주요 이미지입니다 이 페이지의 콘텐츠를 추가하거나 수정하려면 수정을 클릭하여 다시 방문하십시오 사용했다면 단축 코드 위에 글을 입력하십시오

다음 단계는 사람들이 실제로 찾을 수 있도록이 페이지를 메뉴에 추가하는 것입니다 이 작업을 수행하는 방법은 메뉴 섹션을 참조하십시오

REXPANSIVE – Free WordPress Plugin – The Page Builder with the maximum fluidity

REXPANSIVE 란 무엇입니까? 차세대 크기 조정 페이지 빌더가 다른 방식으로 설계된 경우 어떻게됩니까? 문제는 수백 가지 불필요한 기능으로 인해 소중한 시간을 낭비하게된다는 것입니다

복잡한 제품을 계속 생산한다면 어떻게 더 나은 웹을 만들 수 있을까요? 처음부터 처음부터 쉽게! 해결책은 고급 그리드에서 확장하는 것입니다 사진, 텍스트 상자, 비디오 및 기타 콘텐츠에 직접 적용 매트릭스 형태로 성가신 조정을 피하십시오 디자인에 대한 우리의 헌신 덕분에 우리는이 아이디어를 생각 해낼 수있었습니다 이 확장 도구를 사용하자마자 마음에들 것입니다… 콘텐츠를 축소, 확대, 이동 및 확장하여 당신은 독특한 경험을 즐길 수 있습니다 모든 기능이 숨겨져 있습니다

문제의 요소를 보거나 가까이 오면 바로 표시됩니다 아마도 언젠가는 꿈을 그만 둘 것이지만 오늘은 아닙니다 REXPANSIVE는 살아 있습니다 다른 기능은 위조되었습니다 기기에 따라 사진을 변경할 수있는 가능성, 편안하게 사진 갤러리 및 레이아웃 생성 바로 사용 가능한 모델을 최대한 활용하십시오 그리고 훨씬 더

REXPANSIVE 혁명에 동참하십시오

Fastest Theme For WordPress And Elementor? See How You Can Test It 😀

안녕하세요 Themeisle : WordPress Tutorials & Reviews의 다른 에피소드에 오신 것을 환영합니다

제 이름은 Robert이고이 비디오에서는 Astra와 비교하여 OceanWP가 얼마나 빠른지 테스트합니다 그리고 Neve 이것들은 Elementor에 최적화 된 가장 인기있는 WordPress 테마 중 일부입니다 OceanWP의 설치 수는 400000 개가 넘습니다

Astra와 Neve는 1 년 전에 출시되었지만 40K 개의 활성 설치를 보유하고 있습니다 gtmetrixcom에서 테스트하는 동안 소프트웨어는 PageSpeed, Fully Loaded와 같은 데이터를 분석합니다 시간, 총 페이지 크기 및 요청 설치 후 나오는대로 각 테마가 얼마나 빠른지 테스트를 시작합니다 새로운 워드 프레스 웹 사이트에서

그런 다음 Elementor 페이지 빌더 플러그인을 설치하고 작동 방식을 다시 테스트하십시오 이 환상적인 도구로 우리는 플러그인이 WordPress 웹 사이트를 느리게 할 수 있다는 것을 알고 있습니다 마지막으로 Elementor의 무료 템플릿 중 하나를 가져 와서 다시 테스트합니다 콘텐츠, 특히 이미지는 웹 사이트 로딩 시간에 큰 영향을 미치므로 다시 한 번 알아야합니다

자동 조종 장치에서 이미지를 최적화하려면 optimolecom을 확인하십시오 이러한 테스트를 통해 콘텐츠를 추가하기 전후에 무슨 일이 일어나고 있는지 알아 봅니다 워드 프레스 웹 사이트에서 우리의 주제 인 Neve 때문에 편견이있을 수 있지만 누구나 테스트 할 수 있습니다 동일한 도구와 전략을 사용하는 테마 또는 기타 워드 프레스 테마 사고

준비 되었나요? 들어 가자! 우선, 나는이 웹 사이트의 모든 것을 재설정했습니다 몇 주 전에 Siteground에서 구입했습니다 Sitegorund에서 WordPress 웹 사이트를 시작하는 것이 얼마나 쉬운 지 확인하려면 설명 상자에서 비디오를 출력하십시오 완전히 새로운 웹 사이트를 만들어서 워드 프레스가 어떻게 작동하는지 확인할 수 있습니다 기본 hello post 및 샘플 페이지와 함께 Twenty Nineteen 테마입니다

이를 위해 WP Reset 플러그인을 사용하여 전체 웹 사이트를 재설정합니다 설치 후 도구 메뉴 이 필드에 "재설정"을 입력 한 다음 재설정을 클릭하십시오 이 조치는 데이터베이스에있는 모든 것을 삭제하므로주의하십시오 게시물, 페이지, 이미지 등 새 웹 사이트에서는 할 수 있지만 내용이 많은 오래된 WordPress 사이트에서는 피할 수 있습니다 백업 작업이 없으면 승인

지금 프론트 엔드에 무엇이 있는지 봅시다 정확히 내가 원하는 것 기본 테마 만 있고 미디어 라이브러리에 이미지가없고 플러그인이 없습니다 여기에 활성화되며 샘플 게시물 하나와 기본 페이지 두 개가 있습니다 현재 웹 사이트의 속도를 테스트 해 봅시다

설명 상자에 도구 및 기타 리소스에 대한 링크를 넣어서 확인할 수 있습니다 나중에 이 웹 사이트를 호스팅하는 데 사용하는 서버는 유럽 어딘가에 있습니다 Sitegorund에서 호스팅을 설정할 때 런던 영국을 선택하고 떠나십시오 그 밖의 모든 것

여기에 웹 사이트 링크를 붙여넣고 분석을 클릭하십시오 이제 성능 점수가 표시되는 동안 몇 초 정도 기다려야합니다 그럼 여기 있습니다 현재 PageSpeed ​​점수는 A이고 완전히로드 된 시간은 08 초입니다 총 페이지 크기가 561KB 인 경우 정상입니다 Let는이를 OceanWP WordPress 테마와 비교합니다

WordPress의 기본 테마와 Astra, Neve 및 OceanWP가 어떻게 수행되는지 궁금합니다 다른 테마도 테스트 할 수 있습니다 내가 당신을 위해 그것을 원하십니까? 아래에 의견을 남기고, 어떤 주제를 염두에두고 있는지, 구독 버튼을 누르고, 종을 울리면 모든 준비가 완료된 것입니다 지금 당장해야 할 일은 OceanWP를 설치 한 다음 활성화하는 것입니다 플러그인과 추가 페이지가 없습니다

내용없이 각 테마를 테스트하기 시작하므로 지금 숫자를 확인하겠습니다 큰 놀라움은 없습니다 OceanWP 테마는 전체적으로 좋은 결과를 얻지 만 완전히로드 된 시간은 이제 08 초입니다 283 KB 페이지 크기 및 19 요청 이제 Elementor 플러그인을 설치하고 활성화 한 후 무슨 일이 일어나고 있는지 궁금합니다

이미 설치되어 있으며 활성화하기 만하면됩니다 그런 다음 위에서 다시 테스트를 클릭하고 테스트가 끝날 때까지 기다립니다 지금은 전혀 차이가 없지만 한 가지 더하고 다시 테스트 해 보도록하겠습니다 대시 보드로 돌아가서 새 페이지를 추가하고 이름을 "Elementor Page Speed ​​Test"로 지정하십시오 다음 단계에서 쉽게 알아볼 수 있습니다

Elementor로 편집을 클릭 한 후 편집기가 나타나면, 그 중 하나를 가져옵니다 템플릿 예를 들어 인기있는 것을 선택합시다 지금 페이지를 게시하거나 설정에서 Elementor Canvas를 선택하십시오 여기서 중요하지 않습니다 중요한 것은 모든 사람에 대해 동일한 설정을 유지 한 다음 클릭하는 것입니다

게시 할 때 이 페이지를 내 홈페이지로 표시하려면 설정에 액세스 한 다음 읽고 선택하십시오 이 드롭 다운에서 "요소 페이지 속도 테스트"를 정적 페이지로 아래의 변경 사항 저장을 클릭 한 다음 페이지를 새로 고침하여 모든 것이 있는지 확인하겠습니다 그 자리에 있습니다 큰 이제 다시 테스트하고 최종 결과를 볼 수 있습니다

몇 초 후에 자신을 나타내는 숫자가 표시되는 것을 볼 수 있습니다 우리가 아는 것은 홈페이지에 더 많은 콘텐츠가 있고 일부 이미지도 있다는 것입니다 따라서 이렇게하면 페이지 속도가 91 %로 낮아지고 완전히로드 된 시간이 더 높아집니다 글쎄, 나는 168MB의 총 페이지 크기와 52 개의 요청에 대해 1

3 초를 본다 다음 주제와 비교해 봅시다 그래서 모든 것을 다시 재설정하고 프로세스가 끝나면 Neve를 설치하고 활성화합니다 워드 프레스 테마 현재 사이트에는 베어 본 테마 외에는 아무것도 없으므로 숫자를 확인해 보겠습니다

그것을 위해 페이지 속도 점수가 100 %이고 완전히로드 된 시간이 07 초임을 알 수 있습니다 와우! 총 페이지 크기가 330KB에 불과하고 7 개의 요청 만 있기 때문에 빠릅니다

이제 Elementor를 다시 활성화하고 홈페이지에서 동일한 템플릿을 사용하십시오 그렇게하려면 새 페이지를 다시 작성하고 컨텐츠를 가져온 후 정적 페이지로 설정하십시오 설정 gtmetrixcom에서 페이지를 다시 테스트 한 후 이제 완전히로드 된 시간이 1

59MB 페이지 크기와 45 개의 요청에 대해 13 초 OceanWP와 거의 동일합니다 동영상 끝 부분에 숫자를 나란히 놓아 두십시오 전체 사이트를 반복해서 다시 설정하지 않도록 똑똑한 작업을 수행해 봅시다 페이지를 휴지통으로 이동하고 Elementor를 비활성화 한 후 다음 테마 인 Astra를 설치합니다

다른 변경 사항을 수행하지 않고 결과에 영향을 미치지 않기를 바랍니다 더 많은 콘텐츠를 추가합니다 이제 비디오의 최종 테마를 테스트 해 봅시다 Astra를 설치하고 활성화 한 다음 내용없이 테스트하십시오 숫자는 다음과 같습니다

완전히로드 된 시간은 12 초이며 총 페이지 크기는 466KB이며 요청은 9 개입니다 시원한 페이지 휴지통으로 이동하여 Elementor 페이지를 복원하고 플러그인에서 Elementor를 활성화하십시오

설정을 한 번 더 읽을 때 Elementor 페이지를 정적 페이지로 설정하십시오 이제 해당 페이지를 내 홈페이지로 설정했지만 그 페이지가 정상이 아님을 알 수 있습니다 Elementor로 편집하고 페이지 레이아웃을 Elementor Canvas로 설정하십시오 예, 이것이 내가 원하는 것이므로 다시 테스트 할 수 있습니다 결과를 나란히 놓기 위해 각 테마를 하나씩 다시 활성화하고 비교를 사용합니다

여기에 버튼 다음에 볼 것은 테마와 Elementor 및 동일한 페이지가있는 전체 테스트입니다 홈페이지와 동일한 템플릿 설정 우리는 동일한 링크를 사용하고 있기 때문에, 어떤 주제를 가지고 있는지 관찰하기 위해 트릭을 사용합니다 에 대한 결과 이를 위해 페이지를 편집하고 여기에 Astra 테마를 입력하십시오

변경 사항을 업데이트하고 다시 테스트를 클릭하십시오 Neve의 경우 테마를 활성화 한 다음이를 Neve로 바꿉니다 이제 비교를 클릭하고 파일에 동일한 URL을 붙여 넣습니다 테스트에서 숫자가 밝혀지면 첫 번째 열이 Asra에 대한 것임을 알 수 있습니다 Neve이며 OceanWP에 다른 URL을 추가 할 수 있습니다

그 전에 테마에서 OceanWP를 활성화 한 다음이 텍스트를 OceanWP로 바꿉니다 여기 있습니다 Asta, Neve 및 OceanWP의 숫자입니다 내용과의 유무에 관계없이 Neve가 가장 빠른 주제 인 것 같습니다 수치가 매우 가까우므로 최적화 된 WordPress 테마를 원할 경우 Elementor와 빠르기 때문에 Neve, Astra 및 OceanWP가 탁월한 선택입니다 또한 가장 좋은 점은 무료로 얻을 수 있다는 것입니다

다음에 비교해야 할 유일한 것은이 테마의 고유 한 기능입니다 당신 예를 들어 실제 일 수있는 Neve의 머리글 및 바닥 글 작성기를 확인할 수 있습니다 무료 버전의 Elementor를 사용할 때 사용자 정의 머리글과 바닥 글을 작성하려는 경우 도움이됩니다 반면 OceanWP에는 타이포그래피 및 액세스 할 수있는 기타 항목에 대한 많은 설정이 있습니다

일반 옵션 메뉴에서 Astra의 가장 큰 부분은 여기 Colors & Background에서 바꿀 수 있다고 생각합니다 기본 색상 각 테마에는 고유 한 기능이 있으므로 결정하는 사람입니다 각 기능을주의 깊게 확인하고 필요에 맞는 기능을 선택하십시오 궁금한 점이 있으면 아래에 의견을 남겨주십시오

당신과 대화를 시작하게되어 기쁩니다 이런 비디오를 더 원한다면 구독 버튼을 누른 다음 벨을 다음 동영상을 게시 할 때 알림을받습니다 거기서 보자

SEO For WordPress On Page SEO Tip

좋아, 내 이름은 크리스 팔머입니다 오늘 비디오에서 Chris Palmer SEO에 오신 것을 환영합니다 파트너의 고객 사이트 중 일부를 돕는 데 여러 번 나타났습니다

워드 프레스와 SEO 페이지에 내가 당신이 실수를 알려 드리겠습니다 WordPress에서 계속 볼 때 제목 태그와 굵은 글씨를 사용하지 않습니다 디자인 기능은 이탤릭체로 표시됩니다 이것이 의미하는 바는 여러 번입니다 파트너를 계속 도와 주면서 디자인 내에서 예를 들어 h2와 H 3을 포지셔닝하는 수많은 h1 태그 다른 순서와 정말 말씀 드리고 싶은 WordPress SEO 팁 근절해야 할 실수는 당신의 워드 프레스 웹 사이트를 설정해도 괜찮습니다 제목 및 기타 기능을 사용하려면 오른쪽 h1s h2s h3 s 등을 굵게 표시하십시오 이탤릭체 당신은 이것들을 사용하고 싶지 않습니다

제목 태그는 디자인을위한 것이므로 실제로 설정할 때 연대순으로 모든 것을 생각하고 싶은 웹 사이트 당신은 항상 당신의 h1을 가지고 있고 대부분의 경우에만 페이지 상단으로 h1이되면 h2 태그를 사용할 수 있습니다 h-h -아-음, 뱀의 alysus에 따라 h2와 H3의 수에 따른 경쟁 분석 당신의 경쟁 순위는 당신이 당신을 만들 때 사용하는 것입니다 H threes를 몇 개의 H threes와 H fours를 사용해야하는지 결정 일반적으로 나는 개인적으로 더 이상 가지 않습니다 이 비디오의 목적은 일반적으로 WordPress SEO에서 제목 태그, 전구 및 디자인 기능에 대한 이탤릭체는 이러한 유형의 순서로 설정되어야합니다 검색 엔진이 귀하의 페이지를 이해하고 특정 부분을 강조 할 수 있도록 귀하의 웹 사이트 및 이것들은 귀하의 페이지 SEO에 매우 중요한 요소입니다 검색 엔진 내에서 순위를 매길 수 있도록 경쟁을 분석하지만 모든 것을 지키고 싶다고 말하면 이 순서대로 당신은 당신의 H1 당신의 h2s 당신의 h3는 당신의 나이입니다 귀하의 경쟁 페이지에 따라 다르므로 SEO 오류 동영상이 도움이 되었으면 도와주세요 이 비디오가 마음에 들지 않으면 어쨌든 나와 같은 것을주세요 다음 WordPress SEO 비디오에서 만나 day기를 기대합니다

How to add a Facebook page widget to WordPress

-이 비디오에서는 Facebook 위젯을 추가하겠습니다 워드 프레스 웹 사이트에 기본적으로 페이지를 보여주는 작은 것입니다 그리고 당신의 좋아하는 수, 사람들은 버튼을 클릭 할 수 있습니다

사실, 이것은 다음과 같습니다 당신이 간다, 그것은 그들 중 하나입니다 추가하는 방법을 보여 드리겠습니다 이 비디오의 워드 프레스 사이트에 시작하겠습니다 (부드러운 음악) 안녕하세요, WPEagle의 Alex입니다 들러 주셔서 감사합니다

내가 말했듯이,이 비디오에서 우리는 추가 할 것입니다 WordPress 웹 사이트의 Facebook 위젯 기본적으로 이들 중 하나를 어디서나 추가 할 수 있습니다 페이지 안에 넣을 수 있습니다 사이드 바, 바닥 글에 넣을 수 있습니다 당신이 원하는 곳이면 어디든 코드를 붙여 넣을 수있는 곳이면 아무 문제가 없습니다 어쨌든, 단계별로 안내해 드리겠습니다

그럼 컴퓨터를 타고 가자 웹 사이트에 올라 서서 추가 할 예정입니다 Facebook 페이지 위젯 이 특정 페이지는 사실 About Us입니다 여기에 추가하고 싶습니다

매우 간단한 과정입니다 우리가 할 일은 페이스 북으로 가서 약간의 코드를 가져 와서 기본적으로 복사하여 붙여 넣습니다 당신이 가고 싶은 페이지, 난 그냥 구글에 갈거야 "Facebook page widget"을 입력하고 Enter를 누르십시오 첫 번째가 나오면 Page Plugin이 우리가 원하는 것입니다 우리는이 중 하나를 원합니다

여기에 몇 가지를 채워야합니다 Facebook URL을 찾아야합니다 당신이 찾을 수있는 Facebook으로 이동하여 페이지를보고 입력하십시오 나는 이것이 무엇인지 안다 나는 그것이 하나라고 생각합니다

아니, 그거야 한번 보자 우리는 거기에 갈 탭이 있습니다 일반적으로 타임 라인은 괜찮습니다 킨다는 당신의 게시물 중 일부를 보여줍니다

타임 라인을 원하지 않으면 그런 다음 간단히 제거하십시오 그럼 당신은 그냥, 내가 보여 줄게 그런 종류의 것을 얻으십시오 그러나 나는 두 가지를 갖는 것이 좋다고 생각합니다 게시물이 올라옵니다 왜 안돼? 원하는 경우 다른 것을 추가하고 쉼표 만 추가하면됩니다

그런 종류의 사건 그러면 이런 종류의 탭이 나타납니다 지금은 타임 라인으로 남겨 두겠습니다 너비와 높이를 설정할 수 있습니다 난 그냥 지금과 희망을두고 떠날거야 그냥 공간을 채워야합니다

원하는 경우 헤더 크기를 줄일 수 있습니다 조금 작게 만드세요 크게 두겠습니다 좋네요 원하는 경우 완전히 제거 할 수 있습니다 어쨌든 표지 사진을 제거하십시오

그것을 적응 시키십시오, 당신은 당신의 친구의 얼굴을 보여줄 수 있습니다, 친구를 볼 수 없습니다 그들은 페이지의 친구를보고있는 사람 일 것입니다 그것도 꽤 좋습니다 완료되면 여기로 가서 코드 가져 오기를 클릭하십시오 이런 종류의 물건보다는 조금 더 복잡합니다 우리는 단지 iFrame을 통과 할 것입니다

여기를 클릭하십시오 iFrame 여기를 클릭하면 그냥 클립 보드에 복사하겠습니다 Mac에서 Control + C, Command + C로 제가 지금 가지고있는 Command + C PC에서는 Control + C입니다 당신은 내가 말하는 것을 얻습니다 페이지로 돌아갑니다 코너 스톤으로 편집을 클릭합시다

이제 페이지 빌더가있는 X 테마를 사용하고 있습니다 비주얼 에디터 타입 하지만 당신은 기본적으로 그 코드를 붙여 넣기를 원합니다 당신이 당신의 위치에 원하는 곳 위젯에있을 수 있습니다 예를 들어 텍스트 위젯 아니면 페이지 본체에만 넣을 수도 있습니다

아마 열에 여기 내려 놓을 게요 이 페이지 빌더를 사용하면 테마에 페이지 빌더가있을 수 있습니다 어쩌면 시각적 편집기 일 수도 있습니다 여기에 텍스트를 넣을 것입니다

여기서 텍스트 편집기를 사용하면 다시 한 번 페이지에 있다면 텍스트가 아닌 시각적으로 표시되어 있는지 확인하십시오 붙여 넣기 거기는 조금 찌그러져 보입니다 하지만 우리가 실제로 어떤 모습인지 볼 수 있습니다 이 미리보기에서 나오십시오 또한 약간의 공간이 필요합니다

내 페이지 빌더에서 간격이 있습니다 다시 말하지만, 그것은 실제로 테마에 달려 있습니다 나는 그것을 그렇게 넣을 것입니다 저장을 클릭합시다 페이지를 보자

거기는 자, 약간 잘라졌습니다 너비를 설정해야한다고 생각합니다 여기가 얼마나 넓은 지 봅시다 그 이미지가 얼마나 넓은 지 보도록하겠습니다

2-5 5이므로 괜찮습니다 Facebook 페이지로 돌아가서 다시 여기로 올라가면 너비를 2로 넣어야합니다 바라건대, 최소 80이 아니기 때문에 괜찮습니다 2-5 5 다시 내려와 코드 가져 오기를 클릭하고 iFrame을 가져옵니다 너비와 높이 만 조정하면됩니다 필요한 경우 페이지에서 제대로 보이지 않는 경우 다시 빠르게 편집하겠습니다

어떤 이유로 든 선택할 수 없습니다 이 편집기로 이동하여이 문제를 해결할 수 있습니다 X Theme의 시각적 편집기 일뿐입니다 아마 당신에게는 문제가되지 않을 것입니다 해당 iFrame을 제거하고 새 iFrame을 넣겠습니다

저장을 클릭하십시오 페이지보기를 클릭하십시오 거기는 나는 그것이 더 넓을 수 있다고 생각합니다 얼마나 넓어야하는지 보도록하겠습니다

왼쪽으로 넘어가 그리고 그것은 제대로 보이지 않습니다 당신은 그것으로 스스로 놀아야 할 것입니다 위젯이 제대로 보이도록 조금 기질적일 수 있습니다 나는 이것을하고있어 얼마나 넓은 지 알 수 있습니다 우리는 거기에 갈

더 넓어 질 때마다입니다 290 인 것 같습니다 다시 한 번 더 돌아가 봅시다 290 만 추가하면됩니다 우리는 거기에 갈

그런 다음 코드를 한 번 더 얻으십시오 앞뒤로 기다리십시오

닫아 코너 스톤으로 편집하십시오 알았어 이제 괜찮을 거라 확신합니다 한번 보자 우리는 거기에 갈 이것으로이 비디오를 마칩니다

도움이 되셨기를 바랍니다 궁금한 점이 있으면 아래에 남겨주세요 최선을 다해 도와 드리겠습니다 내가하고있는 일이 마음에 들면 좋아요 버튼을 클릭하십시오 더 많은 동영상을 구독하십시오

다음 시간까지, 지금은 안녕입니다 (경쾌한 음악)

Hamburger Menu with Elementor Page Builder and JetBlocks Add-on

안녕하세요,이 튜토리얼을 환영합니다! 이 비디오에서 우리는 한 번 살펴볼 것입니다 엘리멘터 페이지 빌더를 사용하여 유사한 햄버거 메뉴를 만드는 방법 이 햄버거 아이콘을 클릭하면 보시다시피 메뉴의 내용이 팝업의 일종으로 나타납니다

엘리먼트 페이지 빌더를 사용하여 나중에 사용자 정의 할 수있는 모양 비슷한 햄버거 메뉴를 만들려면 사용자 정의 머리말 및 꼬리말 작성에 액세스해야합니다 몇 가지 방법으로이 가능성을 얻을 수 있습니다 첫 번째는 무료 솔루션을 찾는 것입니다 일부 무료 WordPress 플러그인을 찾는 의미 그러나 항상 안전한 해결책은 아닙니다 아무도 완벽한 성능과 기술 지원을 보장 할 수 없으므로 다른 방법은 Elementor Pro에 가입하는 것입니다

그리고 사용자 정의 머리말과 꼬리말을 편집 할 수 있습니다 세 번째 것은이 비디오에서 사용하는 것입니다 그리고 그것은 Monstorid2 WordPress 테마를 받고있다 그러면 맞춤 헤더와 바닥 글을 만들 수 있습니다 그리고 다른 이점들 Jet 플러그인과 같은 12 가지 Elementor를위한 훌륭한 기능 및 성능이 뛰어난 애드온은 무엇입니까? 또한 당신은 수백 가지를 얻고 있습니다

웹 사이트 어디에서나 사용할 수있는 기성품 페이지 및 섹션 한 곳에서 액세스 할 수 있습니다 Monstroid2 WordPress 테마에 더 많은 기능이 있습니다 이 물건을 확인하는 것을 잊지 마라 그리고이 비디오 아래의 설명을 뽑은 링크를 따라 가십시오 Monstroid2를 사용하지 않는다면 하나의 추가 플러그인이 필요할 것입니다

그것은 햄버거 메뉴를 만드는 데 도움이 될 것입니다 이 플러그인은 Elementor 머리글 및 바닥 글 추가 기능인 JetBlocks라고합니다 이 플러그인에는 여러 위젯이 함께 제공됩니다 기능적인 머리말과 꼬리말을 만드는 데 필요한 것입니다 JetBlocks 플러그인에 대한 자세한 내용을 보려면 설명의 링크를 따르십시오

templatemonstercom의 라이브 데모 및 제품 페이지에 액세스하려면 Monstroid2를 사용하는 경우 Monstroid2에있는 모든 Jet 애드온에 액세스 할 수있는 장소가 있습니다 2 Monstroid2 레이블을 클릭하기 만하면됩니다 플러그인으로 이동하면 설치되어 활성화 된 플러그인을 볼 수 있습니다 Monstroid2를 사용하지 않는다면 – 별도로 JetBlocks 플러그인을 다운로드 할 수 있습니다 설명의 링크를 클릭하면 실제 햄버거 메뉴 만들기에 뛰어 들자

이제 헤더에 액세스하여 사용자 정의를 시작하는 방법에는 여러 가지가 있습니다 도서관에서 올 수 있습니다 모든 테마 부분에 액세스 할 수있는 곳 또는 쉬운 방법으로 할 수 있습니다 요소로 편집을 가리키면됩니다 Monstroid2를 사용하고 있다면 – 머리말 편집, 꼬리말 편집을 보게 될 것입니다

Elementor로 헤더 편집을 클릭하면 Elementor 편집기로 이동합니다 헤더를 사용자 정의 할 수있는 곳 그리고 그것이 Monstroid2라면 엘리터 에디터에 들어가면 마술 버튼을 볼 수 있습니다 수백 가지와 같은 아이템 컬렉션입니다 합계로 그들은 거의 천개의 항목을 만든다 당신이 그들 모두에 접근 할 수 있다는 것은 아름답게 디자인되어 있고, 빠른 로딩입니다

그리고 여기있는 모든 요소를 ​​사용할 수 있습니다 여기에는 페이지, 머리글, 바닥 글, 섹션, 아카이브 및 단일 페이지가 포함됩니다 따라서 헤더가 이미 생성되었으므로 여기서 우리는 이미이 햄버거 메뉴를 볼 수 있습니다 햄버거 메뉴를 만드는 데 사용되는이 위젯은 햄버거 패널이라고합니다 그리고 그것은 실제로 작은 두 가지로 이루어져 있습니다

첫 번째는 토글입니다 햄버거 아이콘이있는 버튼은 순서대로 클릭합니다 햄버거 패널이 나타나려면 패널은 이제 오른쪽에 나타납니다 패널은 실제로 메뉴가 포함 된이 섹션 또한 모든 스타일 설정에 액세스 할 수 있습니다 그리고 나는 그것들을 자세히 공유 할 것입니다 당신이 Elementor의 스타일 설정에 익숙하고 자신이 이것을 이해할 수 있다고 확신합니다 여기에서 패널 너비를 변경할 수 있습니다

사실 사실에주의를 기울여주세요 이 햄버거 패널의 내용 단순한 템플릿입니다 이 패널 내부의 내용을 편집하려면 여기에 템플릿을 추가해야합니다 웹 사이트에 이미 생성되어 이미 생성 된 템플릿에 액세스 할 수 있습니다 그리고 선택한 현재 템플릿을 편집하려면 이 햄버거 패널의 경우 템플릿 편집 버튼을 클릭하기 만하면됩니다

이제 Elementor 편집기로, 다른 창으로 이동합니다 이 템플릿을 실제로 편집하고 모양을 바꿀 수있는 곳 그래서 여기에있다 이 섹션의 배경색을 변경해야하기 때문에 실제로 아무것도 볼 수 없습니다 그렇게 텍스트가 흰색이고 원하는 부분의 배경이 투명합니다 우리는 패널의 색상을 변경할 수 있기를 원합니다

햄버거 메뉴에서 일하는 동안 여기에서 이 템플릿 설정에서 배경을 투명하게 유지합니다 그래서 여기 당신이 원하는 대로이 템플릿을 사용자 정의 할 수 있습니다 또한 원하는 유형의 모든 유형의 요소를 추가 할 수 있습니다 예를 들어 간단한 위젯을 여기에 놓아 보겠습니다 Banner라고 불리는 JetElements 플러그인의 일부입니다

JetElements 플러그인에 대해 가장 많이 들었던 것을 들었을 것입니다 그리고 Elementor를 위해 끝났습니다 그리고 당신은 그것을 추측했습니다 그것은 Monstroid2와 절대적으로 무료입니다 뿐만 아니라 12 개의 다른 Jet 애드온 그래서 여기에 배너 위젯을 추가했습니다

그리고 보시다시피 거기에 아주 잘 앉습니다 이제 우리가 할 일은이 템플릿을 저장하는 것입니다 이제 토글 아이콘을 클릭하면 여기서 모든 내용을 볼 수 있습니다 우리가 템플릿에 넣은 것 약간의 패딩 작업을 해봅시다 저기있어

모바일보기 또는 태블릿보기에서 작동하는 방식을 살펴 보겠습니다 데스크톱 모드에서 완벽하게 작동합니다 하지만 태블릿 모드에서도 훌륭하게 작동합니다 그리고 모바일보기 패딩이나 여백에 대해 조금이라도 작업하고 싶다면 태블릿 모드 또는 모바일 모드를 선택하는 동안 모든 것을 할 수 있습니다 Elementor 설정에서 초등학교에서 바로 패딩 값과 마진 값을 설정하십시오

휴대 기기 및 태블릿 기기에서 완벽하게 잘 어울립니다 그래서 거의 Elementor page builder 및 JetBlocks 플러그인을 사용하여 햄버거 메뉴를 만드는 방법 Monstroid2 WordPress 테마, JetBlocks 플러그인을 확인하는 것을 잊지 마십시오 우리 채널을 구독하는 것을 잊지 마세요 시청 해주셔서 감사합니다!

WordPress Landing Page, Squeeze Page, Lead Generation

안녕하세요 핀이에요 방문 페이지를 짜내다 우리는 세 가지 모두를 사용하는 경향이 있습니다

이 용어들은 서로 교환 할 수 있지만 실제로는 세 가지 다른 것을 의미합니다 그리고 그것은 우리가 오늘 이야기 할 내용입니다 그래서 왜 당신은 이것들은 당신이 그것을 필요로하는 첫번째 이유와 당신의 목록을 만드는 것입니다 그 3 개는 당신의 판매 깔때기의 정상에있을 수있다 그 돈은 명부에있다 사람들에게 물건을 팔 수 있도록 목록을 작성해야합니다

리드 생성 양식을 볼 수 있습니다 이름 양식을 요구하는 기본 양식 일뿐입니다 구독하고 우리가 공짜로 나누어주는 것은 상대적으로 미묘합니다 모든 페이지의 상단 또는 하단에 배치하거나 사이트에 게시하거나 배치 할 수 있습니다 사이드 패널의 위젯에서 비슷한 점이 있습니다

매우 미묘합니다 그대의 얼굴에 그다지 중요하지 않은 것은 당신이 팔고있는 것에 대해 당신에게 중요 할 수 있습니다 또는 귀하가 속한 비즈니스의 종류와 짜내는 페이지가 더 비슷합니다 특정 공짜 물건이나 저렴한 비용의 전용 페이지입니다 비디오가 될 수있는 것은 7 달러짜리 보고서 또는 그와 비슷한 것일 수 있습니다

대부분 당신이 무언가를 아주 저가 또는 무료로주고 싶어하는 짜내다 페이지 그렇지 않으면 아무도 너를주고 싶어하지 않을 것이기 때문에 그것은 가치가 있어야만한다 그들의 전자 우편 그래서 이것은 블로그에서 소셜 미디어에서 트래픽을 보내는 페이지입니다 게시물 링크 또는 페이지 링크 Facebook 및 Google 광고와 이상적으로는 판매 유입 경로의 상단 지금 당신이 나에게 물어보기 전에 판매 퍼널은 무엇입니까? 전적으로 새로운 블로그 게시물이나 비디오 또는 내가 무슨 일을했는지 시간 그래서 나는 여기에 들어가기 위해 가지 않고있다 방문 페이지는 판매 다 페이지, 코스 또는 회원 또는 코칭과 같은 특정 제품입니다

방문 페이지는 항상 그럴만 한 것은 아니지만 자세한 내용을 담고있는 경향이 있습니다 당신이 팔고있는 것이 무엇이든간에 이제는 방문자와 상호 작용하는 세 가지 다른 방법을 모두 사용할 수 있습니다 귀하의 사이트에 추가로 2 페이지가 필요합니다 가입하고 그것이 당신이 원할 것입니다 가입 로봇이 아니라는 것을 확인하기 위해 확인 이메일을 보내야하며, 이런 종류의 확인을받은 경우 gdpr 동의를 확인한 가입 이메일을 당신은 또한 그들이 당신을 구독했음을 확인하면 감사 페이지를 필요로합니다 Thank You 페이지로 보내야 할 필요가 있거나 그것이 어디에 있든간에 다운로드 페이지가되면 회원 가입 페이지가 될 수도 있고 그렇지 않을 수도 있습니다

그 (것)들의 3 개 전부 지금 약속을 배열하는 어딘가에 방문 페이지 또는 짜내다 페이지를 목표로해야합니다 특정 타겟 시장 이제 타겟 시장이 무엇인지 알 수 있습니다 니 틈새 시장이야, 니가 단지 산만 한 게 아니야 당신이 누군지 아는쪽으로 접근하십시오 그들이 누구인지를 좁혀 냈습니다

특히 짜내는 페이지에서 적절한 키워드를 갖는 것이 중요합니다 또는 판매 페이지를 통해 자연 검색을 최대한 활용할 수 있습니다 광고 응답은 적절한 사람들에게서 나온 것이고 그 다음에도 일종의 후광을 얻을 수 있습니다 지금이 세 가지 중 어느 것이 입소문인가? 당신의 명부에 고객과 사람들을 얻는 방법은 당신을 위해 최상입니다 진짜로 당신의 위치 당신의 제품 당신 경청자 및 당신의 제품에 달려있다 지금 내 감정은 당신이 원하는 모든 세 가지를 원한다는 것입니다 페이지를 짜내서 사람들을 사로 잡기 위해 페이지를 짜내 길 원할 것입니다

당신의 명부 및 당신은 당신이 그 (것)들을 두지 않는 당신의 제품의 각각을위한 판매 페이지를 원한다 모두 동일한 페이지에 모두 별도의 페이지에 넣었습니다 이제 살펴 보겠습니다 당신이 지금 당장 방문객을 유치 할 수있는 다른 종류의 페이지 실제로 원하는 세부 정보를 얻으려면 흥미로운 것입니다 모든 세부 사항을 팔아서 약속을해야합니다 그래서 여기에 버튼이 있습니다

당신이 약속을 할 수 있고 당신의 전자 우편을 입력하기위한 양식을 열어줍니다 특이한 종류의 이메일을주지 않고도 세부 정보를 얻을 수 없습니다 판매 페이지에는 정보를 제공 할 때까지 세부 정보가 없습니다 중간에 양식이 있고 짜증이 나는 페이지의 두 가지 예입니다 백그라운드의 이미지와 공짜 물건 중 하나는 당신은 무료로주고 다른 하나는 게스트 포스트 기회지만 여기에있는 것은 무엇이든지간에 무엇이든 나누어 주어야합니다

가치 및 대부분 사람들이 비디오 또는 체크리스트 또는 10 개의 베스트 또는 책을 공유합니다 또는 가치가 높지만 너무 오래 걸릴 수없는 무언가 여기에 기본 가입의 두 가지 예가 있습니다 귀하의 사이트에 어디에나 배치하는 양식 저는 우리가 이제는 판매 페이지의 예입니다 그것을 하나의 슬라이드에 가져 오기 위해 10 개의 섹션으로 나눕니다 판매 페이지 그것은 키워드를두기 위하여 많은 장소가있는 중대한 세부 사항으로 간다 안으로 들어가고 너는 잘 될 때까지 그것을 사기조차하지 못한다

지난 페이지의 중간까지 그리고 나서 세 가지 기회가 많이 있습니다 사회적 증거와 많은 그림과 서사시적인 사용과 모든 종류의 것들 이제는 사람들을 모으기 위해 선호하는 방법이 무엇이든간에 판매 페이지가되었습니다 너의 목록을 위해 그리고 너를 위해 그것을 행복하게하는 것을 팔아라 이 공연이 건축가들에게 번성 했음에도 불구하고 일부 페이지는 번성 한 건축가와 함께 그 중 두 사람은 웨버로 끝났습니다 MailChimp 이러한 모든 대량 마케팅 서비스에는 양식을 넣는 방법이 있습니다

귀하의 사이트에 있거나 귀하가 그러한 방식을 좋아하지 않는다면 직접 양식을 만들 수 있습니다 그들은 당신이 당신을 위해 한 이런 일을 원할 때 그렇게 표시합니다 당신이 시간이나 성향을 가지고 있다고 생각하거나 어쩌면 당신은 어떻게해야할지 모른다 설명의 링크를 클릭하고 Fiverr에서 나를 찾아서 저에게 연락 할 수 있습니다 거기에 당신이 당신의 사이트로하고 싶은 다른 것이 있다면 연락처 링크를 클릭하면 나만의 맞춤 설정을 해 드리겠습니다 그것을 이번 주에 제공하고 다음 비디오에서 보자

How to Make A Website using Divi

안녕 얘들 아 오늘 우리는 당신이 당신의 웹 사이트 사이트를 만들 수있는 방법을 보게 될 것입니다

Divi를 사용하여 이제이 비디오를보고 나면 드래그 앤 드롭만으로 이런 웹 사이트를 만들 수 있습니다 그래서이 비디오가 끝날 때까지 지켜 보도록하십시오 그것을하는 방법을 배우기 위하여 그래서 나는 Websitelearnerscom의 Shyam입니다 Divi Theme를 사용하여 웹 사이트를 제작 해 봅시다

Divi를 사용하여 웹 사이트를 만들려면 우리는 세 부분을 할 것입니다 첫 번째 부분은 WordPress 웹 사이트를 시작하는 것입니다 Divi는 WordPress 테마이기 때문에 먼저 WordPress 웹 사이트를 시작해야합니다 Divi를 사용하려면 그래서 우리의 WordPress 사이트를 시작하려면 우리는 세 단계를 수행 할 것입니다 첫 번째 단계는 웹 사이트의 이름을 선택하는 것입니다

그래서 귀하의 웹 사이트 이름을 선택하려면 이 비디오 아래의 링크를 클릭하기 만하면됩니다 이 페이지로 이동합니다 원하는 이름을 입력하십시오 이 상자에 그래서 나는 webinventscom에 들어갈거야

가능 여부를 확인하십시오 보시다시피 이 이름을 사용할 수 있습니다 일단 당신이 당신의 이름을 얻으면 다음 단계로 이동할 수 있습니다 귀하의 호스팅 및 도메인을 얻는 것이 무엇입니까 이제 호스팅은 웹 사이트의 파일이있는 장소입니다 저장된 domain은 웹 사이트의 이름입니다 그래서 귀하의 호스팅 및이 도메인 이름을 얻으려면 이 페이지를 아래로 스크롤하면됩니다

클릭하고 호스팅 받기를 클릭하십시오 이제 sitegroundcom으로 연결됩니다 우리가 호스팅 및 도메인을 얻을 수있는 곳 이제 여기서 우리는 세 가지 다른 계획이 있음을 알 수 있습니다 이제 하나의 웹 사이트를 시작하려면 이 계획을 위해 갈 수 있습니다

여러 웹 사이트를 시작하려는 경우 이 계획을 선택할 수 있습니다 하나의 웹 사이트를 만들고 싶으므로 이걸 고를거야 여기를 클릭하십시오 이제 도메인 이름 선택을 요청할 것입니다 그래서 이전에 찾은 것과 같은 이름을 입력하십시오

그래서 나는 같은 이름으로 갈거야 계속 클릭하십시오 이제 귀하의 도메인 및 호스팅을 얻으십시오 이 세부 정보 만 입력하면됩니다 이제 여기서 우리는 호스팅과 도메인을 얻고 있음을 알 수 있습니다

일년 동안 이 결제를하면 귀하의 웹 사이트가 인터넷에 게시됩니다 다음 1 년 동안 그래서 그것을 얻으려면 결제 세부 정보를 입력 해주세요 지불을 클릭하십시오 이제 우리는 지불을 성공적으로 마쳤습니다 우리는 도메인과 호스팅을 가지고 있습니다

일단 도메인을 확보하고 호스팅하면 이제 웹 사이트를 시작하는 마지막 단계로 이동할 수 있습니다 어느 WordPress를 설치하는 것입니다 이제 WordPress는 우리가 구축하게 할 플랫폼입니다 우리의 divi 웹 사이트 그래서 WordPress를 설치하기 만하면됩니다 그런 다음 새 웹 사이트 시작을 선택하십시오 이제 WordPress를 선택하십시오

그런 다음 WordPress에 원하는 로깅 정보를 입력하십시오 그래서 나는 내 이메일을 입력 할거야 사용자 이름 및 암호 그런 다음 준수를 클릭하십시오 설정 완료를 클릭하십시오 이제 wordpree가 설치되었습니다 이것은 귀하의 웹 사이트가 현재 인터넷 상에 존재 함을 의미합니다

새 탭을 열어 확인해 보겠습니다 그리고 지금 우리가 우리의 웹 사이트 webinventcom에 가면 Enter 키를 누릅니다 우리는 새로운 웹 사이트를 볼 수 있습니다 우리가 선택한 이름에 따라서 일단 WordPress 사이트를 시작하면 이제이 자습서의 파트 2로 이동할 수 있습니다

WordPress에서 Divi 테마를 설정하는 방법은 무엇입니까? Divi 테마를 설정하면 제작을 시작할 수 있습니다 Divi를 사용하는 웹 사이트 Divi를 설정하려면 우리는 5 단계를 수행 할 것입니다 첫 번째 단계는 귀하의 wordpress 사이트에 로그인하는 것입니다 귀하의 사이트에 로그인하려면 당신이해야 할 일은 유형 / 로그인 귀하의 사이트 주소 이제 Enter 키를 누르면 웹 사이트의 로그인 페이지로 이동합니다 이제 로그인 세부 정보를 입력하십시오

당신은 WordPress에 대해 만들었습니다 로그인을 클릭하십시오 이제 WordPress 사이트에 성공적으로 로그인했습니다 이것은 WordPress 대시 보드입니다 이제 귀하의 웹 사이트를 관리 할 수있는 곳입니다 일단 로그인하면 이제 2 단계로 갈 수 있습니다

Divi를 얻는 것은 어느 것입니다 이제는 Divi 테마를 얻습니다 웹 사이트 구축을 시작할 수 있습니다 Divi 사용하기 Divi 테마를 얻으려면 현재 시청중인 동영상으로 이동하십시오 설명에서이 링크를 클릭하십시오 Divi 웹 사이트로 연결됩니다

Divi 테마를 얻을 수있는 곳 이제이 페이지에 도달하면 Divi에 대한 계획을 선택해야합니다 그래서 주요 차이점은 이 계획을 위해 가면 Divi에 대한 업데이트를 1 년간받습니다 이 계획을 위해 간다면 평생 업데이트를받을 수 있습니다 제비 그리고 당신은 그것을 다시 갱신 할 필요가 없습니다 따라서이 계획 중 하나를 선택할 수 있습니다

필요한 것 이걸 고를거야 그런 다음 가입을 클릭하십시오 계정을 만들려면 이 세부 사항을 끝내자 전체 등록을 클릭하십시오 결제 정보를 입력하십시오

지불을 클릭하십시오 괜찮아 이제 Divi 테마가 있습니다 그래서 당신은 divi 테마를 얻었습니다 이제 3 단계로 이동하십시오 Divi 테마를 다운로드하는 방법은 무엇입니까? 다운로드하려면 로그인을 클릭하기 만하면됩니다

이제 사용자 이름과 암호를 입력하십시오 Divi 용으로 생성되었습니다 로그인을 클릭하십시오 Divi를 다운로드하십시오 다운로드를 클릭하기 만하면됩니다

Divi 테마가 컴퓨터에 다운로드됩니다 Divi를 다운로드하면 이제 다음 단계로 넘어갈 수 있습니다 DivX를 귀하의 WordPress 사이트에 설치하는 방법은 무엇입니까? Divi 테마를 설치하려면 WordPress 대시 보드로 가자 그 다음에 간다 클릭 테마 귀하의 사이트에 Divi를 설치하십시오

새 테마 추가를 클릭하기 만하면됩니다 테마 업로드를 클릭하십시오 이제 파일 선택을 클릭하십시오 divi 테마를 선택하십시오 다운로드 한 항목 선택 될 것이다

설치를 클릭하십시오 Divi 테마를 설치하려면 그런 다음 활성화를 클릭하십시오 이제 WordPress 사이트에 Divi를 설치했습니다 Divi 테마를 설치하면 당신이 당신의 위치에 갈 경우 새로 고침을 클릭하십시오 이제 Divi 로고가 사이트에 표시됨을 알 수 있습니다

Divi가 설치되었음을 의미합니다 일단 divi 테마를 설치하면 이제 테마 설정의 마지막 단계로 이동할 수 있습니다 Divi 테마를 활성화하는 방법은 무엇입니까? Divi를 활성화 한 후에 만 모든 기능을 사용할 수 있습니다 Divi 테마를 활성화하려면 WordPress에 가자 Divi를 클릭하십시오

이제 업데이트로 이동하십시오 divi에 대해 선택한 사용자 이름을 입력하십시오 지금 우리가이 열쇠를 얻을 필요가있는 divi를 활성화하기 위해 Divi 웹 사이트에서 그래서 그것을 얻으려면 Divi 웹 사이트에 가자 내 계정으로 이동하십시오 그런 다음 API 키를 클릭하십시오

키를 복사하려면 여기를 클릭하십시오 그런 다음 저희 웹 사이트로 이동하십시오 여기에 붙여 넣으세요 이제 divi를 활성화하려면 저장을 클릭해야합니다 그것이 활성화 될 것이다

이제 WordPress에서 Divi 테마를 성공적으로 설정했습니다 이제이 자습서의 마지막 부분으로 넘어갈 수 있습니다 웹 사이트 구축을 시작하는 것입니다 그래서 우리 웹 사이트를 만들려면 우리는 네 단계를 수행 할 것입니다 첫 번째 단계는 홈페이지를 만드는 것입니다

그래서 홈페이지는 모두가 볼 수있는 페이지입니다 처음 웹 사이트를 방문했을 때 그래서 홈페이지를 만들려면 우리 사이트로 가자 그리고 지금 당신은 이것이 우리의 홈페이지임을 알 수 있습니다 어느 쪽이 비어 있습니까? 지금 홈페이지를 만들려면 새로운 곳으로 가자 페이지를 클릭하십시오

이제 여기에 우리 페이지의 이름을 입력해야합니다 나는이 페이지를 집으로 부를 것이다 이제 홈페이지 구축을 시작하십시오 Divi 빌더 사용을 클릭하십시오 이제 3 가지 옵션을 통해 페이지를 만들 수 있습니다

먼저이 옵션을 보게 될 것입니다 레이아웃을 사용하여 페이지를 만들 수있는 곳 그래서 레디 메이드 디자인 페이지를 작성하는 데 사용할 수있는 사이트 브라우저 레이아웃을 살펴 보겠습니다 보시다시피 여기에는 다양한 유형의 레이아웃이 있습니다 이제 네가 좋아한다고 말하자 이 디자인 그냥 클릭하십시오

여기에서 미리보기를 볼 수 있습니다 이제이 디자인을 페이지에 사용하려면 이 레이아웃 사용을 클릭하십시오 전체 디자인이 페이지에 추가됩니다 그래서 우리가 볼 수 있듯이 우리는 정확한 디자인을 우리 페이지에 넣었습니다 이제 일단이 디자인을 얻게되면 어떻게이 콘텐츠를 변경합니까? 이 텍스트를 변경하려고한다고 가정 해 봅시다

텍스트를 선택하기 만하면됩니다 자신의 텍스트를 입력하십시오 이제 같은 방법으로 원하는 텍스트를 변경할 수 있습니다 텍스트를 선택한 다음 변경하십시오 이제이 버튼의 텍스트를 변경하려면 그냥 두 번 클릭하십시오

그런 다음 여기에서 버튼 텍스트를 변경하십시오 따라서 텍스트가 변경된 것을 볼 수 있습니다 그래서 그것이 얼마나 쉬운가? 같은 방법으로이 페이지의 모든 내용을 변경할 수 있습니다 이제이 이미지를 변경하고 싶다면 그냥 두 번 클릭하십시오 여기에서 이미지를 선택하십시오

이제 컴퓨터에서 이미지를 끌어서 놓기 만하면됩니다 이미지가 바뀔 것입니다 그래서 그것이 얼마나 쉬운가? 이제 같은 방법으로이 페이지의 일부를 변경할 수 있습니다 모든 변경 사항을 완료하면 게시하려면 클릭하십시오 이제 exit를 클릭하면 사이트에 새 페이지가 있음을 알 수 있습니다

우리가 추가 한 모든 콘텐츠가 있습니다 원하는 페이지를 원하는만큼 만들 수 있습니다 같은 방법으로 이제 우리는 홈페이지를 만들었습니다 하지만 여기서 문제가 있습니다 지금 새 창을 열면 사이트의 홈페이지로 이동 우리는 여전히 기본 페이지가 있음을 알 수 있습니다

어느 쪽이 비어 있습니까? 우리가 만든 페이지 / home이라는 별개의 페이지에 나타납니다 이제 이와 같이 나타나지 않고 이 페이지를 어떻게 우리 홈페이지로 만드나요? 어느 쪽이 여기에요 다음은 페이지 설정 방법입니다 당신이 만든 귀하의 홈페이지로 그래서 우리의 홈페이지를 설정하려면 우리는 wordpress에 갈거야 대시 보드를 클릭하십시오 이제 설정으로 이동하십시오 클릭하여 읽기 이제 여기에 우리는이 옵션이 있다는 것을 알 수 있습니다

귀하의 홈페이지가 표시됩니다 이제 여기에 정적 페이지를 먼저 선택해야합니다 우리가 만든 페이지를 선택하십시오 홈페이지로 여기를 클릭하십시오 다음 집 선택 우리가 만든 페이지는 어느 것입니까? 이제 변경 사항 저장을 클릭하십시오

이제 우리가 만든 페이지를 성공적으로 설정했습니다 홈페이지로 이제 우리 홈페이지로 가면 새로 고침을 클릭하십시오 당신은 우리가 지금 홈페이지를 가지고 있음을 볼 수 있습니다 어느 쪽이 여기에요 그래서 이것은 당신이 만든 페이지를 어떻게 설정할 수 있는지입니다 귀하의 홈페이지로 이제 가져 오기를 통해 페이지를 만드는 방법을 알았습니다

레이아웃 하지만 레이아웃을 가져 오는 대신 처음부터 새 페이지를 만들고 싶습니다 그러면 빈 페이지에서 어떻게 시작하니? 그런 다음 페이지를 작성하십시오 아주 쉽다 다음은 새로운 페이지를 만드는 방법을 보여 드리겠습니다 기스로부터 그래서 처음부터 페이지를 만들려면 새로운 곳으로 가자

페이지를 클릭하십시오 이제 생성하려고한다고 가정 해 봅시다 연락처 페이지 연락처로 페이지 제목을 입력하기 만하면됩니다 이제 페이지 작성을 시작하십시오 그냥 divi 빌더 사용을 클릭하십시오

이제 레이아웃 대신 처음부터 빌드를 선택합시다 이제이 빈 페이지가 나타납니다 페이지를 만들 수있는 곳 이제이 페이지를 만들기 시작하십시오 파란색 더하기 아이콘을 클릭하기 만하면됩니다 이 세 가지 옵션을 얻을 수 있습니다

이제 이와 같은 섹션을 만들고 싶다면 페이지의 전체 가중치를 사용합니다 전체 너비 만 선택하십시오 추가 할 수있는 다양한 너비 유형의 항목을 가져옵니다 귀하의 페이지로 이제이 페이지의 헤더를 만들고 싶습니다 머리글로 전체를 클릭하겠습니다

그리고 당신은 섹션을 얻을거야 이제 우리가 전에했던 것처럼 텍스트를 변경하려면 그냥 선택하세요 그것을 바꾼다 다음 섹션을 추가하려면 더하기 아이콘을 클릭하기 만하면됩니다 이번에는 정기적으로 선택하십시오

우리는 전체 너비가 필요하지 않기 때문에 이제는 다양한 유형의 섹션을 찾을 수 있습니다 당신은 당신의 페이지에 추가 할 수 있습니다 그래서이 섹션을 원한다면 이 레이아웃을 선택할 수 있습니다 또는 이와 같은 섹션을 원할 경우 이걸 선택할 수 있습니다 그래서 이걸 고를거야

이 섹션이 생성됩니다 이제 더하기 아이콘을 클릭하면 다양한 유형의 항목을 볼 수 있습니다 당신은 당신의 페이지에 추가 할 수 있습니다 이제 페이지에 이미지를 추가한다고 가정 해 보겠습니다 이미지를 클릭하기 만하면됩니다

항목이 추가됩니다 이미지를 추가하려면 여기를 클릭하십시오 그런 다음 컴퓨터에서 이미지를 끌어서 놓으십시오 보시다시피 이미지가 추가되었습니다 이제 크기를 변경하려면 여기로 드래그하십시오

크기를 변경하려면 이제 같은 방식으로 이 영역에 컨텐츠를 추가 할 수 있습니다 더하기 아이콘을 클릭하기 만하면됩니다 추가 할 항목을 선택하십시오 연락 양식을 선택하겠습니다 여기를 클릭하십시오

추가 될 것입니다 따라서 페이지 작성을 완료하면 게시하려면 클릭하십시오 이제 새 페이지가 귀하의 사이트에 게시됩니다 이제 exit를 클릭하면 우리 사이트에 새로운 연락처 페이지가 추가되었음을 알 수 있습니다 이제 새 페이지를 만드는 방법을 알았습니다

기스로부터 원하는 페이지를 원하는만큼 만들 수 있습니다 같은 방법으로 다음으로 웹 사이트 구축의 세 번째 단계로 넘어가십시오 메뉴를 만드는 것은? 이제 알 수 있듯이 메뉴가 없습니다 메뉴를 만들려면 여기로 가자 테마 사용자 정의 프로그램을 클릭하십시오

그런 다음 메뉴를 클릭하십시오 새 메뉴를 만들려면 여기를 클릭하십시오 이제 우리 메뉴에 이름을 써야 해 그래서이 메뉴를 메인 메뉴로 부르겠다 다음으로 선택해야합니다

메뉴가 표시되어야하는 곳 이 지역에 나타나고 싶다면 기본 메뉴 만 사용하십시오 다음을 클릭하십시오 이제 메뉴에 항목을 추가 할 수있게되었습니다 항목을 추가하려면 여기를 클릭하십시오 여기에 우리가 만든 페이지를 볼 수 있습니다

이제 메뉴에 추가 할 페이지를 선택하십시오 이제 여기를 클릭하면 메뉴가 생성되었음을 알 수 있습니다 우리가 선택한 페이지로 일단 그렇게하면 게시하려면 클릭하십시오 모든 변경 사항이 저장됩니다 이제 여기를 클릭하면 메뉴가 생성되었음을 알 수 있습니다

이제 연락처를 클릭하면 연락처 페이지가 있음을 알 수 있습니다 그리고 우리가 집을 클릭하면 우리는 홈페이지를 가지고 있습니다 메뉴를 만들 수있는 방법입니다 한 번 메뉴를 만들었습니다 웹 사이트 구축의 마지막 단계로 가자

어떤 로고를 변경하는 것입니다 이제 여기에 Divi 로고가 기본으로 있음을 알 수 있습니다 이제 자신 만의 로고를 추가하십시오 그냥 여기 가라 대시 보드를 클릭하십시오 이제 divi를 클릭하십시오

여기에 로고 옵션이 표시됩니다 이제 로고를 추가하십시오 클릭 만하면됩니다 그런 다음 여기에 로고를 드래그 앤 드롭하십시오 추가됩니다

이제 변경 사항 저장을 클릭하면 그런 다음 저희 웹 사이트로 이동하십시오 리플렉션을 클릭하십시오 당신은 그것을 볼 수 있습니다 우리는 지금 우리의 로고를 가지고있다 따라서 웹 사이트의 로고를 변경하는 방법입니다

이제 메뉴를 어떻게 바꿀 수 있는지 알았습니다 및 귀하의 로고 다음은이 튜토리얼의 보너스 부분으로 넘어갑니다 우리는 당신이 당신의 페이지를 디자인 할 수있는 방법을 보게 될 것입니다 Divi 사용하기 그래서 우리는 당신이 다른 부분을 어떻게 바꿀 수 있는지 보게 될 것입니다 귀하의 페이지 이처럼 따라서 연락처 페이지의 디자인을 변경하려고한다고 가정 해 보겠습니다

연락처와 마찬가지로 이제이 페이지는 우리가 전에 만든 페이지입니다 이제이 페이지를 변경하십시오 활성화 된 비주얼 빌더를 클릭하기 만하면됩니다 이 편집 모드로 이동합니다 이제이 텍스트의 크기를 변경하려고한다고 가정 해 봅시다

설정을 클릭하기 만하면됩니다 그런 다음 디자인에 간다 이제 다른 장소를 볼 수 있습니다 디자인을 변경할 수있는 곳 이제 우리는 그 제목을 바꾸고 싶습니다 제목 텍스트로 가자

이제 텍스트 크기를 변경하려면 이 슬라이더를 드래그하면됩니다 텍스트 크기가 변경됩니다 이제 같은 방식으로 글꼴을 변경하려면 여기를 클릭하면됩니다 원하는 글꼴을 선택하십시오 일단 모든 변경 사항을 완료하면 여기를 클릭하십시오

변경 사항이 저장됩니다 이렇게하면 모든 항목의 디자인을 변경할 수 있습니다 내 페이지에 다음 것 여기에 공간을 추가한다고 가정 해 보겠습니다 당신이해야 할 일은 단지 여기에 갈뿐입니다 그리고 나서 공간을 추가하려면 이제는이 파트의 디자인을 어떻게 바꿀 수 있는지 알았습니다

하지만이 전체 디자인을 변경하려면 어떻게해야합니까? 섹션 따라서 섹션의 디자인을 변경하려면 여기 설정과 마찬가지로 섹션을 더욱 멋지게 보이게하려면 우리는 디자인에 갈 것입니다 이제 디바이더로 이동하십시오 스타일을 선택하십시오 원하는 디자인을 선택하십시오 이제 슬라이더를 드래그하면 우리는 그 디자인을 가지고 있음을 볼 수 있습니다

우리 섹션 따라서 섹션의 디자인을 변경하는 방법입니다 일단 모든 변경 사항을 완료하면 저장을 클릭하십시오 우리가 우리의 접촉 페이지에 가면 지금 새로 고침을 클릭하십시오 당신은 그것을 볼 수 있습니다 우리는 여기에 새로운 디자인을 가지고 있습니다

따라서 divi를 사용하여 페이지를 디자인 할 수 있습니다 이제 Divi를 사용하여 웹 사이트를 만드는 방법을 알았습니다 단 몇 분만에 Divi를 사용하여 웹 사이트를 만들려면 먼저 WordPress 사이트를 시작해야합니다 WordPress에서 Divi를 설정하십시오 마지막으로 웹 사이트를 구축하십시오

알았어 이제 자신 만의 웹 사이트를 만들 준비가되면 여기를 클릭하십시오 그리고 우리는 첫 번째 단계에서 본 페이지로 이동합니다 어떤 웹 사이트 이름을 선택하고 있습니까? 그래서 귀하의 웹 사이트 이름을 선택하고 귀하의 웹 사이트를 구축하십시오 따라서 웹 사이트를 구독하면 더 많은 것을 얻을 수 있습니다

이 같은 동영상 보고 주셔서 감사합니다 다음 비디오에서 뵙겠습니다 Be-bey