Installing a Pinterest Tracking Code for a WordPress.com Web

알았어요 Robert Newman입니다

저는 온라인 마케팅 전문가입니다 캘리포니아와 저는 제가 생각하는 복잡한 지시 사항을 발견했습니다 내가 많이 사용하는 소셜 미디어 서비스에서 단순해야합니다 그래서 이유로 나에게 알려지지 않은, 나는 원래 내 웹 사이트를 확인한 다음 갑자기 확인되지 않았습니다 그래서 여기 가서 이것을 넣으려고했습니다 내가 가진 것은 실제로 내가 아닌 것과 관련된 비디오입니다

하려고합니다 그래서 이것은 그가 말하고있는 wordpressorg 블로그입니다 wordpresscom 블로그와 Pinterest의 지시에 따라 귀하가 원한다고 이 태그를 복사하여 웹 사이트 색인 html 파일의 헤드 섹션에 붙여 넣으십시오

좋아, 여기에 로그인하면 외관에 들어간 다음 편집기로 이동하여 편집기를 클릭하십시오 이제 동일한 파일을 보게됩니다 당신은 얻을 여기이 모든 것들과 그들이 나타내는 것은 파일을 설치했다는 것입니다 여기에 색인 파일의 헤드 섹션이 있습니다 이것이 바로 여기 헤더가됩니다

그래서 우리가 생각하는 척하자 맞습니다 계속 설치하십시오 여기 복사하여 뷰 외부에 붙여 넣습니다 파일을 업데이트하겠습니다 그것이 속임수인지 확인하십시오 그래도 도메인은 이미 확인되었지만 여전히이 오류가 계속 발생합니다

바로 그것은 흥미로운 것입니다 오 아니, 알았어 그래서 여기 우리가 이 동영상에서 실제로 도메인이 이미 확인 된 것과 동일하게 발견되었습니다 그들은 실제로 당신에게 잘못된 지침을 주 었음을 의미합니다 그래서 무엇 당신은 보지 못했다 나는 헤더 파일에 갔고 정직하게 대부분의 사람들이 추적 코드를 설치하도록 지시하는 시간 그들은 색인이 아닌 헤더 파일에 설치하도록 지시하고 있습니다 이것 만이 아니라 그래서 Pinterest 지침은 충격은 엄청나게 정확하지 않으므로 여기로 가면 내가 어디 있는지 볼 수 있습니다

파일을 설치했습니다 머리는 여기서 시작해서 여기 머리글에서 끝납니다 파일입니다 여기에있는 다른 추적 코드가 있습니다 내가 가지고있는 메타는 방금 설치 한 추적 코드이며 그것이 이미 가지고있는 추적 코드의 스크립트 외부에 있는지 확인하십시오 모든 도움이 되셨기를 바랍니다

나는 Pinterest 지침을 생각 엄청나게 혼란스럽고 정말 놀랍습니다

How to Make a WordPress Menu Item Open in a New Tab

이 비디오에서는 WordPress 메뉴 항목을 새 탭에서 여는 방법을 배웁니다 마지막 몇 개의 비디오를 보셨다면 우리는 많은 메뉴 기반 자습서를 다루었으며 이미 방법을 알고 있습니다

메뉴에 외부 링크를 추가하고 메뉴에 외부 링크 아이콘을 추가하는 방법 그래도 여전히 같은 탭에서 열립니다 원하지 않는 방문자에게 혼란을 줄 수 있습니다 제가 지금 보여 드릴 것은 방문자가이 링크를 클릭하도록하는 방법입니다 동일한 탭이 아닌 새 탭에서 열 수 있습니다 지금까지 모든 수정 작업을 수행하기 위해 맞춤 설정 도구를 방문했습니다 하지만이 메뉴 항목을 새 탭에서 열려고하면 거기에는 선택의 여지가 없습니다 맞춤 설정 도구 내에 해당 맞춤 설정을 추가 할 방법이 없습니다

그리고 WordPress는 항상 새로운 것을 만들기 때문에 미래에 이것을 바꿀 수 있습니다 맞춤 설정 도구 개선 새 버전의 WordPress를 출시 할 때 하지만 지금은 그 옵션은 없습니다 그리고 이것이 항상 편집하는 방식이라면 가능하지 않다고 생각할 수도 있습니다 메뉴, 이전 메뉴 설정 페이지로 이동하면이 옵션을 추가 할 수 있습니다 당신이 여기에 가본 적이 없다면 모양 메뉴로 가서 아래 메뉴를 클릭하면 비슷하지만 인터페이스가 다릅니다 테마 메뉴 항목을 클릭하면 여전히 새 탭 옵션으로 열지 않은 것을 볼 수 있습니다

화면 옵션을 클릭하면 화면 오른쪽 상단에있는이 작은 탭 활성화 할 수있는 몇 가지 고급 메뉴 속성이 있습니다 추가하고 싶은 것을 "링크 대상"이라고합니다 화면 옵션을 닫으면 이제이 확인란이 있습니다이 메뉴 항목을 클릭하여 열 수 있습니다 새 탭

그 상자를 체크하기 만하면됩니다 저장 메뉴를 클릭하면 완료됩니다 그리고 이제 화면 녹화가 설정된 방식으로 탭을 볼 수 있다고 생각하지 않습니다 테마를 클릭하면 실제로 새 탭에서 열립니다 메뉴 옵션을 찾기가 어렵습니다

그러나 어디를보아야하는지 알면 정말 사용하기 쉽습니다 여전히 질문이있는 경우 아래 의견 섹션에 게시하십시오 더 많은 WordPress 자습서를 원한다면 구독하십시오 시청 해 주셔서 감사합니다

How to Make a Portfolio Website For 2019 | WordPress Portfolio Tutorial

이 비디오에서는 2018 년 WordPress에서 포트폴리오 웹 사이트를 만드는 방법을 보여줍니다 그리고 2019

사진 작가, 디자이너, 아티스트, 전문가 또는 창작자에 관계없이 프리랜서 여러분, 기술을 선보일 포트폴리오 웹 사이트를 만드는 방법을 알려 드리겠습니다 그리고 일 이 과정에서 정확한 웹 사이트를 만드는 방법과 방법을 알려드립니다 탐색 스타일, 레이아웃 및 구조를 포함하여 모든 측면을 사용자 정의하고, 색상, 호버 상태 및 갤러리와 같은 시각적 요소로 인해 당신이 원하는 정확한 포트폴리오 웹 사이트 포트폴리오 웹 사이트 자습서에서 최적화 된 UX 디자인을 갖춘 웹 사이트를 만들고 SEO 친화적이며 포트폴리오 웹 사이트가 모두에게 완벽하게 보이도록 완벽하게 반응합니다 장치

잘 들리면 시작하겠습니다 OHKLYN 블로그에서 무료로 따라 할 수있는 단계별 가이드를 만들었습니다 링크는 아래 설명과이 비디오의 정보 카드에 있습니다 여기에는이 비디오에 언급 된 링크뿐만 아니라 서면 지침이 있습니다 소식을 따라갈 수 있도록 새 탭에서 게시물을 여는 것이 좋습니다

이 자습서에서는 Themify의 Ultra Theme를 사용합니다 아래 설명과 여기 OHKLYN 게시물을 통해 테마에 액세스 할 수 있습니다 라이브 데모를 볼 수 있습니다 마찬가지로 WordPress로 포트폴리오 웹 사이트를 시작하는 방법을 보여 주려면 Bluehost를 사용하는 것이 좋습니다 호스팅 제공 업체로 아래 설명과 OHKLYN 게시물의 링크를 통해 다음을 수행 할 수 있습니다 할인 호스팅 및 무료 도메인 이름을 아직 구입하지 않은 경우 액세스하십시오

이를 설정하는 방법에 대한 단계를 곧 다룰 것입니다 도메인이 있고 호스팅이 이미되어 있다면 괜찮습니다 여전히 따라갈 수 있습니다 저렴한 가격에 우수한 호스팅 품질을 제공하는 Bluehost를 권장합니다 직관적 인 사용자 대시 보드가 있습니다

또한 자동으로 WordPress를 설치하고 연중 무휴 24 시간 지원을 제공합니다 초보자를위한 거래 옵션 또한 제휴 파트너로서 미래의 무료 자금을 지원하기 위해 몇 달러를 따로 마련합니다 이와 같은 자습서를 제공하므로 제공된 링크를 사용해 주셔서 감사합니다 이제 포트폴리오를 만들기 전에해야 할 일부터 시작해 봅시다 WordPress를 사용하는 웹 사이트 초보자가 포트폴리오 웹 사이트를 만들 때 가장 큰 실수 중 하나는 끝까지 생각하는 것을 잊지 마십시오

귀하의 사이트에서 궁극적으로 달성하고자하는 것을 생각하면 프로세스가 만들어집니다 훨씬 더 매끄럽고 더 나은 결과를 만들어냅니다 WordPress 설치 및 게시물 및 페이지 만들기를 시작하기 전에 타겟 고객을 정의하고 틈새를 식별하며 귀하의 사이트를 독창적으로 만들고 사용자가 참여하도록 유도하십시오 포트폴리오 웹 사이트의 목표는 무엇입니까? 잠재적 고용주를 유치하려면? 소셜 미디어를 따라 성장하려면? 이전 프로젝트의 예를 보여 주려면? 아니면 완전히 다른 것일 수도 있습니다 그것이 무엇이든 분명해야합니다

OHKLYN 블로그의 기사에서 우리는 당신이 왜 그런지에 대한 더 넓은 통찰력을 제공합니다 자신의 포트폴리오 웹 사이트를 시작하고 싶습니다 더 많은 안내가 필요하다고 생각되면 비디오를 일시 중지하고 읽어보십시오 포트폴리오 웹 사이트의 목표와 정체성을 확실히 파악하는 것이 중요합니다 시작하기 전에 과시 할 작품이나 포트폴리오가 여러 개인 경우 시작해야합니다 카테고리별로 구성합니다

이것은 틈새 시장 또는 작업 유형이 될 수 있습니다 예를 들어; 이력서 및 개인 기술 또는 특성, UX 또는 UI 디자인, 웹 디자인 또는 브랜딩 다른 산업이나 작업 라인에서도 마찬가지입니다 이를 수행하는 한 가지 방법은 포함하려는 개별 포트폴리오와 범주에 대해 생각하는 것입니다 사이트에서 이들을 그룹화하는 데 사용됩니다

이를 통해 방문자는 자신과 관련된 특정 정보를 쉽게 찾을 수 있습니다 여기서 좋은 접근 방식은 유사한 틈새 시장에서 포트폴리오 또는 이력서 사이트를 찾고 분석하는 것입니다 카테고리를 사용하여 콘텐츠를 구성하는 방법 및 탐색에 사용되는 방법 아이디어는 다른 사람이하는 일을 복사하는 것이 아니라 자신의 생각이 무엇인지 파악하는 것입니다 잘하고 어떻게 당신이 당신의 위치 경험을 개량 할 수 있는지 다시 한 번 사이트 콘텐츠 계획의 전략 측면에 시간을 투자하십시오 사이트의 사이트 맵을 스케치하기 위해 잠시 시간을 내면 훨씬 더 나은 결과

예를 들어, 포함 할 페이지를 볼 수있는이 사이트 맵을 만들었습니다 당사 사이트뿐만 아니라 그들을 구성하십시오 지금까지 블로그 이름을 이미 결정했을 수도 있습니다 그러나 그렇지 않은 경우 고려해야 할 사항이 몇 가지 있습니다 고유 한 이름입니다 기억에 남는? 확장하고 성장할 수있는 이름입니까? 사이트 이름을 최대한 짧게 유지하는 것의 가치는 물론 사용 가능한 도메인 이름? 사용하려는 도메인 이름이 사용 가능한지 확인하려면 도메인 가용성 확인을 따르십시오

OHKLYN 게시물의 버튼을 클릭하십시오 Bluehost 사이트로 연결됩니다 여기에서 최상위 메뉴의 도메인을 클릭하십시오 여기에 도메인 이름을 입력하고 원하는 무료 도메인 확장명을 선택하십시오 도메인 이름을 사용할 수있는 경우 검토 및 구매 페이지로 이동합니다 그것

또는 사용할 수없는 경우 다른 옵션이 표시되거나 다음을 수행해야합니다 다른 것을 시도하십시오 호스팅 구매 및 무료 도메인 이름 보안에 대한 내용은 다음 단계 준비 및 계획을 통해 포트폴리오 웹 사이트를 만드는 프로세스부터 시작하겠습니다 사이트를보다 매끄럽게 만드는 프로세스를 만드는 데 필요한 몇 가지 사항이 있습니다

블로그 나 웹 사이트에 반드시 있어야합니다 모든 페이지에서 사이트 전체에 사용되며 모든 웹 사이트가 보이도록 도와줍니다 전체적으로 일관된 로고 : 가로 및 세로 버전과 같이 필요한 모든 변형이 있어야합니다 어둡고 밝은 버전과 다양한 크기로 어디에서나 완벽하게 맞습니다

그걸 써 파비콘 : 브라우저 탭에 웹 사이트가 표시되는 로고입니다 일반적으로 정사각형이지만 불규칙한 모양의 환상을 만들 수 있습니다 'png'와 같이 투명한 배경을 가진 이미지 브랜드 컬러 팔레트 : 일관된 디자인은 항상 브랜드 컬러 팔레트로 시작합니다

이 색상은 일반적으로 기본 색상과 몇 가지 보완 색상으로 구성됩니다 palettoncom, Adobe Color 또는 color-hexcom과 같은 도구를 사용하면 색상 팔레트를 선택할 수 있습니다 $ 100- $ 250의 작은 예산 : 도메인 비용, 호스팅 비용, 프리미엄 비용 WordPress 테마, 필요한 경우 이미지 및 디자이너를 고용하여 일부를 작성하려는 경우 브랜딩 자산의 최대 금액은 $ 300입니다

우리는 당신이 당신의 웹 사이트를 구축 할 때 직면하게 될 비용에 대한 세부 사항을 기사로 작성 또는 OHKLYN 사이트의이 기사에 대한 블로그 먼저 웹 사이트 디자인을 살펴 보겠습니다 이 섹션에서는 사용자 경험 또는 UX 디자인에 대해 소개합니다 이를 위해 종이를 꺼내거나 좋아하는 그리기 도구를 열고 스케치하십시오 사이트에 포함하려는 페이지 가장 일반적인 것은 홈페이지, 정보 페이지, 연락처 페이지, 포트폴리오 페이지, 서비스입니다

개별 게시물 페이지와 블로그 보관 페이지 또는 카테고리를 포함한 블로그 페이지 및 블로그 페이지 페이지 보유하고있는 포트폴리오 사이트의 유형에 따라 다소 차이가있을 수 있지만 반드시 그려야합니다 다음으로, 각 페이지마다 텍스트와 관련하여 페이지에 표시 될 대략적인 안내서를 작성하십시오 이미지, 동영상 및 기타 요소 (예 : 카운터, 막대, 평가 슬라이더 등) 사이드 바가 있습니까? 그렇다면 어떤면에서? 그리고 사이드 바에 무엇이 포함됩니까? 사용자 경험 관점에서 가장 중요한 조치에 대해 생각해야합니다 사용자가 페이지를 가져 와서 페이지 상단에 있는지 확인하십시오

페이지가 처음로드 될 때 표시되며 다음과 같은 방식으로 명확하거나 반복됩니다 사용자가 쉽게 참여할 수 있습니다 예를 들어 포트폴리오 웹 사이트의 경우 많은 방문자를 설득하고 싶을 것입니다 서비스에 참여하든 잠재적 으로든 관계없이 고용주 연락처 세부 정보와 브랜드 색상을 연결하는 버튼을 사용하여 사용자의주의

설명과 같은 중요한 내용으로 포트폴리오 페이지 전체에 퍼져 당신의 서비스 사이트의 다른 페이지에있는 다른 이미지도 마찬가지입니다 상품을 판매하는 것이 목표라면 클릭 유도 문안 또는 CTA 버튼이있을 수 있습니다 '지금 구매'와 같은 또는 작품의 포트폴리오를 의미하는 경우 '보기'라는 버튼 일 수 있습니다 더'

또한 사용자가 콘텐츠를 소비하는 방법을 고려해야합니다 일반적으로 콘텐츠는 위에서 아래로, 왼쪽에서 오른쪽으로 소비됩니다 대상 시장에서 콘텐츠를 다르게 소비하는 경우이를 고려하십시오 제시하는 정보의 흐름이 합리적입니까? 논리적으로 프로세스를 거치거나 스토리를 전달합니까? 그렇기 때문에 홈페이지의 경우 프리미엄 WordPress 테마의 라이브 데모를보십시오

우리는이 튜토리얼에서 OHKLYN 포스트의이 버튼을 따라 가서 사용할 것입니다 레이아웃과 함께 자신에게 맞는 특정 레이아웃이 있는지 확인하십시오 여기서는 포트폴리오 사진 레이아웃을 사용합니다 그러나 어느 레이아웃이든 사용할 수 있습니다 당신이 원합니다 아직 등록하지 않은 경우 첫 번째 단계는 도메인을 등록하고 웹 사이트를 설정하는 것입니다 웹 사이트에 WordPress를 설치하고 WordPress를 설치하십시오

계속 진행하기 전에 몇 가지 중요한 개념을 살펴 보겠습니다 도메인 또는 URL은 웹 사이트의 웹 주소이며 사용자가 입력 할 내용입니다 브라우저에 연결하여 사이트에 액세스하십시오 OHKLYN의 경우 ohklyncom입니다 자신에게 맞는 것을 선택하십시오

호스팅은 귀하의 웹 사이트가 24/7 사용자가 액세스 할 수 있도록하는 것입니다 웹 서버에 웹 사이트의 콘텐츠와 데이터를 저장하는 과정이며 사용자에게 제공합니다 이 튜토리얼에서는 Bluehost를 시작하는 과정을 안내합니다 초보자에게 가장 적합한 옵션입니다 이제 블로그 호스팅을 설정하고 블로그를 등록하는 단계를 살펴 보겠습니다

Bluehost로 도메인을 확보하십시오 무료로 제공되는 도메인 유형 목록은 다음과 같습니다 'com'또는 'co' 이미 도메인을 구매했거나 대체 최상위 레벨을 구매하려는 경우 틈새와 관련된 도메인 또는 '

couk'와 같은 국가 별 도메인 또는 'comau'의 경우 GoDaddy, CrazyDomains, 또는 다른 도메인 등록 기관 아래에 링크를 추가하겠습니다

해당 옵션을 사용하거나 이미 도메인 이름을 확보 한 경우 필요한 모든 것 그런 다음 도메인 이름 서비스를 Bluehost를 가리 키도록 변경하십시오 새로운 호스팅 제공 업체가 되십시오 다행히도, 우리는 이것을 수행하는 방법에 대한 기사와 단계별 가이드를 작성했습니다 당신은 여기에 액세스 할 수 있습니다 시작하려면 아래 설명의 Bluehost 링크를 따르거나 OHKLYN 웹 사이트에서이 버튼을 클릭하십시오

그런 다음 '지금 시작하십시오'를 클릭하십시오 그런 다음 자신에게 맞는 플랜을 선택하십시오 하나의 도메인 만 사용하려는 경우 첫 번째 옵션이 좋습니다 또는 Google과 같은 하나의 호스팅 계정에 여러 도메인을 보유하려는 경우 그런 다음 다른 계획 중 하나를 선택해야합니다 항상 트랙 아래로 수정할 수 있습니다

Bluehost의 가장 큰 장점은 모든 플랜에 대해 30 일의 환불 보증을받는 것입니다 위험 부담없이 시작할 수 있습니다 이 예에서는 첫 번째 옵션을 선택합니다 무료 도메인 이름을 얻으려면 웹 사이트에 원하는 도메인 이름을 입력하십시오 '새 도메인'입력란을 선택하고 원하는 도메인 확장자 (예 : 'com')를 선택하십시오

다음을 누르십시오 도메인 이름을 사용할 수 없으면 오류 메시지가 표시되고 다음 중 하나가 필요합니다 대체 도메인 이름을 선택하거나 도메인 소유자에게 문의하여 구매하십시오 그들로부터 또는 다른 최상위 도메인 확장을 선택하십시오 이미 도메인 이름을 구입 한 경우 이전 도메인에 도메인 이름을 입력하십시오 필드를 선택하고 다음을 선택하십시오

Bluehost를 가리 키도록 DNS 레코드를 변경하는 방법에 대한 기사를 검토하십시오 호스팅 계정을 설정하려면 필요한 계정 정보를 입력하십시오 패키지 정보 섹션에서 원하는 호스팅 용어 및 도메인 애드온을 선택하십시오 환경 설정 연결된 개인 정보와 관련하여 도메인 개인 정보 보호를 선택하는 것이 좋습니다 도메인에 공개적으로 사용할 수 없습니다

물론 이것은 선택 사항입니다 필요한 정보를 입력 한 후 결제 세부 정보를 추가하고 약관을 검토하십시오 제출을 선택하십시오 이 작업을 마치면이 페이지로 이동합니다 계정의 지정된 이메일 주소로 확인 이메일을 보냈습니다

뿐만 아니라 WHOIS 확인 이메일 해당 이메일의 링크를 따라 새 도메인과 연결된 이메일을 확인하십시오 호스팅 계정의 비밀번호를 만들어야합니다 그러려면 비밀번호 생성을 클릭하십시오 안전한 비밀번호를 선택하십시오

'제안 된 비밀번호'도구를 사용하면 도움이 될 수 있습니다 비밀번호를 입력 한 후 이용 약관을 검토하고 다음을 선택하십시오 그런 다음 Bluehost 대시 보드에 로그인 할 수 있습니다 새로운 Bluehost 오퍼링의 일부로 WordPress가 새 버전에 자동으로 설치됩니다 도메인

다른 곳에서 도메인을 등록한 경우 DNS 레코드를 수정해야합니다 Bluehost에서 한 번 클릭으로 WordPress 설치를 사용하여 WordPress를 설치하십시오 이를 수행하는 방법에 대한 단계는 OHKLYN 블로그에서 기사를 검토하십시오 여기 튜토리얼 포스트에서이 링크를 따라갈 수 있습니다 도메인에 사전 선택된 무료 워드 프레스 테마 중 하나를 설치하도록 선택할 수 있습니다

그러나 WordPress 테마를 사용하면 일반적으로 비용을 지불합니다 WordPress가 변경 될 때 프리미엄 테마가 정기적으로 업데이트됨에 따라 더 안전합니다 광범위한 디자인 및 사용자 정의뿐만 아니라 지원에 대한 액세스를 제공합니다 옵션 따라서이 자습서에서는 프리미엄 WordPress 테마를 사용하고이 단계 건너 뛰기를 선택합니다

이제 도메인에 WordPress가 설치됩니다 WordPress 웹 사이트의 백엔드에 액세스하려면 빌딩 시작을 클릭하십시오 그러면 가이드 투어를 통해 안내 할 수 있습니다 튜토리얼에서이 과정을 진행하므로 '도움이 필요하지 않습니다'를 클릭합니다 WordPress 웹 사이트의 백엔드 내에있는 Bluehost 탭으로 이동합니다

WordPress 대시 보드에 액세스하려면 왼쪽 메뉴에서 대시 보드를 클릭하십시오 를 클릭하여 조치를 취하거나 해제 할 수있는 여러 알림이 있습니다 오른쪽 상단에있는 X 화면 옵션 드롭 다운을 클릭하여 대시 보드에 표시되는 내용을 수정할 수 있습니다 오른쪽 상단에서 상자를 선택 또는 선택 취소합니다 여러 가지 추가 플러그인이 설치됩니다

왼쪽의 관리자 메뉴에서 플러그인 위로 마우스를 가져 가서 설치된 플러그인 표준 WordPress 플러그인 외에도 Bluehost는 몇 가지 다른 플러그인을 설치합니다 Jetpack, MOJO Marketplace 등 이들을 활성화 상태로 두거나 플러그인을 비활성화 및 삭제하도록 선택할 수 있습니다 우리는 이것을 당신에게 맡길 것입니다 가능한 한 적은 수의 플러그인을 사용하고 싶습니다

