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 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

Title and Meta Description Tags (How to Add Them to Your Website) | Tutorial

하와이의 큰 섬에서 알로하! 독특한 제목과 웹 사이트의 각 페이지에 대한 설명 태그는 더 나은 광고를위한 열쇠입니다 Google 검색 결과 페이지의 순위 우리는 Google 광고에 대해 말하는 것이 아닙니다

그러나 광고 바로 아래에 나타나는 비 지불 결과에 대해서 이제 레아가 어떤 제목과 설명 태그가 무엇인지, 왜 그런지 설명해주십시오 중요하고 웹 사이트를 개선하는 데 도움이되도록 만드는 방법 Google의 위치 알로하! 고마워요 칼리아, 알로하 콜라우스

Google의 모든 검색 결과에는 클릭 할 수있는 제목이 있다는 것을 알고 계실 것입니다 그것은 만들어졌다 웹 페이지의 제목은 제목 태그를 통해 정의됩니다 제목 태그는 사용자의 위치에 직접 영향을주기 때문에 중요합니다 Google 웹 사이트 제목 바로 아래에는 내용을 요약하는 몇 줄의 텍스트 줄이 있습니다

페이지의 이것은 메타 설명이며 설명 태그를 통해 정의됩니다 Google은 위치를 결정할 때 메타 설명을 계산하지 않습니다 귀하의 웹 페이지는 이러한 잠재 고객에게 도움이 될 수 있습니다 귀하의 페이지를 클릭할지 여부를 결정하십시오 페이지의 클릭률은 귀하의 페이지 게재 순위에 영향을 미칠 수있는 요소입니다

Google, 매력적인 메타 설명을 사용하면 간접적으로 더 효과적으로 도움을받을 수 있습니다 귀하의 Google 위치 그래서 당신이 각 웹 페이지에는 고유 한 제목 태그와 메타 설명이 있습니다 하나 제목 태그 형식

제목 태그가 가장 중요한 키워드는 처음부터 있습니다 가능한 가장 자연스러운 방식으로 제목을 쓰고 그 변형으로 채우지 마십시오 키워드 나 목록이 부 자연스럽게 나옵니다 Google은이 관행에 불이익을줍니다 견고하고 잘 알려진 브랜드의 경우 브랜드 이름을 각 페이지의 제목 제목은 65 ~ 70 사이 여야합니다

문자 그들이 더 많은 것을 가지고 있다면, 구글은 끝을 차단합니다 두 설명 태그 형식입니다 설명 태그에 귀하의 페이지 내용을 가능한 가장 정확한 방법으로 메인을 포함 시키십시오

키워드를 입력하고 키워드가 166과 170 자 문자가 더 많으면 Google에서 휴대 기기에서 짧게자를 수 있습니다 세 WordPress에 제목 및 설명 태그를 추가하는 방법 Yoast SEO 플러그인을 다운로드하여 당신의 워드 프레스

일단 설치되면 페이지로 이동하여 원하는 페이지를 선택하십시오 편집하다 페이지 편집기에 다음과 같은 새로운 섹션이 있음을 알 수 있습니다 당신은 제목과 메타 설명을 추가 할 수 있습니다 이제 제목과 설명 태그를 정의하는 것이 중요한 이유를 알았습니다

가장 적합한 형식은 무엇이며 WordPress로 페이지에 태그를 추가하는 방법입니다 알로하!

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을 구매하려는 경우 여기를 클릭하십시오

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

Website Earns $125000 on AdSense – 2018 AdSense Earnings Milestones

안녕하세요 YouTube입니다

저는 애드 센스 닌자 (AdSense Ninja)의 레오이며 거의 새해입니다 12 월 20 일입니다 이번 달에 나는 3 개를 쳤다 나의 Adsense에 공정표 그래서 나는에 결정했다 당신과 공유하십시오 이제이 비디오의 요점은 자랑하지 않고 영감을 얻는 것입니다

게시자가 귀하의 웹 사이트 및 귀하의 웹 사이트에서 계속 작업하도록 장려하십시오 애드 센스 – 최적화를 계속하고 이것이 장기적인 전략이며 결국 그것은 돈을 벌기 시작합니다 비디오는 자랑스럽지 않게 다시 당신과 공유하고 싶습니다 내 웹 사이트 중 세 개 이번 달 또는 1 ~ 2 주 내내 꽤 둥근 숫자를 치고 그 중 하나가 내 첫 웹 사이트이므로 $ 50000 달러를 썼다 12 월은 11 월 중 끝날 수도 있지만 단지 5 만 개가 넘었고 저의 첫 번째 투자 웹 사이트에 대해 조금 더 이야기하겠습니다

