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)의 뉴스 레터에 가입하고 다음 시간까지 행복한 건물!