플러그인 옆의 확인란을 선택하고 비활성화를 선택하여 일괄 적으로 수행 할 수 있습니다 대량 작업 드롭 다운에서 적용을 클릭합니다 그런 다음 선택한 모든 플러그인을 선택하고 삭제를 눌러 삭제합니다 그런 다음 WordPress 대시 보드로 돌아갑니다 브라우저에 도메인 이름을 입력하면 워드 프레스가 설치되었음을 알 수 있습니다 축하합니다! 공식적으로 새로운 WordPress 웹 사이트가 있습니다

지금은 그리 많지는 않지만 당신은 당신이 알고있는 것보다 훨씬 더 가깝습니다 이 과정의 일부로 무료 SSL을 설정하는 방법에 대한 비디오 링크를 제공합니다 사이트의 데이터를 암호화하는 인증서 사이트 보안을 개선하고 결제 할 수있는 가장 좋은 방법입니다 귀하의 사이트에 게재되고 Google 순위가 향상됩니다

좋아요, 준비, 도메인 등록, 호스팅 설정, WordPress 설치 이제 워드 프레스의 기본 인 3 단계로 넘어갈 수 있습니다 WordPress 웹 사이트에 로그인 할 때마다 도메인을 입력하고 '/ wp-admin'을 추가하십시오 'examplecom/wp-admin'과 같이 그런 다음 이전 단계에서 설정 한 사용자 이름과 비밀번호를 입력하십시오 그런 다음 WordPress 대시 보드로 이동합니다

개발 환경에 WordPress를 설치했습니다 깨끗한 WordPress 설치이므로 동일하게 보입니다 그러나 약간 다른 경우 걱정하지 마십시오 기본 사항은 모두 동일합니다 그러나 출시 예정 플러그인을 설치하여 세상을 볼 준비가되면 사이트를 올바르게 아래 설명에서이 작업을 수행하는 방법에 대한 비디오 링크를 추가하겠습니다

웹 사이트 구축시 유사한 비디오 및 팁을 보려면 YouTube 채널을 구독하십시오 비디오 섹션을 확인하십시오 워드 프레스 대시 보드 또는 관리자 패널은 다음과 같은 세 가지 주요 섹션으로 구분됩니다 상단에 워드 프레스 툴바가 있습니다 메뉴 또는 관리 메뉴는 왼쪽에 있고 기본 관리 영역은 중간에 있습니다 우리는 대부분의 일을 할 것입니다

각 섹션에 대한 간략한 개요를 제공합니다 그러나보다 자세한 개요는 무료 WordPress 사용 방법 자습서를 참조하십시오 초보자를위한 WordPress 소개입니다 이것은 워드 프레스의 기본 원리를 익히기위한 것입니다 약 한 시간

좋아, 상단의 WordPress 툴바는 동적이며 사용 가능한 옵션을 조정합니다 현재 페이지에 따라 또는 전면에서 페이지를보고 있는지 또는 뒷머리 대시 보드 왼쪽에있는 관리 메뉴는 세 가지 주요 섹션으로 구분됩니다 이들은 대시 보드 섹션, 콘텐츠 관리 섹션 및 사이트 관리입니다 섹션

대시 보드 섹션에서는 대시 보드, 업데이트 및 추가 기능에 쉽게 액세스 할 수 있습니다 플러그인 기능 콘텐츠 관리 섹션에서는 게시물, 페이지, 미디어 항목, 의견 및 추가 플러그인 기능 사이트 관리 섹션에서는 디자인 및 모양 설정을 구성 할 수 있습니다 웹 사이트의 활성 테마 선택, 생성 및 메뉴, 위젯 관리 및 웹 사이트 테마 사용자 정의 또한 플러그인, 사용자를 관리하고 전역 WordPress 설정을 제어하고 활성화하는 곳이기도합니다

SEO, 소셜 공유, 테마별 설정 및 보안과 같은 테마 및 플러그인 확장 다음 섹션에서 이들 각각에 대한 실제 예를 한 번 살펴 보겠습니다 테마를 업로드하고 컨텐츠 작업을 시작합니다 그러나 계속 진행하기 전에 권장되는 것은 permalink 구조를 업데이트하는 것입니다 귀하의 웹 사이트 이는 페이지, 게시물 등에 대한 URL 문자열 생성 방법에 영향을줍니다

이렇게하려면 관리자 메뉴에서 설정으로 마우스를 가져갑니다 여기에서 전역 WordPress 설정을 관리 할 수 ​​있습니다 이에 대한 자세한 내용은 WordPress 사용 방법 자습서를 참조하십시오 그런 다음 Permalinks를 선택하십시오 기본 옵션은 영구 링크의 날짜를 특징으로하는보다 일반적인 접근 방식을 활용합니다

그러나 더 일반적인 옵션과 SEO 및 UX 관점에서 권장하는 것은 게시물 이름이므로 해당 옵션을 선택하고 변경 사항을 저장합니다 도움말 탭에서 각 옵션에 대해 자세히 알아보고 가장 적합한 옵션을 선택할 수 있습니다 당신 URL을 만들려면 콘텐츠 제작을 시작하기 전에이 작업을 수행하는 것이 좋습니다 당신이 원하는 방식으로 또한 사용자 프로필을 업데이트하거나 웹 사이트에 사용자를 추가하려면 다음을 수행하십시오

왼쪽의 관리자 메뉴에서 사용자 위로 마우스를 가져간 다음 여기에서 옵션을 선택하면됩니다 좋아, 계속해 메뉴가 완전히 반응하므로 화면 크기가 작아 질수록 메뉴가 모든 유형의 장치에서 액세스 가능하도록 조정합니다 마지막으로 기본 관리 영역은 기본 작업 영역으로 사용되며 다음에 따라 조정됩니다 관리자 메뉴에서 선택한 내용 오른쪽 상단의 화면 옵션 탭에주의를 기울입니다 이 탭을 열면 사용 가능한 옵션 및 기능 목록이 표시됩니다 현재 페이지에 따라 표시됩니다

마찬가지로 오른쪽의 도움말 탭에는 페이지에 대한 유용한 힌트가 표시됩니다 관련 문서에 대한 링크뿐만 아니라 WordPress에 대한 자세한 설명을 보려면 다시 한 번 방법을 참조하십시오 워드 프레스 튜토리얼을 사용하십시오 자 이제 우리는 워드 프레스의 기본에 대해 다루었으니, 계속해서 선택하고 WordPress 테마 업로드 WordPress 테마는 기본 WordPress 소프트웨어와 함께 작동하는 파일 그룹입니다 WordPress 웹 사이트의 디자인과 기능을 향상시킵니다 보다 자세한 개요는 '워드 프레스 테마 란 무엇입니까?'를 확인하십시오

OHKLYN 블로그에 기사 웹 사이트에 사용할 수있는 무료 및 프리미엄 테마가 있습니다 프리미엄 테마 사용의 주요 이점은 보안 강화, 지원 액세스, 보다 광범위한 테마 문서 또는 지침, 확장 된 기능 및 데모 컨텐츠 및 사전 구축 된 레이아웃에 대한 액세스 (약 $ 50 ~ $ 100) 돈을 위해 프리미엄 지원 패키지는 한 달에 $ 50가 소요될 수 있으며, 이는 프리미엄에 포함된다는 사실 테마는 현명한 투자입니다 OHKLYN 블로그에서 수천 개의 WordPress 테마를 기반으로하지는 않지만 수백 가지를 분석했습니다

속도, 디자인, 사용 편의성, 모바일 응답 성 및 기능성 OHKLYN 블로그의 WordPress Theme Reviews 카테고리 이 튜토리얼에서는 일관된 최상위 WordPress 테마 중 하나 인 Ultra by Themify를 사용합니다 30 달러 할인 된 가격으로 OHKLYN 블로그에 가입하면 환영 이메일이 발송됩니다 독점 할인 코드 테마에 대한 링크는 아래 설명에 있거나 OHKLYN 블로그에서이 버튼을 클릭하십시오

여기에서 Photoshop 파일 유무에 관계없이 Ultra Theme를 구입할 수 있습니다 또는 가격 아래에서 클럽 멤버십 중 하나를 선택하여 그들의 모든 테마 어떤 옵션을 선택 하느냐에 따라 해당 연도에 다양한 내용을 포함 시키거나 평생 클럽을 선택하면 평생 동안 모든 것에 액세스 할 수 있습니다 우리는 많은 테마를 사용하면서 Lifetime Club을 가지고 있지만 당신에게 맞습니다 정보를 입력하십시오

OHKLYN 블로그에 가입 한 경우 환영에서받은 할인 코드를 입력하십시오 이메일을 선택하고 다음을 선택하십시오 결제 정보를 추가 한 후 Themify 대시 보드에 로그인하십시오 다음 단계는 Ultra Theme의 사본을 다운로드하는 것입니다 Themify 대시 보드에서 아래로 스크롤하여 테마 섹션으로 이동하십시오 Ultra 링크를 클릭하여 테마 파일을 다운로드하십시오 (zip 파일)

테마 파일을 그대로 업로드하므로 압축을 풀 필요가 없습니다 하위 테마를 설치하려면 무료 하위 테마 생성기를 사용할 수 있습니다 지침에 따라 OHKLYN 메뉴의 리소스에서 또는 Child Theme Configurator라는 플러그인을 사용할 수 있습니다 이것은 모범 사례이지만 필수는 아닙니다 WordPress 테마를 업로드하고 설치하려면 WordPress 대시 보드에서 왼쪽의 관리자 메뉴에 표시되고 테마를 선택하십시오

여기에서 새로 추가를 선택하십시오 그런 다음 테마 업로드를 클릭하십시오 파일 선택을 선택하십시오 이전에 다운로드 한 zip 파일로 이동하여 열기를 클릭하십시오 그런 다음 지금 설치를 클릭하십시오

Ultra WordPress 테마를 업로드하고 설치하는 프로세스가 시작됩니다 끝낼 시간을주세요 테마가 설치되면 활성화를 클릭하면 새 테마가 나타납니다 당신의 웹 사이트에 생중계하십시오 완료되면 Themify Settings 페이지로 이동합니다

테마가 설치되면 언제든지이 페이지로 돌아갈 수 있습니다 왼쪽의 관리자 메뉴에서 새로 생성 된 Themify Ultra 탭 위로 마우스를 가져간 다음 테마 설정 가장 먼저해야 할 일은 WordPress에 필요한 플러그인을 설치하고 활성화하는 것입니다 우리가 방금 설치 한 테마 이 경우 페이지 상단에 알림이 표시됩니다 이렇게하려면 '플러그인 설치 시작'을 클릭하십시오 필요한 플러그인을 선택하고 설치를 클릭하십시오

옵션을 클릭하여 필요한 플러그인 설치 프로그램으로 돌아갑니다 방금 설치 한 플러그인을 활성화하려면 플러그인을 선택한 다음 활성화를 선택하십시오 모든 플러그인이 설치되고 활성화되면 WordPress로 돌아갈 수 있습니다 Themify Ultra in 위로 마우스를 가져 가면 Themify Settings로 돌아갑니다 관리자 메뉴에서 Themify Settings를 선택하십시오

Themify Settings에는 여러 개의 탭이 있습니다 여기에는 설정, 스킨 및 데모, 전송 및 업데이트가 포함됩니다 이 탭은 제어를위한 기본 탭이므로 설정 탭을 자세히 살펴 보겠습니다 웹 사이트의 글로벌 테마 설정 업데이트 탭은 컴퓨터에 설치된 Ultra 테마의 버전을 제어하는 ​​데 사용됩니다 웹 사이트 전송 탭에서는 Themify Settings 패널의 데이터를 가져 오거나 내보낼 수 있습니다

먼저 살펴볼 탭은 스킨 및 데모 탭입니다 이 탭을 사용하면 데모 컨텐츠를 활용하여 잘 설계되고 기능적인 것을 만들 수 있습니다 몇 번의 클릭만으로 몇 분 안에 웹 사이트를 만들 수 있습니다 여기에는 모든 데모 컨텐츠, 테마 설정, 메뉴 및 위젯을 가져 오는 옵션이 있습니다 Themify 데모 사이트에서 볼 내용을 정확하게 만들 수 있습니다 각 예제 아래의 데모보기 링크를 클릭하면 볼 수 있습니다

또는 아래 설명에있는 링크를 따라 가거나 OHKLYN은 여기 Ultra 페이지에 게시 한 후 아래로 스크롤하여 데모 섹션으로 이동 한 후 특정 데모 사이트에 대한 링크 이 테마의 일부로 전문적으로 디자인 된 65 개 이상의 페이지 레이아웃에 액세스 할 수 있습니다 웹 사이트를 처음부터 새로 만들거나 기존 콘텐츠가있는 경우 사용할 수 있습니다 당신의 웹 사이트에 우리는 당신이 이것들을 곧 사용할 수있는 방법을 다룰 것입니다 스킨 중 하나를 사용하려면 사용하려는 스킨을 클릭하고 클릭하기 만하면됩니다

구하다 프런트 엔드에서 사이트를 보면 스킨이 적용된 것을 볼 수 있습니다 다른 데모 사이트를 선택하고 저장을 누른 다음 프런트 엔드에서 페이지를 새로 고침합니다 웹 사이트의 모양이 바뀌는 것을 볼 수 있습니다 사용하려는 테마를 선택하면 (예 : 사진을 클릭합니다

) skin) 데모 컨텐츠를 가져올 수있는 옵션이 있습니다 웹 사이트에 이미 컨텐츠가있는 경우 데모 컨텐츠를 가져 오지 않으려 고합니다 그러나 처음부터 시작하고 데모를 시작으로 사용하려는 경우 웹 사이트를 가리킨 다음 가져 오기를 선택하여 데모 컨텐츠를 웹 사이트 가져 오는 데모에 따라 추가를 가져올 수있는 옵션이 표시됩니다 Themify 멤버십의 일부로 액세스 할 수있는 플러그인 그렇게하기 전에 사이트에 포함 할 기능인지 결정하십시오 예를 들어 사진 데모에는 Builder Contact 플러그인이 포함되어 있습니다

사용하고 싶다 그러나 웹 사이트에서 연락처 양식을 사용하지 않으려면 필요하지 않습니다 플러그인을 설치합니다 필요한 플러그인을 설치하려면 Themify 멤버쉽 영역에서 아래로 스크롤하여 빌더 애드온 섹션 사용하려는 데모에 대한 각 플러그인을 다운로드하려면 특정 링크를 클릭하십시오

플러그인은 다운로드를 시작하고 원하는 모든 플러그인에 대해 반복합니다 필요한 플러그인을 업로드하고 설치하려면 WordPress 대시 보드에서 관리 메뉴에서 플러그인을 선택하고 새로 추가를 선택하십시오 페이지 상단에서 플러그인 업로드를 선택하십시오 그런 다음 파일 선택을 선택하십시오 먼저 설치할 플러그인으로 이동하여 선택한 후 열기를 클릭하십시오

그런 다음 지금 설치를 클릭하십시오 플러그인이 설치되면 플러그인 활성화를 선택하십시오 새로 추가를 선택하고 나머지 플러그인에 대해 프로세스를 반복하십시오 비디오를 일시 중지하고이 과정을 진행할 수 있습니다 알았어 이제 모든 플러그인이 설치되었으므로 데모 컨텐츠 가져 오기를 마치겠습니다

관리자 패널에서 Themify Ultra 위로 마우스를 가져 가서 스킨 및 데모 탭으로 돌아가서 Themify Settings를 선택하십시오 그런 다음 스킨 및 데모 탭으로 이동하십시오 사용하고자하는 데모를 선택할 수 있습니다 데모 옵션을 가져 오려면 가져 오기 옵션을 클릭하십시오 끝낼 시간을주세요

완료되면 웹 사이트의 프런트 엔드를 방문하십시오 스킨 및 데모 컨텐츠를 가져 와서 사용자 정의 할 준비가되었습니다 보시다시피 몇 분 안에 사이트를 시작하고 운영 할 수있는 좋은 방법입니다 미리 만들어진 여러 레이아웃으로 나머지를 쉽게 만들 수 있습니다 귀하의 웹 사이트 다음 단계에서는 페이지를 처음부터 처음부터 작성하는 방법을 보여줍니다 이것은 Themify 빌더를 사용합니다

이 데모는 Google지도를 활용하고 있으며 현재로서는 오류 Google Maps API 키를 추가해야하기 때문입니다 복잡해 보이지만 실제로는 매우 간단합니다 Google지도를 포함하지 않으려면 다음 부분을 건너 뛰고 삭제할 수 있습니다 나중에 수행하는 방법을 보여줄 섹션입니다

Google지도를 추가하려면 Themify 설정으로 돌아갑니다 설정 패널에 있는지 확인하십시오 아래로 스크롤하여 Google 맵 옵션을 클릭하십시오 여기에서 API 키를 추가 할 수 있으며 그 아래에는 방법을 보여주는 링크가 있습니다 API 키를 생성합니다

이미 준비 했으므로 붙여 넣기 만하면됩니다 그러나 동영상을 일시 중지하고이 링크를 따라 생성 방법에 대한 자세한 단계를 수행 할 수 있습니다 당신의 열쇠 가지고 있으면이 필드에 복사하여 붙여 넣기 만하면됩니다 변경 사항을 저장하십시오

연락처 페이지로 돌아 가면지도가 작동중인 것입니다 이제 스킨 및 데모에서 가져온 게시물과 페이지를 원하지 않는 경우 탭 아래에서 스킨 아래에있는 지우기를 선택하면 가져온 컨텐츠는 삭제되지만 Themify 패널, 위젯 등을 그대로 두십시오 이제 웹 사이트 사용자 정의로 넘어 갑시다 지금까지 WordPress 웹 사이트를 설정하고 테마를 업로드하고 필요한 플러그인과 데모 컨텐츠를 활용하여 빠르게 시작하고 실행하는 방법 이 섹션에서는 로고를 업로드하고 즐겨 찾기 아이콘을 사용하여 테마 스타일을 지정하는 방법을 살펴 봅니다

맞춤 설정 도구, 테마 설정 업데이트 방법, 페이지, 게시물 및 카테고리 생성 방법, 포트폴리오 페이지 작성 방법, Themify 빌더 사용 방법, 메뉴 업데이트 방법 탐색, 마지막으로 사이트의 사이드 바 및 바닥 글을 업데이트하는 방법 그러면 10 시간이 넘는 무료 콘텐츠에 액세스하는 방법을 알려드립니다 새로운 웹 사이트를 통해 원하는대로 모든 요소를 ​​자세히 살펴볼 수 있습니다 마지막으로 모범 사례 및 다음 단계에 대한 조언을드립니다 웹 사이트는 Google과 같은 검색 엔진을 통해 검색 가능하며 Google을 활용하는 방법 웹 사이트 트래픽 및 사용자에 대한 통찰력을 제공하기 위해 무료로 분석하십시오 먼저 로고와 파비콘을 업로드하는 방법과 브랜드 컬러 팔레트

이것들은 가장 중요한 세 가지 바인딩 요소이며 가장 큰 역할을합니다 방문자에게 사이트를 고유하게 식별합니다 즐겨 찾기 아이콘은 테마 설정 내에 편리하게 위치하므로 시작하겠습니다 WordPress 대시 보드에서 Themify 설정에 액세스하려면 Themify 위로 마우스를 가져갑니다 Ultra를 선택하고 Themify Settings를 선택하십시오 설정 탭을 살펴보고 나중에 알아야 할 기본 사항을 다룹니다

에 울트라 테마의 가장 큰 장점은 너무 많은 옵션이 있다는 것입니다 실제로 모든 옵션을 다루려면 10 시간 이상이 필요합니다 그래서 우리가 대신 할 일은 모든 사람에게 가장 중요한 것들을 다루는 것입니다 즐겨 찾기 아이콘 설정, 웹 사이트 헤더 및 메뉴 레이아웃 수정 및 기본값 설정 페이지, 게시물 및 기타 전역 요소의 레이아웃

우리는 가장 중요한 모든 설정을 조금씩 다룰 것입니다 아래 설명과 OHKLYN 게시물에는 Themify에 대한 링크가 있습니다 새로운 문서를 열 것을 권장하는 문서 및 자세한 비디오 자습서 더 자세한 설명을 원할 경우 탭하십시오 설정 내에서 첫 번째 탭은 일반입니다 여기에 즐겨 찾기 아이콘을 업로드합니다

즐겨 찾기 아이콘은 사용자가 웹 사이트에있을 때 브라우저 탭에 나타나는 아이콘입니다 파비콘 이미지는 정사각형이어야합니다 그러나 브랜드 요소를 포함하려는 경우 투명한 영역이있는 PNG 이미지 일 수 있습니다 그것은 정사각형이 아닙니다 즐겨 찾기 아이콘을 업로드하려면 업로드를 클릭 한 다음 즐겨 찾기 아이콘으로 이동하여 선택하고 클릭하십시오

열다 그런 다음 오른쪽 상단에서 저장을 클릭하십시오 이제 로고를 업로드하고 브랜드 색상을 선택하겠습니다 테마 커 스터 마이저를 사용하여이 작업을 수행하고 가장 중요한 설정 중 일부를 실행합니다 테마 커 스터 마이 저는 모든 글로벌 스타일링 옵션에 대한 전체 액세스 권한이있는 곳입니다

당신의 웹 사이트를 위해 테마 맞춤 설정 도구에 액세스하려면 WordPress 대시 보드에서 모양 위로 마우스를 가져갑니다 사용자 정의를 선택하십시오 Themify Ultra 위로 마우스를 가져 가서 사용자 정의를 선택할 수도 있습니다 어느 쪽이든, 그것은 당신을 여기로 안내 할 것입니다

테마 사용자 정의 패널에는 기본 탭과 고급 탭이 있습니다 우리가 필요한 대부분은 기본 탭에 있습니다 그러나 이름에서 알 수 있듯이 고급 탭에서 고급 옵션에 액세스 할 수 있습니다 필요한 경우 이제 우리는 하루 종일 여기에있는 것처럼 모든 옵션을 거치지 않을 것입니다 하지만 로고를 추가하는 것과 같은 가장 중요한 것을 통해 브랜드 액센트 색상을 설정하고 전역 글꼴 등을 업데이트하여 테마 사용자 정의 프로그램을 사용하는 방법에 대한 확실한 이해

이 섹션에서는 테마 사용자 정의 및 스타일링 문서 인 링크는 아래 설명과 OHKLYN 게시물에 있습니다 이 가이드는 커 스터 마이저의 모든 옵션을 통해 필요한 정보 새 웹 사이트에 로고를 추가하는 방법을 살펴 보겠습니다 맞춤 설정 도구에서 아래로 스크롤하여 사이트 로고 및 태그 라인 옵션을 클릭하십시오 여기에서 웹 사이트의 로고와 태그 라인을 수정할 수 있습니다

사이트 로고 드롭 다운을 클릭합니다 여기에서 사이트 제목을 로고로 사용하고 로고 이미지를 업로드하는 방법 중에서 선택할 수 있습니다 또는 로고를 설정하지 않습니다 로고 이미지 옵션을 선택하겠습니다 로고를 추가하려면 '+'아이콘을 클릭하십시오

로고 이미지를 업로드하거나 미디어 라이브러리에서 이미지를 선택할 수 있습니다 로고를 업로드하여 미디어 라이브러리에 추가합니다 모든 이미지에 적합한 대체 텍스트를 설정하고 삽입을 클릭하십시오 웹 사이트 헤더에 로고가 추가됩니다 로고가 픽셀 화되지 않도록 너비 또는 높이 매개 변수를 설정하는 것이 좋습니다 또는 이상하게 보입니다