4 천년 전에 5 천 달러에 구입했다 그것은 애드 센스와 내 최고의 실적에 10k 이상 갔다 모든 가능한 소스 히트에서 총 수익의 측면에서 웹 사이트 애드 센스에서 평생 125,000 달러의 수입을 올리면 알 수 있습니다 여기 날짜는 2011 년 6 월 24 일에서 오늘까지입니다 지금은 실제로 그 전에 웹 사이트 보고서 데이터가 없습니다

첫 번째 웹 사이트에이 사이트를 추가 한 것은 처음으로 달러 그래서 실제로 그것은 Adsense로 돈을 버는 나의 아주 첫 번째 웹 사이트입니다 2008 년에 시작 했으므로 2011 년 6 월 이전에 그 해 여름에 약 $ 1,700 ~ $ 2,000 달러를 벌어 들였다 그래서 현실에서 더 많은 것을 얻었습니다 약 20,000 달러를 더 벌었습니다 70,000 달러라고 말하지만이 특정 웹 사이트에 대한 데이터가 없습니다

전체 계정 있지만 거기에 다른 웹 사이트 그래서 나는 확실히 말할 수 없다 6 월 24 일 이전에 애드 센스에서 만든 웹 사이트는 여기에서 다시 볼 수 있습니다 6 월 21 일 이전에 보고서를 사용할 수 없으므로 $ 65 – $ 70 만 합계이지만 데이터는 약 5 만 달러입니다 그래서 멋지다 내 실적이 가장 좋은 사이트 – 다시 125,000 달러를 지불하고 마지막으로 몇 년 동안 실제로 지난 3 년 동안 나는 실제로 수익을 창출하지 못했습니다

애드 센스와 함께 다른 유형의 수익 창출 도구를 많이 넣었습니다 하지만 여전히 한 달에 $ 500 – $ 700 달러를 알게합니다 아직도있다 완전히 삭제하지 않은 광고가 있습니다 나는하지 않았다

사이트에서 완료 정리 – 그래서 여전히 돈을 벌어 내 첫 번째 투자 웹 사이트에서 2015 년 3 월 5 천 달러를주고 샀다 Flippa에서 웹 사이트를 구입하는 것에 대한 내 이전 비디오를 본 경우 그것은 11 월 1 일 (2018)에 출판되었고 아마도 그것이 기록되었을 때라고 생각합니다 커플 일 이전 그러나 나는 근본적으로 그 다음 그것이 $ 9883에 있었기 때문에 돌아 간다 아마존에 대해서도 아마 약 600 달러를 벌었을 것이다 교통량이 줄어들어 더 이상 돈을 벌지 않는다

정말 최근에 시간을 두지 마라 왜냐하면 나는 실제로 다른 것들을 계획하고 있지만이 보고서에서 볼 수 있듯이 당신이 그것에 시간을 넣는 것을 안다면 당신은 애드 센스 규칙을 깨뜨리지 않습니다 정말 좋은 돈을 벌 수 있습니다! 내 웹 사이트가 애드 센스 $ 125,000! 이제 누군가를 위해 그것은 나를 위해 많은 것이 아니어도 될 것입니다 많은 사람들이 실제로 많은 돈을 벌었지만 다시는 유일한 출처가 아닙니다 소득 및 2015 년 말 이후의 법 – 따라서 지난 3 년 나는 그것에 Adsense를 정말로하지 않았거나, 많이 그 I 've를 위해 기어를 교환했다 웹 사이트, 그래서 이것은 나의 첫 번째 사실이다

나는 또한 내 첫 번째 제품을 실제로 팔고있다 웹 사이트 및 서비스 – 그래서 애드 센스는 조금 도와 보조처럼 이 사이트는 최소 $ 50,000 달러를 벌었습니다 기본적으로 규칙에 따라 플레이하고 웹 사이트를 최적화하면 성공 녀석 및 그렇습니다 그것은 트래픽을 키우는 것이 어렵지만 내 쇼 동영상은 트래픽을 늘리지 않고 수익을 향상시키는 방법이며 실제로 오늘도 많은 동영상을 제작할 예정이며 한 두 명 이내로 게시 할 예정입니다 일의 – 어쩌면 당신을 보여주는 그 (것)들을 오늘 간행하는 것을 시도 할 것입니다 최적화 작품을 만들고 그것을 실제로 최적화하는 방법을 보여줍니다 그냥 포기하지 말고 장기적으로 투자하지 말고 장기 프로젝트 어디에서 즉시 성공을 보지 못했지만 시간이 지남에 그냥 거기에 도착하면 포기하지 마라