이 경우 200 픽셀을 추가하여 너비 매개 변수를 200 픽셀로 설정합니다 첫 번째 상자 클릭했을 때 로고가 사용자를 홈 페이지 이외의 위치로 이동 시키려면, 하단에 맞춤 사이트 로고 링크를 추가 할 수 있습니다 변경 사항을 커밋하려면 사용자 정의 패널 상단에서 게시를 누르십시오 프런트 엔드에서 사이트를 보면 이제 로고가 사이트에 추가되고 브라우저 탭에서 즐겨 찾기 아이콘도 볼 수 있습니다

테마 맞춤 설정 도구로 돌아가서 사이트 태그 라인 옵션을 클릭하면 여기에서 텍스트, 이미지를 포함하거나 태그 라인을 표시하지 않도록 선택할 수 있습니다 태그 라인을 표시하지 않도록 선택합니다 그러나 사이트에 태그 라인을 포함 시키려면 여기에 태그 라인을 추가하십시오 다시 한 번 변경 사항을 공개하십시오 사이트 로고 및 태그 라인 옵션 패널을 최소화하고 악센트 스타일링으로 스크롤합니다

브랜드 색상을 강조 색으로 포함하려는 경우 브랜드 색상을 추가 할 탭 당신의 웹 사이트에 이렇게하려면 Accent Styling 옵션 드롭 다운을 클릭하십시오 여기서 색상 선택기를 클릭하여 악센트 글꼴, 배경 및 링크 색상을 설정할 수 있습니다 상자 색상과 불투명도를 선택하거나 16 진수 또는 RGB 8 색을 입력 할 수 있습니다 브랜드 색상 코드

오른쪽의 미리보기 패널에 영향을주는 요소가 표시됩니다 이러한 변경 사항은 전체적인 변경 사항이며 전체 사이트에 적용됩니다 즉, 개별 페이지의 Themify를 통해 이러한 설정을 무시할 수 있습니다 사용자 정의 패널 또는 Themify 빌더 자체를 통해 나중에이 작업을 수행하는 방법을 보여 드리겠습니다 헤더 옵션을 통해 헤더 배경색 및 기타 요소를 수정할 수 있습니다 머리글 줄 바꿈 옵션을 선택하여 드롭 다운합니다

여기에서 배경색을 설정할 수 있습니다 마찬가지로, 동일한 프로세스를 수행하여 고정 헤더 옵션을 수정할 수 있습니다 고정 헤더 옵션 패널 고정 헤더는 페이지 상단에 고정되는 탐색 헤더입니다 사용자가 페이지를 아래로 스크롤합니다

나중에 다룰 Themify Settings 패널에서 비활성화 할 수 있습니다 사용 가능한 모든 옵션으로 속도를 높이는 가장 좋은 방법은 놀아 보는 것입니다 디자인에 가장 적합한 것을 확인하십시오 이 섹션의 설명서 및 비디오 가이드를 검토하는 것도 좋은 방법입니다 더 옵션

이 섹션에서 마지막으로 다룰 내용은 글로벌 타이포그래피 설정을 수정하는 방법입니다 당신의 웹 사이트를 위해 본문 및 단락 글꼴을 수정하려면 맞춤 설정 도구의 상단으로 스크롤하여 본문 옵션 패널에서 본문 글꼴 옵션을 선택하십시오 여기에서 웹 사이트 글꼴 또는 여러 Google 글꼴 중에서 선택할 수 있습니다 드롭 다운에서 글꼴 위로 마우스를 가져 가면 해당 글꼴의 미리보기가 표시됩니다

기본 단락 글꼴 크기, 줄 높이, 글꼴 두께, 문자 간격도 설정하십시오 다양한 스타일 옵션과 하단의 글꼴 색상으로 예를 들어, 본문 글꼴에 취소 선을 추가합니다 오른쪽 패널에서 변경 사항이 미리 볼 수 있습니다 취소 선 옵션을 클릭하고 본문 옵션 패널을 최소화하여 취소합니다

글로벌 제목 스타일을 설정하기 위해 동일한 작업을 수행 할 수 있습니다 이를 위해 제목 옵션을 클릭합니다 오른쪽의 미리보기 패널에서 페이지의 첫 번째 섹션으로 아래로 스크롤합니다 두 덩어리 이 제목 중 하나를 마우스 오른쪽 버튼으로 클릭하고 검사하면 제목 2임을 알 수 있습니다

또는 H2 특정 방식으로 모든 제목 H2의 스타일을 지정하려면 제목을 클릭하면됩니다 2 글꼴 옵션 드롭 다운 Heading 2 글꼴 패밀리를 Dancing Script와 같은 것으로 설정하여 쓰러지 다 미리보기 패널에 변경되었음을 알 수 있습니다

아래로 스크롤하면 페이지의 다른 제목 2 또는 H2에 해당 글꼴이 적용되었습니다 글꼴 무게, 줄 높이 등을 조정하여 디자인을 그대로 볼 수 있습니다 당신이 원하는 방식으로 글로벌 글꼴 스타일을 개별 글꼴과 다르게 설정하는 것이 좋습니다 나중에 마음이 바뀌고 무언가를 조정하고 싶다면 모든 페이지가 아닌 한 곳에서만 수행하면됩니다

또한 웹 사이트 전체에서 디자인이 일관되도록합니다 웹 사이트를 방문하고 맞춤 설정하는 것이 상대적으로 자신감이 있기를 바랍니다 더욱이 이것을 잘하는 유일한 방법은 손을 더럽 히고 다양한 설정을 통해 자신에게 맞는 것을 찾을 수 있습니다 다시 한 번, 사용자 정의 프로그램 학습서 및 문서를 검토하여 설정의

테마 사용자 정의 패널을 닫기 전에 변경 한 내용을 게시해야합니다 다음으로 가장 중요한 Themify Ultra 테마 설정을 다룹니다 WordPress 대시 보드에서 Themify 설정에 액세스하려면 Themify Ultra 위로 마우스를 가져갑니다 Themify Settings를 선택하십시오 설정 탭을 살펴보고 알아야 할 기본 사항을 다룹니다 이제 우리는 당신이 익숙해지기 위해 필요한 나머지 설정을 살펴볼 것입니다

사용법을 알고 있습니다 이러한 설정은 사이트의 모양과 기능을 크게 제어합니다 Themify 설정으로 이동하기 전에 몇 가지 설명을하는 것이 가장 좋습니다 먼저 우리 모두 같은 말을하도록합니다 게시 된 컨텐츠에 관한 한 WordPress의 기본 아키텍처에는 정적 페이지, 개별 게시물, 포트폴리오 게시물 및 보관 페이지

정적 페이지는 콘텐츠가 상대적으로 정적 인 웹 사이트 페이지입니다 예를 들어 홈페이지, 정보, 연락처 페이지 등 개별 게시물은 귀하의 비즈니스, 산업, 또는 틈새 개별 게시물은 조직 도구로 사용되는 카테고리별로 그룹화되며 사용자에게 추가적인 맥락과 의미를 증명합니다 개별 게시물에 태그를 추가 할 수도 있습니다 개별 포트폴리오 게시물은 작업 또는 사례의 예를 보여주기 위해 가장 일반적으로 사용됩니다 연구 등 이러한 기능은 카테고리와 연결된 개별 게시물과 유사한 방식으로 작동합니다

보관 페이지는 일반적으로 카테고리 페이지이며 개별 게시물 또는 포트폴리오를 보여줍니다 해당 특정 카테고리와 관련된 게시물 기본적으로이 페이지는 관련 게시물의 아카이브 역할을합니다 예를 들어 포트폴리오 웹 사이트가 있다면 '프로젝트'라는 카테고리가있을 수 있습니다 완료된 프로젝트 중 하나에 각각 집중하는 여러 개의 개별 게시물이 있습니다 웹 사이트에서 프로젝트 카테고리 링크를 클릭하면 모든 프로젝트 게시물을 표시 할 프로젝트 아카이브 페이지 이 페이지는 보관 페이지라고합니다

자, 우리 모두 같은 페이지에 있고 Themify 설정을 실행할 수 있기를 바랍니다 설정 내에서 첫 번째 탭은 일반입니다 Favicon 아래에는 다루지 않을 옵션이 많이 있습니다 그러나 복사 할 수있는 헤더 코드 섹션에주의를 기울 이겠습니다 웹 사이트의 페이지 및 게시물에 대한 헤드 태그에 추가 될 코드 스 니펫 Google 웹 로그 분석 추적 코드 또는 Facebook 픽셀 등을 추가 할 때 유용합니다

웹 사이트의 헤드 태그에 코드를 추가해야하는 경우 여기에서 추가 플러그인이 필요하지 않습니다 우리가 언급했듯이 우리는 가장 중요한 것들만을 다룰 것입니다 모두에게 각 탭의 나머지 테마 설정을 직접 검토하여 관련 내용을 확인하십시오 추가 설명이 필요하면 설명서를 확인하십시오 다음 탭은 기본 레이아웃입니다

여기에서 페이지, 개별 게시물 및 보관 페이지에 대한 기본 레이아웃을 설정합니다 앞에서 논의한대로 당신이 당신의 웹 사이트에 블로그 게시물을 포함하려면, 당신은 확실히 지출해야합니다 이 설정을 조정하는 데 약간의 시간이 걸립니다 그것들은 포트폴리오 아카이브 및 게시물 레이아웃 옵션과 매우 유사하다는 것을 알 수 있습니다 다음에 시간을 보내겠습니다 아래쪽에는 기본 페이지 레이아웃이 있습니다 페이지 사이드 바 옵션을 사이드 바 없음으로 설정합니다 모든 페이지에서 페이지 제목을 숨기고 원하는대로 모든 페이지에서 주석을 비활성화합니다

모든 페이지에서 깨끗한 슬레이트로 작업하고 사람들이 우리의 페이지에 댓글을 달지 않도록하십시오 블로그 게시물에 대한 의견은 괜찮지 만 사람들이 홈페이지에 의견을 남기는 것을 원하지 않습니다 예 변경 한 후에는 저장을 선택하여 커밋하십시오 다음 탭은 포트폴리오 레이아웃입니다

여기에서 개별 포트폴리오 게시물 및 보관 페이지에 대한 기본 레이아웃을 설정합니다 앞에서 논의한대로 우리는 우리가 선호하는 설정을 안내하고 근거를 제공 할 것입니다 그러나 가장 적합한 것을 선택하십시오 기본 아카이브 포트폴리오 레이아웃 섹션을 펼치면 첫 번째 옵션은 아카이브입니다 사이드 바 옵션 여러 레이아웃 옵션에는 웹 사이트에 사이드 바 배치가 포함됩니다

워드 프레스의 사이드 바는 위젯 사용 가능 영역이라고하며 사이드 바가있는 모든 페이지, 게시물 또는 아카이브 페이지에 나타나는 글로벌 사이드 바 가능 Themify Ultra에는 활용할 수있는 두 개의 사이드 바 위젯 사용 영역이 있습니다 표준 사이드 바와 디자인에 포함 할 수있는 좁은 사이드 바입니다 관련 섹션에서 이러한 위젯 사용 영역을 사용하는 방법을 보여줍니다 WordPress를 처음 사용하는 경우 문서를 검토하여 위젯과 위젯을 둘러보십시오

강력한 기능이므로 영역을 활성화했습니다 포트폴리오 사이드 바 옵션의 경우 오른쪽에 사이드 바가있는 옵션을 선택합니다 가장 일반적인 방법입니다 포트폴리오 레이아웃을 통해 개별 게시물을 아카이브에 표시하는 방법을 선택할 수 있습니다 페이지 가장 좋아하는 옵션을 선택하십시오

내용 표시 옵션과 같이 그 아래에있는 표시 옵션을 검토하십시오 모든 게시물 내용이 아닌 게시물 발췌문 만 표시하는 것이 좋습니다 또한 작성자, 날짜, 카테고리, 모든 게시물 메타 데이터를 표시 할 것인지 결정하십시오 기타 변경 사항을 확인하려면 프런트 엔드에서 사이트를보고 포트폴리오 범주로 이동하십시오 또는 보관 페이지

이 경우 사이트의 홈 페이지로 이동하여 포트폴리오를 클릭 할 수 있습니다 완벽한 옵션을 찾을 때까지 설정을 가지고 놀아보십시오 다음 레이아웃 옵션 그룹은 단일 포트폴리오와 관련이 있습니다 포트폴리오 페이지에서 특정 포트폴리오를 선택하십시오이 섹션이 참조하는 레이아웃입니다

에 다시 한 번 기본 레이아웃을 유지하지만 가장 적합한 레이아웃을 선택합니다 아래 옵션을 통해 몇 가지를 시도하여 가장 효과적인 방법을 확인하십시오 우리는 나중에 처음부터 포트폴리오를 만드는 과정을 거칠 것입니다 특정 포트폴리오에 대해 여기에서 선택한 기본값을 덮어 씁니다

다음으로 테마 설정 탭이 있습니다 기본적으로 울트라 테마는 완전히 반응합니다 그러나 여기서는 사용하지 않을 수 있지만 권장하지 않습니다 여기에서 기본적으로 정의 된 화면을 참조하는 반응 형 중단 점을 수정할 수도 있습니다 데스크톱, 태블릿 및 모바일 화면을 나타내는 너비 다시 한 번, 특별한 이유가 없으면 기본값을 그대로 두는 것이 가장 좋습니다

그들을 변경합니다 함께 살펴볼 섹션은 테마 모양 섹션입니다 여기에서 일반적인 테마 악센트 색상 및 타이포그래피를 설정할 수 있습니다 우리가 다룬 테마 사용자 정의 패널에서 이러한 설정을 더 많이 제어 할 수 있습니다 이전에는이 ​​설정을 그대로 두겠습니다

그러나 아래는 우리가 사용할 수있는 다양한 헤더 옵션입니다 웹 사이트의 모양과 느낌에 영향을줍니다 예를 들어 헤더 스타일을 나중에 기본 가로에서 헤더로 변경하면 Min Bar 옵션을 선택하고 변경 사항을 저장 한 다음 웹 사이트의 프런트 엔드를 새로 고칩니다 전체 사이트의 모양이 변경되었습니다 돌아 가자 헤더를 기본 헤더 가로 옵션으로 다시 변경합니다

다양한 옵션을 사용하여 가장 좋아하는 옵션을 찾으십시오 선택한 헤더 옵션에 따라 아래 옵션이 달라집니다 많은 옵션에는 고정 탐색 기능을 사용하지 않도록 설정하는 기능이 포함됩니다 사이트 로고 또는 태그 라인, 검색 기능 또는 소셜을 제외하는 옵션 아이콘 테마 모양 아래에서 옵션에서 바닥 글 디자인을 선택할 수도 있습니다

유효한 선택한 디자인에 따라 추가 옵션이 제공됩니다 위젯 구성 요소는 이후 섹션에서 살펴볼 위젯 탭을 통해 관리됩니다 텍스트 구성 요소는 테마 설정 페이지의 맨 아래로 스크롤하여 관리합니다 이제 텍스트를 필드에 추가합니다

바닥 글 스타일은 테마 사용자 정의 패널을 통해 제어됩니다 마지막으로 살펴볼 탭은 소셜 링크 탭입니다 소셜 위젯을 웹 사이트의 머리글 또는 바닥 글에 추가하는 방법을 설명합니다 위젯 탭을 통해 테마를 통해 소셜 아이콘을 제외하는 방법을 이미 다뤘습니다 위의 테마 설정 탭에서 모양 설정

이 탭에서는 웹 사이트에 포함하려는 소셜 플랫폼과 그 운영 방식을 관리합니다 표시되고 계정에 대한 링크를 추가하십시오 Instagram과 같은 새로운 소셜 플랫폼을 추가하려면 아래쪽으로 스크롤하여 링크 추가를 선택하십시오 제목을 지정하십시오 이 경우 Instagram입니다 링크 필드에 Instagram 링크를 추가하십시오

아이콘을 삽입하려면 아이콘 추가를 클릭하십시오 사용하려는 아이콘을 검색하십시오 이 경우에는 인스 타 그램에서 아이콘을 선택하십시오 필요 상자를 드래그하여 순서를 다시 정렬 한 다음 저장을 누르십시오

앞에서 페이지를 새로 고치면 Instagram 로고가 표시되고 클릭하면 링크에서 Instagram 계정으로 안내합니다 기존 소셜 링크의 세부 사항을 수정하려면 원하는 세부 사항을 업데이트하십시오 예를 들어 링크 세부 사항을 변경 한 후 저장을 선택하여 변경 사항을 커미트하십시오 소셜 링크를 삭제하려면 X 아이콘을 클릭하십시오 변경 사항을 저장하면 소셜 링크가 제거됩니다

자, 이것들은 아마도 Themify 빌더의 가장 중요한 측면 일 것입니다 나머지 옵션을 살펴보고 자세한 내용은 설명서를 참조하십시오 개별 포트폴리오, 페이지 및 게시물 내에서 다음과 같은 기능을 수행 할 수 있습니다 정말 강력한 기능인 특정 페이지의 Themify 설정을 무시합니다 웹 사이트 디자인을 더욱 세밀하게 제어 할 수 있습니다

다음 섹션에서는 사이트에 콘텐츠를 추가하는 방법을 살펴 보겠습니다 게시물, 페이지, 갤러리, 포트폴리오 및 카테고리 사이트에 필요한 페이지를 만드는 것으로 시작하겠습니다 사진 사이트에 홈페이지, 정보 페이지, 연락처 페이지, 포트폴리오가 필요합니다 페이지 (개별 포트폴리오 페이지 및 포트폴리오 아카이브 페이지 또는 카테고리 페이지 포함) 개인 정보 페이지, 서비스 페이지 및 Bog 페이지 (개별 게시물 페이지 및 블로그 포함) 보관 페이지 또는 카테고리 페이지)

WordPress에서 블로그의 페이지는 관리 메뉴의 페이지에서 관리됩니다 페이지 위로 마우스를 가져 가면 모든 페이지를 보거나 새 페이지를 추가 할 수 있습니다 지금 모든 페이지를 클릭합시다 데모 컨텐츠를 가져 오면 여러 페이지가 있음을 알 수 있습니다 이미 만들어졌습니다 사이트 맵을 보면 제외하고 원하는 모든 페이지를 만들었 음을 알 수 있습니다 서비스 페이지

이제이 페이지를 만들겠습니다 새 페이지를 작성하려면 새로 추가를 클릭하십시오 페이지 상단의 '+ 새로 만들기'아이콘 옵션 위로 마우스를 가져 가서 페이지를 선택할 수도 있습니다 또는 모든 페이지 탭에서 맨 위에있는 새로 추가 버튼을 클릭하십시오 가장 먼저 할 일은 페이지 이름을 지정하는 것입니다

퍼머 링크 구조로 게시물 이름을 선택한 경우 URL을 만드는 데 사용됩니다 이 페이지에 이 예에서는이 서비스를 호출합니다 WordPress를 처음 사용하는 경우 WordPress 사용 방법 자습서를 참조하십시오 페이지를 만들 때 사용할 수있는 기본 WordPress 옵션을 다룹니다 오른쪽에서 상위 페이지를 할당 할 것인지 선택할 수 있습니다 이는 사이트 계층 구조 및 퍼머 링크 구조에 영향을 미칩니다

이 경우 기본값은 부모 없음으로 유지됩니다 아래로 스크롤하면 하단에 Themify Custom 패널이 나타납니다 이미 기본 글로벌 페이지 설정을 설정했지만 항상 가능합니다 여기에서 개별 페이지에 대해이를 재정의하십시오 사전 디자인 된 레이아웃 중 하나에로드 할 것입니다

사이드 바가 없습니다 따라서 페이지 옵션 탭에서 사이드 바 옵션을 '사이드 바 없음'으로 설정하고 내용 폭을 전폭으로 또한 페이지 제목 숨기기 옵션으로 예를 선택합니다 이렇게하면 미리 디자인 된 레이아웃을 가져올 수있는 깔끔한 슬레이트가 만들어집니다 때때로 페이지를 초안으로 저장해야합니다 사전 디자인 된 레이아웃 중 하나를 추가하려면 Themify Builder 탭을 클릭하여 백엔드를 시작하십시오

건축업자 Themify Builder 탭에서 Import Layout 버튼을 클릭하십시오 특정 레이아웃을 검색하거나 카테고리별로 레이아웃을 보거나 스크롤 할 수 있습니다 사용 가능한 옵션 검색 또는보기 아이콘을 클릭하여 레이아웃을 미리 볼 수 있습니다

이 경우 레이아웃을 클릭하여 제품 / 서비스 레이아웃을 선택합니다 레이아웃을 교체 할 것인지 묻는 메시지가 나타납니다 바꾸기를 선택하면 레이아웃이 페이지에로드됩니다 페이지를 미리 보면 레이아웃이로드 된 것을 볼 수 있습니다 페이지 빌더를 사용하여 페이지 또는 레이아웃을 사용자 정의하는 실제 예를 살펴 보겠습니다

곧 지금은 페이지를 저장하겠습니다 페이지 하단에 Themify Builder 탭에 내용이 채워져 있습니다 이것은 Themify Builder의 백엔드 버전이며 블록은 내용에 해당합니다 페이지에

나중에 프론트 엔드 빌더를 사용하는 예를 살펴 보겠습니다 프론트 엔드 빌더와 백엔드 빌더의 주요 차이점은 프런트 엔드에서 변경 사항을 실시간으로 볼 수 있습니다 프론트 엔드 빌더를 보려면 상단의 Themify Builder 버튼을 클릭하십시오 그 페이지 빌더가 자동으로 열리지 않는 경우 빌더에서 빌더 켜기 옵션을 클릭하십시오

페이지 상단 이것은 Themify 빌더의 프론트 엔드 버전이며 주로 사용자 정의하는 데 사용할 것입니다 나중에 페이지 페이지를 게시 할 준비가되면 게시해야합니다 정보 페이지의 경우 모든 페이지 페이지로 돌아가 보겠습니다 이름 또는 편집 링크를 클릭하여 정보 페이지를 편집하십시오

제목에서 'U'를 삭제하여 시작하고 '정보'가되도록 영구 링크를 편집하십시오 블로그를 게시 한 후 게시물을 게시 한 후 퍼머 링크 또는 URL을 변경 한 경우 라이브 인 경우 기존 URL에서 새 URL로 301 리디렉션을 추가해야합니다 URL 이는 크롤링 오류나 404 페이지를 찾을 수 없음 오류가 발생하지 않도록하기위한 것입니다 이를 수행하는 가장 좋은 방법은 Simple 301 Redirects 또는 이와 유사한 플러그인을 사용하는 것입니다

변경 사항을 적용하려면 게시 된 페이지를 업데이트해야합니다 웹 사이트에 포함 할 나머지 페이지를 작성하여 작성하십시오 동일한 과정을 따릅니다 Themify Builder를 사용하여 커스터마이즈하는 방법에 대해 알아 보겠습니다 곧 페이지

귀하의 웹 사이트 구조 및 중요한 요소를 먼저 파악하는 데 중점을 둘 것입니다 페이지, 메뉴, 로고 및 브랜드, 전체 레이아웃 설정 이제 WordPress에서 블로그 게시물 및 카테고리를 작성하는 방법을 살펴 보겠습니다 웹 사이트에 블로그를 포함하려면 동일한 방법으로 블로그 게시물을 작성하십시오 유일한 차이점은 게시물 위에 마우스를 올려 놓아 카테고리를 먼저 설정해야한다는 것입니다 카테고리를 선택합니다

여기에 블로그 게시물을 할당 할 블로그 카테고리를 입력하는 곳이 있습니다 카테고리 이름을 선택하고 새 카테고리 추가를 선택하십시오 블로그에 포함하려는 모든 범주에 대해이 프로세스를 반복하십시오 카테고리를 만든 후 새 블로그 게시물을 만들려면 관리자의 게시물 위에 마우스를 올려 놓으십시오 메뉴에서 새 항목 추가를 선택하십시오

제목과 내용을 추가합니다 오른쪽에서 게시물의 카테고리를 선택하십시오 오른쪽의 추천 이미지 설정 옵션을 클릭하여 추천 이미지를 할당하십시오 이미지를 업로드하거나 미디어 라이브러리에서 이미지를 선택하십시오 게시물의 추천 이미지는 게시물 페이지 상단과 상단에 표시됩니다 모든 카테고리 또는 아카이브 페이지에서 해당 게시물의 목록 메가 메뉴에서 게시물의 미리보기 이미지로도 사용됩니다

나중에 그런 다음 게시물을 미리 보거나 게시하십시오 사용자 정의 블로그 페이지를 작성하지 않으면 기본 블로그 페이지에 최근 게시물이 표시됩니다 읽기 설정 탭을 통해 블로그 페이지로 설정하십시오 이 자습서에서 다루었거나 다루지 못한 내용에 대한 자세한 내용은 Ultra 또는 Themify Builder 문서 페이지에 대한 링크를 따르십시오

여기에서이 테마의 모든 요소를 ​​다루는 10 시간 이상의 자세한 내용에 액세스 할 수 있습니다 자세한 내용은 초보자를위한 WordPress 사용 방법 기사를 검토하십시오 동영상을 일시 중지하고 페이지에 포함하려는 페이지, 게시물 및 카테고리를 만듭니다 라이브 전에 웹 사이트 이제 페이지와 게시물이 준비되었으므로 포트폴리오를 추가하는 방법을 살펴 보겠습니다

당신의 일이나 재능을 보여주기 위해 사이트에 대부분의 경우 개인과 블로그 게시물을 처리하는 것과 같은 방식으로 포트폴리오를 취급합니다 포트폴리오 카테고리로 구성된 포트폴리오 포트폴리오 페이지는 일반적으로 일부 사진, 몇 가지 유익한 텍스트로 구성됩니다 생성하는 포트폴리오 유형에 따라 서비스 또는 연락처 정보 링크 울트라 테마는 매력적이고 실용적인 포트폴리오 레이아웃을 제공합니다

이점 이 섹션에서는 컨텐츠 빌더를 사용하여 포트폴리오를 작성하고 편집하는 방법을 보여줍니다 울트라 테마와 함께 제공됩니다 포트폴리오를 보려면 워드 프레스 대시 보드에서 관리자의 포트폴리오를 클릭하십시오 메뉴

데모 컨텐츠를 가져올 때 미리 디자인 된 여러 포트폴리오가 생성됩니다 포트폴리오는 게시물 및 갤러리와 같은 범주 아래에서 구성 할 수 있습니다 관리자 메뉴에서 포트폴리오 위로 마우스를 가져간 다음 선택하여 포트폴리오 카테고리를 관리 할 수 ​​있습니다 포트폴리오 카테고리 사이트 맵을 다시 살펴보면 다음과 같은 네 가지 포트폴리오 범주가 있습니다

하위 범주가 몇 개인 I, UX-UI 디자인, 웹 디자인 및 브랜딩입니다 따라서 블로그 게시물에 입력 한 것과 동일한 방식으로이 카테고리를 작성합니다 이름을 입력 한 다음 새 카테고리 추가를 클릭하십시오 이런 식으로 Who Am I 범주를 만듭니다 이름을 입력 한 다음 하위 카테고리를 선택하여 하위 카테고리를 만들 수도 있습니다 드롭 다운

기업 브랜딩이라는 범주를 만들고 브랜딩을 부모로 선택합니다 보다시피 기업 브랜딩은 브랜딩의 하위 범주로 생성됩니다 이 줄로 카테고리 위로 마우스를 가져간 다음 삭제를 선택하여 카테고리를 삭제할 수도 있습니다 해당 카테고리의 포트폴리오는 삭제되지 않지만 분류되지 않은 카테고리로 전송됩니다 대신에 우리는 건너 뛰고 사이트 맵을 반영하기 위해 나머지 범주를 만듭니다

당신도 똑같이 할 수 있습니다 만족하면 카테고리에 대한 포트폴리오 페이지 작성으로 넘어갈 수 있습니다 새 포트폴리오 페이지를 작성하려면 관리 메뉴에서 포트폴리오 위에 마우스를 놓고 추가를 선택하십시오 새로운 또는 툴바에서 '+ 새로 만들기'아이콘을 선택하고 포트폴리오를 선택하십시오

보다시피, 포트폴리오 작성은 게시물 작성과 매우 유사합니다 [ 여기에 제목을 추가 할 수 있습니다 '모바일 패션 앱'을 입력하겠습니다 페이지 상단에 표시되는 일부 내용을 여기에 추가 할 수도 있습니다 데모 레이아웃을 방해하지 않기 위해 비워 두겠습니다

추천 이미지도 마찬가지입니다 그러나 포트폴리오 범주 상자에서이 포트폴리오를 범주 중 하나에 추가합니다 페이지 구성 방식에 따라 일부 설정을 변경해야합니다 레이아웃을 가져 오기 전에 이렇게하려면 아래로 스크롤하여 포트폴리오 옵션 패널에 있는지 확인하십시오 여기에서 특정 페이지에 대해 빌더에서 본 많은 레이아웃 설정을 변경할 수 있습니다

테마 설정에서 지정한이 페이지의 설정보다 우선합니다 대부분의 기본 레이아웃은 디자인 방식으로 사이드 바를 비활성화 한 상태에서 가장 잘 작동합니다 따라서 여기서 비활성화합니다 포트폴리오를 처음부터 새로 만들려면 다음 중 하나를 사용하여 시작할 수 있습니다 포트폴리오 레이아웃 옵션

제목을 숨길 수도 있습니다 컨텐츠를 가져 오려면 이번에는 프론트 엔드 빌더를 사용하십시오 페이지를 저장하고이 버튼을 클릭하여 Themify Builder를 엽니 다 상단의 레이아웃 위에 마우스를 놓고 레이아웃로드를 클릭하십시오 레이아웃을 스크롤하거나 '재개'또는 '포트폴리오'와 같은 것을 검색하십시오

보시다시피, 다양한 포트폴리오 레이아웃 옵션이 있습니다 사용합니다 예를 들어 개인 포트폴리오 레이아웃을 미리 보면이 포트폴리오 페이지가 표시됩니다 이 페이지는 귀하의 포트폴리오 사이트를위한 좋은 홈페이지가 될 수 있지만 포트폴리오 페이지 레이아웃으로 돌아 가면 훨씬 간단한 포트폴리오 페이지가 표시됩니다

디자인 에이전시 마지막으로,이 패럴 랙스 포트폴리오 페이지는 멋진 것으로 채워져 있습니다 시차 효과 포트폴리오 페이지로 선택하겠습니다 그런 다음 페이지를 저장할 수 있습니다 다음 섹션에서는 Themify 빌더를 사용하여 자신의 콘텐츠에 추가하십시오

이 같은 교훈을 포트폴리오 페이지에 적용 할 수 있습니다 Themify 빌더를 편안하게 사용하기 위해 예제를 살펴 보겠습니다 웹 사이트 디자인에 맞게 사전 제작 된 레이아웃 중 하나를 맞춤 설정할 수 있습니다 또한 Themify Builder 모듈을 사용하여 처음부터 페이지를 작성하는 방법을 보여줍니다 미리 만들어진 행

포트폴리오 사이트의 홈페이지 역할을 할 이력서 페이지를 만들어 봅시다 이렇게하려면 Pages로 이동 한 다음 기존 홈페이지를 삭제하십시오 새로 추가를 클릭하십시오 제목에서는 '홈'이라고합니다 아래로 스크롤하여 사이드 바 없음 옵션을 선택하고 페이지 제목 숨기기에 대해 예를 선택하십시오

페이지를 저장 한 후 Themify 빌더를 실행하십시오 아래 설명과 OHKLYN 게시물에 Themify에 대한 링크가 있습니다 Themify Builder에 대한 자세한 자습서 및 안내서가 포함 된 Builder 설명서 모든 사람의 요구가 다를 수 있기 때문에 우리가 모든 것을 통과하는 것은 의미가 없습니다 옵션 중 하나입니다

대신 빌더 사용 방법의 기본 사항을 다루고 속도를 높일 수 있습니다 가장 일반적인 기능으로 도중에 더 깊이 들어가고 싶다면 테마 문서를 다시 참조하십시오 링크를 제공했습니다 웹 페이지를 생각하는 가장 좋은 방법은 행과 열 또는 그리드로 생각하는 것입니다 웹 사이트의 각 페이지에 대한 대략적인 레이아웃 가이드를 스케치 한 경우 빌더를 사용하여 작성하는 것은 쉽습니다

아직 그렇게하지 않았다면 동영상을 일시 중지하고 지금처럼하는 것이 좋습니다 프로세스가 훨씬 쉬워집니다 다시 한 번 레이아웃로드로 이동 한 다음 이력서 페이지를 검색하십시오 기존 레이아웃 바꾸기를 선택하십시오 Themify Builder가 켜지면 상단에 '+'가있는 툴바가 나타납니다

아이콘은 왼쪽에 있고 저장 버튼은 오른쪽 위에 있습니다 저장 버튼은 웹 사이트에 대한 변경 사항을 적용하고 마우스를 가져가는 경우 사용됩니다 왼쪽 상단의 '+'아이콘 위에 사용 가능한 모든 것을 표시하는 패널이 표시됩니다 웹 사이트에 추가 할 수있는 모듈 거기에있는 행 탭을 클릭하면 활용할 수있는 사전 빌드 된 모든 행을 볼 수 있습니다 웹 페이지 작성 프로세스 속도를 향상시킵니다 팁 : 내용은 쉽게 만들 수 있으므로 미리 작성된 행의 내용을 보지 마십시오 변경됩니다

행 및 열 레이아웃 또는 구조 측면에서 살펴보십시오 툴바에 대한 자세한 내용은 Themify b = Builder 설명서를 참조하십시오 이 튜토리얼에서 다루지 않을 빌더의 다른 측면 마찬가지로 OHKLYN 게시물의 링크를 따라 빌더 모듈 문서로 이동하십시오 빌더를 통해 사용 가능한 모듈에 대한 모든 설정 옵션을 안내합니다

다음으로 페이지 상단에있는 이미지 위로 마우스를 가져 가면 옵션이있는 막대가 나타납니다 이것은 행을 나타냅니다 보라색 옵션으로 표시되는 행 안에 이와 같은 하위 행을 가질 수도 있습니다 바의 왼쪽에는 행에 대한 열 옵션이 있습니다 여기에서이 행에 포함 할 열 수를 선택할 수 있습니다 (최대 6 개)

열 옵션의 오른쪽에는 행 자체에 대한 옵션이 있습니다 거기에서 행 너비를 기본값으로 설정할 수 있습니다 테마의 기본 행 너비에 대한 행) 필요한 경우 고급 옵션의 테마 사용자 정의 패널을 통해이를 수정할 수 있습니다 전각 행 컨테이너는 행을 전각으로 설정하여 배경, 이미지, 이 예에서와 같이 색상은 브라우저의 전체 너비를 포함합니다

그러나 행 내의 컨텐츠 컨테이너는 행 기본 너비로 설정됩니다 밀어 넣을 열이나 모듈에 패딩을 추가하는 것에 대해 걱정할 필요가 없으므로 좋습니다 브라우저 창의 가장자리에서 벗어납니다 전폭 내용은 마지막 옵션이며 행을 전폭으로 만들고 열을 밀어 넣습니다 전폭 행도

그 아래에는 행 높이 옵션, CSS 클래스 추가 기능 및 옵션이 있습니다 행에 ID 또는 앵커 이름을 추가합니다 행 앵커를 사용하는 가장 일반적인 방법은 한 섹션에서 연결하려는 경우입니다 페이지의 동일한 섹션의 다른 섹션으로 나중에 페이지의 섹션을 가리키는 메뉴 탐색 링크를 만듭니다 링크 대상에 '#services'를 부여하여 서비스의 ID 또는 앵커 이름을 사용합니다

서비스 섹션으로 스크롤하여 해당 섹션의 행 옵션을 클릭하면, 이 행에 앵커 서비스 이름을 부여합니다 우리는 나중에 메뉴를 만들 때 이것에 연결될 것입니다 이에 대한 또 다른 일반적인 사용 사례는 동일한 문의처 섹션에 연결하는 것입니다 연락처 양식이있는 페이지 상단의 옵션으로 돌아가서 다음 옵션은 스타일링 옵션입니다 여기에서 행의 디자인 설정을 제어 할 수 있습니다

이 예제에서 배경 옵션을 클릭하면 배경 이미지가 나타납니다 저장됩니다 옵션에는 이미지, 그라디언트, 비디오 또는 슬라이더가 있습니다 배경 이미지를 제거하려면 X를 클릭하십시오 그런 다음 이미지 또는 비디오 URL을 붙여 넣거나 이미지 또는 비디오를 업로드하거나 이미 업로드 한 경우 미디어 라이브러리에서 하나

예를 들어이 사진을 자신의 사진으로 바꿀 수 있습니다 그 아래에서 행 오버레이 색상이나 그라디언트 및 오버레이를 설정할 수 있습니다 호버 아래에는 행의 글꼴 설정이며 정렬 등이 포함됩니다 그리고 더 아래로, 행에 여백 또는 여백을 적용 할 수 있습니다 이 행의 패딩으로 섹션에서 이러한 요소 위에 공간을 만듭니다

우리는 모든 설정을 거치지 않을 것입니다 순간 그러나 테마 옵션을 검토하여 중요한 옵션에 익숙해 지십시오 당신에게 가시성 탭을 사용하면 특정 장치 및 애니메이션에서 행을 표시하거나 숨길 수 있습니다 탭에서는 애니메이션을 추가하고 시차 효과를 설정할 수 있습니다

변경 사항을 커밋하려면 저장을 눌러야합니다 다른 옵션으로는 행을 복제하거나 가져 오기 또는 내보내기 기능이 있습니다 행을 삭제하거나 행을 삭제하십시오 서비스 섹션으로 이동하여 해당 섹션 위로 마우스를 가져 가면 다른 섹션이 표시됩니다 보라색 막대가 나타납니다

이것을 하위 행이라고하며 곧 작성하는 방법을 보여줍니다 왼쪽에서 하위 행에 대해 동일한 열 옵션을 사용할 수 있음을 알 수 있습니다 다른 옵션도 마찬가지입니다 그 아래에는 하위 행에 각각 아이콘과 조각이있는 두 개의 열이 있습니다 텍스트 각 열에는 고유 한 스타일 옵션이 있습니다 열을 가져 오거나 내보내거나 복사하거나 붙여 넣을 수도 있습니다

열을 삭제하거나 추가하려면 행 열 설정을 변경해야합니다 열에서 이미지 및 텍스트 모듈에 고유 한 설정 옵션이 있음을 알 수 있습니다 이 기능 모듈은 기본적으로 아이콘과 일부 텍스트가 포함 된 흐림 효과로 작동합니다 모듈을 편집하려면 (이 경우 기능 모듈) 편집 아이콘을 클릭하거나 모듈을 두 번 클릭하기 만하면됩니다 텍스트를 수정하려면 원하는 텍스트를 입력하십시오

가장 좋은 점은 변경 사항을 실시간으로 미리 볼 수 있다는 것입니다 기능 제목에서 사용하려는 제목을 설정할 수 있습니다 텍스트 내에 링크를 추가하려면 연결하려는 텍스트를 선택하고를 클릭하십시오 링크 삽입 / 편집 옵션에서 링크 주소를 추가하고 적용을 클릭하십시오 스타일링 탭에서 해당 모듈에 사용 가능한 다양한 설정을 수정할 수 있습니다

가장 일반적인 글꼴 옵션 아래에 있습니다 여기에서 텍스트 정렬 및 색상과 같은 다양한 다른 텍스트 속성을 수정할 수 있습니다 폰트 패밀리 등 각 모듈에 대한 나머지 옵션을 살펴볼 수 있습니다 또한 해당 모듈에 대한 가시성 옵션 및 애니메이션 옵션이 있습니다 열

예를 들어 애니메이션을 'slideInRight'로 설정 한 경우 저장을 선택하고 페이지를 저장 한 다음 다른 탭에서 페이지를 올리면로드시 기능이 슬라이드되는 것을 볼 수 있습니다 다시 돌아 가자 버튼 모듈을 두 번 클릭하면 상단의 크기와 스타일을 설정할 수 있습니다 당신의 버튼 그리고 텍스트 필드는 버튼 텍스트를 수정하는 곳입니다 버튼의 링크 대상을 링크 필드에 추가 할 수 있습니다 예를 들어, 연락처 페이지로 연결됩니다

이를 위해 'www'를 포함하지 않아도됩니다 URL의 일부로 'com'또는 루트 도메인 따라서이 경우에는 '/ contact'입니다 이것이 상대 경로 URL입니다 스타일링 탭에서 버튼 디자인을 사용자 정의 할 수 있습니다

가장 중요한 것은 정렬인데, 글꼴 드롭 다운에서 제어됩니다 여기에서 텍스트 정렬 옵션을 선택하여 일반 탭에서 단추 링크 탭에서 배경 및 배경 호버를 수정하는 위치입니다 버튼의 색상, 링크 및 링크 호버 색상, 버튼의 패딩 크기 텍스트, 테두리 스타일 및 속성 모듈에 대한 변경 사항을 저장하십시오 위의 텍스트 모듈을 두 번 클릭하면 다른 반면에 설정 옵션은 매우 유사하며 예제와 동일한 방식으로 작동합니다 지금까지 다루었습니다 Themify Builder에 익숙해지는 가장 좋은 방법은 약간의 시간을 투자하는 것입니다

옵션 자세한 정보가 필요하면 설명서를 검토하십시오 지금까지 콘텐츠 업데이트의 기본 사항을 살펴 봤지만 변경하려는 경우 기존 레이아웃? 다음 섹션으로 스크롤하십시오 여기에 텍스트가있는 단일 열 섹션이 있습니다 먼저 오른쪽 상단의 행 설정 위로 마우스를 가져 가서이 행을 복제하고 복제 버튼을 클릭합니다

이제 두 개의 행이 있습니다 두 번째 줄로 갑시다 이 행에 반 열과 반 열의 두 열만 갖기를 원한다고 가정 해보십시오 이렇게하려면 행의 열 옵션 위로 마우스를 가져간 다음 두 짝수 열을 선택하십시오 선택권

큰 이제 '+'아이콘 위로 마우스를 가져 가서 오른쪽에 이미지를 추가 할 수 있습니다 모듈 탭에서 이미지 모듈을 새 열로 드래그합니다 이미지를 직접 업로드하거나 미디어 라이브러리에서 이미지를 선택할 수 있습니다 그런 다음 모듈 제목을 추가하여 이미지 스타일을 지정하고 그림자, 둥근 모서리, 테두리 또는 이미지를 원으로 만듭니다

키와 몸무게를 사용하여 크기를 조정할 수 있습니다 첫 번째 행을 삭제하고 두 번째 행을 유지합니다 새 행을 원하면 맨 아래로 스크롤하여 처음부터 새로 만들 수 있습니다 여기에서 '+'아이콘을 클릭하고 사용하려는 모듈을 추가하십시오 또는 '+'아이콘을 클릭하여 미리 디자인 된 행 중 하나를 활용할 수 있습니다 페이지 상단에서 행 탭으로 이동 한 다음 원하는 행을 선택하십시오

사용하고 간단히 빌더로 끌어서 원하는 곳에 배치하십시오 여기에서 원하는 부분을 사용하여 컨텐츠로 쉽게 사용자 정의 할 수 있습니다 원하지 않는 부분을 삭제합니다 좋아, 아름답게 디자인 된 것이 얼마나 쉬운 지 알기 시작하기를 바랍니다 몇 번의 클릭만으로 웹 사이트

작업이 끝나면 항상 변경 사항을 저장하고 변경 사항을 적용하려면 백엔드로 돌아가서 게시하십시오 우리가해야 할 마지막 일은 웹 사이트의 홈페이지를 설정하는 것입니다 이 페이지 또는 웹 사이트의 홈페이지로 페이지를 설정하려면 관리자 메뉴에서 읽기를 클릭하십시오 '홈페이지 표시'옵션에서 '정적 페이지'가 선택되어 있는지 확인하십시오 홈페이지 드롭 다운에서 홈페이지로 설정하려는 페이지를 선택하십시오

아래 목록 이 경우, 홈페이지를 홈페이지로 설정하려고하므로이를 선택한 다음 저장을 클릭하십시오 처음부터 새 페이지를 만드는 과정을 살펴 보겠습니다 이를 위해 모든 페이지로 돌아갑니다 거기서 Add New를 선택하십시오

새 페이지에 이름을 부여합니다 우리는 단지 '테스트'라고 부릅니다 새 페이지를 만들기 전에 사이드 바를 다시 비활성화하고 제목을 숨기고 저장해 완료되면 Themify Builder 버튼을 클릭하여 페이지 빌더를 시작합니다 우리는 깨끗한 슬레이트가 있음을 알 수 있습니다

여기에서 레이아웃을 처음부터 만들거나 사전 빌드 된 것을 사용할 수 있습니다 상단의 '+'아이콘 위로 마우스를 가져 가서 디자인을 시작하려면 행 탭을 클릭 한 다음 특정 행을 선택하십시오 이 경우 'Full Height Hero Banner-Center'행으로 아래로 스크롤 한 다음 페이지 상단으로 드래그 앤 드롭합니다 여기에서 원하는 요소를 두 번 클릭하여 요소를 사용자 정의 할 수 있습니다 예를 들어 제목을 업데이트합니다 새 제목을 추가하고 저장을 클릭하십시오

같은 방식으로 행을 추가 할 수 있습니다 예를 들어, 기능 행을 클릭하고 끌어서 기능 행을 추가 할 수 있습니다 우리는이 접근법을 따라 페이지를 계속 만들고 구축 할 수있었습니다 지금은 기능 행을 삭제하겠습니다 미리 디자인 된 행을 사용하는 것 외에도 처음부터 자신 만의 레이아웃을 만들 수 있습니다

이를 설명하기 위해 위의 영웅 배너 레이아웃을 다시 작성하지만 처음부터 작성합니다 이를 위해 페이지 하단으로 스크롤합니다 가장 먼저 할 일은 사용하려는 모듈을 추가하는 것입니다 이 경우 두 개의 텍스트 모듈과 버튼 모듈을 사용하려고합니다 텍스트를 추가하고 가운데에 맞 춥니 다

또한 제목 1로 설정합니다 텍스트 모듈을 저장하십시오 다른 텍스트 모듈을 추가하고 텍스트를 입력 한 다음 가운데에 배치합니다 그런 다음 버튼 모듈을 드래그하여 그 아래에 놓습니다 모양을 반올림으로 설정하십시오

이 버튼을 Contact Me 버튼으로 만들고 링크 필드에 '/ contact'를 입력하여 연락처 페이지 스타일링 탭으로 이동하여 글꼴 섹션에서 정렬을 가운데로 다시 한 번 설정하십시오 그런 다음 버튼을 저장합니다 이제 배경 이미지를 행에 추가하고 패딩을 복제해야합니다 영웅 배너 섹션 디자인

이를 위해 영웅 배너 상단의 행 설정으로 스크롤하고 편집 옵션 행 너비는 전체 너비 행 컨테이너 행으로 설정되고 행 높이는 전체 높이로 설정됩니다 잠시 후에 변경하겠습니다 스타일링 탭으로 이동하면 배경 이미지를 사용하고 있음을 알 수 있습니다 이 예에서는 링크 URL을 복사하기 만하면 이미지를 소유하거나 동영상 URL을 사용하거나 이미지 슬라이더를 대신 사용하십시오

그 아래에서 우리는 배경 모드가 전면 커버라는 것을 알 수 있습니다 복제합니다 행 오버레이를 클릭하면 행 오버레이를 사용하여 행 오버레이를 사용하고 있음을 알 수 있습니다 내용이 더 눈에니다

자, 우리가 만들고있는 섹션으로 스크롤을 내려 행 설정을 클릭 해 봅시다 먼저 행 너비를 전체 너비 행 컨테이너 행으로 설정하고 행 높이를 전체로 설정하겠습니다 신장 그런 다음 스타일링 탭으로 이동합니다 배경 아래에서 위에서 복사 한 링크를 붙여 넣습니다 또는 이미지를 업로드하거나 미디어 라이브러리에서 이미지를 선택할 수 있습니다