나는 너에게 또 다른 걸 보여줄거야 웹 사이트는 기본적으로 내가 설정 한 단일 페이지 웹 사이트입니다 4 ~ 5 년 전에는 아마 6 년 전 기억이 나지 않습니다 솔직히하지만 어쨌든 기본적으로 한 페이지를 만들었습니다 쓰기에는 45 분이 걸렸습니다

나는 2 페이지 웹 사이트 2 기사 웹 사이트이지만 다른 사람은 순위를 매기 지 않습니다 – 그래서 한 기사는 매일 많은 돈을 벌지 않습니다 기초하지만 평생 수입으로 약간의 트래픽이 발생합니다 한 페이지는 $ 800의 무언가이며 그것을 쓰려면 45 분이 걸립니다 년이 걸리지 만, 나는 지금 당신이 25-50 달러와 같은 돈을 벌기를 원할 것입니다 당신은 몇 년 동안 800 달러를 알고 있으므로 결정은 당신 것입니다

그 일을 너에게 보여주기를 포기 하지마 모든 사람들은 여기이 웹 사이트 2 페이지 웹 사이트 중 하나만 있습니다 가져옵니다 꽤 예쁜 교통량을 꽤 많이 얻었습니다 2014 년 말과 거의 수입이 없으면 나는 무엇을 알지 못합니다

아마도 사이트가 오프라인으로 갔을 것입니다 나는 생각조차 모릅니다 이 사이트를 시작했는데 2015 년에 시작했는데 거의 16 달러처럼 만들어졌고, 지금은 그때마다 부부가됩니다 하루에 50 센트를 버는 것처럼 느껴질 지 모르지만 나는 그것에 대해 생각조차하지 않는다 그것은 단지 돈을 버는 것입니다

그리고 그것을 설정하는 데 45 분이 걸렸습니다 전체 웹 사이트가 설정하는 데 아마도 2 시간이 걸렸습니다 나는 나도 몰라 내가 그것에 대해 연구 할거라고 생각했는데 시간이 없었던 적은 없었지만 단 하나 기사는 시간이 지남에이 돈을 많이 벌지는 못했지만, 내가 다른 콘텐츠를 만들었다면 그 웹 사이트에서 일했었다 아마 하루에 $ 800 달러를 벌었을 것입니다

그래서 요점은 포기하지 마라 성공을 보게 될 것이다 나는 대부분을 알고있다 당신은 이것을보고 사이트를 벗어났습니다 일반적으로 최적화가 잘되어 있지 않습니다

최적화에 대한 내 다른 동영상을 확인해보십시오 수입 광고 개선만으로 수입을 두 배로 늘릴 수 있다고 말하고 있습니다 게재 위치와 다음 동영상에서 귀하에게 그 사실을 보여줄 것입니다 시청자들을 보아 주셔서 감사합니다

지금은 더 많은 비디오를 제작할 것입니다 내 차 안에는 사무실이나 스튜디오처럼 보이는 무언가가 없다 내가 무엇을하고 더 많이 만들었는지, 그래서 훨씬 더 나쁘게 만들었 어 동영상이 올 것입니다 그렇다면이 동영상을 감상 해 주셔서 감사합니다

그 버튼을 클릭하면 채널을 구독하도록 유도하는 영감을 얻었습니다 아래에 알림을 보내 주시면 감사하겠습니다 보고 다음 비디오에서 보겠습니다 평화

Hide Any Item or Section on Your WordPress Website

이봐 요 다른 WordPress 수요일에 오신 것을 환영합니다

제 이름은 텍사스 주 샌 안토니오에있는 애쉬톤입니다 오늘 WordPress 웹 사이트에서 아무 것도 숨기는 방법을 보여 드리겠습니다 어쩌면 당신은 사이드 바가 마음에 들지 않거나 전체 섹션이있을 수 있습니다 당신이 원하지 않는 WordPress 웹 사이트에서 당신의 꼬리말이나 어떤 요소와도 관련이 있습니다 반드시 영구적으로 제거해야합니다