백그라운드 모드를 풀 커버로 설정합니다 그런 다음 행 오버레이 섹션에서 색상을 검은 색으로 설정 한 다음 불투명도는 약 50 %입니다 그냥 비슷하게 보이도록하겠습니다 정확히 동일 할 필요는 없습니다 그런 다음 설정을 저장하십시오

그런 다음 텍스트 모듈을 두 번 클릭합니다 스타일링 탭으로 이동하여 글꼴 옵션을 클릭하십시오 여기서는 글꼴 색상을 흰색으로 설정하고 글꼴을 Oswald로 설정 한 다음 저장을 선택합니다 그런 다음 두 번째 텍스트 모듈로 이동하여 색상을 흰색으로 설정하고 저장합니다 마지막으로 버튼을 두 번 클릭하고 모양이 둥글게 설정되어 있는지 확인하십시오

그리고 거기 있습니다 이것이 빌더를 사용하여 처음부터 레이아웃을 만드는 방법입니다 우리는 몇 년 동안이 일을 해왔으므로 시작하기가 조금 느리다면 그것은 완전히 정상입니다 몇 시간 안에 학습 곡선의 가장 가파른 부분을 거치게됩니다 이것은 실제로 매우 즐겁고 약간 중독성이 있습니다

알았 으면 좋겠습니다 이해가 되시면 편안하게 지낼 수있을 것입니다 나머지 페이지 레이아웃 추가 정보가 필요한 경우 OHKLYN 게시물의 링크를 따라 문서로 이동하십시오 Themify Builder 또는 모듈과 관련하여 이제 모든 컨텐츠를 포트폴리오 사이트에 배치 했으므로 이제는 가장 중요한 메뉴를 쉽게 탐색 할 수 있도록 고유 한 탐색 메뉴 만들기 사이트의 일부 가장 먼저해야 할 일은 헤더 구조를 변경하여 제대로 볼 수 있도록하는 것입니다 메뉴, 특히 메가 메뉴 작동 방식 이렇게하려면 관리자 메뉴에서 Themify Ultra 위로 마우스를 가져가 Themify 설정으로 이동하십시오

테마 설정을 클릭하십시오 테마 설정 탭으로 이동하여 테마 모양을 확장하십시오 그런 다음 아래로 스크롤하여 머리글을 가로 머리글 레이아웃으로 변경하십시오 변경 사항을 저장하십시오 메뉴를 관리하려면 관리 메뉴에서 모양 위로 마우스를 가져간 다음 메뉴를 선택하십시오

WordPress의 메뉴 대시 보드입니다 작업중인 메뉴는 오른쪽에 있으며 메뉴에 할당 할 수있는 항목 왼쪽에 있습니다 더 많은 옵션을 추가하려면 상단의 화면 옵션 탭을 클릭하고 옆의 확인란을 선택하십시오 메뉴에 추가하려는 요소 우리는 이것을 사용하여 메뉴를 구성 할 수 있도록 포트폴리오 카테고리를 활성화 할 것입니다 화면 옵션에서 메뉴의 링크 대상을 설정하는 기능을 활성화 할 수도 있습니다 항목은 링크가 새 탭에서 열릴 지 여부와 CSS 클래스를 할당하는지 여부를 의미합니다 이 자습서에서는 CSS 클래스를 다루지 않지만 일부 학습에 관심이있는 경우 WordPress의 HTML 및 CSS 기본 사항은 course

ohklyncom에서 강좌 중 하나에 등록하십시오 메뉴 옵션으로 돌아갑니다 오른쪽에는 메뉴 구조가 있으며 하단의 메뉴 설정은 특정 메뉴가 표시 될 위치를 관리합니다 기존 메뉴를 편집하는 대신 새 메뉴를 만드는 방법의 단계를 살펴 보겠습니다

메인 메뉴로 지정합니다 새 메뉴를 만들려면 새 메뉴 만들기를 클릭하십시오 메뉴 이름을 입력하십시오 이것은 참조 용입니다 그런 다음 메뉴 작성을 선택하십시오

페이지 하단에서 특정 메뉴를 표시 할 위치를 선택하십시오 이 경우 메인 탐색을 선택합니다 메뉴에 메뉴 항목을 추가하려면 왼쪽에서 요소를 선택한 다음 추가를 클릭하십시오 메뉴 모두보기 탭의 페이지 드롭 다운에서 홈, 정보, 연락처, 블로그, 각 옆의 확인란을 선택하고 추가를 클릭하여 포트폴리오 및 서비스 페이지 메뉴

메뉴 항목을 클릭하고 위치로 드래그하여 순서를 수정할 수 있습니다 카테고리 드롭 다운에서 모두보기 탭으로 이동하여 블로그를 선택하십시오 카테고리 메뉴에 추가하려면 메뉴에 추가를 선택하십시오 이와 같이 항목을 아래로 끌어서 메뉴 항목의 하위 항목으로 항목을 추가 할 수 있습니다

메뉴를 저장하고 프런트 엔드에서 미리 보면 블로그 카테고리가 표시됩니다 드롭 다운 메뉴에서 블로그 메뉴 항목 아래에 있습니다 되돌아 가면 포트폴리오 카테고리를 메뉴에 추가하고 드래그하여 포트폴리오 메뉴 항목 아래에 배치하십시오 그런 다음 포트폴리오 메뉴 항목을 확장하고 하나를 선택하여 메가 메뉴를 만들 수 있습니다 메가 메뉴 드롭 다운 메뉴에서 Mega Posts 옵션을 선택하겠습니다

그런 다음 메뉴 저장을 클릭합니다 이것이 어떻게 보이는지 미리보기 위해 프런트 엔드로 돌아가서 페이지를 새로 고칩니다 포트폴리오 링크 위로 마우스를 가져 가면 메가 메뉴가 열립니다 카테고리는 왼쪽의 목록과 추천 기능이있는 포트폴리오에 표시됩니다 이미지가 오른쪽에 표시됩니다 카테고리 중 하나를 클릭하면 해당 카테고리 아카이브 페이지로 이동합니다 아래에 모든 카테고리가 있습니다

우리 메뉴의 블로그 카테고리도 마찬가지입니다 메뉴 섹션으로 돌아갑니다 다시 한 번 비디오를 일시 중지하고 나머지 메뉴 구조를 만듭니다 바닥 글 및 사이드 바 메뉴와 같은 다른 메뉴를 정확히 같은 방식으로 만듭니다 구조가 마음에 들면 외관을 사용자 정의 할 수 있습니다 관리자 메뉴에서 모양 위로 마우스를 가져 가서 커스터마이즈 웹 사이트 메뉴에 사용자 정의 링크를 추가 할 수도 있습니다

이렇게하려면 왼쪽의 사용자 정의 메뉴 링크 옵션을 클릭하십시오 메뉴 항목을 링크 할 URL을 추가하십시오 이 경우 페이지의 서비스 섹션에 연결하려면 '/ services'와 메뉴에 표시 할 링크 텍스트 그런 다음 메뉴에 추가를 클릭하고 메뉴에서 원하는 위치로 끕니다 링크가 아닌 조직 도구로 사용자 정의 링크를 원하는 경우 링크를 설정할 수 있습니다 해시 태그에 대한 URL이며 사용자가 클릭하면 해당 페이지를 다시로드합니다 이 작업을 수행 할 수있는 몇 가지 경우가 있으므로 이제 방법을 알 수 있습니다

서비스 링크를 테스트하기 위해 프론트 엔드로갑니다 페이지를 새로 고침하고 서비스를 클릭하면 관련 페이지로 이동합니다 섹션 좋아, 메뉴로 돌아 가자 바닥 글 메뉴를 수정하려면 바닥 글을 선택하여 같은 방식으로 접근하십시오 데모 컨텐츠로 작성되고 메뉴 항목을 수정하거나 방금 진행 한 단계에 따라 새 바닥 글 메뉴 메뉴 옵션에 대한 자세한 내용은 설명서를 참조하십시오 울트라 테마와 함께 사용할 수 있습니다

기본 탐색 메뉴가 원하는 방식으로 작동하면 다음 단계로 넘어갈 수 있습니다 위젯을 사용하여 웹 사이트의 사이드 바 및 바닥 글 업데이트 워드 프레스의 사이드 바와 바닥 글은 위젯 사용 가능 영역이라고하며 모든 페이지, 게시물 또는 보관 페이지에 표시되는 글로벌 사이드 바 또는 바닥 글을 설정합니다 사이드 바가 활성화되었습니다 위젯은 전용 섹션에서 관리되며이 섹션은 마우스를 가져 가서 액세스 할 수 있습니다 왼쪽의 관리 메뉴에서 모양을 선택하고 위젯을 선택하십시오

왼쪽에는 사용 가능한 모든 위젯이 있고 오른쪽에는 모든 위젯 사용 가능 영역이 있습니다 두 개의 사이드 바 영역과 헤더에있는 소셜 위젯 영역이 표시됩니다 글로벌 바닥 글에있는 바닥 글 소셜 위젯 영역뿐만 아니라 데모 컨텐츠를 가져온 경우 다양한 사이드 바에 이미 위젯이 추가되었을 수 있습니다 그리고 다른 위젯 영역 오른쪽에있는 사이트의 블로그 페이지로 이동하면 사이드 바 위젯입니다

지역 위젯 패널로 돌아 가면 위젯이 추가 된 것을 볼 수 있습니다 이 영역에 사이드 바에 표시되는 내용에 맞 춥니 다 사이드 바 또는 위젯 사용 가능 영역에 위젯을 추가하려면 위젯을 클릭하십시오 왼쪽에서 위젯을 추가 할 위젯 사용 가능 영역을 선택하고 추가를 선택하십시오 위젯

위젯이 추가되면 위젯을 제자리로 드래그 할 수 있습니다 위젯을 클릭하여 설정을 수정하십시오 위젯을 업데이트 한 후 저장을 누르십시오 위젯을 삭제하려면 위젯을 클릭 한 후 삭제를 선택하십시오 프론트 엔드로 돌아 가면 위젯에 추가 한 위젯이 활성화 된 것을 볼 수 있습니다 지역

자, 그것은 위젯에 대한 빠른 충돌 코스입니다 Themify-Social Icons 위젯과 같이 하단에 테마별 위젯이 있습니다 머리글이나 바닥 글에 추가하여 소셜 계정 등을 연결할 수 있습니다 Themify Settings (개별 설정) 또는 개별 페이지의 Page Options (페이지 옵션) 탭에서 위젯 사용 가능 영역의 전체 레이아웃과 활성화 된 페이지 Themify 위젯 사용에 대한 자세한 정보는 선적 서류 비치 원하는 방식으로 포트폴리오 웹 사이트를 확보하고 시작할 준비가되면 사이트에서 최상의 결과를 얻으려면 따라야 할 몇 가지 모범 사례가 있습니다

결과 Google과 같은 검색 엔진을 통해 블로그를 검색 할 수있게하려면 블로그를 색인해야합니다 이 작업을 수행하는 방법을 알아 보려면 여기 OHKLYN 게시물에 비디오 링크를 추가했습니다 이 동영상에서는 블로그를 Google 검색에 추가하는 방법을 단계별로 보여줍니다 마찬가지로 블로그에서 트래픽 및 사용자 행동을 모니터링하려는 경우 Google 웹 로그 분석을 설치하려고합니다

예, 이제 블로그에 Google 웹 로그 분석을 추가하기위한 비디오를 만들었습니다 OHKLYN 게시물에서 링크를 찾을 수 있습니다 이것으로 WordPress를 사용하여 포트폴리오 웹 사이트 자습서를 만드는 방법을 마무리합니다 이 비디오가 마음에 드 셨다면 좋아요 버튼을 누르세요 워드 프레스, 디지털과 관련된 더 많은 동영상을 보려면 YouTube 채널을 구독해야합니다

마케팅 및 성공적인 사이트 운영 방법 의견을 보내 주셔서 감사합니다 아래에 의견을 남겨 주시고 마음에 드는 점을 알려주십시오 어려운 동영상이있어 추가 동영상을 만들 수있는 경우 웹 사이트 구축시 도움을 줄 수 있습니다 독점 할인, 무료 자습서에 액세스하고 최신 정보를 얻으려면 최신 업데이트는 OHKLYN (ohklyn

com)의 뉴스 레터에 가입하고 다음 시간까지 행복한 건물!

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 만 추가하면됩니다 우리는 거기에 갈

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

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

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

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

How To Make A Website With WordPress – 2019

이 비디오에서는 웹 사이트를 만드는 빠르고 쉬운 방법을 보여 드리겠습니다 걱정하지 마라, 내가 임의의 웹 사이트를 몇 시간 만들면 내가 너를 몇 시간 동안 따라갈 수 없게 될 것이다

그러나 나는 당신이 만들고 싶은 정확한 웹 사이트를 만드는 방법을 보여줄 것입니다 완전히 무료 인 80 개 이상의 수작업 테마에서 템플릿을 선택하게됩니다 그런 다음이 재미 있고 끌어서 놓기 편집기로 사이트를 맞춤 설정하는 방법을 보여 드리겠습니다 그리고 무엇보다 30 분 안에 귀하의 웹 사이트 구축을 완료 할 것입니다 그럼 그게 너에게 좋다면, 계속 지켜봐

[음악 소개] 이봐! 저는 Todd Pettee이고 간단한 웹 사이트 제작을 환영합니다 나는 모든 웹 사이트의이면이 꿈이라고 믿는다 그리고 나는 당신이 당신의 자신의 웹 사이트를 구축 할 수 있도록 돕기를 원합니다, 그래서 당신은 당신의 꿈을 이루기 시작할 수 있습니다 이 동영상을 제작하게되어 매우 기쁩니다 새로운 방법을 보여줄 것이므로 당신에게 많은 시간과 좌절감을 줄 수있는 웹 사이트를 구축하십시오

웹 사이트를 구축하는 데 필요한 간단한 5 단계 만 있습니다 이제 시작하고 시작하겠습니다 그래서, 귀하의 웹 사이트를 구축하기위한 첫 번째 단계는 도메인 이름과 호스팅을 얻는 것입니다

그리고 지난 10 년 동안 나는 20 개 이상의 다른 웹 사이트 호스팅 회사를 테스트했습니다 매우 신뢰할 만하 며 놀라 울 정도로지지를 받고있는 유일한 것을 발견했습니다 그리고 그것은 Siteground입니다

그래서 나는 # 1이라고 표시된 아래의 설명 상자에 링크를 배치했다 그러면 Siteground로 바로 연결되며 70 % 할인 된 가격으로 구매할 수 있습니다 그들의 호스팅 계획 해당 링크를 클릭하면 계획을 선택할 수있는이 페이지로 이동합니다 아시다시피, Siteground는 우리에게 세 가지 다른 선택을 제공합니다

따라서 "시작 계획"은 필요한 모든 것을 갖춘 기본 계획입니다 하나의 웹 사이트 만 있습니다 그런 다음 "GrowBig Plan"은 몇 가지 기능을 추가하고 여러 가지 기능을 동일한 계정하에있는 웹 사이트

다음으로, 우리는 "GoGeek 계획"을 가지고 있으며, 그것은 기본적으로 더 많은 기술적 인 특징을 가지고 있습니다 당신이 필요로하는 모든 것 각 계획의 모든 기능을 비교하려면 "비교 호스팅"을 클릭하십시오 계획 "링크를 클릭하면 테이블에있는 모든 정보가 제공됩니다 따라서 귀하의 요구에 가장 잘 맞는 계획을 선택하십시오

이 튜토리얼에서는 "StartUp Plan"을 선택 하겠지만 일반적으로 내 웹 사이트를위한 "GrowBig"계획 그리고 다음 페이지는 도메인 이름을 선택하는 곳입니다 그래서 여기에서 다음 중 하나를 선택할 수 있습니다 "새 도메인 등록"을 클릭하고 원하는 도메인 이름을 입력하십시오 또는 선택 "이미 도메인이 있습니다"라고 입력하고 이미 도메인 이름을 등록한 경우 도메인 이름을 입력하십시오

다른 곳 이미 도메인 이름이 있다면 걱정하지 마십시오 도메인 이름을 연결하는 것이 정말 쉽습니다 Siteground와 몇 분 후에 그 방법을 알려 드리겠습니다 좋아, 그럼 내가 등록하고 싶은 새로운 도메인 이름을 입력하고 시도해보십시오

buildasimplewebsitecom 보시다시피, 이미 찍은 것입니다 그래서 나는

net이나 org와 같은 다른 톱 레벨 도메인을 시도 할 수있다 아니면 다른 도메인 이름을 생각해 볼 수도 있습니다 이것은 내가 생각하는 것입니다 이 경우에해야합니다

그럼, 어디 보자 어때요 easywebsitebuildcom 좋아, 좋다 따라서 볼 수 있듯이 도메인을 사용할 수 있다면 바로 결제로 연결됩니다 페이지 상단에 도메인 이름을 표시하십시오

그래서 우리가 여기서해야 할 일은 우리의 계좌 정보를 채우는 것입니다 그런 다음 계속해서 고객 정보 섹션을 작성합니다 마지막으로 지불 정보를 여기에 추가하겠습니다 그런 다음 '구매 정보'섹션으로 이동하면이 첫 번째 섹션이 여기에 표시됩니다

계획을 변경할 수있는 곳 따라서 어떤 이유로 계획을 변경하기로 결정했다면 이 작은 아이콘을 오른쪽 클릭하면됩니다 여기에서 데이터 센터를 변경할 수도 있습니다

다시이 작은 아이콘을 오른쪽 클릭하고 데이터 센터를 선택하십시오 귀하의 타겟 고객과 가장 가까운 곳에 위치하며, 반드시 그 지역과 동일한 것은 아닙니다 당신은 살아요 예를 들어, 유럽에 거주하지만 대부분의 잠재 고객이 미국에 거주하는 경우, 그러면 미국에서 서버를 선택하게 될 것입니다 다음은 기간을 살펴 봅시다 보시다시피, 1 년에서 3 년 사이를 선택할 수 있습니다 그리고 나는 당신이 편안하다고 느끼는 가장 긴 기간을 선택하는 것이 좋습니다 당신이 선택한 전체 기간 동안 큰 70 % 할인을받을 수 있기 때문입니다 그런 다음 추가 서비스 섹션을 확인해 봅시다

모든 개인 정보를 숨길 수있는 "도메인 개인 정보"보호가 필요할 수 있습니다 이름, 주소, 이메일 및 전화 번호 등 "사이트 스캐너"옵션은 조기 발견 및 경고 시스템과 비슷합니다 웹 사이트에 보안 문제가 있는지 알 수 있습니다 나는 그냥 체크하지 않은 상태로 둘 것입니다

마지막으로 총계를 자세히 살펴보고 올바르게 보이는지 확인하십시오 당신은 당신이 원하는 모든 것을 가지고 있습니다 그런 다음 서비스 약관 및 개인 정보 취급 방침을 읽었는지 확인하십시오 마지막으로 "지금 지불"버튼을 클릭하십시오 양식에 오류가없는 경우이 페이지에 'Your 주문이 제출되었습니다

" 그리고 결국이 페이지로 바뀝니다 "귀하의 계정은 성공적으로 완료되었습니다 만들어진!" 즉, 웹 사이트 구축을 시작할 준비가되었음을 의미합니다 SiteGround에서 찾은 정말 좋은 점은 귀하의 웹 사이트 즉시 라이브가 될 것입니다 내가 사용한 다른 웹 호스팅 업체의 경우 때때로 최대 48 시간이 소요될 수 있습니다

내 사이트가 게재되도록 좋아요,이 단계를 완료하려면 "고객 영역으로 진행"버튼을 클릭하십시오 그러면 웹 사이트 설정 페이지로 이동하게됩니다 그게 다야, 우리는 도메인 이름과 호스팅을 가지고 있으며 1 단계로 끝났습니다 2 단계로 바로 이동하면 이제 WordPress를 설치하게됩니다 그리고 운 좋게도 SiteGround를 사용하면 클릭 한 번으로 WordPress를 설치할 수 있습니다

그래서 우리가 마지막 단계에서 중단 한 위치에서 계속해서, 우리는 웹 사이트 설정 페이지 어떤 이유로이 페이지에 있지 않은 경우 "설치"를 클릭하여 찾을 수 있습니다 SiteGround가 귀하에게 보낸 환영 전자 메일에서 "마법사"링크를 클릭하십시오 그래서 WordPress를 설치하려면 "새 웹 사이트 시작"옵션을 선택해야합니다 아래의 WordPress 버튼을 선택하십시오

버튼을 클릭하면 새 섹션이 표시되어 이메일 주소, 사용자 이름 및 암호를 사용하여 새 WordPress에 로그인하는 데 사용하려는 웹 사이트 입력란에 입력란이 입력되면 '확인'버튼을 클릭하십시오 그런 다음 추가 할 기능이 있는지 확인한 다음 "확인"을 클릭하십시오 버튼을 클릭하십시오 그런 다음 서비스 약관 및 개인 정보 취급 방침을 읽었는지 확인하십시오

마지막으로 "Complete Setup"버튼을 클릭하십시오 그리고 그게 다야! WordPress가 설치되고 웹 사이트가 현재 게시 중입니다 그러면 다음 단계 인 "고객 영역으로 진행"을 클릭하여 다음 단계로 넘어갈 수 있습니다 우리는 귀하의 웹 사이트를 구축하기 시작할 것입니다 하지만 빠르게 진행되기 전에 도메인 연결 방법에 대해 알려 드리고자합니다

새 웹 사이트를 다른 곳에서 구입 한 경우 "따라서 SiteGround 계정의 사용자 영역에서"내 계정 "을 클릭하십시오 "정보 및 설정"탭을 클릭하십시오 그런 다음 "계정 DNS"섹션을보고 두 줄을 복사하십시오 귀하의 DNS 서버 그들은 이렇게 보일 것입니다

그리고 이들은 "ns1"과 "ns2"로 시작합니다 이 두 줄을 받아 기술 지원 부서로 보내면됩니다 도메인을 구입 한 장소 또는 도메인을 등록한 사용자에게 물어보십시오

DNS 서버를이 둘로 전환 할 수 있다면 유일한주의 사항은 도메인 작동을 위해 24-48 시간을 기다려야 할 수도 있다는 것입니다 정확히 이제 다음 단계로 넘어 가기 전에 웹 사이트를 빠르게 살펴 보겠습니다 단지 그것이 살아 있는지 확인하고 어떻게 보이는지보아야합니다 따라서 브라우저의 주소창에 도메인 이름을 입력하면됩니다

그리고 희망적으로 당신은이 쇼와 같은 것을 보게 될 것입니다 그리고 알 수 있듯이 아직 그리 좋지는 않지만 걱정하지 마세요 그 다음 세 단계에서 그래서 # 2 단계입니다 우리는 WordPress를 빠르고 쉽게 설치했으며 이제 3 단계로 넘어갈 시간입니다

좋아, 우리는 3 단계에 도착했다 3 단계에서는 테마를 설치하고 플러그인 따라서 필요한 플러그인을 설치하려면 WordPress에 로그인해야합니다 관리자 패널 관리자 패널에 액세스하는 가장 쉬운 방법은 "/ login"을 끝에 추가하는 것입니다 검색 주소창에 도메인 이름을 입력하십시오

그래서 "/ login"을 추가 한 다음 enter 키를 누르면 로그인 정보가 나타납니다 화면 이제 wordPress를 설치할 때 생성 한 사용자 이름과 암호를 입력하면됩니다 "로그인"버튼을 클릭하십시오 좋아, 일단 로그인하면이 "WordPress 스타터"가 표시됩니다

화면 SiteGround는이 기능을 사용하여 웹 사이트를 사용자 정의하는 데 도움을 줍니 다 페이지의 맨 아래로 스크롤 한 다음이 "끝내기"를 클릭하면됩니다 링크 그리고 다음으로 보게 될 것은 워드 프레스 대시 보드입니다

그러나 우리가 무엇인가를하기 전에이 두 가지 알림을 닫아서 우리를 귀찮게 해 첫 번째는 맨 위에있는 파란색 상자로, "WordPress 초보자 "자습서를 클릭하고"Do not Show This "를 클릭하면됩니다 다시 "링크 그리고 내가해야 할 업데이트가 있다는 경고가 표시되거나 표시되지 않을 수도 있습니다 적용된

이것을 보시면이 "X"를 클릭하여 닫으십시오 자, 이제 WordPress 대시 보드의 레이아웃을 살펴 보겠습니다 왼쪽에 기본 탐색 메뉴가 표시되고 마우스를 위에 올려 놓으면 메뉴 항목 중 일부 메뉴에 대해 하위 메뉴가 표시됩니다 또한 메뉴 항목 중 하나를 선택하면 선택한 항목에 대해 다양한 옵션이 제공됩니다 메뉴 항목이 오른쪽에 나타납니다 이제 대시 보드를 탐색하는 방법을 알았으므로 먼저 두 플러그인을 모두 다운로드 해 보겠습니다

설치 방법을 알려 드리겠습니다 다운로드 할 첫 번째 플러그인은 무료이며 드래그 앤 드롭 방식의 페이지 빌더입니다 사이트의 레이아웃과 콘텐츠를 매우 쉽게 사용자 정의 할 수 있습니다 5 단계에서 사용하는 방법을 정확하게 보여 드리 겠지만 지금은 설명으로 이동하십시오 아래에있는 "Elementor"링크를 클릭하십시오

그러면 Elementor 다운로드 페이지로 이동하게되며 "다운로드"를 클릭하기 만하면됩니다 그런 다음이 링크를 클릭하여 옵트 인 양식을 건너 뛰고 다운로드를 시작하십시오 그런 다음 파일을 바탕 화면에 저장하면 해당 파일을 쉽게 찾을 수 있습니다 다음 단계 그리고 다음에는 "Elements"플러그인을 다운로드하고 설치합니다

이 비디오에는 90 개의 무료 템플릿 키트와 1500 개 이상의 템플릿 페이지가 있습니다 우리가 방금 다운로드 한 Elementor 플러그인으로 한 번 더, 아래의 설명 상자로 이동하여 링크 # 3을 클릭하십시오 "집단" Envato Elements 웹 사이트에서 "Download"버튼을 클릭하면 다운로드를 시작하십시오

그리고 파일을 데스크탑에도 저장하십시오 두 플러그인을 모두 바탕 화면에 다운로드 했으므로 두 가지 플러그인을 모두 설치합니다 귀하의 웹 사이트에서 그들 중 그러려면 먼저 왼쪽의 기본 열에서 "플러그인"을 클릭하십시오 그리고 오래된 플러그인이 있으면 계속해서 클릭하십시오

"업데이트 지금 "그 플러그인 옆에 업데이트되었는지 확인하십시오 다음으로, "Add New"버튼을 클릭하고, "Upload Plugin"을 클릭하십시오 그런 다음 "파일 선택"버튼을 클릭하고 바탕 화면으로 이동하여 "요소" 파일을 다운로드하십시오 그런 다음 "열기"를 선택하십시오 마지막으로, "Install Now"를 클릭 한 다음 "Activate Plugin"을 클릭하면됩니다

그런 다음 Elementor 플러그인을 사용하는 방법을 설명하는 환영 화면이 표시됩니다 5 단계에서 다룰 것입니다 이제는 지금 건너 뛸 수 있습니다 그런 다음 "Elements"플러그인에 대해 동일한 프로세스를 한 번 더 반복하십시오 그럼 왼쪽에있는 "플러그인"으로 가자

그런 다음 "새로 추가"를 클릭 한 다음 "플러그인 업로드"를 클릭하고 "파일 선택"을 클릭하십시오 그런 다음 "Elements"플러그인을 찾아서 "Open"을 클릭하십시오 그런 다음 "지금 설치"를 클릭하고 마지막으로 "플러그인 활성화"를 클릭하십시오 플러그인 용입니다 우리는 그것들을 모두 설치했고 우리 테마를 설치할 수 있습니다

우리의 테마는 우리 웹 사이트의 룩앤필을 사용자 정의 할 수있게 해줄 것이므로 매우 중요합니다 우리가 옳은 것을 찾았습니다 그래서 먼저, 왼쪽 메뉴에서 "Appearance"로 가야합니다 거기에서 우리는 "Add New"를 클릭하고, "Search Themes" 상자에 설치하려는 테마의 이름을 검색합니다이 이름은 "Astra"입니다

Astra는 매우 빠르고 가벼운 테마로 맞춤 설정이 가능하며 완벽하게 작동합니다 방금 설치 한 드래그 앤 드롭 페이지 작성기 인 Elementor가 있습니다 그래서 여기에 나타난 것은 단 하나뿐입니다 그리고 우리가해야 할 일은 "설치"를 클릭 한 다음 완료 후 "활성화"를 클릭하는 것입니다 설치 그리고 그것은 우리를이 단계의 끝으로 인도합니다! 자, 진짜 빨리, 당신의 웹 사이트를 다시 한번 살펴 보겠습니다 그리고 왼쪽 상단 모서리에있는 사이트 이름을 클릭하여 액세스 할 수 있습니다 보시다시피, 마지막 단계와 조금 다릅니다

하지만 여전히 추가해야합니다 일부 콘텐츠를 시작하고 그것을 사용자 정의하십시오 그리고 그것은 우리가 다음 단계에서 할 일입니다 4 단계에서 우리는 귀하의 웹 사이트에 여러 페이지의 콘텐츠를 추가 할 것입니다 여기서 사이트가 어떻게 보이는지에 대한 결정을 내릴 수 있습니다

이 단계가 끝나면 실제 진행 상황을 볼 수 있습니다 먼저 WordPress 대시 보드로 돌아가서 공중 선회로 그걸 할 수 있습니다 관리자 패널에서 관리자 이름을 입력 한 다음 '대시 보드'를 클릭하십시오 첫째, 우리는 WordPress가 귀하의 사이트에 넣은 기본 콘텐츠를 없애고, 우리는 정말로 그것을 필요로하지 않기 때문에 그러니 왼쪽 메뉴에서 "Pages"를 클릭하십시오

그런 다음 "샘플 페이지"위에 마우스를 올려 놓습니다 그런 다음 '휴지통'링크를 클릭하십시오 그런 다음 '빠른 수정'을 클릭하여 '개인 정보 취급 방침'페이지의 이름을 변경하십시오 그리고 그것을 "개인 정보"로 변경하고 페이지의 링크를 "개인 정보"로 변경합니다 게다가

그런 다음 "업데이트"를 클릭하십시오 이제 모든 것을 정리 했으므로 우리는 우리 자신의 콘텐츠 중 일부를 게시 할 수 있습니다 이제 왼쪽 메뉴에서 "요소"로 이동합시다 그리고 Elements Plugin을 처음 사용할 때는 이메일을 입력해야합니다 이 약관에 동의한다는 내용의 확인란을 선택하십시오

그런 다음 "계속"을 클릭하십시오 그리고 바로 여기에서 볼 수 있듯이,이 비디오의 시점에서 Envato Elements 플러그인 Elementor와 함께 사용할 수있는 100 개의 무료 템플릿 키트와 12 개의 프리미엄 템플릿 키트가 있습니다 페이지 빌더 선택할 수있는 모든 템플릿을 사용하면 필요에 맞는 템플릿을 찾을 수 있습니다 잠시 시간이 필요하다면 동영상을 일시 중지하고 찾을 때까지 페이지를 스크롤하십시오

당신이 좋아하는 사람 그리고 분명히하기 위해, 당신은 내가하는 것과 같은 템플릿을 사용할 필요가 없습니다 원하는 것을 선택하십시오 그런 다음 사용자 정의하는 방법을 보여 드리겠습니다 다음 단계에서

이 자습서에서는 무료 템플릿 키트를 사용하기 때문에이 창을 닫을 것입니다 여기에서 프리미엄 템플릿 키트를 걸러냅니다 그리고 내가 찾은 재미있는 템플릿 키트를 사용하려고합니다 "개 그루밍" 여기 검색 필드에 이름을 입력하면됩니다 그리고 이것들은 그 템플릿 키트와 관련된 모든 페이지들입니다 따라서 템플릿을 찾은 후에 템플릿을 클릭하면 모든 페이지를 볼 수 있습니다 테마의 모든 페이지 템플릿을 살펴보면 선택할 수있는 두 가지 유형의 템플릿입니다 그들 중 일부는 오른쪽 상단 모서리에이 작은 "Pro"레이블을 갖습니다

다른 사람들은 그렇지 않습니다 그래서 작은 "프로"레이블은 해당 페이지의 일부가 Elementor의 Pro 버전에서만 49 달러에 판매됩니다 따라서 Pro 템플릿을 설치하지 않고도 살 수없는 상태에서 업그레이드하고 싶다면, 아래의 설명 상자에 링크 # 2를 사용하여 구매하도록 부탁드립니다 그게 내 제휴사 링크이기 때문에 Elementor로부터 작은 수수료를 받겠습니다 무료 자습서를 만들 때 나를 도와줍니다

그리고 그것은 실제로 당신이 돈을 절약하도록 도울 수 있습니다 Elementor가 제공하는 프로모션 하지만 걱정하지 마세요 반드시 Pro 버전을 구입할 필요는 없습니다 왜 보여줘

먼저 홈 페이지를 선택합니다 미리보기 이미지를 클릭하면 각 페이지의 전체 미리보기를 볼 수 있습니다 그리고 나는이 사람이 여기있는 것을 좋아한다고 생각합니다 이제해야 할 일은 페이지 이름을 "집"으로 입력 한 다음 "만들기"를 클릭하는 것입니다 페이지 "버튼을 클릭하십시오 그리고 그만큼 간단하게 내 "페이지"섹션 아래서 저 페이지를 만들 것입니다 완료되면이 메시지가 나타납니다 당신을위한 페이지

이제 "템플릿 키트로 돌아 가기"를 클릭하고 다음으로 "정보"페이지를 찾아야합니다 우리가 사용하고 싶은 어디 보자

이건 어때? 그런 다음 '정보'를 처음 입력하여 페이지를 만드는 단계와 동일한 단계를 거칩니다 "Create Page"버튼을 클릭하십시오 이제 끝났습니다

그런 다음 동일한 순서를 다시 거쳐 "연락처"페이지를 만듭니다 먼저 "템플릿 키트로 돌아 가기"버튼을 클릭하십시오 그런 다음 사용할 "연락처"페이지 템플리트를 찾으십시오 이 "Pro"태그가 붙어 있더라도 여기에서이 코드를 사용합니다 이유를 보여 드리죠

다음 페이지로 가면 두 가지 선택 사항이 있음을 알 수 있습니다 "Buy Elementor Pro "또는"경고 및 가져 오기 무시 " 템플릿을 가져 오도록 선택하려고합니다 그 이유는 일어날 유일한 일은 단순히 Pro 버전이 필요한 페이지 부분입니다 나타나지 않을거야

그리고이 페이지에서 나는 다른 플러그인을 사용할 수있는 연락 양식을 만들 수 있습니다 다른 종류의 유용한 콘텐츠로 대체하십시오 다음에 할 일을 알려 드리겠습니다 단계 '경고 무시 및 가져 오기'옵션을 클릭하기 만하면됩니다

그런 다음 페이지 이름으로 '연락처'를 입력합니다 그리고 "Create Page"버튼을 클릭하십시오 이제 홈 페이지, 정보 페이지 및 연락처 페이지의 세 페이지가 있어야합니다 그리고 우리가해야 할 마지막 일은 WordPress 만이기 때문에 모든 페이지를 게시하는 것입니다 가져 왔을 때 임시 보관함에 저장되었습니다

이렇게하려면 왼쪽 메뉴에서 "페이지"로 이동 한 다음 모두를 선택하십시오 이 상자를 선택하면 페이지가 열립니다 그런 다음 "편집"및 "적용"을 선택하십시오 그런 다음 '상태'옆의 드롭 다운 메뉴에서 '게시 됨'을 선택하고 마지막으로 "업데이트"버튼을 클릭하십시오 이제 모든 페이지가 게시되지만 홈 페이지가 귀하의 사이트를 방문 할 때 첫 페이지가 표시됩니다

메인 메뉴로 이동하여 '모양'을 클릭하면 빠르게 바뀔 수 있습니다 그런 다음 "사용자 정의"를 클릭하십시오 그런 다음 '홈페이지 설정'을 선택하십시오 이제 "정적 페이지"를 선택하고 드롭 다운 메뉴가 나타나면 "홈"을 선택하십시오 그리고 곧바로, 오른쪽 창에있는 내용이 내용으로 바뀌어야합니다

선택한 홈 페이지 템플리트의 보시다시피, 우리는 우리가 원하는 콘텐츠 측면에 약간의 여유가 있습니다 페이지의 전체 너비로 확장하여 제거 할 수 있습니다 그러려면 여기에서 위로 화살표를 클릭하고 "레이아웃"을 선택한 다음 "컨테이너" 그런 다음 "Default Container"에서 "Full Width / Stretched"를 선택하십시오 그리고 그 마진이 사라지고 내용이 완전히 오른쪽으로 확장되는 것을보아야합니다 및 페이지의 왼쪽면

그리고 이것은 이것이 당신 테마의 기본 설정이기 때문에 모든 페이지가 똑같이 보일 것입니다 방법 따라서 우리가해야 할 일은 다음에서 모든 페이지에 액세스 할 수 있도록하는 것입니다 각 페이지 상단의 메뉴 이제 뒤로 화살표를 두 번 클릭하여 메뉴를 만들고 '메뉴'를 선택하십시오 "Create New Menu"버튼을 클릭하십시오

이제 '기본 메뉴'를 선택하십시오 즉, 모든 페이지의 맨 위에 표시됩니다 페이지 또한 메뉴 이름 입력란에 "기본 메뉴"를 입력하십시오 그런 다음 "다음"을 클릭하십시오

그런 다음 '항목 추가'버튼을 클릭하면 모든 페이지가 여기에 표시됩니다 권리 이제 메뉴에 추가 할 페이지를 클릭하면됩니다 해당 항목에 체크 표시가 나타나면 여기 왼쪽 메뉴에 표시됩니다 원하는 페이지를 모두 추가 한 후 '재정렬'링크를 클릭 한 다음 위아래 화살표를 사용하여 원하는 위치로 이동할 수 있습니다

그리고 마침내 "완료"및 "게시"를 클릭하여 모든 변경 사항을 게시하십시오 그런 다음 여기에 Google 웹 사이트의 이름을 'My 블로그 "를 사용하려는 웹 사이트 이름으로 변경하십시오 이 뒤로 화살표를 두 번 클릭 한 다음 "레이아웃"을 선택한 다음 "헤더"및 다음 "사이트 ID" 그런 다음 "사이트 제목"필드에 사이트 이름을 입력하십시오 그런 다음 '게시'를 클릭하십시오

그리고 지금 당신의 웹 사이트는 꽤 잘 보일 것입니다, 그래서 가자 당신이 생각하는 것을 보아라 그렇게하려면이 메뉴를 닫으려면 왼쪽 상단의 "X"를 클릭하십시오 그런 다음 사이트 이름 바로 위의 링크를 클릭하십시오 그리고 와우! 마지막 단계와의 차이점은 무엇입니까? 정말 멋져 보인다! 다른 사람이 귀하의 웹 사이트를보고있을 때 보지 않을 것입니다

맨 위에있는이 관리 표시 줄 좋아, 마지막 단계로 이동하여 맞춤 설정하는 방법을 보여 드리겠습니다 Elementor 끌어다 놓기 빌더와 함께 귀하의 사이트 자, 이제 마지막 단계 인 5 단계입니다 이 단계에서는 웹 사이트의 페이지를 맞춤 설정하는 방법을 보여 드리겠습니다

내용과 디자인을 변경하여 먼저 WordPress 대시 보드로 돌아가 보겠습니다 그리고 관리자 패널에서 웹 사이트 이름 위에 마우스를 올려 놓고 클릭하면됩니다 "계기반" 그런 다음 왼쪽 메뉴에서 "페이지"를 클릭 한 다음 "요소로 편집"을 선택하십시오 "홈"페이지 옆에있는 링크를 클릭하십시오

이제 설치 한 테마에 따라 테마의 콘텐츠가 달라집니다 내 Elementor 페이지에는 3 가지 유형의 요소가 있습니다 첫 번째 유형의 요소를 섹션이라고합니다 섹션에는 다음과 같은 3 가지 특성이 있습니다 첫째, 그들은 수평 상자와 같은 컨테이너입니다

둘째, 그들은 그들 내부에 기둥을 잡습니다 세 번째로 페이지의 전체 너비에 걸쳐 펼쳐집니다 그럼 예제를 보겠습니다 이것은 섹션입니다 그 위에 마우스를 가져 가면 파란 테두리가 보입니다 또한 페이지 너비에 걸쳐 있고 열이 페이지 내부에 있음을 알 수 있습니다 그것 섹션의 더하기 아이콘을 클릭하면 새 섹션을 추가 할 수 있습니다

표 아이콘을 마우스 오른쪽 버튼으로 클릭하면 섹션을 편집하거나 복제 할 수 있습니다 오른쪽의 X 아이콘을 클릭하면 삭제할 수 있습니다 또한 "레이아웃", "스타일"및 "고급"탭에서 열 속성을 편집 할 수 있습니다 여기 왼쪽 탭 예를 들어 레이아웃 탭에서 콘텐츠 섹션의 너비를 변경할 수 있습니다

또는 스타일 탭 아래의 섹션에 대한 배경 이미지를 변경할 수도 있습니다 따라서 모든 변경 작업을 마친 후에는 "업데이트"버튼을 클릭하십시오 모든 것을 저장하려면 여기 버튼을 누르십시오 따라서 모든 페이지에있는 두 번째 유형의 요소를 열이라고합니다 그리고 Columns에는 3 가지 특성이 있습니다

첫째, 그들은 수직 상자와 같은 컨테이너입니다 둘째, 페이지 너비에 걸쳐 하나 또는 여러 개의 문자가있을 수 있습니다 셋째, 위젯을 보관할 수 있습니다 따라서 열이 어떻게 작동하는지 보여주기 위해 연락처 페이지로 이동하십시오 따라서 브라우저의 뒤로 화살표를 클릭 한 다음 연락처 페이지를 찾으십시오

"Elementor로 편집"링크를 다시 클릭하십시오 연락처 페이지도 파란색으로 바뀌는 섹션들로 구성되어 있습니다 내가 그들을 쥐고있을 때 이 섹션 안에는 두 개의 열이 있습니다 그리고 그 위에 마우스를 올려 놓으면 어두운 회색으로 변합니다

따라서 Column을 편집하고 싶다면, 인터페이스에서 행을 드래그하여 할 수 있습니다 열을 더 넓게 또는 좁게 만들 수 있습니다 또는이 상자를 마우스 오른쪽 버튼으로 클릭하고 '레이아웃'섹션에서 너비를 조정할 수도 있습니다 열에 대한 것입니다 보시다시피, 주로 보류에 사용됩니다

페이지의 콘텐츠 구성 마지막으로 위젯이라고하는 세 번째 유형의 요소가 있습니다 짐작할 수 있듯이 위젯에는 3 가지 특성이 있습니다 알고 있어야합니다 첫째, 위젯은 페이지에 기능을 배치 할 수있는 작은 프로그램과 같습니다 상황 : 텍스트, 이미지, 버튼, 양식, 아이콘 및 그런 것들

둘째, 위젯에는 조정할 수있는 다양한 기능이 있습니다 셋째, 열이나 섹션 또는 다른 위젯 내부에만 배치됩니다 먼저, 위젯을 클릭하여 사용할 수있는 모든 종류의 위젯을 확인해 봅시다 이 작은 격자 아이콘이 여기 있습니다 그리고 부수적으로, Elementor의 Pro 버전을 사용한다면 많은 것을 얻을 수 있습니다

이 섹션에서 사용할 위젯이 더 많습니다 따라서 페이지의 위젯에 마우스를 올려 놓으면 이렇게 파란색으로 바뀌며 이 위젯은 모두이 열에 포함되어 있으며이 열에 포함되어 있습니다 섹션 그리고 위젯의 내용을 클릭하여 편집 할 수 있습니다 그런 다음 텍스트 위젯이라면 이처럼 텍스트를 직접 편집 할 수 있습니다

여기 왼쪽의 옵션 패널에서 모든 종류의 위젯을 편집 할 수 있습니다 각 위젯에는 내용, 스타일 및 고급 탭이 있습니다 마지막 단계 인 연락처 페이지를 가져 왔을 때 기억하십시오 Pro 버전이 없기 때문에 여기에 문의 양식이 표시되지 않았습니다 Elementor? 이제는 그 위젯을 채워서 더 유용하게 보이도록 위젯을 추가 할 것입니다

여기서는 위젯 아이콘으로 가서 Google지도 위젯을 검색해 보겠습니다 그런 다음이 열에 드래그 앤 드롭하면지도가 표시됩니다 그런 다음 왼쪽의 다른 주소와 주소를 여기에서 변경할 수 있습니다 if 나는해야한다 좋아, 끝내기 전에 Elementor가 얼마나 강력한지를 보여주고 싶습니다

홈 페이지 상단에있는 '영웅'섹션이 마음에 들지 않는다고 가정 해 보겠습니다 음, Elementor는 완전히 새로운 것을 추가하는 것을 아주 간단하게 만듭니다 더하기 아이콘을 클릭하기 만하면됩니다 Envato Elements 리프를 클릭하십시오 이제 검색 상자를 클릭하고 여행 카테고리로 이동하여 템플릿을 찾습니다

키트, 또는 정말로, 당신은 그 문제에 대한 템플릿 키트를 사용할 수 있습니다 템플릿 킷을 클릭하면 추가 할 페이지를 결정할 수 있습니다 그런 다음 "템플릿 가져 오기"를 클릭하십시오 이제이 창을 닫고 더하기 아이콘을 다시 클릭하고 이번에는 폴더를 클릭하십시오 아이콘을 클릭하고 "내 템플릿"을 클릭하십시오

그런 다음 가져온 템플릿을 찾아 "가져 오기"버튼을 클릭하면됩니다 그런 다음 모든 설정을 유지할 것인지 묻는 메시지가 나타나면 "아니오"를 선택하십시오 보시다시피 전체 템플릿이 페이지에 삽입됩니다 따라서 아래로 스크롤하면 다른 모든 바로 위에 놓이는 것을 볼 수 있습니다 함유량

이제는 드래그 앤 드롭으로 어디서나이 페이지의 요소를 사용할 수 있습니다 너는 그들을 필요로한다 그런 다음 필요없는 다른 모든 것을 삭제하십시오 그래서 나는이 "영웅"섹션을 유지하고 다음을 포함한 모든 것을 제거 할 것입니다 내 옛날

X 아이콘을 사용하여 각 섹션을 삭제하면됩니다 이제 여기에 내가 남겨둔 부분이 있습니다 그것이 얼마나 강력한 지 알 수 있습니까? 어느 페이지에서나 모든 템플릿의 모든 섹션을 사용할 수 있습니다 정말로 멋진 재료! 그리고 그게 다야! 이제는 아름답게 디자인 된 완전히 기능하는 웹 사이트를 사용할 수 있습니다 너의 마음이 원하는대로

자, 마지막으로 살펴 보도록하겠습니다 그리고 이번에는 로그 아웃하여 더 이상 상단에있는 추악한 관리 표시 줄을 보지 못하게하십시오 내 모습은 훌륭해 보이고, 나는 아름다운 템플릿 덕분에 당신도 그렇게되기를 바랍니다