어쩌면 다시 넣고 싶을 수도 있기 때문입니다 하지만, 지금 당장은 숨길 필요가 있습니다 전혀 보여주지 않습니다 그걸하는 법을 보여주지 그것은 약간의 얼간이 코드 일뿐입니다

나를 따라 달라 자 간다 내가 한 예를 들어 줄게 이것은 우리가 정의한 새로운 웹 사이트입니다 아래로 스크롤하여이 팀 섹션이 여기에 있다고 가정 해 보겠습니다

큰 매출이 발생하고이 전체 팀 섹션을 숨기고 싶습니다 우리가 어떻게 그럴 수 있을까요? 결국, 다시 사용하고 싶습니다 맞습니까? 그래서 저는이 공간에서 마우스 오른쪽 버튼을 클릭하고 요소 검사라고 말하고 싶습니다 Firefox를 사용하고 있지만 원하는 모든 브라우저를 사용할 수 있습니다 그 요소를 조사 할거야

이 특정 섹션에서는이 테마를 코딩 한 제작자 (이 팀에서 사용자 정의 코드를 작성했습니다 이 섹션을 "팀 컨테이너"라고 불렀지, 그렇지? 우리가 그 위에 마우스를 가져 가면이 상자 뒤에있는 부분이 강조 표시됩니다 그래서 "팀 컨테이너"섹션 이것이 괴상한 코드라는 것을 알고 있기 때문에 놀라지 마십시오 하지만 우리가해야 할 일은 스타일 시트로 가서 스타일 시트 콜론을 표시하려면 "none"을 입력하십시오

그게 우리가하는 모든 것입니다 기본적으로 우리는 브라우저에 "이 섹션을 표시하지 마십시오"라고 말하고 있습니다 지금 당장이 섹션을 숨길 것입니다 이것 좀 봐

그것은 완전히 숨겨져 있습니다 우리가 그것을 다시 사용할 필요가있을 때를 대비하여 제거되지 않았습니다 그러나 그것은 완전히 숨겨져 있습니다 나는 또 다른 빠른 예를 들어 줄 것이며, 영구적으로 스타일 시트를 작성하여 효과적으로 만들 것입니다 진실로, 만약 내가 방금 빠른 리프레쉬를했다면 섹션은 실제로 거기에있다

Inspect 요소 내부에서 내가하고있는 일은 해당 컨테이너 또는 해당 dev 클래스의 이름 (기본적으로 작성자가 코딩 한 상자)을 찾으려고합니다 나는 그들이 그것을 숨길 수 있도록 이름이 무엇인지 밝혀 내기 위해 노력하고 있습니다 그래서, 어떻게하는지 보여 드리죠 바로 위에,이 웹 사이트에서 사이드 바 전체를 숨기고 싶다고합시다 나는 마우스 오른쪽 버튼을 클릭 할거야, 나는 요소를 조사 할거야

그리고 이걸 보러 올거야 그건 사이드 바 야 아냐, 여기가 바로 여기있는 부분이야

사이드 바, 사이드 바로 오른쪽 사이드 바, 사이드 바를 올리고 "디스플레이 없음"이라고 말하면서 그것은 숨겨져 있습니다 우수한 그래서 바로 여기 제가 영향을 주어야 할 수업이 있습니다 그걸 내 클립 보드에 복사하고 대시 보드에 들어갈거야 우리는 사용자 정의 섹션으로 건너 뛸 것이고 기본적으로 사용자 정의 CSS 상자를 찾고 있습니다

맞습니다 우리는이 특정 주제에 대해 아래로 스크롤하여 추가 CSS로 이동합니다 우리가해야 할 일은 그 부분을 붙여 넣기 만하면됩니다 "display none"이라고 말하면 저장하고 게시 할 것입니다 자, 내가 돌아가서 새로 고침을 클릭하면 실제로 완전히 사라지지 않을 것입니다

네가 얼마나 멋있 니? 나는 닉에게 외쳐야하고, 내가 가지고있는 최고의 리뷰 중 하나를 꽤 오랫동안 가지고 있어야한다 그것은 매우 달았다 고마워, 너희들, 격려를 위해서 안녕, 모두

How To Host A WordPress Website On Bluehost | WordPress Tutorial

Bluehost에서 WordPress 웹 사이트를 호스팅하는 방법 워드 프레스 튜토리얼

이봐, 브라이언 WP 큐피드 블로그와 함께이 비디오에서 나는 당신을 보여줄거야 Bluehost에서 초보자를위한 단계별로 WordPress 웹 사이트를 호스팅 할 수 있습니다 기술 분야의 초보자이든, WordPress를 호스팅하든이 단계별 전문가가 되십시오 Bluehost 비디오의 웹 사이트는 함께 따라 가기에 완벽합니다 이 WordPress 튜토리얼 동영상을 따라 가면서 사이트를 조금씩 시작하게 할 수 있습니다 10 분

이 비디오가 끝나면 Bluehost에서 웹 사이트를 성공적으로 호스팅하게됩니다 제가 다루려고하는 첫 번째 단계는 도메인 이름을 선택하고 등록하는 방법입니다 블루 호스트와 함께 무료 호스팅과 함께 할인 혜택을 제공합니다 2 단계는 올바른 호스팅 계획을 선택하는 것입니다 3 단계에서 WordPress로 웹 사이트를 설정하고 있습니다

4 단계는 WordPress 튜토리얼을 진행하고 5 단계는 유용한 리소스를 검토합니다 Bluehost로 웹 사이트를 시작할 때 만약 당신이 WordPress 웹 사이트를 바로 시작할 수있는 시간이 없다면,이 두 번째 책갈피를 확인하십시오 이 비디오는 나중에 다시 볼 수 있습니다 우리는 항상 새로운 웹 사이트 튜토리얼 비디오를 올리면서 채널에 가입해야합니다 귀하의 무료 도메인 이름을 얻으려면 설명에서 아래의 Bluehost에 대한 링크를 제공하고 Bluehost 호스팅 할인에서 우리의 독점적 인 63 %까지

이 Bluehost 할인 혜택을 받으려면 설명의 링크를 클릭하십시오 거래 링크가 제휴 링크라는 것을 언급하고 싶습니다 도움을받는 커미션을 받게 될 것입니다 이 채널을 지원하고 더 많은 WordPress 튜토리얼 비디오를 내보내는 데 도움이됩니다

당신이하고 싶은 첫 번째 일은 설명의 링크를 통해 Bluehost로 향하는 것입니다 이미 Bluehost 할인을받지 못했다면 페이지에 지금 시작 버튼이 표시됩니다 버튼을 클릭하십시오 여기에서 호스팅 계획을 선택할 수 있습니다

네 가지 옵션이 표시됩니다 기본 계획, 플러스 계획, Choice Plus 계획 및 프로 계획이 표시됩니다 기본 계획으로가는 것이 좋습니다 그러면 언제든지 언제든지 확장 할 수 있습니다 처럼

둘 이상의 웹 사이트가있는 경우 플러스 플랜 또는 선택 사항 중 하나를 선택하고 싶을 것입니다 플러스 계획 이것이 가장 일반적이므로이 튜토리얼의 기본 계획을 선택하겠습니다 프로 계획 저는 귀하의 사이트가 수익을 창출하고 많은 트래픽을 받기 시작합니다 어떤 계획을 사용하고 싶든 선택 버튼을 누르십시오

우리는 이제 우리가 원하는 도메인 이름을 선택할 수있는 도메인 페이지로 이동했습니다 완전 무료 또는 이미 도메인 이름이있는 경우 오른쪽에 도메인 이름을 입력하십시오 새 도메인의 경우 com,

net, org 등이되도록 선택할 수 있습니다com은 가장 인기있는 도메인 확장이므로 com을 사용하는 것이 좋습니다

양철통 여기에 도메인을 입력하고 다음 버튼을 클릭하겠습니다 이제 귀하의 계정 페이지를 만들게되었습니다 이것은 당신이 당신의 정보를 입력 할 곳입니다 우리는 성, 성을 가지고 있습니다

상호는 선택 사항입니다 귀하의 국가 주소 정보를 입력하십시오 영수증을 이메일로받을 때 전화 번호와 마지막으로 가장 적합한 이메일을 입력하십시오 지불 및 로그인 자격 증명 등의 복사본 그 아래에 패키지 정보가 표시됩니다 계정 계획이 표시됩니다

여기에서 호스팅 패키지의 용어를 선택할 수 있습니다 12 개월, 24 개월, 36 개월이 있습니다 당신이 볼 수 있던대로 당신은 당신이 접대를 구매할 오래 돈을 저축 할 것이다 12 개월 패키지를 선택하겠습니다 도메인 등록은 무료입니다

SSL 인증서는 무료입니다 이 SSL 기능은 무료 SSL 인증서로 사이트를 녹색으로 안전하게합니다 https를 사용하여 도메인 개인 정보 보호 정책은 내가 매우 권장하는 애드온입니다 텔레마케터 및 마케팅 담당자가 귀하의 개인 연락처 정보를 보유하는 것을 방지합니다 그리고 당신을 그들의 서비스에 괴롭히는 것

도메인 개인 정보 보호는 사이트에 대한 Bluehost의 정보를 표시하며 귀하의 정보는 표시하지 않습니다 Sitelock security find는 WordPress 웹 사이트의 보안이며 해커로부터 보호합니다 정말 좋은 무료 대안이 있기 때문에 나는 이것을 선택 취소했다 Codeguard가 표시됩니다 Codeguard는 매일 백업을 생성하고 클릭 한 번으로 사이트를 복원 할 수 있습니다

버튼을 클릭하면 똑같이 작동하는 무료 대안이 있습니다 검색 엔진 최적화 도구 선택을 취소 할 수 있습니다 이 애드온은 검색 엔진에 사이트를 제출하고 사이트에 대한 보고서를 제공합니다 순위 및 키워드 순위 검색 엔진에 사이트를 제출하면 무료로 할 수 있습니다

반드시 가질 필요는 없습니다 Office 365 Email Essentials는 일반적으로 포함되어있는 이메일 소프트웨어 Microsoft Outlook입니다 Microsoft Office 이 Microsoft 부가 기능으로 이메일을 보내고 싶다면 언제든지이 기능을 유지하십시오 선택된

반드시 가질 필요는 없습니다 이러한 애드온은 모두 선택 사항이며 얻을 수있는 최대 한도까지 있습니다 보시다시피이 호스팅 패키지는 많이 절약됩니다 그 아래에 지불 정보를 입력 할 것이고, 보호를 위해 이것을 기입하지 않을 것입니다 개인 정보의 귀하의 정보가 가득 차면 당신은 내가 읽고 Bluehost의 개인 정보 보호 정책 및 서비스 약관

이제 제출 버튼을 클릭하십시오 이제 Bluehost 계정의 비밀번호를 선택할 페이지로 이동했습니다 비밀번호 생성 버튼을 클릭하십시오 원하는 비밀번호를 입력하십시오 Bluehost의 개인 정보 보호 정책 및 이용 약관을 읽고 동의 한 것을 클릭하십시오

다음 버튼을 클릭하십시오 축하 메시지가 표시됩니다 파란색 로그인 버튼을 클릭하여 Bluehost에 로그인하십시오 Bluehost는 현재 대시 보드 로그인 정보를 전자 메일에 전자 메일로 보냅니다 귀하가 제공 한 주소

이제 테마 선택을 보게 될 것입니다 Bluehost는 선택할 수있는 멋진 무료 WordPress 테마를 잔뜩 가지고 있습니다 테마를 선택할 수 있습니다 원하는 테마가 너무 많거나 적 으면 클릭하여 건너 뛸 수 있습니다 단계

테마를 선택하면 지금도 아무 문제없이 선택하는 테마를 언제든지 변경할 수 있습니다 나중에 이 부분에 대해서는 비디오의 뒷부분에서 자세히 설명하겠습니다 무료 테마를 선택하거나이 단계를 건너 뛰면이 페이지에 나타납니다 모두 완료되었습니다

WordPress에서 웹 사이트 구축을 시작하려면 건물 시작 버튼을 클릭하십시오 일단 클릭하고 로그인하면 WordPress 대시 보드에있게됩니다 이것이 WordPress 대시 보드의 모습입니다 보시다시피 몇 가지 질문을 할 것입니다 도움이 필요하지 않은 경우 도움말이 필요하지 않습니다 옵션을 클릭하십시오

일단 그렇게하면이 페이지가 표시됩니다 새 블로그 게시물을 추가 할 수있는 블로그 게시물이 표시됩니다 사이트에 새 페이지를 추가 할 수있는 위치가 표시됩니다 네비게이션 메뉴를 변경하고 싶다면 쉽게 할 수 있고 갈 수도있다 귀하의 사이트에서 제품을 판매하려면 Woocommerce를 설치할 수 있습니다

맨 왼쪽에는 탭이 표시됩니다 그 위에 마우스를 가져 가서 배우십시오 소식은 새로운 소식을 추가 할 수있는 곳입니다 페이지는 새로운 페이지를 추가 할 수있는 곳입니다 미디어 탭은 사이트에 업로드 한 이미지가 표시되는 위치입니다

댓글은 사람들이 내 사이트에 남긴 댓글을 볼 수있는 곳입니다 플러그인은 웹 사이트에 플러그인을 검색하고 추가 할 수있는 곳입니다 플러그인이있을 가능성보다 더 많이 수행하거나 웹 사이트에 추가하고 싶은 모든 것 그 일이 일어날 것입니다 모양은 테마의 모양을 변경하거나 테마를 다른 것으로 변경할 수있는 곳입니다 하나 또는 프리미엄 테마

모양 위에 마우스를 올려 놓으면 테마를 선택하십시오 그것은 당신이 선택할 수있는 무료 WordPress 테마를 선보일 것입니다 가장 인기있는 무료 WordPress 테마를 표시합니다 테마 위에 마우스를 올리고 설치를 클릭 한 다음 활성화를 클릭하여 테마를 WordPress로 만드십시오 테마

이 페이지에 새 테마 추가도 보셔야합니다 다른 사이트에서 가져 오거나 프리미엄 인 경우 새 테마를 추가 할 수 있습니다 테마 WordPress 대시 보드의 왼쪽 상단에서 여기 또는 웹 사이트 제목을 볼 수 있습니다 페이지 상단으로 사이트를 보려면 클릭하십시오

WordPress 대시 보드에 로그인하려면 Bluehost CPanel 또는 입력하여 slashwp-admin으로 도메인 이름에 여기에 예제가 있습니다 여기에이 페이지가 나타납니다 WordPress에 로그인하려면 로그인 자격 증명을 입력하십시오 몇 년 동안 사용해 본 전문적인 WordPress 테마에 대한 권장 자료 수상 경력이있는 디자인 대행사처럼 보이는 웹 사이트는 Themeforest입니다 이것은 그들의 사이트입니다

탐색 메뉴로 이동하여 WordPress 위로 마우스를 이동하면 인기있는 WordPress를 선택할 수 있습니다 테마 또는 특정 산업 분야의 주제를 다루고 있습니다 당신은 또한 프리미엄 WordPress에 테마를 탐색 후 워드 프레스로 업계에서 입력 할 수 있습니다 귀하의 검색과 관련이 있습니다 이 사이트를 확실히 확인하십시오 500,000 명이 넘는 사용자가 유용하고 사용하는 또 다른 유용한 리소스는 드래그 앤 드롭 엘리먼트 페이지 빌더라는 드롭 에디터

Elementor page builder를 사용하면 WordPress 블로그를 쉽게 만들고 시작할 수 있습니다 드래그 앤 드롭으로 편집 할 수 있습니다 플러그인 페이지에서 요소 또는 페이지 빌더 검색 및 설치 및 활성화 그것을 시도하고 싶다 Elementor에는 무료 및 유료 버전이 있습니다 설명에 링크를 제공하여 기능을 체크 아웃하고 비교할 수 있습니다

무료 및 유료 버전 중 하나입니다 체크 아웃 할 수있는 또 다른 유용한 리소스는 fiverr입니다 아래 설명에 링크를 제공했습니다 거의 모든 작업을 $ 5에 할 수 있습니다 이것이 Bluehost cPanel의 모습입니다

여기에서 WordPress에 로그인 할 수 있습니다 왼쪽에있는 당신은 당신의 현재 WordPress를 끌어 올 것이고 내 사이트를 클릭 할 수 있습니다 그 메뉴의 다른 멋진 것들과 함께 사이트 그리고 그것은 Bluehost에서 WordPress 웹 사이트를 호스팅하는 방법에 대한 내 WordPress Tutorial 비디오입니다 궁금한 점이 있으시면, 내가 필요한 모든 것을 도와 드리겠습니다

알았어, 지켜봐 줘서 고마워 이 비디오를 엄지 손가락으로 보여주고 더 많은 WordPress 비디오 자습서를 보려면 채널에 가입하십시오 우리에게 의견을 남겨주세요; 우리는 당신에게서 소식을 듣고 싶습니다