Envato Elements가 제공합니다 자,이 튜토리얼의 끝으로 넘어갑니다 필요한 템플릿과 정확한 템플릿을 찾을 수 있었으면 좋겠습니다 원하는대로 사용자 정의를 시작하십시오 웹 사이트 제작, 디자인 및 관리에 대해 자세히 알고 싶으면 매주 알림 음을 듣고 구독하면 더 많은 동영상을 볼 수 있습니다

이 비디오가 마음에 드시면 엄지 손가락을 올려주세요 당신의 이야기를 듣고 싶습니다 아래의 코멘트에서 그게 이번에는 보고 주셔서 감사합니다 다음 비디오에서 보게 될 것입니다

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

Cómo Crear Una Pagina Web Con WordPress Paso a Paso (2019) 👨🏻‍💻

이 비디오에서는 6 단계로 처음부터 웹 사이트 또는 블로그를 만드는 방법을 보여줍니다 무료 플랫폼을 통해 프로그래밍이나 HTML에 대해 알지 못해도 매우 간단합니다

자료 WordPress 이 웹 사이트는 마치 전문인이 디자인 한 것처럼 멋져 보일 것입니다 모든 휴대 기기에서 사용할 수 있으며 모든 유형의 섹션을 추가하거나 사용 할 수 있습니다 모든 유형의 비즈니스 또는 회사에 적용됩니다 알았지? 내 이름은 artesanowebcom의 Juan Gomez입니다

내 채널에 오신 것을 환영합니다 이 자습서부터 시작하십시오 당신이해야 할 첫 번째 일은 도메인을 얻고 웹 호스팅에 등록하는 것입니다 도메인은 Googlecom 또는 Facebook

com과 같은 웹 사이트의 주소가 될 것입니다 그래서 당신의 com 페이지의 이름과 같은 것이 될 것입니다

그리고 웹 호스팅은 웹 사이트의 모든 페이지, 이미지 및 파일을 호스팅하는 곳입니다 알았지? 당신이 선택할 수있는 많은 웹 호스팅 공급자가 있지만 제 # 1 추천은 BlueHost에서 링크는 비디오 설명에 있습니다 BlueHost는 내 웹 사이트뿐만 아니라 내 대행사 고객의 웹 사이트도 호스팅하는 곳입니다 다음과 같은 이유로 도메인은 무료로 제공됩니다 내가 말한대로 도메인은 사람들이 브라우저에 입력하는 주소입니다

귀하의 웹 사이트에 액세스하십시오이 비용은 다른 곳에서 보통 약 15 달러이지만, 여기 당신은 완전히 그것을 무료로 받게됩니다! 귀하는 name@yourwebsitecom과 같은 전문적인 이메일을 받게됩니다 완전히 무료로 받으실 수 있습니다 이렇게하면 고객이나 잠재 고객과 의사 소통 할 때 더 전문적으로 보입니다

Gmail이나 Hotmail과 같은 플랫폼을 사용하는 대신 알았지? 당신이 등록 할 때, 당신의 웹 사이트는 자동으로 설치된 WordPress와 함께 올 것이고, 그리고 내가 말했듯이, WordPress는 우리가 당신의 페이지를 만드는 데 사용할 플랫폼입니다 프로그래밍이나 HTML을 모르는 상태에서 다른 많은 장소에서 수동으로 WordPress를 설치해야하지만, 여기 BlueHost 이미 설치되어있어 쉽게 액세스 할 수 있으므로 웹 사이트 구축을 시작할 수 있습니다 즉시 알았지? 다음과 같은 이유가 매우 중요하며 SSL 인증서를 완전히 받게됩니다 무료! 이 인증서는 페이지를 방문한 사람들이 볼 수 없도록 안전하게 표시합니다

브라우저에서 경고 메시지를받으며 웹 사이트를 안전하게 탐색 할 수 있습니다 대부분의 웹 호스팅 장소는 1 년에 60 ~ 70 건의 고통을 청구합니다! 하지만 BlueHost를 사용하면 완전히 무료로 사용할 수 있습니다 원하는 경우 SUPER 중요합니다 귀하의 웹 사이트가 Google에 게재됩니다 또 다른 중요한 이유는 페이지가 매우 빠르게로드된다는 것입니다

평범한 사용자가 주변에서 기다리기 때문에 웹 사이트의 가장 중요한 측면 페이지가로드 될 때까지 3 초 귀하의 페이지가 느린 경우, 사람들은 참을성이 없어지고 경쟁사 사이트로 갈 것입니다 그러나 BlueHost 서버를 사용하면 페이지가 항상 존재하므로이 문제가 발생하지 않습니다

빨리 알았지? 최대한의 보안을 유지합니다 귀하의 웹 사이트는 해커, 바이러스 및 악성 코드로부터 보호됩니다 24 시간 동안 귀하의 개인 정보가 항상 마음에 드실 수 있습니다 물론

그리고이 모든 내용은 아래 설명과 함께 한 달에 395 달러에 불과합니다 이러한 모든 기능과 이점을 정상적으로 갖춘 웹 호스팅 가격 한 달에 15 달러가 소요되지만 아래의 링크를 클릭하면 큰 할인 알았지? 그래서 이러한 모든 이유로 BlueHost를 다른 장소보다 추천합니다

GoDaddy 나 Hostgator와 같은 유명인이나 Wix 또는 Blogger와 같은 무료 장소는 아닙니다 신뢰할 수있는 것은 없습니다 나는 대부분의 웹 호스팅 플랫폼을 시험해 보았고 나는 문제가 있었다 BlueHost는 내가 최고의 결과를 주었던 것입니다 그래서 제가 등록하라고 말씀 드렸듯이 아래 링크를 클릭하면이 페이지가 나타납니다

여기에서이 버튼을 클릭하기 만하면 그런 다음 여기에서 원하는 계획을 선택할 수 있습니다 둘째로 귀하의 계정에 무제한의 웹 사이트를 호스트 할 수 있으며 공간을 확보 할 수 있습니다 무제한 저장 하지만이 첫 번째 기본적인 것도 아주 좋습니다

월 $ 395의 옵션이므로 원하시는 것을 선택하고 다음 중 하나를 클릭하십시오 이 버튼들은 여기에서 도메인을 무료로 선택할 수 있습니다이 상자에는 도메인 이름을 적으십시오 회사 또는 웹 사이트에주고 싶은 이름 또는 이전에 다른 곳에서 구입 한 도메인이 이미있는 경우 이 옵션으로 여기에 가져 오기 알았지? 그런 다음 여기에 정보를 입력하면됩니다 다음 섹션에서 패키지 여기에서 볼 수 있듯이 월 $ 395, 36 개월 계약으로 총 142 달러입니다 그러나 당신이 더 적은 것을 지불하고 싶은 경우에 당신은 $ 5

95를위한 12 달 계약에 그것을 여기에서 바꿀 수있다 한 달에 71 달러에 나올 것입니다 그리고 더 적은 돈을 내고 싶다면 20 % 할인 쿠폰을받는 트릭이 있습니다 추가 : 마우스를 화면 상단으로 이동하기 만하면됩니다 창을 닫으면이 팝업창에 월 $ 295의 특별 행사가 나옵니다

귀하는 그 제안을 주장하며, 이제 36 개월 계획에서 귀하의 가격이 삭감됩니다 12 개월로 변경하여 합계 60 달러를 지불하십시오 알았지? 그러면이 엑스트라 섹션에서이 항목이 필요하지 않으므로 선택을 취소 할 수 있습니다 이런 식으로 돈을 더 많이 절약 할 수 있습니다 마지막으로이 섹션에서 지불 정보를 기입하고 등록을 완료하십시오 알았지? 그래서 이것은 첫 걸음이었습니다 : 웹 호스팅에서 도메인과 등록을하십시오 가입 할 때 마지막 단계를 완료하여 비밀번호를 만들고 귀하의 계정에 액세스하십시오 귀하가 준비가되면 새로운 WordPress 계정에 액세스 할 수 있습니다 이 로그인 버튼이 있습니다

알았지? 이것은 대시 보드 또는 WordPress 바탕 화면입니다 이것은 당신이해야 할 곳입니다 웹 사이트를 변경할 때마다 입력하십시오하지만 시작하기 전에 우리 페이지를 만들려면 몇 가지를 구성해야합니다

이것은 두 번째 단계입니다 – WordPress의 설정 또는 설정을 구성하십시오 이를 위해 설정으로 이동합니다 여기에서 웹 사이트 제목과 같은 항목을 구성 할 수 있습니다 알았지? 그래서 여기에 귀하의 회사 또는 귀하의 비즈니스 이름을 입력하십시오 그런 다음 여기 tagline에 웹 사이트 또는 슬로건에 대한 간단한 설명을 넣을 수 있습니다

또는 그런 식으로, 비록 내가 일반적으로 항상 공백으로두면 이것이 작동하지 않기 때문에 천만에 다음은 사용하려는 날짜 및 시간의 형식과 같은 다른 옵션입니다 사이트 언어이므로 원하는 경우 스페인어로 입력 할 수 있습니다 알았지? 그리고 마침내이 마지막 옵션이 곧 출시 될 것입니다 Off로 설정해야합니다

귀하의 웹 사이트가 될 것이라는 메시지와 함께 기본 홈페이지가 나타납니다 곧 올거야 알았지? 그런 다음 변경 사항을 저장합니다 그런 다음 영구 링크 또는 퍼머 링크라고하는 부분으로 이동합니다 "항목 이름"또는 "게시물"옵션이 여기에서 선택되었는지 확인하십시오 이름 "을 입력하고 변경 사항을 저장합니다 이 부분은 Google에서 권장하는 URL 구조이므로 매우 중요합니다 당신의 페이지에서 사용하고 이렇게하면 귀하의 웹 사이트를 쉽게 찾을 수 있습니다

Google 알았지? 그래서 우리가 지금까지 우리 웹 사이트에서 무엇을 가지고 있는지 알게되면, 메뉴로 간다 위에서 우리는 사이트를 방문 할 것입니다 여기 우리는 이번에 귀하의 웹 사이트를 모두 볼 것입니다 WordPress에서 만들어진 사전 정보와 진실은 아직 좋지 않습니다

그래서 우리가 할 다음 일은이 모든 정보를 지우는 것입니다 결함; 먼저 여기로 이동하여 페이지를 추가 할 수 있습니다 귀하의 웹 사이트에 있지만 이미 볼 수 있듯이 여기에 생성 된 것이 있으므로 여기에서 선택합니다 여기에서 우리는 "쓰레기통으로 이동"하고 적용하도록 선택합니다 알았지? 그런 다음 영어로 된 "Posts"또는 "Posts"로 이동하면됩니다

블로그에 대한 기사를 만들고 싶다면 블로그에 대한 기사를 만드십시오 그러나 이제는 동일한 작업 만 수행합니다 기본적으로 이미 만들어진 항목을 선택하고 우리는 지우다 마지막으로이 단계에서 플러그인으로 이동합니다 여기 있습니다

우리가 비활성화 할 것입니다 마지막으로 다시 선택하고 삭제합니다 WordPress에서는 기본적으로 너무 많은 기능을 사용할 수 없습니다 예를 들어, 플러그인을 설치하지 않고 버튼을 만들 수있는 방법은 없습니다 그래서 모든 플러그인 그들은 당신이 더 많은 기능을 추가하기 위해 WordPress에 설치하는 일종의 확장 기능과 같습니다 알았지? 나중에 내가 설치해야하는 플러그인을 정확히 보여줄 것이다하지만 지금은 삭제 만하면된다 기본적으로 내가 당신을 보여줬을 때 오는 것들이며, 이것으로 우리는 두 번째 단계를 마칩니다 웹 사이트를 만드는 세 번째 단계는 테마 또는 "테마"를 설치하는 것입니다

테마는 웹 사이트의 디자인입니다 설치할 수있는 테마가 수천 가지이므로 이전에 매우 중요했습니다 당신의 WordPress에서, 그러나 대부분의 자유로운 주제는 아주 추악하다 그래서 당신의 페이지에 좋은 디자인을 가지기 전에 당신이 가진 유일한 방법은, 나는 50 달러에서 500 달러 이상의 가격으로 전문적으로 디자인 된 테마를 구입했다 또는 수백 또는 수천 달러를 위해 전문가를 고용하여 좋은 디자인 알았지? 하지만 지금은 무료로 테마를 설치하고 수정할 수 있습니다

그것은 다음 단계에서 당신을 보여줄 플러그 인의 도움으로 장관을 보입니다 그래 그럼 우리는 여기에 등장> 테마 우리는 새로운 것을 추가합니다 그리고 여기서 우리는 OceanWP라고 불리는 것을 찾고 있습니다

우리는 그것을 설치합니다 그런 다음 활성화합니다 이제이 테마는 웹 사이트에 게시됩니다 그래 여기에 기본적으로 귀하의 WordPress와 함께 설치된 다른 테마가 표시됩니다

우리는 각각을 클릭 할 수 있습니다 그리고 우리는 그것을 삭제합니다 알았지? 그런 다음 방금 설치 한 테마를 제외한 모든 테마를 삭제합니다 이제 여기를 클릭하여 버튼을 사용자 정의하고 화면을 입력 할 수 있습니다 테마의 모양을 사용자 정의 할 수 있습니다 설치 한 테마에 따라 다르므로이 메뉴의 옵션은 다릅니다

그러나 현재 OceanWp 문제에 관해서는 우리가 할 일은 우리 웹 사이트의 Favicon 여기에 사이트 아이덴티티로 이동하면 "사이트 아이콘"이라는 섹션이 나타납니다

브라우저의 각 페이지 탭에 표시되는이 아이콘을 "Favicon"이라고합니다 여기에 512 x 512 픽셀 형식으로 로고를 업로드하십시오 이제 누군가가 들어올 때 브라우저 탭에 귀하의 로고 또는 아이콘이 나타납니다 귀하의 페이지로 로고가 없지만 로고를 만들면 도움을받을 수 있습니다 우리는 매일 이런 종류의 일을합니다

비디오에 대한 설명과이 서비스에 대한 특별 가격을 제공 할 것입니다 알았지? 하지만 어쨌든이 사용자 정의 화면에서 수행해야 할 유일한 작업입니다 당신 테마의 – 변경 사항을 게시하고 여기에 "X"와 함께 종료 할 수 있습니다 이전에는 이러한 옵션을 각각 살펴보고 모두 구성해야했습니다 내가 전에 말했듯이, 이제 주제의이 단계는 플러그인이 있기 때문에 그렇게 중요하지 않습니다

웹 사이트 디자인의 모든 측면을 절대적으로 수정할 수 있습니다 쉽게 이렇게하면 제한없이 원하는대로 페이지를 만들 수 있습니다 그들은 당신에게 과목을 제공합니다 알았지? 당신이 유일한 디자인을 창조하고 당신의 웹 사이트의 각 품목을 통제 할 수있는 다량을 걱정하지 않는 경우에, 그럼 여기에 테마 옵션을 사용자 정의 할 수 있다면 그러나 이것은 내가이 비디오에서 여러분에게 보여주고 자하는 것이 아닙니다

웹 사이트 디자인에 많은 중요성을 부여하지 않고 신속하게, 설명에서 나는 다른 것 그것을 달성하는 방법을 보여주는 비디오 알았지? 그러나 지금 우리는 플러그인 인 네 번째 단계로 계속 진행합니다 OceanWP 테마를 설치하면 알림을 받았다는 것을 알게 될 것입니다 여기에서이 플러그인을 설치하는 것이 좋습니다 이 소위 오션 엑스트라 (Ocean Extra)로 시작하여 설치하겠습니다

메뉴에서 플러그인으로 이동합니다 그리고 우리는 그것을 활성화합니다 이 플러그인을 사용하면 각 페이지에서 테마의 다른 옵션을 수정할 수 있으며 매우 유용합니다 중요한 것은 곧 그것이 무엇인지를 정확히 알게 될 것입니다 필요한 다음 플러그인을 설치하려면 여기에 다시 추가하십시오

그리고 우리는 "Really Simple SSL"을 찾습니다 이건 이쪽이에요 그냥 설치해주세요 당신이 그것을 활성화하십시오 이 플러그인이하는 일은 인증서가 항상 활성화되도록 웹 사이트를 구성하는 것입니다

BlueHost에서 무료로받은 SSL 그런 다음이 버튼을 클릭하여 인증서를 활성화하면됩니다 다음 플러그인은 선택 사항입니다 새 항목을 추가하려면 여기로 이동하십시오 클래식 에디터라고도합니다

WordPress는 최근 내 페이지 편집기를 새 것으로 변경하여 나에게 좋지 않은 것으로 보입니다 이전과 같으므로이 것을 사용하는 것을 선호합니다 설치하고 활성화하십시오 마지막으로 우리가 설치할 가장 중요한 플러그인을 Elementor라고합니다 이 플러그인을 사용하면 이전 단계에서 내가 말한 것을 할 수 있습니다

절대적으로 수정하다 귀하의 페이지의 모든 디자인 측면 그래서 그들은 당신이 원하는 방식으로 정확하게 보입니다 고급 프로그래밍 또는 기술을 알 필요가 없습니다 Elementor가 존재하기 전에 각 기능에 대한 플러그인을 설치해야했습니다 당신은 당신의 웹 사이트에 무엇을 추가하고 싶습니까? 버튼이 필요하면 플러그인을 설치해야합니다 버튼

양식을 원한다면 양식 플러그인을 설치해야합니다 슬라이더를 원한다면이 플러그인을 다른 플러그인에 설치해야합니다 물건 이 문제는 당신이 시간을내어 사용법을 배우는 것과는 별개의 문제입니다 각 플러그인, 일부 플러그인은 제대로 프로그래밍되지 않았고 문제를 일으킬 수 있습니다

당신의 웹 사이트에, 그리고 그 (것)들의 많은 것에서 당신은 선택권을 더 사용하기 위하여 지불해야했다 고급 Elementor를 사용하면 모든 것이 단일 플러그인에 포함되어 개발자가 만들었습니다 매우 안정적이고, 따로 따로 무료입니다 즉, 그들은 액세스 권한이있는 $ 49의 가치가있는 Pro 버전을 보유하고 있다고 말했습니다 당신이 상상할 수있는 모든 도구와 웅대 한 웹 사이트

Elementor Pro를 얻는 링크는 비디오 아래의 설명에 나와 있습니다 사실,이 도구에 투자 할 것을 권유한다면 디자이너와 프로그래머에게 수천 달러를 절약 할 수 있습니다 몇 분 안에 사용하기가 얼마나 쉬운 지 알 수 있습니다 그 외에도, 나는 WordPress에서 웹 디자인 코스를 가지고 있다고 말할 기회를가집니다 Elementor를 구입할 때 완전히 무료로 얻을 수있는 Elementor

이 코스에서는 디자인에 대해 알아야 할 모든 것을 보여줍니다 web, WordPress, 그리고 모든 Elementor 도구를 사용하여 일을하는 법을 가르쳐줍니다 기본적이고 더 진보 된 것들 나는 웹 사이트의 속도와 보안을 향상시키기위한 몇 가지 플러그인을 제공 할 것입니다 자동 유지 보수를 수행 할 수 있습니다

알았지? 따라서 WordPress와 Elementor로 웹 디자인 과정을 완전히 배우고 싶다면 무료, 동영상 설명에 링크가있는 페이지로 이동합니다 나는 그것을 얻는 방법을 설명한다 알았지? 그래서 이것들은 우리가 설치해야하는 모든 플러그인입니다 이제 5 단계를 위해 우리 웹 사이트의 페이지를 만들 것입니다 페이지로 이동> 새로 추가 그리고 우리는 귀하의 웹 사이트에 포함시키고 자하는 페이지 하나 하나를 만들기 시작했습니다

예를 들어 홈 페이지가 될 것입니다 제목을 여기에 넣었습니다 알았지? 이 섹션의 뒷부분에서 일반적으로 각 섹션의 콘텐츠를 추가하기 시작합니다 우리는 여기에서 그것을하지 않을 것입니다 보시다시피 "Editor Elementor"라는 버튼이 있으며 나중에 편집 할 것입니다

이 버튼이있는 페이지 그러나 지금은 우리가 여기서 내려 가서 OceanWP 설정 섹션을 봅니다 이 섹션은 내가 설치하라는 Ocean Extra 플러그인을 설치 한 경우에만 나타납니다 이전 단계에서 단계를 수행했는지 확인하십시오 앞서 설명한 것처럼 OceanWP 테마는 페이지의 디자인 측면을 제어합니다

따라서이 페이지를 보면 제목과 같은 주제의 요소가 포함되어 있습니다 사이드 바 아마도 당신의 페이지에 원하지 않을 것입니다 따라서이 섹션에서는 이러한 모든 추가 요소를 제거하고 페이지를 떠날 수 있습니다 완전히 비어있어 원하는대로 정확하게 디자인 할 수 있습니다 알았지? 첫 번째는 100 % 전체 너비를 선택하는 것입니다

그런 다음 헤더로 이동합니다 그리고 우리는이 두 가지 옵션을 해제합니다 같은 제목입니다 그리고 바닥 글 알았지? 이제이 페이지를 저장할 수 있습니다

그리고 귀하가 귀하의 웹 사이트에 추가하려는 각 페이지에 대해이 과정을 반복합니다 예를 들어 서비스 페이지를 갖고 싶다면 이전 페이지와 동일하게 만듭니다 우리는 아직 콘텐츠를 추가하거나 아무것도 설계하지 않고 있으며, 단지 페이지를 작성하는 중입니다 그럼 우리 팀의 한 페이지 연락처 페이지

사람들이 모든 기사에 액세스 할 수있는 또 다른 블로그 페이지 블로그에서 또는 슈퍼로 길어질 한 페이지 만 만들 수 있으며이 페이지에는 모든 섹션 최근에 많이 사용 된 것입니다 심지어 내 웹 사이트도 마찬가지입니다 당신도이 방법으로 그렇게 할 수 있습니다 알았지? 이제 모든 페이지를 만들었으니 다음은 WordPress에 알려주는 것입니다 다음 중 어느 것이 저희 홈페이지입니다

그래 이것은 우리의 홈페이지이지만 WordPress는 이것을 모릅니다 그래서 Settings> Reading으로가 봅시다 이 부분에서는 "정적 페이지"를 선택합니다 첫 번째 드롭 다운 메뉴에서 우리가 만든 페이지를 찾아서 선택합니다

표지 알았지? 그런 다음 변경 사항을 저장하면됩니다 이제 누군가 귀하의 웹 사이트를 방문하면 귀하가 선택한 첫 번째 페이지가 귀하가 선택한 페이지가됩니다 여기에 알았지? 각 페이지를 디자인하기 전에 마지막으로 탐색 메뉴를 만드는 것이 좋습니다 이 모든 페이지를 방금 작성했습니다 이를 위해 모양> 메뉴로 이동합니다 우리는 메뉴의 이름으로이 필드를 채 웁니다

메인 메뉴와 같은 것 우리는 그것을 만들었습니다 그러면 모든 옵션이 여기에 표시되어 메뉴

이 경우 방금 만든 페이지를 추가하여 선택합니다 여기 모두를 추가하고 메뉴에 추가합니다 원하는 위치로 드래그하여 여기에서 순서를 변경할 수 있습니다 또는 하위 메뉴를 만들려면 오른쪽으로 드래그하십시오 이제이 페이지는 마우스를 올려 놓았을 때 드롭 다운 메뉴에만 나타납니다

이 이상 알았지? 이 하위 메뉴에 원하는만큼 페이지를 추가하거나 다른 레벨을 만들 수 있습니다 하위 메뉴도 있습니다 그래 또한 각 탭을 열고 이름을 바꾸거나 메뉴에서 삭제할 수 있습니다 메뉴를 만들 때이 버튼을 사용하여 메뉴를 저장하면 준비가 완료된 것입니다

페이지 디자인을위한 마지막 단계부터 시작하십시오 알았지? 전에 말씀 드렸듯이 Elementor 플러그인을 사용합니다 그런 다음 페이지로 이동합니다 우리는 우리가 만들고자하는 것을 입력합니다 예를 들어 Start에서 시작합니다

그리고 요소 또는 요소 편집 단추를 클릭하십시오 알았지? 그런 다음이 시각적 편집기를로드하여 다른 유형의 요소를 페이지에 추가하고 디자인을 시작하십시오 예를 들어, 제목을 추가하려면이 머리글 요소를 드래그하십시오 여기에 텍스트를 넣을 수 있습니다 원하는 곳 어디든지 정렬하거나 정렬 할 수 있습니다

스타일 탭에서 모양을 편집 할 수 있습니다 (예 : 빨간색으로 설정) 크기를 늘리십시오 글꼴 변경 등 알았지? 그런 다음 각 페이지는 우리가 디자인 할 수있는 섹션으로 구성됩니다 개별적으로 먼저이 항목을 삭제하겠습니다 예를 들어 로고와 메뉴가있는 페이지의 헤더를 만들고 싶다면, 이 플러스 기호를 클릭합니다 열, 둘, 셋, 등등 우리가 사용하고자하는 구조를 선택합니다 나는 2를 고를 것이다 여기 첫 번째 열에서 Image 요소를 드래그합니다 그리고 내 로고를 선택합니다

여기에서이 열을 드래그하여 서로 다른 크기가되게 한 다음 내 다른 탐색 열을 여기에 추가 할 수 있습니다 Elementor가 무료 버전과 Pro 버전을 갖기 전에 내가 말했던 것처럼 Pro 버전에서만 사용할 수있는 특정 요소가 있습니다이 요소는 모두 이 섹션에는 Pro가 나와 있습니다 무료 버전 만있는 경우이 섹션이 표시되지 않지만 예를 들어 회전하는 슬라이드가 있습니다

양식 애니메이션 타이틀 가격 목록 회계사 블로그가있는 경우이 요소를 사용하여 쉽게 게시물 미리보기를 추가 할 수 있습니다 그리고 당신이 분명히 편집 할 수있는 많은 다른 것들을 당신이 원하는대로 정확하게 볼 수 있습니다 비디오 설명에 Elementor Pro를 얻을 수있는 링크가 있음을 기억하십시오

이 모든 옵션을 완전히 무료로 사용할 수 있도록 가르쳐주는 과정입니다 알았지? Pro 버전에서만 사용할 수있는 이러한 요소 중 하나는 탐색 메뉴입니다 보시다시피 여기에 쉽게 추가하고 디자인의 모든 측면을 제어 할 수 있습니다 하지만 프로 버전이 없다면이 항목을 지우 게하십시오 아이콘 목록이라는 일반 항목이있는 메뉴를 추가하십시오

여기에서는 두 번째 옵션을 선택하고 수동으로 링크를 추가합니다 우리는 이것을 홈이라고 부릅니다 우리는 아이콘을 제거합니다 그리고 링크에서 우리는 페이지의 주소, 뼈 대각선 시작을 넣습니다 다른 두 개를 지우고 첫 번째를 복제 할 수 있습니다

서비스로 변경하십시오 대각선 서비스 나는 그것을 복제하고 Blog diagonal blog라고 부른다 우리 팀 대각선 우리 팀

연락처 대각선 연락처 여기 스타일 탭에서 우리는 그것을 오른쪽으로 정렬합니다

우리는 공간을 늘린다 색상을 바꿀 수 있습니다 크기를 늘리십시오 그런 다음이 요소를 클릭하여이 요소가 위치한 열을 편집합니다 여기 수직 정렬에서 "보통"을 선택합니다

알았지? 전체 섹션을 선택하여 전체 헤더의 배경을 변경할 수 있습니다 스타일을 선택하고 백그라운드에서 색상을 선택할 수 있습니다 알았지? 그런 다음 모든 페이지에이 동일한 헤더를 삽입하기 만하면됩니다 템플릿 또는 템플릿으로 저장하십시오 너는 그 이름을 지어주고, 너는 그것을 지킨다

알았지? 이제 우리가 이것을 지우면 이 Template 요소를 추가 할 수 있습니다 우리는 방금 저장 한 섹션을 찾습니다 그리고 이제 여기에 삽입 될 것입니다 배경을 변경하기 위해 편집하려면, 메뉴 또는 다른 것,이 편집 버튼을 클릭하십시오

그리고 그것을 수정할 수있는 새로운 창에서 열립니다 여기에이 섹션을 삽입 한 장소에 반영됩니다 볼 수 있듯이이 템플릿 요소는 사용할 수 있지만 매우 간단합니다 Elementor의 프로 버전에서 알았지? 그래서 이것은 각 섹션을 수동으로 디자인하여 페이지를 만드는 방법입니다

그러나 훨씬 더 효율적인 두 가지 다른 방법이 있습니다 먼저 지우겠습니다 여기서 볼 수 있듯이 폴더가있는 아이콘이 있습니다 폴더를 열면 아이콘이 표시됩니다 전문적으로 작성한 많은 페이지를 삽입 할 수 있습니다

한 번의 클릭으로 디자인 예를 들어이 페이지가 마음에 들면 클릭하여 삽입합니다 그리고 이제 모든 것이 내 페이지에로드됩니다! 내가 보여 주었던 것처럼 이러한 각 요소를 편집 할 수 있습니다 텍스트, 색상, 이미지 등 변경하기 필요없는 항목은 삭제할 수 있습니다 또는 다른 항목을 추가 할 수 있습니다

이것은 미리 생성 된 템플릿을 사용하여 페이지를 만드는 매우 빠른 방법입니다 대부분은 버전에서만 사용할 수 있지만 완전히 편집 할 수 있습니다 프로 그런 다음 페이지에 섹션을 빠르게 추가하는 세 번째 옵션이 있습니다 우리가 더하기 기호를주고 폴더 아이콘을 다시 선택하면

이 블록 옵션으로 이동합니다 그래 내가 보여 주었던 부분을 지키는 템플릿이 있습니다 우리가 방금 삽입 한 것과 같은 전체 페이지 또는 개별 섹션 인 블록

예를 들어이 메뉴에서 내 페이지의 기본 배너를 만들고 싶다면 "영웅" 그리고 우리는 삽입 할 수있는 다른 옵션을 보게 될 것입니다 여기에서도 대부분의 블록은 Elementor의 Pro 버전에서만 사용할 수 있습니다 예를 들어 이것을 삽입 할 수 있습니다 그리고 외관을 수정하기 시작하십시오

섹션을 편집하고 스타일을 변경하면 배경 이미지를 변경할 수 있습니다 그리고 내가 이미 여러분에게 보여준 것처럼, 여러분은 다른 것을 쉽게 바꿀 수 있습니다 원하는 위치에 전체 섹션을 드래그 할 수 있습니다 개별 요소는 물론 알았지? 마지막으로해야 할 일은이 아이콘으로 이동하여 페이지를 볼 수 있습니다

모바일 또는 태블릿을 사용하고 모양을 변경하는 데 필요한 모든 부분 수정 모든 기기에 적합합니다 모든 기기에서 페이지가 잘 보이는지 확인하는 것이 중요합니다 귀하의 방문 중 60 %가 휴대 기기에서 발생하기 때문입니다 따라서 각 장치의 모든 디자인을 확인하고 변경 사항을 확인하십시오 사용자가 각보기에있는 동안 해당 디자인 버전에만 영향을 미칩니다

예를 들어 if 당신은 여기에 텍스트의 크기를 변경 태블릿 또는 데스크톱에서는 크기가 변경되지 않습니다 페이지 작성을 마쳤 으면 여기에서이 버튼을 클릭하여 게시물 그런 다음이 아이콘을 클릭하면 바탕 화면으로 이동할 수있는 버튼이 나타납니다

WordPress로 돌아 가기 알았지? 블로그를 만들고 싶다면 같은 방법으로 할 수 있지만 기사는 갈 것입니다 여기 티켓에 방금 전에 보여 줬던 것처럼 다른 페이지처럼 새 페이지를 추가하고 편집하십시오 블로그 게시물을 준비하면 할 수있는 템플릿으로 저장할 수 있습니다

다른 모든 블로그 게시물에서 다시 사용하십시오 이 화살표를 클릭하고 "템플릿으로 저장"을 클릭하십시오 이제이 템플리트가 "내 템플리트"섹션에 나타납니다 보시다시피 페이지에 몇 가지 추가 사항이 포함되어 있습니다 이 콘텐츠를 사용 중지하면 테마를 편집합니다

당신은 블로그에 간다 유일한 입구 그리고 아래에서 우리는 내용을 제외한 나머지 요소들을 모두 끄십시오

알았지? 우리가 블로그 게시물을 저장하고 확인하면 이제는 좋아 보인다는 것을 알 수 있습니다 알았지? 따라서 주목할 것 같은이 플러그인은 매우 직관적이며 사용하기 쉽습니다

Elementor가 존재하기 전에 모든 플러그인을 다운로드해야했습니다 이 요소들은 여기에서 하나씩 사용하는 법을 배우고 Pro 버전을 구입하십시오 고급 옵션을 원할 경우 각각 하나씩 이 플러그인들은 Elementor Pro와 동일하거나 더 가치가 있습니다 Elementor Pro에 49 달러를 지불하면 나머지 플러그인이 제공하는 것에 액세스 할 수 있습니다 전문적으로 생성 된 수백 페이지의 페이지와 삽입 할 수있는 사전 블록에 액세스 할 수 있습니다

당신의 디자인에서, 그리고 위의 당신은 또한 완전히 $ 97 코스를 무료로 받게됩니다 설명에있는 링크를 사용하여이 모든 단계를 단계별로 사용하는 방법을 자세히 가르쳐주십시오 알았지? 그래서 기본적으로 쉬운 것은 놀라운 웹 사이트를 만드는 방법입니다 최고 전문가를 찾고 당신의 사업 및 당신의 상표를 잘 대표하십시오 이 튜토리얼이 도움이되기를 바랍니다

그렇다면 좋아요를 남겨주세요 내 채널로 질문이나 의견이 있으시면 아래에 그대로 두시면 곧 답변 드리겠습니다 수 있습니다 다음 번에 내 동영상을 시청 해 주셔서 감사합니다

How to Get a Free SSL for your WordPress Website

안녕하세요, 웹 사이트 학습자를 환영합니다 오늘 우리는 당신이 당신의 WordPress 웹 사이트에 무료 SSL을 얻을 수있는 방법을 보게 될 것입니다

이제 웹 사이트로 이동하여 브라우저에 보안 메시지가 표시되지 않으면 SSL이 없음을 의미합니다 이제이 메시지를 보안 잠금 기호로 변경하려는 경우 웹 사이트에 SSL을 받아야합니다 이렇게하면 방문자가 귀하의 웹 사이트를 신뢰하게됩니다 시작하자 우리는 5 단계만으로 무료 SSL을 얻을 것입니다

첫 번째 단계는 'cloudflare라는 웹 사이트에 계정 만들기'입니다 그래서 이것은 우리에게 무료 SSL을 제공 할 웹 사이트입니다 그래서 계정을 만들려면 cloudflarecom으로 가자 가입을 클릭하십시오

이제 이메일을 입력하십시오 그리고 암호 그리고 계정 생성을 클릭하십시오 이제 계정이 생성되었습니다 다음 단계로 가자 '이 계정에 웹 사이트 추가'는 무엇입니까? 웹 사이트 이름을 입력하십시오

그런 다음 사이트 추가를 클릭하십시오 그런 다음 다음을 클릭하십시오 이제 무료 요금제를 선택하십시오 확인을 클릭하십시오 그런 다음 아래로 스크롤하십시오

계속을 클릭하십시오 이제 웹 사이트가 cloudflare에 추가되었습니다 그럼 다음 단계로 가자 네 '네버 서버 변경' 그래서 우리는이 네임 서버를 추가해야합니다 도메인으로 따라서이 네임 서버를 추가하려면 도메인 공급자의 웹 사이트에 먼저 로그인해야합니다

따라서 도메인 공급자를 찾으려면 여기를 클릭하십시오 그리고 우리 도메인이 godaddy에 의해 제공된다는 것을 알 수 있습니다 따라서이 네임 서버를 추가하려면 먼저 godaddy에 로그인하십시오 새 창을 열어 보겠습니다 그런 다음 godaddy

com으로 이동하십시오 로그인을 클릭하십시오 그런 다음 계정에 로그인하십시오 따라서 여기에 우리는 cloudflare에 추가 한 도메인이 있음을 알 수 있습니다 이제이 도메인의 네임 서버를 변경하십시오

DNS를 클릭하기 만하면됩니다 그런 다음 이름 서버로 스크롤합니다 변경을 클릭하십시오 이제 여기를 클릭하십시오 맞춤 설정을 선택하십시오

그리고 이제 여기에 cloudflare에서 제공되는 세부 정보를 입력해야합니다 그럼 거기 가자 그런 다음 첫 번째 값을 복사합니다 여기에 붙여 넣으세요 그런 다음이 사본을 복사하십시오

붙여 넣기 저장을 클릭하십시오 이제 네임 서버를 성공적으로 추가했습니다 우리 도메인에 자, 클라우드 플레어로 돌아가 봅시다 그런 다음 계속을 클릭하십시오 이제 네임 서버가 변경되었는지 확인하십시오

지금 다시 확인을 클릭하겠습니다 그리고 당신은이 메시지를 얻을 것입니다 이제 새로 고침을 클릭하면 이 녹색 아이콘이 보일 것입니다 네버 서버가 바뀌 었음을 의미합니다 지금이 녹색 아이콘이 보이지 않더라도 여전히 다음 단계로 이동할 수 있습니다

이 동영상의 끝 부분에서 모든 것이 작동합니다 따라서 네임 서버를 추가하면 이제 네 번째 단계로 이동할 수 있습니다 어느 wordpress에 cloudflare 플러그인을 설치하는 것입니다 그래서 플러그인을 설치하려면 WordPress에 가자 그런 다음 플러그인으로 이동하십시오 추가를 클릭하십시오

유연한 SSL 검색 그리고 당신은이 플러그인을 얻을 것이다 이제이 플러그인을 설치하려면 여기를 클릭하십시오 활성화 이제는 wordpress에 cloudflare 플러그인을 설치했습니다 일단 플러그인을 설치하면 이제 우리는 마지막 단계로 갈 수 있습니다 '클라우드 플레어에서 SSL 사용' 자, 클라우드 플레어로 돌아가 봅시다

그런 다음이 자물쇠 아이콘을 클릭하십시오 이제 아래로 스크롤하십시오 항상 HTTPS 사용 그리고 그것을 켜십시오 이걸 켜면 웹 사이트가 이제 SSL로 보안 설정됩니다 그럼 확인해 봅시다

지금 당신이 당신의 위치에 간다면 이 메시지가 나오기 전에 메시지를 볼 수 있습니다 하지만 새로 고침을 클릭하면 우리는 이제 자물쇠가 있음을 볼 수 있습니다 그리고 HTTPS 우리가 지금 SSL을 가지고 있음을 의미합니다 이제 여기를 클릭하면 우리 브라우저에 연결이 안전합니다 이제 사이트가 올바르게로드되지 않은 경우 잠시 기다려주세요

그런 다음 다른 장치에서로드하십시오 몇 분 후에 작동합니다 오케이 녀석들, 그래서 이것이 당신이 당신의 WordPress 웹 사이트에 무료 SSL을 얻을 수있는 방법입니다 이제 전자 상거래 웹 사이트를 만드는 방법을 배우고 싶다면 이 비디오를 볼 수 있습니다 godaddy에서 도메인 또는 SSL을 구매하려는 경우 여기를 클릭하십시오

시청 해 주셔서 감사 드리며 다음 동영상에서 만나겠습니다 바이 바이

WordPress – How to embed a live Google Map into your WordPress site

안녕하세요 제이미 http://wwwsystem22

net 및 http://wwwgreat-webdesigncom/ 여기에 비디오가 있습니다 우리는 당신에게 작동하는 Google 맵을 삽입하는 방법을 보여줄 것입니다 WordPress 사이트에서 백악관 주소를 알려 드리겠습니다

지도를주고 싶지는 않을 수도 있지만지도를 조금만 제공합니다 그곳에 여분의이자 가치가 있으므로 여기를 클릭하십시오 당신이해야 할 일은 Google지도에 가서 귀하의 주소를 입력하면 볼 수 있습니다 여기에 작은 공유 아이콘을 클릭하면 거기에 포함 된지도를 치고 싶습니다 그것은 이미 여기에 우리를위한 코드가 강조 표시되어 있으므로 그냥 복사하면됩니다 그것을 강조하지 않았다면 왼쪽 끝까지 끝까지 선택하십시오

iframe을 열고 iframe 태그를 닫으면 이제 우리 페이지로 돌아갑니다 페이지 및 우리는 사실이 페이지를 실제로 실제로 편집하고 싶습니다 우리가 갈 필요가있는 아래에 내려 놓고 싶습니다 오른쪽의 탭으로 이동하여 텍스트 버전으로 이동하십시오 이제 & nbsp 우리는 공간의 코드 인 우리의 마지막 코드 밑으로 가고 싶습니다

그래서 우리는 그냥 거기에 가고 싶다 정말로 그렇게 할 필요는 없어야한다 마지막에 아무 것도없는 곳에 커서를 놓고 해당 iframe 코드를 붙여 넣으십시오 그러나 Ctrl 키를 누른 상태에서 V를 복사하면 업데이트됩니다 변경 사항 미리보기 아래로 스크롤 우리는 조금 구글 맵을 가지고있다

그게 더 좋아 보이네 여기에 코드가 좀있어 너무 복잡해 보이지만 나는 너에게 그 속임수가되기를 바라는 조금의 속임수 만 보여줄거야 나는 그 텍스트 영역과 같은 페이지로 아름답게하고 싶다 페이지로 돌아가서 여기서 iframe 코드를 보면 우리는 너비 600 하이킹 450 600이라는 메시지가 나오면 기본 내보내기 값이 사라집니다

거기에 거꾸로 붙인 쉼표 또는 그들이 아직 거기에 있는지 확인하십시오 100 % 100 그 다음에는 여전히 앞뒤에 거꾸로 쉼표가 있습니다 변경 사항을 업데이트하고 미리 보는 경우 이제 우리가 그 매트를 아래로 내리면 내가 생각하는 영역으로 가득차 야합니다 그게 실시간 활동지도가 더 좋으므로 연락처를 추가하는 방법입니다 양식을 7 번 다시 WordPress 사이트에 보내면 시스템 22의 Jamie가되었습니다

훌륭한 웹 디자인 통신 감사합니다 채널에 가입하십시오

How to Add an External Link Icon to a WordPress Menu Item

이 비디오에서, 외부 링크 아이콘을 외부 링크에 추가하는 방법을 배우게됩니다 WordPress 메뉴

그래서 여기에있는 나의 예에서, 나는이 메뉴 항목을 가지고 있고 그 중 하나는 "테마"라고 불린다 그리고 이것들과는 다른 이 기존 사이트 내의 페이지로 방문자를 이동시키는 다른 메뉴 항목, "테마"를 클릭하면 competethemescom으로 이동하므로 괜찮습니다 그게 내가 원하는거야 외부 링크입니다

그러나 나는 방문자이고 나는이 사이트에가 본 적이 없다 그리고 나는 "테마"와 나는 "집"을보고 시각적으로 "페이지"를보고, 모두 동일합니다 그래서 나는 완전히 새로운 사이트로 나를 데려가는 "테마"를 기대하지 않는다 그리고 사이트 소유자는 방문자를 혼동하지 않으려 고합니다 따라서 메뉴에 외부 링크를 추가하는 경우, 당신은 일종의 방법으로 그것을 표시하고 싶어하므로 방문객들은 그것들을 가져갈 것이라고 안다

다른 웹 사이트로 이동하십시오 방법은 다음과 같습니다 먼저, 여기서 Admin 툴바로 이동하여 사용자 정의를 클릭하겠습니다 라이브 커 스터 마이저로 이동합니다 다음 것, 맨 아래에있는이 메뉴 섹션을 클릭하면 기본 메뉴가 선택됩니다

내가 만들고 할당 한 메뉴는 실례합니다 기본 메뉴 위치

이제는 내 사이트에서 볼 수있는 메뉴 항목을 보았으므로, "테마"메뉴 항목을 클릭하겠습니다 그리고 일단 내가 그것을 클릭하면, 입력 한 URL과 라벨이 표시됩니다 이제이 아이콘을 추가하려면, HTML 문자 코드를 추가하겠습니다 이제는 이것에 대해 많이 알 필요가 없습니다 튜토리얼을 통해 관심이 있다면 문자 코드에 대해 더 많이 배울 수 있습니다

하지만 그들은 당신이 추가 할 수 있도록, 음, 음, 일반 문자 예를 들어, 항상 앰퍼샌드로 시작하며 항상 세미콜론으로 끝납니다 오른쪽 화살표 아이콘으로 "rarr"을 입력 할 수 있습니다 따라서이 기능을 사용하여 게시물, 페이지, 또는 귀하의 메뉴 항목 기호를 포함시키는 멋진 방법입니다

음, 사용할 수있는 다양한 기호가 많이 있습니다 그래서 아래 링크를 포함 시켜서 확인할 수 있습니다 그러나 우리의 목적을 위해서, 이 지저분한 코드를 사용하겠습니다 그리고 이것은 외부 링크 아이콘을 추가 할 것입니다 따라서 많은 HTML 문자 코드와 달리, 이 것은 또한 어떤 것에 의해서도 영향을받을 것입니다, 음소거 시스템이 현재 기기에서 사용 중입니다

그래서이 경우 당신은 파란 음을 볼 것입니다 외부 링크 아이콘이며 다른 브라우저에서 다르게 보일 수 있습니다 다른 컴퓨터, 어, 아니면 아이폰에서 안드로이드 장치를 볼 때 그러나 그것은 정말로, 그냥 외부 링크 아이콘을 추가하는 정말 쉬운 방법 색상이 마음에 들지 않으므로, 이 메서드를 사용하면 안타깝게도 제어 할 수 없습니다

외부 링크 아이콘을 추가하는 방법을 한 가지 더 알려 드리겠습니다 다른 방법은 Font Awesome으로 아이콘을 추가하는 것입니다 이건 좀 더 복잡해 그리고 그런데, 아래에 이러한 코드 스 니펫을 포함시켜 복사하고 붙여 넣을 수 있습니다 그러나 이번에는 HTML 아이콘 요소를 만들려고합니다

나는 그것을 닫을 것입니다 "fas"및 "fa-external-link-alt"와 같은 클래스를 제공 할 것입니다 이제 나는 그것이 당신이 이해하지 못할지도 모르는 것들이 많다는 것을 알고 있습니다 이것이 필요하지 않기 때문에 모든 것을 처리하는 것은 정말 어렵습니다 아이콘을 추가하기 만하면 되겠지만, 나는 이것을 포함시켜 당신이 복사하여 당신의 사이트에 붙여 넣을 수 있습니다

이제이 멋진 외부 링크 아이콘이 추가 된 것을 볼 수 있습니다 메뉴 항목과 동일한 색상을 표시합니다 그래서 마지막으로 알아야 할 것이 하나 있습니다 이 코드 스 니펫을 사용하여 아이콘을 추가하도록 선택하는 경우 테마가 Font Awesome이라는 아이콘 글꼴을로드하지 않으면, 그러면 아무것도 보이지 않을거야

대부분의 WordPress 테마는 글꼴 굉장합니다 그러나 여기에이 스 니펫을 포함하면 아이콘이 보이지 않습니다 지금 할 수있는 플러그인 메뉴로 이동하면됩니다 WP Font Awesome이라는이 플러그인을 설치할 수 있습니다 이 플러그인을 설치하기 만하면 아이콘이 표시됩니다

대지 따라서 외부 링크 아이콘을 외부 링크에 추가하는 두 가지 쉬운 방법이 있습니다 귀하의 워드 프레스 메뉴 질문이나 문제가있는 경우, 아래에 의견을 남겨주세요 더 많은 비디오를보고 싶다면, 보고 구독 해 주셔서 감사합니다