How to Make a Parallax WordPress Website – AMAZING!

오늘 나는 놀라운 Parallax WordPress 웹 사이트를 만드는 방법을 보여 드리겠습니다 (음악 연주) 안녕하세요, 제 이름은 호간이며 튜토리얼을 환영합니다! 오늘 저는이 놀라운 Parallax WordPress 웹 사이트를 만드는 방법을 보여 드리겠습니다

그리고이 튜토리얼은 웹 사이트 코딩 방법을 배우려는 사람들을위한 것이 아닙니다 Facebook이나 Amazon과 같은 웹 사이트를 구축하십시오 그러나 몇 시간 내에 웹 사이트를 시작하고 실행하려면 그것은 많은 코드를 배우지 않고 간단하고 깨끗하며 현대적입니다 다음은 자습서입니다 따라서이 비디오는 기본적으로 프리랜서, 온라인 기업가, 중소 규모의 비즈니스 소유자, 또는 미래 웹 개발자가되기를 원한다면 훌륭합니다

따라서 오늘 끝날 무렵에는 완벽한 기능의 웹 사이트를 갖게 될 것입니다 그건 SEO 친화적 인, WooCommerce Compatible입니다 즉, 상점을 추가 할 수 있음을 의미합니다 , 그것은 빠르게 로딩되며 슈퍼 모바일 반응 형이다 그래서 내가 당신에게 웹 사이트의 여행을하게 해주세요

어떻게 작동하는지 그리고이 튜토리얼에서 다루는 내용을 보여줍니다 좋아요, 어떻게 작동하는지에 대한 데모를 보여 드리겠습니다 기본적으로 웹 사이트 내부에서 그 빌더를 켜 봅시다 그리고 나는 정말로 흥분하기 때문에 흥분한다 기본적으로, 당신은 내장되어있는이 모든 다른 모듈을 가지고 있습니다, 당신은 당신의 웹 사이트의 다른 섹션으로 드래그 할 수 있습니다

그리고 많은 시간을 절약 할 수 있습니다 추가로 다운로드 할 필요가 없습니다 하지만이 이미지를 만드는 방법을 보여 드리겠습니다이 이미지는 시차 스크롤 배경입니다 정말 멋집니다

하지만 실제로 더 멋진 점은 그라디언트를 추가 할 수 있다는 것입니다 무료 배경, 비디오 배경 또는 슬라이더 유형 배경 그래서 간단하게 설정할 수 있습니다 이미지 업로드 만하면됩니다 멋진 이미지를 얻을 수있는 곳을 무료로 알려 드리겠습니다 그러면이 텍스트를 추가하는 방법을 보여 드리겠습니다

정말 간단하게 편집 할 수 있습니다 Word 편집기와 같습니다 따라서 텍스트를 삭제하고 텍스트를 변경하면 저장을 클릭하면됩니다 기본적으로 끝났습니다 버튼을 추가하는 방법을 보여 드리겠습니다

견적 섹션에 대한 모든 텍스트는 여기에 있습니다 그것은 사명 선언문이 될 수 있습니다 이 이미지를 여기에 추가하는 방법을 보여줍니다 이 추천 모듈은 물론 그래서 드래그 앤 드롭 만하면됩니다 실수로 실수를했다면 취소 할 수 있습니다

또한 개정판을 저장할 수 있으며 큰 실수를하면 개정판을로드 할 수 있습니다 그래서 다시 시작할 필요가 없습니다 그리고이 다른 섹션에서는 전체 섹션 전체를 드래그 할 수 있습니다 그래서 예를 들면,이 갤러리, 당신은 그것을 여기 위로 움직일 수 있습니다 그런 서비스 섹션 위 그래서 나에 관한 것이고 그 다음에 갤러리 섹션이 될 수 있습니다 페이지의 레이아웃을 변경하는 방법은 귀하에게 달려 있습니다

그런 색상을 바꿀 수 있습니다 갤러리 섹션에서는 작업을 선보일 수 있기 때문에 정말 멋집니다 사람들이 그것을 클릭하면 라이브 박스에서 열립니다 그래서 사람들이 그것을 클릭하면, 당신은 그와 같은 당신의 작품을 볼 수 있습니다 이 동영상 섹션에 추가하는 방법을 알려 드리겠습니다

정말 멋진 이유는 사람들이 그 비디오를 볼 때, 배경이 더 어둡다 그 비디오 자체에주의 집중 좋아, 아래로 스크롤 이 블로그 섹션을 추가하는 방법을 보여 드리겠습니다 그리고 블로그 게시물을 추가하는 방법을 보여 드리겠습니다 텍스트, 이미지 및 비디오를 추가하는 방법 및 위젯 영역을 사용자 정의하는 방법 그리고 아래로 스크롤

이 아이콘으로이 시차 배경을 추가하는 방법을 보여 드리겠습니다 이지도뿐만 아니라이 Google지도 그런 다음 Footer 섹션을 사용자 정의하고 소셜 미디어 아이콘을 추가하는 방법을 보여 드리겠습니다 사람들이 그것을 클릭하면 스크롤하여 다시 좋은 느낌을줍니다 그런 식으로 아래로 스크롤하면 헤더 디자인도 끈적 거려서 그곳에 머무르게됩니다 뛰어난 사용자 경험을 제공합니다

정말 멋진 점은 한 페이지짜리 웹 사이트라는 것입니다 사람들이 다른 섹션을 클릭하면 스크롤 할 수 있습니다 하지만 원하는만큼 페이지를 만들 수 있습니다 그러나 첫 페이지를 만드는 방법을 알고 있다면 다른 페이지를 만드는 방법을 알게됩니다 예를 들어, 이와 같은 페이지를 만들면 정말 멋진 Parallax 기능을 사용할 수 있습니다

그래서 이것은 실제로 내장 된 레이아웃입니다 주제로하지만 실제로 단계별로 웹 사이트를 만드는 방법을 보여 드리겠습니다 그래서 당신은 좋은 이해와 기술을 귀하의 웹 사이트를 구축하는 방법을 가지고 그런 식으로하면 더 많은 것을 즐길 수 있습니다 모든 레이아웃을 확인하려면 데모 웹 사이트를 확인하십시오 설명에 너무 parallaxdemo

com 우리 홈페이지로 돌아 가자 가게에 추가 할 수도 있지만, 어떻게 할 수 있는지 보여줄 수는 없습니다 튜토리얼에서 설정하십시오 너무 길어서 WooCommerce라는 정말 간단한 플러그인을 사용하기 때문에 실제로는 정말 쉽습니다 그래서 클릭하면 그리고 그것은 귀하의 제품을 보여주고 사람들은 귀하의 상점에서 구매할 수 있습니다

그리고이 웹 사이트는 실제로 슈퍼 모바일 반응 형입니다 따라서 모든 휴대 기기, 태블릿 및 기타 모든 기기에서 실제로 축소 될 것입니다 보시다시피, 정말 멋져 보입니다 그리고 그것은 기본적입니다 그래서 기본적으로 당신이 보는 것을 좋아한다면, 이 자습서를 따르십시오

이 웹 사이트를 단계별로 만드는 방법을 보여 드리겠습니다 오늘 끝날 무렵에는 훌륭하고 깨끗한 현대 웹 사이트를 만들 수 있습니다 그래서 우리가 시작해야 할 것들에 대한 개요를 살펴볼 것입니다 좋아, 시작하기 전에 네가 필요로하는 것을 정확히 살펴볼거야 따라서 가장 먼저 필요한 것은 도메인 이름이며, 기본적으로 귀하의 웹 주소입니다

그래서 예를 들어 Google의 도메인 이름은 googlecom입니다 귀하의 이름은 기본적으로 귀하의 이름 또는 귀하의 비즈니스 이름입니다 그리고 두 번째로 필요한 것은 호스팅 및 호스팅은 기본적으로 모든 웹 사이트 파일, 예를 들어, 귀하의 텍스트 및 귀하의 콘텐츠, 귀하의 이미지, 저장됩니다 전 세계 모든 사람들이 연중 무휴로 이용할 수 있습니다 그래서 그 두 가지는 반드시 있어야합니다

온라인에서 보는 모든 웹 사이트에는이 두 가지가 있습니다 그래서 두 가지가 있다면, 건너 뛸 수 있습니다 세 번째로 필요한 것은 WordPress를 설치하는 것입니다 그래서 WordPress는 기본적으로 콘텐츠 관리 시스템이며, 기본적으로 모든 수단은 웹 사이트를 구축 할 수 있고 코드를 알 필요가없는 플랫폼 테마를 설치하는 것은 기본적으로 우리가 사용할 드래그 앤 드롭 빌더입니다 그리고 놀랍습니다

그래서 나는 그 비용을 처리 할 것입니다 따라서 도메인 이름의 경우 일반적으로 연간 약 $ 1300의 비용이 발생할 것입니다 하지만 쿠폰 코드가있어서 1 년 동안 599 달러에 도메인 이름을 얻을 수 있습니다

호스팅의 경우 일반적으로 연간 약 $ 1000의 비용이 발생합니다 한 달에 1000 달러를 의미합니다 미안 해요

한 달에 $ 1000이지만 할인이있어서 $ 800 정도 될 것 같습니다 약 $ 800 / 월 그리고 WordPress를 설치하십시오

무료입니다 테마를 설치하면 무료입니다 총 비용은 시작하기에 약 14 달러입니다 따라서 한 달에 800 달러는 하루에 약

30 달러가 될 것입니다 정말 저렴하고 시작하기에 정말 저렴합니다 따라서 질문이 있으시면 주석 섹션에 적어 두십시오 그리고 우리가 시작할거야 따라서 브라우저를 열고 아래 설명에서 HostGator 링크를 클릭하십시오

아니면 여기에 입력하면됩니다 그래서 "호스트 "를 입력하십시오

" 게이 터" "com" Enter를 누르십시오

그래서 나는 기본적으로 약 5-6 년 동안 HostGator를 사용 해왔다 그리고 그들은 굉장한 생생한 지원을 얻었 기 때문에 문제가 있으면 연락 할 수 있습니다 저렴한 가격에 돈을 환불받을 수 있습니다 이제 시작하기를 클릭하십시오! yu는 무제한 도메인을 호스팅 할 수 있기 때문에 일반적으로 Baby Plan을받는 것이 좋습니다 Hatchling Plan의 경우 하나의 도메인 이름 만 가질 수 있습니다

그래서 베이비 플랜을 사용하면 친구들이나 가족과 공유 할 수 있습니다 그리고 그것은 최선의 선택입니다 그래서 사업 계획은 아마도 당신이 필요로하는 것에 비해 너무 많을 것입니다 그래서 우리는 지금 가입하기를 클릭 할 것입니다 그래서 나는 도메인 이름을 입력해야합니다

그래서 당신은 일종의 도메인 이름을 선택합니다 때로는 사용하지 못할 수도 있습니다 그래서 다시 시도해야 할 수도 있습니다 Parallaxdemo를 클릭 한 다음 여기를 클릭하십시오 사용 가능한 경우, 그것은 당신에게 진드기를 줄 것입니다

그렇지 않으면 X가됩니다 따라서 일반적으로 사용자가 com 확장자를 선택하기 때문에 com 확장자를 선택하는 것이 좋습니다club처럼 사람들이 com을 입력하면 귀하의 웹 사이트에 접속하지 않기 때문에 그럼 너는 약간의 교통량을 잃어 버렸다 아래로 스크롤하여 도메인 개인 정보 보호를 위해 그런 다음 여기를 패키지 유형으로 스크롤합니다 우리는 아기를 선택할거야 그리고 더 큰 할인을 받기 때문에 12 개월을 선택하는 것이 좋습니다

하지만 필요한 경우 매월 수 있습니다 일반적으로 웹 사이트를 만드는 경우 어쨌든 한 달 이상 웹 사이트를 만들 수 있습니다 따라서 더 큰 할인을 받으십시오 12 개월 간 갈거야 사용자 이름은 보안 PIN으로 입력해야합니다

그런 다음 여기에서 결제 정보를 입력하기 만하면됩니다 신용 카드 세부 정보 또한 PayPal로도 지불 할 수 있으며 PayPal 계정을 오래 있어야합니다 체크 아웃 후에 그래서 나는 빨리 그들을 채울거야 그래서 당신이 당신의 세부 사항을 채운 후에, 당신은 아래로 스크롤 할 수 있습니다 당신은 추가 서비스를받습니다

그래서 우리는이 서비스를 모두 해제 할 것입니다 왜냐하면 아마 지금은 필요하지 않을 것입니다 그리고 내 채널을 팔로우했다면 실제로 동영상을 만들어 무료로 설정할 수있는 방법을 보여주었습니다 일부 플러그인 사용하기 아래로 스크롤하면 여기에 쿠폰 코드가 입력됩니다 그래서 호 간차에 입력해라

호구 잔 그런 다음 유효성 검사를 클릭하십시오 그래서 이것은 기본적으로 더 큰 할인을 제공합니다 그래서, 여러분이 여기서 보았 듯이, 당신은 35 % 할인을 받고, 599 달러의 도메인 네임도 얻습니다

그래서 당신이 그것을 한 후에, 당신은 "나는 용어와 서비스를 읽었습니다" 그리고 지금 체크 아웃하십시오! 그리고 나서 체크 아웃 한 후, Paypal Login 우리는 귀하의 계정에 로그인하여 금액을 지불해야합니다 그렇지 않으면 다음과 같은 확인 페이지가 나타납니다 일단 확인을 받으면 이메일로 돌아 가야합니다 자세한 내용을 확인하고 CPanel에 로그인하여 WordPress를 설치하십시오 따라서 이메일 계정에 로그인하면 다음과 같은 이메일을 받아야합니다

HostGator – 귀하의 계정 정보 클릭하기 만하면됩니다 제어판 URL을 클릭하면됩니다 그런 다음 사용자 이름을 복사해야합니다 클립 보드로 복사하십시오 그런 다음 암호를 복사하십시오

기본적으로 여기에 비밀번호와 사용자 이름을 붙여 넣으십시오 그래서 나는 광산을 변경 한 다음 로그인을 클릭 했으므로 광산을 입력 할 것입니다 일단 그렇게하면, 네가 아래로 내리고 싶다 당장은 그만 닫자 아래로 스크롤 소프트웨어 및 서비스에 연결하고 빠른 설치를 클릭하십시오

로드 될 때까지 기다린다 WordPress를 설치하려면 여기를 클릭하십시오 또는 아래로 스크롤 할 수 있습니다 여기에 WordPress 설치를 클릭하십시오 그리고 Install WordPress를 클릭하길 원합니다

이 드롭 다운을 클릭하십시오 하나의 도메인 만 있어야합니다 보시다시피 몇 가지 도메인 이름이 있습니다 그러니 그걸 찾아 보자 시차 시연 그리고 이것을 비워 두십시오

관리자 이메일의 경우 이메일 주소를 입력하십시오 블로그 제목의 경우 귀하의 웹 사이트 제목입니다 나는 지금 그것을 "로고"라고 부를거야 나중에 변경할 수 있습니다 걱정하지 마십시오

관리자 사용자 이름이므로 로그인 사용자 이름입니다 그게다고 WordPress 설치를 클릭하면됩니다 웹 디자이너에서 No Thanks를 클릭하십시오 그리고 설치하는데 약 30 초가 걸립니다 새 웹 사이트의 WordPress 완료되면 자격증 명보기를 클릭하십시오

그리고 관리자 영역을 클릭합시다 때로는 도메인을 구입했을 때 실제로는 그렇지 않을 수도 있습니다 HostGator가 백엔드에서 설정하는 데 시간이 걸리기 때문에 아직 일어나지 않습니다 이제 희망이 있습니다 클릭하십시오

운 좋게도 우리에게 달렸어 아직 안 끝났 으면 15 분 정도 휴식을 취하십시오 최악의 시나리오 약 24 시간이 걸릴거야 하지만 보통은 꽤 빠릅니다 암호와 사용자 이름을 복사하십시오

내 사용자 이름을 입력 해주세요 -oops 내 비밀번호를 붙여 넣으십시오 로그인을 클릭하십시오 축하드립니다 기본적으로 WordPress를 설치했으며 WordPress 대시 보드입니다

그래서 처음에는 약간 압도적 인 것처럼 보이지만 실제로는 그렇지 않습니다 우리는이 많은 것들을 닫을 수 있습니다 기본적으로 모든 것을 제어하는 ​​대시 보드입니다 좋아, 그럼 우리 웹 사이트를 방문해서 어떻게 보이는지 보자 그래서 우리 웹 사이트는 꽤 평범하고 아무 내용도 없습니다

그래서 우리는 물건을 설치하지 않았기 때문에 드래그 앤 드롭 빌더가 없습니다 이제 대시 보드로 돌아가서 몇 가지 기본 설정을 구성 할 것입니다 조금 더 명확하게하기 위해 이러한 것들을 닫자 그만해라 닫기, 닫기 그것을 닫고 닫는다

모든 것이 정리되었습니다 이제 당신이해야 할 일은 사용자에게가는 것입니다 프로필을 클릭하십시오 따라서 우리는 단지 새로운 암호, 더 쉬운 암호를 설정하여 기억할 수 있습니다 암호 생성을 클릭하십시오

나는 그것을 숨길거야 기본적으로 새 암호를 설정하려고합니다 할 필요는 없지만 기억해야합니다 이 암호 그러나 그들은 어쨌든 당신에게이 암호를 이메일로 보냈습니다 그럼 그걸 확인하고 프로파일을 업데이트하러 가자

일단 설정이 완료되면 설정으로 이동하여 퍼런 링크를 클릭하십시오 그리고 당신이 Post Name을 클릭하기를 바랍니다 그래서 기본적으로 이것이 무엇입니까? 게시물 제목 또는 URL의 페이지 "? p = 123"이 포함 된 URL 구조가 필요하지 않으므로 아무 것도 설명하지 않기 때문에 귀하의 사용자에게 그것은 검색 엔진에 좋지 않습니다 아래로 스크롤하여 저장 일단 플러그 – 인으로 가서 플러그 – 인을 클릭하면됩니다 기본적으로 플러그인은 웹 사이트의 기능을 향상시키는 일종의 응용 프로그램입니다

예를 들어 휴대 전화에서 Pokemon GO와 같은 앱을 가지고 있다면 WhatsApp, Instagram 그것들은 휴대 전화 용 앱이지만 플러그 – 인은 웹 사이트를위한 것입니다 그래서 우리는 이들을 비활성화 할 것이므로 모두 선택하십시오 먼저 비활성화하고 적용하십시오 WordPress Builder 테마와 충돌 할 수 있으므로 삭제 해 주시기 바랍니다 그래서 다시 선택하고 삭제하십시오

적용하고 완료했습니다 기본적으로 기본 설정을 구성했습니다 이제는 모양을 클릭하고 테마를 클릭하십시오 그래서 Themify가 Ultra Theme를 설치합니다 드래그 앤 드롭 빌더가 포함 된 그래서 아래 동영상을 보시면 Youtube 설명에서 그 테마를 다운로드 할 수있는 링크가 있습니다

따라서 해당 테마를 클릭하여 컴퓨터로 다운로드하십시오 그리고 튜토리얼의 내용을 포함하는 또 다른 링크가있어서 이미지를 얻을 수 있습니다 그리고 당신이 따라갈 수있는 모든 것들, 한 걸음 한걸음 씩 나아질 수 있습니다 그래서 컴퓨터에 다운로드하면 다음과 같이 보일 것입니다 Themify Ultra

zip처럼 보일 것입니다 자동으로 폴더에 압축하면, 마우스 오른쪽 버튼으로 클릭해야합니다 zip 파일로 다시 압축하십시오 그래서 나는 더 이상 그것을 원하지 않는다 이 파일은 zip 파일에 나타나고 두 번 클릭하거나 마우스 오른쪽 버튼으로 클릭 할 수 있습니다

그것을 열면 기본적으로 우리가 사용할 모든 이미지가 포함됩니다 일단 그렇게하면 웹 사이트로 돌아가서 새로 추가를 클릭합니다 그런 다음 업로드 테마를 클릭합니다 파일 선택을 클릭하십시오 그리고 나서 우리는 데스크톱에 가서 파일을 찾을거야

열기를 클릭하십시오 업로드중인 zip 파일이 지금 설치를 클릭하십시오 그러면 1-2 분 정도 걸릴 것입니다 여기서 진도를 볼 수 있습니다

하지만 테마를 설치하는 데 문제가 있다면 내 웹 사이트로 이동하십시오 wwwhoganchuacom을 방문한 다음 자주 묻는 질문으로 이동하십시오 테마 설치로 스크롤하고이 내용을 읽으면 아마도 도움이 될 것입니다

그래도 문제를 해결할 수 없다면 아래에 의견을 남기십시오 그래서 다시 여기로 가자 그래서 일단 완료되면 "테마 설치 성공"을해야합니다 그리고 활성화를 클릭하면 기본적으로 우리를위한 주제가 활성화 될 것입니다 그래서 나는 X를 클릭하기를 원합니다

그래서 X를 클릭하십시오 일단 그 일을 끝내면이 메모를 여기에서 무시할 수 있습니다 이제 우리 웹 사이트를 한번 살펴 봅시다 그래서 저희 웹 사이트를 방문하십시오 테마가 설치된 웹 사이트입니다

보시다시피 훨씬 더 좋아 보입니다 그러나 실제로 웹 사이트를 만들기 전에 구성 할 것입니다 그래서 우리가 할 첫 번째 일은 몇몇 페이지에 추가하는 것입니다 그러려면 대시 보드를 다시 클릭하십시오 그런 다음 페이지 위로 마우스를 이동하고 새로 추가를 클릭하십시오

그냥 클릭하십시오 그런 다음 샘플 페이지를 먼저 삭제해야합니다 왜냐하면 원하지 않기 때문입니다 그냥 쓰레기로 버려라 다시 휴지통을 클릭하십시오

해당 페이지에 대해 영구 삭제 새로 추가를 클릭하십시오 나는 당신이 집에 타이프하기를 원합니다 이것은 우리의 홈 페이지 일 것이고 그것은 기본적으로 당신이해야 할 모든 것입니다 따라서 게시를 클릭하고 추가 페이지를 추가하려면 여기에 페이지를 추가하십시오 새로 추가를 클릭하고 페이지 제목을 입력 한 다음 업데이트 만하면됩니다 이제 이것이 한 페이지 웹 사이트이기 때문에이 새 페이지를 작성하고 추가하는 방법을 보여주지 않겠습니다

하지만 확실히 나중에 추가 할 수 있습니다 이제 우리가하려고하는 것은 당신이 외모로 가셔서 메뉴를 클릭하기를 바랍니다 그래서 제가 전에 만들었던 데모 웹 사이트를 열어 볼 수 있습니다 그럼 그걸 클릭합시다 기본적으로 메뉴 이름은 Top Navigation에 입력해야합니다

무슨 일이든 상관 없다 당신이 설정 한 이름 그것은 단지 당신을위한 것입니다 만들기 메뉴를 클릭하십시오 그리고 나서 내가하고 싶은 것은 여기에 페이지가 있고 메뉴에 추가하고 싶다면, 이게 너의 메뉴 야

그런 다음 메뉴를 선택하고 메뉴에 추가해야합니다 그리고 여기에 나타납니다 홈 페이지이기 때문에 필요하지 않습니다 왜냐하면 사람들은 로고를 클릭하면 홈 페이지로 이동하므로 공간이 낭비되는 것을 알고 있습니다 그래서 저는 그렇게하지 않습니다

그러나 우리가 할 일은 커스텀 링크를 설정하는 것입니다 커스텀 링크는 여기에있는 링크이며 웹 사이트의 다른 섹션으로 연결됩니다 그래서 우리가 할 일은 그걸 클릭하는 것입니다 나는 당신이 당신의 URL 그 이후에 아무것도 원하지 않는 "/"그래서 wp 나 그와 같은 것을 원하지 않습니다 당신은 당신의 웹 사이트 URL을 원할뿐입니다

알았다 그것을 선택하여 붙여 넣기하십시오 올바른지 확인한 다음 "#"을 입력하고 "about"을 입력하십시오 링크 텍스트의 경우 정보를 입력 한 다음 메뉴에 추가를 클릭합니다 일단 그렇게하면, 그 과정을 반복하길 원합니다 이것은 서비스를위한 것입니다 링크 텍스트는 서비스가 될 것입니다

그래서 이름이나 일이 될 수도 있습니다 별로 중요하지 않지만 아마도 지금 바로 따라 가면 나중에 편집 할 수 있습니다 다시 붙여 넣으세요 다음 부분은 갤러리입니다 죄송합니다

제목을 추가하지 않았습니다 다음은 블로그 일 것입니다 메뉴에 추가하십시오 좋아, 닫아 다음 사람이 연락 할 것입니다

그러면 링크 텍스트가 연락처가됩니다 메뉴에 추가하십시오 일단 그렇게하면, 원한다면 새로운 페이지를 만들 때 자동으로 추가하기를 원할 것입니다 여기 네비게이션 메뉴에 들어가면 이걸 내가 선택할 수있다 테마 위치의 경우 Main Navigation을 선택해야합니다 그러면 여기에 실제로 표시됩니다

저장 메뉴를 클릭하십시오 한 번 해봤 으면 웹 사이트를 방문하길 바래요 그리고 그것은 당신의 웹 사이트와 당신의 메뉴가 될 것입니다 그리고 대시 보드로 돌아 가면 정말 중요한 것을 보여주는 것을 잊어 버렸습니다 우리 페이지로 돌아 가자

보기를 클릭하면 홈페이지를 만들었습니다 / home /이 있음을 알 수 있습니다 홈 페이지는 실제로는 평범한 것과 같은 것입니다 도메인 URL 여기에이 URL로 설정하려고합니다 / home을 전혀 원하지 않는다

그러기 위해서 내가 원하는 것은 커스텀 화를 클릭하는 것입니다 때로는로드하는 데 몇 초가 걸립니다 또는 Themify Options로 자동 이동합니다 저것을 클릭하십시오 정적 전면 페이지를 클릭하십시오

정적 페이지를 설정하고 프론트 페이지에서 홈을 선택하려는 경우 저장하고 게시 한 다음 닫습니다 따라서 귀하의 홈 페이지는 현재 귀하의 도메인 URLcom 일뿐입니다 그래서 네가 원하는거야 그러면 Themify Builder를 볼 수 있습니다

이제 우리가 할 일은 Themify Settings을 구성하는 것입니다 또한 헤더에 설정하고 페이지 레이아웃을 설정하기 위해 그래서 우리가 할 일은 대시 보드로 돌아가는 것입니다 Themify Ultra를 마우스로 가리키고 Themify 설정을 클릭하십시오 내가 먼저하고 싶은 것은 아래로 스크롤하는 것입니다 Google 글꼴의 경우 모든 Google 글꼴 표시를 선택하십시오

그러면 웹 사이트에 사용할 수있는 글꼴이 더 많이 표시됩니다 저장을 클릭 할 수 있습니다 그리고 일단 그렇게하면 기본 레이아웃을 클릭하고 싶습니다 기본 레이아웃은 기본적으로 게시물이나 페이지의 기본 페이지 레이아웃을 설정할 수 있습니다 그래서 내가하고 싶은 것은 마우스 오른쪽 버튼을 클릭하고 저희 웹 사이트를 방문하는 것입니다

새로운 탭에서 열면 진행 상황을 볼 수 있습니다 예를 들어, 페이지 레이아웃을 설정하려면 아래로 스크롤합니다 여기에서 게시 레이아웃을 설정합니다 페이지 레이아웃이 여기 있습니다 우리는 여기에 사이드 바를 가져 왔고 여기에 타이틀이 있습니다

우리는 그럴 필요가 없다 따라서 페이지 사이드 바 옵션의 경우 사이드 바는 필요 없습니다 우리는 모든 페이지에서 제목을 숨기려고합니다 우리는 사람들이 우리 페이지에 코멘트를 남기기를 원하지 않기 때문에 저장을 클릭하십시오 그리고 난 그걸 새로 고칠 수있어

그러면 사라져야한다는 것을 알게 될 것입니다 그래서 기본적으로 당신은 작업 할 빈 캔버스를 가지고 있습니다 그거 멋지네 이제 우리가해야 할 일은 헤더에 설정하는 것입니다 여기 테마 설정으로 가자

그리고 여기에 테마 모양으로 스크롤하면 헤더 디자인을 볼 수 있습니다 내가 너를 선택하길 바란다 나는 그것이 9 번째 옵션이라고 생각한다

이것이 우리가 원하는 헤더입니다 그럼 그것을 선택하고 저장하십시오 그걸 조금 새로 고쳐 보자 좋아, 그리고 그것은 기본적으로 내가 원하는 헤더 디자인이다 좋아요, 당신은 거기에 많은 옵션을 가졌지 만 제 생각에는 좋고 단순합니다

좋아, 끈적한 헤더를 비활성화 할 수 있습니다 따라서 끈적한 헤더는 예를 들어, 아래로 스크롤하는 경우 머리글은 실제로 거기에 머물러 있습니다 좋은 사용자 경험을 위해서는 매우 좋다고 생각합니다 그러나 그것은 당신에게 달렸습니다 그래서 떠날거야

사이드 태그 라인을 제외 할 예정입니다 검색 양식 및 RSS 제외 그럼이 광고 문안입니다 이것은 RSS이며 이것은 검색입니다 그래서 우리는 그것을 배제 할 것입니다 그리고 나서 우리가 할 일은 그것을 구하는 것입니다

조금 새로 고침 해줘 좋아, 멋져 보이네 여기서부터 바닥 글 설정을 보여 드리겠습니다 조금 아래로 스크롤하십시오 꼬리말 디자인을 볼 수 있습니다

바닥 글의 사이트 로고를 제외 할 예정입니다 이것은 기본적으로 뒤에서 맨 아래까지입니다 나는 그것을 좋아한다 그리고 나는 거기에서 떠날 것이다 그리고 여러분 중 일부는 여기에서 이걸 제거하고 싶을 것입니다

그래서 어떻게 할 지 보여 드리겠습니다 이제 아래로 스크롤하여 꼬리말 텍스트 1과 꼬리말 텍스트 2를보아야합니다 기본적으로 이것은 꼬리말 텍스트 1입니다이 꼬리말 텍스트 2입니다 이걸 지우고 싶다면, 우주에 가면됩니다

저장을 클릭하십시오 그리고 그건 당신을 위해 그것을 제거합니다 그걸 조금 새로 고쳐 보자 좋아, 간단하고 멋지다 이제 우리가해야 할 일은 당신의 바닥 글에 대한 사회적 연결을 추가하는 것입니다

그래서 중요한 일을 먼저 벗어나게하십시오 그럼 여기서 소셜 링크로 이동합니다 기본적으로 프로필 URL을 붙여 넣기 만하면됩니다 그래서 빨리 할 방법을 보여 드리겠습니다 그래, 그래서 페이스 북의 URL로 복사해라

웹 사이트로 돌아가서 페이스 북 하나를 거기에 붙여 넣으십시오 닫기, 당신의 트위터를 얻으십시오 복사해서 거기에 붙여 넣으세요 Google Plus를 사용하고 있거나없는 경우 비워두면 표시되지 않습니다 하지만 그렇게하면 복사 할 수 있습니다

어, 유튜브 그리고 내 채널을 구독 할 수 있는지 확인하십시오 그것은 최고 일 것입니다 그럼 거기에 붙여 넣자 그리고 Instagram을 가지고 있거나 뭔가를 가지고 있다고 가정 해 봅시다 그러나 여기에 나타나지 않습니다

그래서 당신은 그것을 추가 할 수 있습니다 링크 추가를 클릭하기 만하면됩니다 그리고 "Instagram"을 입력하십시오 그리고 링크를 통해 프로필 링크를 복사 할 수 있습니다 거기에 붙여 넣기하고 아이콘 삽입을 클릭해야합니다

여기에 모든 아이콘이 있습니다 브랜드를 클릭하기 만하면됩니다 Instagram으로 스크롤하십시오 그리고 일단 그것이 끝나면, 그것은 끝납니다 따라서 드래그 앤 드롭만으로 모든 것을 재정렬 할 수 있습니다 그리고 그것은 꽤 많이 있습니다

아이콘 색상과 배경색을 설정할 수 있습니다 하지만이 튜토리얼에서는 지금 당장 비워 둘 필요가 없습니다 이제 저장을 클릭하고 지금해야 할 일은 모양으로 이동하십시오 위젯으로 이동 그런 다음 Themify Social Links로 이동해야합니다 너는 그것을 잡고 그것을 끌 필요가있다

그리고 그것을 Footer Social Widget에 넣고 거기에 넣어야합니다 이 링크는 외부 링크이므로 다른 웹 사이트에 연결하면 새 창에서 링크를 열고 싶습니다 저장을 클릭하십시오 일단 그것이 완료되면, 우리는 다음 우리의 웹 사이트를 방문합니다 바라기를, 그것은 나타날 것입니다

좋아 그러니 우리의 소셜 링크로 가서이 창들을 빨리 닫을거야 좋아요 다음 단계는 색상을 변경하는 방법과 로고에 추가 할 수있는 부분을 보여줍니다 그런 것들 여기에서 사용자 정의를 클릭합니다

그리고 조금만 기다려주세요 그래서 우리는 Themify Options에있을 것입니다 추가 옵션을 보려면 고급을 클릭하십시오 기본적으로 로고를 변경하려면 사이트 로고 및 태그 라인을 클릭하기 만하면됩니다 그래서 그것을 클릭하십시오

사이트 로고를 클릭하십시오 이미 로고가있는 경우 로고 이미지를 클릭 할 수 있습니다 여기를 통해 이미지를 업로드 할 수 있습니다 따라서 로고는 png 파일이어야합니다

기본적으로 투명 파일임을 의미합니다 그리고 그것은 사용할 수있는 최상의 파일입니다 크기도 변경하고 싶다면 여기에서 크기를 바꿀 수 있습니다 로고 위치를 이동하려는 경우, 그런 다음이 옵션을 여기에서 선택할 수 있습니다 그러나 지금은 로고가 없으면 사이트 제목을 선택하기 만하면됩니다

원하는 사이트 제목을 입력하십시오 그런 다음 여기에서 수백 가지 글꼴을 선택할 수 있습니다 그래서 예를 들어, 나는 Open Sans 그리고 난 그냥 16 픽셀로 저장하려고합니다 아니면 잘 모르겠습니다 아마도 24 픽셀입니다

그렇게 그리고 나는 그것을 과감하게 바꿀 수있다 색상을 흰색으로 바꿀 수도 있습니다 머리글 색상을 어두운 회색으로 설정하기 때문에 일단 그렇게하면 닫을 수 있습니다 그런 다음 헤더 섹션의 배경색을 편집하려면 헤더를 클릭해야합니다 그게 당신의 헤더 랩됩니다 따라서 Header Wrap Color는 아마도 3B3B가 될 것입니다

멋지고 중립적 인 색입니다 어두운 회색 또는 흰색으로 이동하십시오 색깔 그래서 나는 잠시 후에 디자인 팁을 살펴볼 것입니다 많은 사람들이 자신의 웹 사이트를 만들기 위해 떠나기 때문에 나머지 사람들은 실제로 따라 가지 않습니다

이 팁과 그런 것들을 제공하는 튜토리얼과 웹 사이트는 그 위대한 것을 많은 사람들이 웹 사이트에 문제가있어 URL을 보내므로 그런 것들 그리고 좋아 보이지 않아, 알았어 웹 사이트가 잘 보이지 않으면 사람들이 귀하의 웹 사이트를 클릭 만하면됩니다 두 번째로 기본적으로 웹 사이트를 구축 할 필요는 없습니다 그 두 번째 팁을 한 번에 설명해 드리겠습니다

데모 웹 사이트에서 실제로 헤더가 투명하다는 것을 알았다면, 어두운 회색 헤더를 설정하는 이유는 모든 페이지가 투명 할 수있는 것은 아니기 때문입니다 그럼 당신은 배경색을 설정해야합니다 그럼 이제 우리가 다룰거야 우리가 그걸 막을거야 그리고 그걸 닫아라 그래서 몇 가지 기본 설계 기법을 설명 할 것입니다

저는 디자이너가 아니지만 제가 배웠던 몇 가지 중요한 팁들입니다 내 웹 사이트를 구축 할 때 따라서 이들은 Apple, Uber, Tesla와 같은 최고의 웹 사이트가이 기술을 사용하는 것과 같습니다 디자이너 나 그런 사람이라면 무시할 수 있습니다하지만 처음이라면 그럼이 부분을 보길 권합니다 첫 번째 규칙이나 첫 번째 팁은 내가 한 글꼴 군을 고집하는 것이 좋습니다

예를 들어, wwwapplecom을 방문하거나 wwwteslacom, www

ubercom을 방문한 경우 그들은 많은 다른 글꼴을 사용하지 않는다 그래서 이것은 WhatFont라는 Chrome 확장 프로그램이며 기본적으로 어떤 글꼴을 사용하고 있는지 확인할 수 있습니다 3 개 또는 4 개의 다른 글꼴이 없습니다 많은 글꼴을 사용하여 멋지게 만들 필요가 없습니다

특히 방금 시작하는 경우에 특히 하나에 충실하십시오 그리고 두 종류의 서체가 있습니다 하나는 산 세리프 (Sans Serif)입니다 깨끗한 타입 Serif가 조금 더 전통적인 것이고 오랜 독서 나 블로그와 같은 것들에 정말 좋습니다 하지만 현대 웹 사이트처럼 구축하고 싶다면 몇 가지 권장 사항이 있습니다

그래서 Sans, Roboto 또는 Lato를 열고 Railway, Montserrat 및 PT Sans를 시도 할 수 있습니다 두 번째 팁은 단 하나의 주 색상을 선택하는 것입니다 다시 말하지만, 당신은 색을 많이 만들 필요가 없습니다 웹 사이트는 멋지게 보입니다 보시다시피, 애플, 그들은 그걸 멋지고 중립적으로 유지합니다

정말 간단하고 멋있어 보인다 그래서 내가 추천하는 것은 칼루아 (Kalua)라는 웹 사이트에 갈 것입니다 나는 그것이 당신이 그것을 발음하는 방법이라고 생각합니다 그걸 클릭합시다 또한 몇 가지 색상 의미를 확인하십시오

그래서 각 색상은 서로 다른 종류의 지각이나 느낌을 표현하기 때문에 색상이 정말 중요합니다 당신은 당신의 사업에 대해 잘못된 색을 선택하고 싶지 않습니다 그래서 그것에 대해 읽고 올바른 색상을 선택하십시오 여기에 무슨 일이 일어나고 있는지 모르겠지만 고급을 클릭하고 해당 웹 사이트로 이동하십시오 그래서이 웹 사이트를 보면서 청색 종류의 주제를 선택했다고 가정 해 봅시다

청색을 선택하십시오 클릭하고 편집을 클릭하십시오 죄송합니다 그런 다음 여기에 색상 코드를 가져올 수 있습니다 그래서 당신이 그것을 한 후에, 아래로 스크롤하십시오

따라서 콘텐츠를 분리하는 데 특히 중립적 인 색상을 많이 사용하는 것이 좋습니다 예를 들어, Apple에 가서 해당 페이지 중 하나 예를 들어이지도 페이지 그리고 만약 당신이 흰색 배경을 볼 수 있으며 그것은 회색 배경으로 뒤쪽의 콘텐츠를 분리합니다 아래로 스크롤하면 내용이 흰색 배경과 밝은 회색 배경으로 구분됩니다 선을 중간색 인 회색으로 나눕니다 또한 머리글 섹션과 바닥 글 섹션에 중성 색을 사용할 수도 있습니다 또한 어떤 색상을 사용해야할지 모르는 곳이라면 또한 콘텐츠를 분리해야합니다

공백 때문에 많은 공백을 사용하십시오 사물을 정말 간단하고 깨끗하게 보입니다 또한이 짙은 회색과 같은 구분선과 배경색을 사용하십시오 업로드하기 전에 이미지를 자르십시오 튜토리얼 자체에서 어떻게하는지 보여줄 것입니다 그러나 따라 가지 않으면 이미지를 자르기에 이상적인 크기입니다

1800X1000의 영웅 이미지와 영웅 이미지는 기본적으로 여기에서 오는 이미지입니다 상대방에게 블로그 추천 이미지의 경우 약 1165 픽셀 × 약 665 픽셀을 권장합니다 따라서 블로그에 게시 된 게시물은 예를 들어 여기로 스크롤됩니다 이것이 귀하의 추천 게시물입니다 그래서 제가 추천하는 크기입니다

그리고 당신의 몸체 폰트의 경우, 15에서 25 픽셀 그래서 당신이 볼 수 있듯이, 28 픽셀 글꼴 크기가 너무 크고 매우 전문적으로 보이지 않습니다 그래서 제가 권장하는 것은 약 16 픽셀입니다 그게 내가 찾은 최고의 크기 야 그리고 선의 길이는 45 – 90 자 사이에 있어야합니다 그러므로 읽기 쉽도록하십시오

이처럼 텍스트 줄을 원하지 않는다 거기에서 저기로 간다 그리고 그것은 정말로 정말로 읽는 것이 어렵다 그래서 당신은 그것이 45와 90 사이인지 확인하고 싶습니다 헤드 라인과 부제목을 사용하는 경우, 일종의 계층 구조를 정의해야합니다

글꼴 크기와 색상 및 텍스트의 대담 함 사용 예를 들어, 이것은 좋은 예입니다 그러나 이것은별로 좋지 않다 그다지 좋지 않은 이유는 처음에 그것을 보았을 때, 당신이 어떤 라인을 모르는 것 같기 때문입니다 에 집중하다 두 색깔이 모두 같고 둘 다 대담하기 때문에 당신은 그것이 이런 식으로하고 싶습니다 크고 굵고 가벼운 색상으로 그냥 많이 좋아 보인다 그런 다음 Pure Black을 사용하지 않는 것이 좋습니다

귀하의 배경이나 귀하의 텍스트와 함께 그래서 어두운 회색을 사용하는 것이 좋습니다 어떤 웹 사이트로 갔을 때와 같은 것을 알게되면 순수한 100 % 검정색을 사용하지 않는다는 것을 알게 될 것입니다 어두운 회색 또는 회색 색상과 같습니다 그래서 당신이 애플에 가면 이 글꼴은 검은 색 글꼴이 아니며, 진한 회색 글꼴과 같습니다 이것은 검은 색이 아닙니다

정말, 진한 회색입니다 그 이유는 흰색과 검은 색의 대조가 너무 심하기 때문입니다 그런 다음 마지막 항목은 모든 콘텐츠를 정리하는 것입니다 그리고 실제로 귀하의 웹 사이트를 구축하기 전에 귀하의 모든 이미지가 훨씬 더 쉽게 만들 것입니다 레이아웃을 좋아하는 웹 사이트를 살펴 보는 것도 좋습니다 그래서 그것은 꽤 많이 있고 나는 기본적으로 웹 사이트를 구축하기 시작할 것입니다

그래서 나는 모든 것을 닫을거야 그리고 나는 그 것을 떠날 것이다 다시 메인 탐색 섹션으로 돌아가십시오 그래서 이것은 메인 네비게이션이 될 것입니다 메뉴 컨테이너는 기본적으로 메뉴 위치를 편집 할 수있는 곳입니다

그래서 우린 그걸 친척에게 맡길거야 그러니 일단 당신이 그것을 상대적으로 설정하면 그런 다음 우리는 그것이 일종의 중심인지 확인해야합니다 3 픽셀을 타이핑하면 화면이 아래로 움직이는 것을 볼 수 있습니다 우리는 메뉴 링크를 최소화 할 것입니다 우리는 그것을 클릭 할 것이고 메뉴 링크는 Open Sans 일 것입니다

따라서 Open Sans는이 전체 웹 사이트에서 사용할 글꼴입니다 그러나 우스운 일은 기본적으로 이미 Open Sans입니다 따라서 선택한 글꼴을 여기에 적용하십시오 크기는 16으로 설정하겠습니다 그런 다음 메뉴 링크에서 색상을 흰색으로 변경하고 싶습니다

하지만 실제로 색이 바뀌지는 않습니다 그럼 상관없이 흰색으로 설정하십시오 이 색상의 메뉴 활성 링크를 여기에서 설정해야하기 때문에 이제 메뉴 링크 호버 (Menu Link Hover)에 대해, 이것을 연한 회색 그래서 그것은 E6E6E6 일 것입니다 그래서 이것은 물건을 정말로 전문적으로 유지합니다 따라서 마우스를 가져 가면이 링크는 실제로 흰색이됩니다

나는 너에게 두 번째로 너를 보여줄거야 메뉴 액티브 링크입니다 이것이 활성 링크 인 이유는 다음과 같습니다 우리는 실제로 순간에 홈 페이지에 있으며 모든 링크는 실제로 홈 페이지에 있습니다 그래서 내가 무슨 뜻인지 안다면 잘 모르겠지만, 예를 들어 Mac 페이지에있는 경우 현재 활성 링크 색상은 회색입니다

그래서 우리가 여기로 돌아가서 메뉴 액티브 링크 색을 흰색으로 바꾼다면, 그러면 흰색이됩니다 그 위에 마우스를 올려 놓으면 밝은 회색으로 표시됩니다 메뉴 Active Link Hover의 경우 일관성있게 유지하려고합니다 그래서 Menu Link Hover와 같은지 확인하십시오 그럼 그걸 복사해라

tooops 여기로 거기에 붙여 넣으세요 그리고 그것이 끝나면, 그것은 모두 좋은 것입니다

드롭 다운 컨테이너의 경우 기본적으로 설정을 의미합니다 드롭 다운 상자 용 따라서 스타일링을 설정할 수도 있습니다 이제 우리가 설정해야 할 다음 부분은 바닥 글 섹션입니다 바닥 글의 경우 바닥 글을 클릭 할 수 있으며 이미 흰색 바닥 글이 있습니다

네가 원한다면 그렇게 할 수있어 하지만이 튜토리얼에서는 특히 어두운 회색으로 바꿀 것입니다 2929로 바꿀거야 그리고 2929는 헤더보다 조금 더 어둡습니다 이제 우리가해야 할 일은 그것을 설정 한 다음 바닥 글 글꼴로 이동하는 것입니다

텍스트를 볼 수 있도록 바닥 글 글꼴을 흰색으로 변경합니다 그리고 이것은 링크이므로 Footer Link를 클릭해야합니다 또한 흰색으로 변경하십시오 그리고 그것은 꽤 좋아 보인다 그리고 그것에 관한 것입니다

여기에도 다른 설정이 있지만 난 그 설정으로 놀아 보지 않을거야 모든 것이 좋아 보이며 저장을 클릭합니다 그것을 닫으면 꽤 ​​많이 있습니다 그래서 다음 부분은 정말로 중요합니다 첫 번째 행입니다

우리는 영웅 이미지에서 우리가 설정하게 될 것입니다 여기에서 보는 시차 영웅 이미지 이것은 기본적으로 비즈니스를위한 간판이기 때문에 이것은 매우 중요합니다 깨끗하고 이미지가 흐릿하지 않은지 확인하려고합니다 그리고 이것은 아마도 가장 중요한 부분 일 것입니다 그럼 먼저 이미지를 찾아 보겠습니다

그래서 나는 당신이 이미지를 얻을 수있는 정말 좋은 곳을 가지고있다 그리고 wwwunsplashcom에 갈 수 있습니다 그리고 www

stocksnapio라는 또 다른 장소와 wwwpixabaycom이라는 또 다른 장소가 있습니다 이 3 곳 모두, 당신은 여기에서 이미지를 얻을 수 있고 당신은 무료로 사용할 수 있습니다

이미지 작성자에게 크레디트하기 또는 taht 또는 상업적 목적을위한 것 이렇게 이것은 진짜로 대중적인 웹 사이트이고 당신이 어떤 심상도 찾아 낼 수없는 경우에 당신은이 것을 사용할 수있다 그래도 여전히 이미지를 찾을 수 없다면 wwwphotogenenet을 확인하는 것이 좋습니다 이제 이것은 1 달러짜리 이미지를 얻을 수있는 곳이며, 기본적으로 더 큰 라이브러리를 가지고 있습니다 비즈니스를 허위 진술하고 싶지 않기 때문에 올바른 이미지를 선택하는 것이 매우 중요합니다

또는 귀하의 서비스 그래서 예를 들어, 레스토랑이나 무언가에 가면 샐러드가 보입니다 샐러드 사진처럼 미안해 네가 주문할 때나 네가 그 샐러드를 먹을 때, 그 그림에있는 것처럼 보이지 않는다 따라서 고객의 기대를 충족시키지 못하고 전혀 좋지 않습니다 비즈니스를 나타내는 올바른 이미지를 선택하려고합니다

예를 들어, 다운로드 방법을 보여 드리겠습니다 그리고 나서 우리는 그것을자를거야 여기이 이미지가 마음에 드신다고합시다 우리는 그걸 클릭 할거야 다운로드를 클릭하기 만하면됩니다

정말 멋진 이미지 마우스 오른쪽 버튼을 클릭하고 기본적으로 해당 이미지를 컴퓨터에 저장하십시오 폴더를 만들고 모든 것이 정리되어 있는지 확인하십시오 하지만 이미 이미지가 있고 기본적으로 튜토리얼을 따라 이미지를 다운로드 할 수 있습니다 Youtube 설명에 있습니다

일단 컴퓨터에서 이미지를 얻은 다음에는이 모든 것을 닫을 것입니다 그런 다음 wwwfotorcom이라는 웹 사이트로 이동합니다 텍스트를 추가 할 수 있기 때문에 이미지를 편집 할 곳입니다

이 기능을 사용하면 이미지를 향상시킬 수 있습니다 기본 WordPress 하나, 당신은 할 수 없어 다운로드 한 후 Open을 클릭하면 내 Contents 폴더로 이동하고 싶습니다 그리고 이것은 내가 선택한 이미지이므로 Contents에 다운로드 한 경우 이미지를 선택하십시오 열다 그런 다음 닫으십시오

그리고 여러분은 여기서 이미지가 정말로, 정말로 큽니다 내가 너무 큰 이미지를 원하지 않는다로드하는 데 너무 오래 걸릴 것이기 때문이다 사람들이 귀하의 웹 사이트를 클릭 할 것입니다 로드하는 데 너무 오래 걸리는 경우 그래서 Re-size를 클릭하십시오

그리고 모든 것을 비례 적으로 변경하려면 자물쇠를 클릭하십시오 그리고 저는 여러분이 1800을 타이핑하기를 원합니다 그리고 그것은 좋은 크기입니다 그런 다음 자르기로 이동하십시오 1800 년에 다시 입력하십시오

높이 약 1000 인치 그래서 나는 그 영웅 이미지에 대한 좋은 높이를 발견했다 그리고 나서 내가 원하는 곳으로 옮길거야 아마도 그 사람의 머리 바로 위에 놓을거야 적용을 클릭하십시오 그 후에 이미지를 향상 시키려면 Enhance를 클릭하십시오

또는 기본 설정을 편집하고 텍스트를 추가 할 수 있지만 이미지가 이미 멋지다고 생각합니다 그래서 나는 그것을 구할거야 보통 큰 이미지가 필요 없기 때문에 정상적인 품질이라고 보통 말합니다 기본적으로 컴퓨터에 저장하십시오 그리고 그 일을 마친 후에는 웹 사이트로 돌아갈 수 있습니다

기본적으로 빌더를 켜기 만하면됩니다 그래서 우리가 건축업자를 켰을 때, 이것은 기본적으로 행입니다 우리는 연속 배경에 추가 할 것입니다 행 옵션을 클릭하십시오 그리고 행 너비를 전체 너비로 변경하여 모든 것을 가로 질러 갈 것입니다

여기부터 거기까지 스타일을 클릭하십시오 배경 유형의 경우 이미지를 선택합니다 그래디언트를 선택할 수도 있고 비디오를 추가 할 수도 있습니다 그래서 여기에 비디오를 업로드 할 수 있습니다 그리고 내 비디오를 어디에서 얻을 수 있는지 알고 싶으면 내 웹 사이트를 확인하고 내 블로그 게시물로 이동하십시오

그리고 WordPress 웹 사이트 구축을위한 나의 궁극적 인 목록을 클릭하십시오 그리고 내가 사용한 모든 것을 열거 할거야 여기로 돌아가서 슬라이더에 추가 할 수도 있습니다 그리고 이렇게하려면 이미지 크기를 원본으로 설정하고 전체 표지로 설정해야합니다 배경 슬라이더를 추가하는 경우 그리고 우리는 Image 찾아보기 라이브러리로 이동합니다

업로드를 클릭하지 마십시오 자동으로 이미지의 크기가 조정되어 정말 흐릿 해집니다 업로드하여 파일을 선택하면 영웅 이미지를 업로드합니다 여기 하나, 1800×1000 열고 그리고 그 일을 마치면 파일 URL을 삽입하십시오 그리고 그것은 나타납니다

표시되지 않는 경우 저장을 클릭하기 만하면됩니다 페이지를 새로 고침하고 다시 실행하십시오 Andonce를 해보았 으면 배경 모드에서 Parallax Scrolling을 선택합니다 Parallax Scrolling 기능을 원하지 않는다면 또 다른 인기있는 옵션은 풀 커버 옵션입니다 기본적으로 이미지는 단지 정적이라는 것을 의미합니다 기본적으로 거기 머물러있을거야

그리고 그것은 대중적인 선택입니다 배경 위치로 설정하려면 가운데로 설정을 선택합니다 그런 다음 저장을 클릭하면 저장을 클릭 할 수 있습니다 보시다시피, 여기에 약간의 간격이 있으며, 우리는 그 간격을 좁히고 싶습니다 먼저 Save를 클릭하고 빌더를 닫습니다 그렇게하려면 편집 페이지로 이동해야합니다

그리고 Themify Custom Panel으로 스크롤하길 바래 콘텐츠 너비에 대해 전체 너비를 설정하려고합니다 따라서 모든 페이지에 영웅 이미지를 설정하려면이 작업을 수행해야합니다 그래서 그것을 업데이트하십시오 페이지보기를 클릭하십시오

그리고 그 격차가 없어지기를 바랍니다 그리고 이제 우리가해야 할 일은 거기에 텍스트와 버튼을 추가하는 것입니다 빌더를 켜십시오 그리고 나서 우리가 할 일은 텍스트 모듈에서 드래그하는 것입니다 그런 다음 제목을 입력 할 수 있습니다

그래서 시차를 타이핑 할거야 그런 다음 해당 텍스트를 강조 표시하고 툴바 켜기 / 끄기를 클릭하십시오 그래서 나는 이것을 위해 Heading 1을 선택하기 바란다 그리고 당신은 그 종류의 모습을보기 위해 그것을 미리 볼 수있다 다시, 그것은 꽤 좋아 보인다

그리고 실제 모듈 자체에서 제목 1 스타일을 설정할 수도 있습니다 텍스트 모듈 자체 스타일링을 시작한 다음 제목 탭을 클릭하면됩니다 그걸 클릭하십시오 그리고 실제로 글꼴 색상 및 이와 같은 것을 설정할 수 있습니다 이것이 기본적으로하는 일은이 특정 모듈에 대해서만 제목 1을 편집하는 것입니다

그래서 때로는 편리하지만 전체 웹 사이트 전체에 설정하는 것이 좋습니다 보편적으로 더 편리하고 더 많은 시간을 절약 할 수 있기 때문에 그래서 나는 그걸 지우고 지금 당장 떠날거야 그런 다음 약 2 분 안에 설정하겠습니다 이제 저장을 클릭하기 만하면됩니다 그리고 내가하고 싶은 것은 텍스트 모듈에 넣는 것입니다

그리고 이것은 당신의 소제목이 될 것입니다 그래서 무한 가능성 그리고 이건 스타일링을 할거야 그리고 글꼴의 경우 글꼴 크기를 24 픽셀로 설정합니다 그리고 Text로 가서 미리보기를 정렬 할 수 있습니다 그게 내가 지금하고 싶은 일이고 Save를 클릭하면된다

다음 부분은 버튼에 추가됩니다 버튼 모듈에서 도핑 텍스트, Begin에 입력 할 것입니다 그리고 귀하의 링크를 위해, 귀하는 귀하의 버튼을 그런 다음이 링크를 붙여 넣습니다 예를 들어, 나는 그것을 애플과 연결하고 싶다 나는 그 링크를 복사 할거야

링크를 거기에 붙여 넣으십시오 그런 다음 외부 링크 인 경우 새 탭에서 링크 열기를 선택하는 것이 좋습니다 그래서 나는 단지 그것을 할 것이고, 그것을 작은 미리보기로 줄 것이다 색상 선택 옵션이 있으니 스타일, 버튼 옵션은 여기에 있습니다 하지만 여기서는 색상 옵션이 맘에 들지 않으므로 제대로 스타일을 지정하는 방법을 보여 드리겠습니다

스타일링으로 이동하여 여기에 버튼 링크를 클릭하십시오 그리고 우리가하려는 일은 버튼을 바꾸는 것입니다 그래서 개요, 투명 한 것입니다 따라서 배경색을 투명하게 설정하려면 그래서 이것은 기본적으로 투명한 미터기입니다 따라서 0으로 드래그하십시오

Background Hover의 경우, 마우스를 가져 가면 색상이됩니다 그럼이게 백인이에요 흰색으로 변경하십시오 링크 색상의 경우, 이것은 기본적으로 흰색이 될 것입니다 그렇게 색상을 가리 키기위한 Anfd는 기본적으로 회색입니다

그래서 마우스를 가져 가면 회색으로 바뀝니다 그럼 여기로 돌아가서 우리가 정할 색은 3B3B입니다 장식은 그대로 유지하십시오 보시다시피 경계가 없으므로 아래로 스크롤해야합니다 그리고 당신의 국경을 위해, 당신은 흰색 테두리가 있기를 원합니다

그리고 경계의 두께를 2 픽셀로 설정하고 싶습니다 멋지게 보시고 저장을 클릭하십시오 그래서 이제 멋진 부분 행 옵션을 클릭합시다 스타일을 클릭하십시오

아래로 스크롤 그리고 글꼴 색을 흰색으로 설정하고 싶습니다 이제 볼 수있는 것은 행 내부의 모든 것이 흰색으로 변할 것입니다 그래서 이것은보다 효율적인 방법 일뿐입니다 일을하는 것의 그것이 내가 그것을하는 방법이다 그래서 그렇게하는 것이 좋습니다

그리고 중간에 모든 것을 정렬하려면 모든 것을 정렬해야합니다 그런 중심에서 이제 상단 및 하단에 간격을 추가합니다 그렇게하기 위해 우리는 기본적으로 Padding을 얻었고 Margin을 얻었습니다 그래서 둘 다 공간을 추가하지만 조금 다릅니다

이 이미지 주변에는 보이지 않는 상자가 있다고 상상해보십시오 그리고 margin은 기본적으로 보이지 않는 상자 안에 공간을 추가합니다 그래서 우리가 선택을 취소하면 5 %를 여기에 설정합니다 공간을 원하지 않기 때문에 보이지 않는 상자 바깥에 공간이 추가됩니다 그러니 그걸 지우세요

이 항목을 선택 취소하고 175 % 상단에 패딩 그래서 보이지 않는 상자 바깥에 공간을 추가하고 원하는 것입니다 그리고 바닥면 175 % 모바일 응답이 더 많으므로 비율을 사용합니다 픽셀을 사용하는 것보다 크기가 잘 조절됩니다

일단 작업을 완료하면 저장을 클릭 할 수 있습니다 이제 다음 부분으로 저장을 클릭하겠습니다 닫기를 클릭 할 것입니다 이제 Heading 1 Font를 보편적으로 설정해 보겠습니다 따라서 Customize를 클릭하십시오

제목을 클릭하십시오 따라서 이것이 제목 1이며, 다시 확인해야하는 경우에는 마우스 오른쪽 버튼으로 클릭하고 검사 할 수 있습니다 그리고 거기서 제목 1을보아야합니다 그래서 내가 원하는 것은 이것을 클릭하고 80 픽셀 또는 원하는 크기로 크기를 변경하는 것입니다 선택한 글꼴로 변경하십시오 내가 원하는 건 Open Sans 야

그리고 글꼴 폭을 굵게 변경하여 조금 더 두드러지게 만들고 싶습니다 제가 말한 것처럼, 그것은 조금 더 많은 계층을 제공합니다 예를 들어, 이것이 가장 중요합니다 두 번째로 중요하고 세 번째로 중요합니다 그리고 그것은 기본적으로 그것입니다

그리고 저장을 클릭 할 수 있습니다 그런 다음 그것을 닫을 수 있습니다 그래서 내가 지금하고 싶은 것은 건축업자를 켜는 것입니다 그리고 저는이 무한한 가능성을 약간 옮기고 싶습니다 따라서 텍스트 모듈을 두 번 클릭하십시오

스타일을 클릭하십시오 그리고 마진을 위해 선택을 취소하면 실제로 -2 % 그리고 그것은 기본적으로 그것을 움직일 것입니다 그래서 – 중간에 공간이 있습니다 저장을 클릭하십시오 좋아, 꽤 좋아 보인다

이제 투명 헤더를 설정하는 방법을 보여 드리겠습니다 따라서 투명하게 설정하려는 모든 페이지에 대해 페이지 편집으로 이동해야합니다 그리고 Themify Custom Panel으로 스크롤하십시오 페이지 모양을 클릭하십시오 아래로 스크롤 한 다음 헤더 배경 유형에 대해 투명 헤더 선택 필요한 경우 머리글 색상을 편집 할 수도 있습니다 그럼, 업데이트를 클릭하십시오

그런 다음 페이지를 볼 것입니다 정말 멋진 투명 헤더입니다 또한 중요한 팁이 있습니다 때로는 다른 색상의 이미지를 선택했을 수 있습니다 여기에 메뉴 항목을 표시하려면 그래서 더 크게 보이게하는 한 가지 방법은 실제로 오버레이 색상으로 추가하는 것입니다

행 옵션으로 갈 수 있습니다 스타일링으로 이동하십시오 행 오버레이의 경우 더 어두운 색으로 설정할 수 있습니다 그래서 검은 색으로 설정하십시오 보시다시피 불투명도를 변경하면 백인이 더 눈에니다

오버레이 색상으로 설정하면 더 어두워 지므로 더 눈에니다 메뉴 항목이 훨씬 더 돋보일 것입니다 그래서 그것이 그 일을하는 한 가지 방법입니다 그라디언트를 사용하면 설정할 수 있기 때문에 그라디언트를 사용하는 것이 가장 좋습니다 꼭대기 부분을 위해서

상단 부분 만 더 어둡게 만듭니다 그래서 우리가 할 일은 여기서 검은 색을 클릭 할 것입니다 그걸 클릭하십시오 불투명도를 약 25 %까지 끌어옵니다 그리고 하얀색을 클릭하십시오

그런 다음 최대 20 % 그런 다음 한 번 완료하면 불투명도를 0으로 드래그합니다 그래서 그것은 기본적으로 여기에 더 어두운 그늘을 더합니다 그래서 예를 들어, 그것은 어둡게갑니다 그래서 그곳이 더 어두워지면 상상할 수 있습니다 저장을 클릭합시다

그걸 저장해라 그리고 그걸 닫아라 그리고 그것은 꽤 많이 있으며 모든 것이 훌륭해 보입니다 그리고 내가 보여주고 싶은 또 하나는 실제로 애니메이션 효과를 추가 할 수 있다는 것입니다 따라서 두 번 클릭하면 애니메이션 효과가 나타납니다

그리고 내가 추천하는 것은 단지 그것을 아주 간단하게 유지하는 것이다 예를 들어, 우리는 단지 페이드 인처럼 설정합니다 이것은 단지 1 초 지연 일 수 있습니다 그리고 나서 나는 15 초 지연 될 또 다른 페이드를 만들 것입니다

15 초 지연 그리고 바닥은 2 초 지연이 될 수 있습니다 실제로 사람들이 실제로 웹 사이트를 방문 할 때 멋진 효과를줍니다 2로 설정하고 저장하십시오 저장해

닫아 괜찮아 1,2,3 놀랄 만한 축하해! 이는 아마도이 튜토리얼에서 가장 어려운 부분 일 것이며 다음 부분으로 넘어갈 것입니다 견적 섹션 그래서 우리는 견적을 추가 할 것입니다

그럼 빌더를 다시 켜 봅시다 배경색을 어두운 회색으로 설정하고 싶습니다 행 옵션을 클릭하고 스타일을 클릭하십시오 배경색은 2929로 설정하십시오 그러면 어두운 색이됩니다

저장을 클릭하십시오 이제 당신이 텍스트 모듈에 들어가기를 바랍니다 그리고 난 그냥 데모 웹 사이트에 갈거야 그 견적을 복사해라 따라서 클립 보드로 복사하십시오

다시 여기로 그리고 붙여 넣기 만하면됩니다 붙여 넣기를하면 언제든지 붙여 넣기 할 수 있습니다 다른 웹 사이트의 내용을 붙여 넣은 다음 일반 텍스트 형식으로 붙여 넣으십시오 여기이 아이콘을 클릭하십시오 그것을 닫으십시오

그런 다음에 붙여 넣습니다 그러면 해당 텍스트의 스타일이 제거됩니다 일단 그렇게하면 스타일 탭으로 연결하면됩니다 그리고 폰트의 경우 따옴표이므로 다른 폰트로 설정할 수도 있습니다 따라서 PT Serif 그런 다음 글꼴 크기를 약 24 픽셀로 변경할 수 있습니다

그리고 나서 당신은 그 작은 미리보기를 줄 수 있습니다 나는 그 색을 흰색으로 바꿀거야 좋아, 잘 생겼어 이제 저는 그것을 중심에 맞추기를 원합니다 그렇게 그리고 나서이 텍스트를 여기 좀 작게 만들고 싶습니다

그래서 내가 할 수있는 것은 내가 그것을 Heading 6 그리고 나서 내가 할 일은 스타일링입니다 헤딩으로 이동 그리고 나는 Heading 6을 여기에 놓을거야 왜냐하면 난 아마 웹 사이트에서 많이 사용하지 않을거야 그리고 이것은 때때로 좀 더 편리합니다 그래서 PT Serif 그리고 글꼴 크기를 14 픽셀로 변경하여 조금 더 작게 만듭니다

그 작은 미리보기를 주면서 그것이 작동하는지 확인하십시오 좋아요, 꽤 좋아 보이는군요 저장을 클릭하십시오 그리고 우리가해야 할 일은 약간의 간격을 두는 것입니다 그러기 위해서 행 옵션으로갑니다

스타일 지정으로 이동 이 부분을 제거하고 패딩에 대해 위로 5 % 정도 설정하고 싶습니다 바닥에 4 %이며 꽤 좋습니다 그리고 원할 경우 분명히 애니메이션을 추가 할 수 있습니다 저장을 클릭하십시오 따라서이 섹션에서는 고객 견적서, 당신이하는 일, 사명 선언서 또는 그런 것 우리는 다음 부분으로 넘어갈 것입니다 다음 부분에서는 조금 소개해 드리겠습니다

About Me Section 그리고 그것을하기 위해, 우리는 여기에이 열을 설정해야합니다 마지막 열 클릭하십시오 기본적으로 하나의 작은 열과 하나의 큰 열이 있습니다 이 칼럼에서는 이미지 모듈을 드래그 할 것입니다 거기에 버려라

이미지 URL의 경우 라이브러리 찾아보기를 클릭합니다 파일 업로드, 파일 선택 그리고 당신은 당신의 이미지에 넣을 수 있습니다 그러나 당신이 함께 따라왔다면, 당신은이 이미지를 여기에서 다운로드 할 수 있습니다 거리를 응시하십시오 열기를 클릭하십시오

그런 다음 파일 URL 삽입 만하면됩니다 그리고 미리보기를해라 여기에 많은 설정이 있지만 정말 필요하다고 생각하지 않으므로 저장을 클릭하십시오 그리고 나서 다음 부분에서는 텍스트 모듈을 여기에 넣을 것입니다 기본적으로, 우리는 About Me에서 타이핑 할 것이고, 그 다음에는 그것을 Heading 2로 바꿀 것입니다

저장을 클릭합니다 우리가 꽤 자주 사용하기 때문에 여기에 설정하지 않을거야 보편적으로 설정하고 싶습니다 여기에 설정하고 여기 아래의 텍스트 모듈에 넣으십시오 자신이나 회사에 대해 입력 할 수 있으므로 텍스트를 내 데모에서 복사 할 수 있습니다

일반 텍스트로 붙여 넣기 그것을 거기에 떨어 뜨려 라 원하는 것을 볼 수있는 미리보기를 제공하십시오 그리고 그것은 정말로 간단합니다 저장을 클릭하십시오 할 수있는 일은 열 너비를 변경할 수 있습니다

그래서 그것은 정말 유용하고 나에게 좋을 것 같습니다 네가 할 수있는 일도 여기에 가져 가라 열 정렬을 선택하십시오 기본적으로 이미지와 텍스트를 오른쪽에 정렬합니다 중심에 그래서 그것은 정말로 멋지다

일단 그렇게하면, 지금 저장을 클릭하십시오 그리고 Heading 2 태그를 수정하십시오 본문, 텍스트, 글꼴을 편집 할 수있는 곳을 알려 드리겠습니다 그런 것들 너무 가까워서 맞춤 설정으로 이동하고 싶습니다 그리고 내가하고 싶은 것은 나는 표제에 가고 싶다

제목 2 태그입니다 열려있는 sans 또는 기본 글꼴이 무엇이든간에 또한 어두운 회색의 일종 인 4D4D로 색상을 바꿀 것입니다 그리고 그것은 그것을 조금 더 가볍게 만들고 나는 조금 더 좋아한다 그리고 글꼴 폭을 500으로 생각하고 변경하고 싶습니다 그리고 우리는 그것을 최소화합니다

본문 서체를 변경하려면 본문을 클릭하십시오 본문 글꼴을 선택한 다음 선택한 글꼴로 변경하십시오 기본적으로 Open Sans에 이미 있습니다 25 픽셀보다 큰 글꼴로 변경하지 마십시오 나는 16 세를 추천한다

하지만 기본적으로 이미 16이됩니다 색상을 변경할 수도 있습니다 하지만 나는 진한 회색 색을 정말 멋지고 전문적이라고 생각한다 그러나 변경하려는 경우 4D4D와 같이 정렬 할 수 있습니다 아니면 그런 식으로 어느 쪽이 어두운 회색이지만 디폴트로 유지할 것입니다

꽤 괜찮아 보인다 그런 다음 저장 및 게시를 클릭하십시오 닫기 그리고 나서 우리는 아래로 스크롤 할 것입니다 우리는 건축업자를 다시 켜야합니다 그리고 우리는 약간의 패딩을 덧붙일 것이고 나는 또한 당신에게 보여줄 멋진 것을 얻는다

먼저 패딩을 추가해 보겠습니다 그래서 옵션 선택 취소 그리고 패딩을 위해, 나는 위쪽에 대해서는 약 6 %를 설정하고, 아래쪽에 대해서는 약 4 %를 설정하려고합니다 저장을 클릭하십시오 정말 멋진 점은 실수로 실수했다고 가정 해 보겠습니다 그러면 실제로는 실행 취소 할 수 있습니다

또한 다시 실행하고이 개정판을 저장할 수도 있습니다 예를 들어 Microsoft Word에서 저장할 수 있습니다이 빌더와 동일합니다 수정본 저장을 클릭 할 수 있습니다 댓글을 추가하고 정보를 입력 한 다음 확인을 클릭하십시오

그리고 문제가 생기면 Revision을로드 할 수 있습니다 그래서 우리가 그 일을 끝내면 서비스 섹션을 추가 할 수 있습니다 행 옵션을 클릭하면 우리가 원하는 것은 배경색으로 설정됩니다 이제 F6F6F6 라이트 그레이로 설정하고 싶습니다 콘텐츠를 분리하고 전문적으로 만들 수있는 정말 멋진 회색입니다

완료하면 저장을 클릭하십시오 그리고 우리는 제목에 곤경에 빠지게됩니다 그래서 텍스트 이것은 서비스가 될 것입니다 또는 당신이 원하는 일이나 뭐든지 될 수 있습니다 제목 2로 설정하고 저장을 클릭하십시오 따라서 이미 제목 2에 설정 했으므로 편리하므로 다시 할 필요가 없습니다

그리고 우리가해야 할 일은 피쳐 모듈에 들어가는 것입니다 그 이상의 기능 제목을 입력하면 서비스를 입력하거나 네가 원해 예를 들어 웹 디자인 일 수도 있습니다 Andn 다음에 여기에 약간의 설명을 붙여 넣으 려합니다 그래서 나는 약간의 본문 위에 여기에서 복사 할 것이다

알았다 이 텍스트 선택 및 붙여 넣기 저기에 붙여 넣으세요 그런 다음 아래로 스크롤하여 미리보기를 제공 할 수 있습니다 그리고 아마도 그것이 어떻게 생겼을 것입니다 그러나 레이아웃의 경우이 레이아웃을 선택해야합니다 마지막 하나 아이콘을 추가 할 수 있습니다

또는 이미지를 추가 할 수 있습니다 그건 너에게 달렸다 하지만 아이콘이이 섹션에 정말 좋다고 생각합니다 아이콘을 클릭하여 아이콘 삽입을 클릭하십시오 그리고 페인트 붓을 찾고 싶습니다

그러니 아래로 스크롤하십시오 그것은 P로 시작합니다 알았어, 페인트 브러시 그런 다음 미리보기를 제공 할 수 있습니다 좋아, 나는 아이콘의 색깔을 바꿀지도 모른다 밝은 회색으로

어느 쪽이 좋을까 시사 그리고 원한다면 백분율로 약 2 %로 설정하여 원을 추가 할 수 있습니다 예를 들어, 100 %는 동일한 색상으로 색상을 변경합니다 미리보기 줘 그래서 원한다면 당신도 할 수 있습니다

그래서 나는 그것을 지울거야, 실제로 아이콘을 보통으로 변경하십시오 그리고 당신이 할 수있는 일은 그 서비스를 다른 페이지에 연결하는 것입니다 어쩌면 당신의 서비스에 대해 좀 더 자세히 설명 할 수 있습니다 예를 들어, 여기에이 URL로 복사 할 것입니다 거기에 붙여 넣기 미리보기를하면 링크가 빨간색으로 바뀌는 것을 볼 수 있습니다

내가 추천하는 링크 색상을 변경하려면 Stylinh로 이동하십시오 그리고 링크까지 아래로 스크롤하십시오 링크 색상의 경우 4D4D로 설정할 수 있습니다 좋아 보인다 색상 이동의 경우 기본적으로 해당 링크 위로 마우스를 가져 가면됩니다

그러면 색상을 바꿀 수 있습니다 그걸 3B3B로 바꿀 수도 있고 텍스트 장식의 경우에는 none으로 설정할 수 있습니다 저장을 클릭하십시오 그리고 그게 다 잘 됐으면 좋겠다 그게 다 좋고 다음 단계는 정말 간단합니다

Feature 위로 마우스를 가져 가면 3 개의 기능 모듈이 필요하다고 가정 해 보겠습니다 3 열 선택 여기 오른쪽으로 마우스를 가져 가세요 복제 다시 복제 드래그하면됩니다 원하는 섹션에 놓으십시오 그리고 그것을 변경하려면, 그것을 더블 클릭하십시오

그리고 제목과 텍스트 및 아이콘을 변경할 수 있습니다 저장을 클릭하십시오 그래서 나는 그걸 빨리 할거야 좋아, 끝났어 이제 패딩을 추가해야합니다

행 옵션을 클릭하십시오 스타일링으로 이동하여 모든 것이 중앙에 있는지 확인하십시오 그걸 맞추어 라 덧붙여서, 저는 위쪽으로 약 5 %, 아래쪽으로 약 2 %를 설정하고 싶습니다 저장을 클릭하십시오

이제 우리가 할 다음 부분은 갤러리 섹션입니다 정말 간단합니다 먼저, 텍스트 모듈에 넣고 갤러리에 입력하십시오 두 번째 항목으로 설정하고 저장을 클릭하십시오 따라서 갤러리에는 기본적으로 다음과 같은 3 가지 옵션이 있습니다

갤러리 모듈을 사용할 수 있습니다 또는 이미지 모듈 또는 슬라이더 모듈 따라서 슬라이더의 경우 슬라이더가 생기고 사람들은이를 클릭 할 수 있고 라이트 박스에서도 열리게됩니다 사용하기가 아주 간단하지만 갤러리 옵션이 좋고 간단하고 잘 작동하기 때문에 좋아요 그러니 갤러리 레이아웃의 경우 Grid를 선택하십시오 갤러리 삽입 그런 다음 파일 업로드, 파일 선택 그런 다음 갤러리를 클릭하고 싶습니다

그래서 이것들은 제가 이미 약 1000X666에 자른 이미지들입니다 따라서 6 개의 이미지가 있고 모두 같은 크기로 자르기를 권장합니다 모든 것이 일관되고 전문적입니다 열려면 1-2 분 정도 걸립니다 완료되면 갤러리에 추가를 클릭하십시오

그런 다음 갤러리 업데이트 그런 다음 미리보기를 통해 그 종류의 모습을 볼 수 있습니다 따라서 6 개의 이미지가 있으며이를 선택하여 이미지 제목을 표시 할 수 있습니다 미리보기를해라 원하는 경우 할 수 있습니다 하지만 중요한 부분은 미리보기 너비를 설정하는 것입니다

따라서 축소판 너비의 경우 원래 너비의 2로 나눕니다 예를 들어 1000을 2로 나눈 값을 2와 500으로 나눕니다 그리고 높이를 2로 나누기를 원합니다 따라서 모든 것이 비례 적으로 조정됩니다 그리고 흐리게 나타나지 않으므로 666을 2로 나눈 값은 약 333이됩니다

그리고 작업을 마친 후에는 따라서 원하는 값에 따라 3으로 나누거나 4로 나눌 수 있습니다 그러나 그것은 동일해야합니다 이것을 3으로 나눈다면 높이를 3으로 나눌 수 있습니다 그리고 열에 대해서는 6 개의 이미지가 있기 때문에 3 개의 열을 설정하고 싶습니다 한 열에 3 개의 이미지, 미안 정말 멋져 보일거야

일단 당신이 그렇게하면, 나는 사실 그 선택을 취소 할 것입니다 그러면 저장을 클릭하면됩니다 그리고 끝났다 그리고 우리는 행에 가서 패딩을 추가 할 것입니다 스타일 지정, 모든 것을 가운데 정렬 Padding으로 스크롤하십시오

선택을 취소하면 상단에 약 5 %의 여백을 설정합니다 바닥에 2 % 저장을 클릭하십시오 저장을 클릭하고 가벼운 상자에서 열리는 지 봅시다 닫기 그리고 이미지를 클릭하십시오 좋아요, 잘 작동합니다

그리고 그것은 정말로 멋지다 그리고이 갤러리 모듈을 원하는 페이지에 추가 할 수 있습니다 이제 빌더를 켜고 다음 섹션으로 넘어 갑시다 그래서 그것은 우리의 비디오가 될 것입니다 동영상 부분은 배경을 업로드 할 예정입니다

여기에서 보는 것 시차 배경 그럼 가자 행 옵션으로 이동하여 스타일 지정으로 이동하십시오 배경 이미지의 경우 라이브러리를 찾아보고 싶습니다 파일 업로드, 파일 선택 그리고 다운로드 한 컨텐츠 폴더로 이동하십시오 배경 비디오를 클릭하십시오

유튜브 비디오 배경 열다 파일 URL 삽입을 클릭하십시오 그리고 일단 완료되면, Parallax Scrolling 배경 위치는 중앙으로 설정 될 수 있습니다 그리고 내가하고 싶은 것은 오버레이 컬러를 추가하는 것입니다 그래서 이것을 검정색으로 설정하고 불투명도를 약 20 % 정도로 낮추고 싶습니다 그리고 Hover Color의 경우 조금 더 어둡게 설정하고 싶습니다

그래서 불투명도를 약 65 ~ 70 %로 설정하고 싶습니다 사람들이 마우스를 가져 가면 어두워집니다 그래서 그냥 저장하면 그 위에 마우스를 올려 놓으면 어두워집니다 따라서 사람들이 비디오를 볼 때 초점은 비디오에 있습니다 배경에 집중하지 않는다

스크롤 할 때 배경이 좋아 보이지만 비디오를 볼 때, 그것은 비디오에 초점을 맞출 것이다 그럼 거기에 비디오 모듈을 놓자 그리고 이것은 매우 쉽습니다 비디오를 가져와서 Youtube Video로 이동하면됩니다 이것은 내가 발견 한 비디오입니다

URL을 복사하면 여기에 붙여 넣기 만하면됩니다 그런 다음 저장을 클릭하면됩니다 그리고 그것은 끝났습니다 그리고 우리는 아마도 위쪽과 아래쪽에 패딩을 추가해야 할 것입니다 행 옵션으로 이동하여 스타일 지정으로 이동하십시오

패딩의 경우 선택을 취소하고 이번에는 약 6 %를 최상위로 설정하고 설정하려고합니다 바닥에 약 3 % 저장을 클릭하십시오 저장을 다시 클릭하면 저장할 수 있습니다 그럼 미리보기를 좀 해봅시다 괜찮아 마우스를 가져 가면 어두워집니다

그리고 그 비디오가 작동하는지 봅시다 좋아요, 정말 대단하네요 정말 간단합니다 동영상을 일시 중지합시다 아래로 스크롤하십시오

이제 다음 부분은 블로그 섹션입니다 하지만 실제로 블로그 섹션에 추가하기 전에 블로그 게시물 자체를 추가해야합니다 그래서 지금 당장 어떻게 할 지 보여 드리겠습니다 블로그 게시물에 추가하는 방법 이미지와 비디오를 추가하는 방법 우리가해야 할 일은 대시 보드에 갈 필요가 있다는 것입니다 그래서 대시 보드로 가라

그리고 Post 위에 마우스를 올려 놓습니다 그것을 클릭하십시오 그런 다음 샘플 게시물을 삭제하여 처음에는 휴지통으로 처리합니다 휴지통을 클릭하고 삭제합니다 블로그 게시물에 추가하려면 새로 추가를 클릭하십시오

그런 다음 기본적으로 제목을 추가하기 만하면됩니다 "영감을 세계" 그리고 여기에 텍스트를 붙여 넣을 수 있습니다 귀하의 블로그 게시물 나는 텍스트를 좀 먹을거야 그래서 나는이 텍스트를 여기에서 붙잡을 것이다

알았다 여기에 일반 텍스트로 붙여 넣을 것입니다 그래서 다른 페이지 또는 다른 웹 사이트에 연결하려는 경우 텍스트 강조 표시, 링크 삽입을 클릭하십시오 여기에 URL을 붙여 넣을 수 있습니다 또는 다른 페이지 또는 게시물 인 경우 제목을 입력 할 수 있습니다 하지만 여기에서 옵션을 클릭하면됩니다

예를 들어,이 웹 사이트에 링크하려면 여기를 클릭하고 링크를 복사하십시오 거기에 붙여 넣으면 새 탭에서 링크를 열 수 있습니다 그러나 이미 웹 사이트에 페이지와 게시물이있는 경우 여기에서 선택할 수 있습니다 꽤 괜찮은데 그래서 링크 추가 이미지를 추가하려면 여기에 입력하고 여기에 이미지를 붙여 넣습니다 따라서 미디어 추가를 클릭하기 만하면됩니다

그리고 우리는 파일을 업로드하고 파일을 선택할 수 있습니다 그리고 Blog 폴더를 클릭하십시오 이 블로그는 블로그 3을 선택합니다 본문 이미지 그리고이 이미지를 1165X775로 자른 것입니다 해당 이미지를 클릭하고 엽니 다

그런 다음 게시물에 삽입을 클릭하기 만하면됩니다 그러면 해당 이미지가 표시되므로 이미지는 매우 작지만 편집을 클릭하면 편집 할 수 있습니다 크기를 전체 크기로 변경 센터에 정렬하려면 중앙을 클릭하십시오 최신 정보 끝난 슈퍼 쉬운

크기를 조정하려는 경우 드래그 할 수 있습니다 그렇게 그리고 비디오는 훨씬 더 쉽습니다 Enter를 클릭하십시오 새로운 동영상이 있다고 가정 해 봅시다 이것 하나는 여기에있다

해당 URL을 복사 할 수 있습니다 기본적으로 여기에 URL을 붙여 넣기 만하면됩니다 그래서 잠시 후에, 그것은로드 될 것입니다 슈퍼, 슈퍼 쉽게 그리고 그것은 당신이 알아야 할 모든 것입니다 이제 카테고리를 추가해야합니다

그러려면 카테고리 추가를 클릭하십시오 이 여행은 여행 일 수 있으므로 여행을 입력하십시오 그리고 새로 추가를 클릭하십시오 너의 태그 때문에 페루일지도 몰라 그리고 이것은 당신이 여행하는 곳일 수도 있습니다

또는 그와 비슷한 것 그런 다음 열을 구분하여 쉼표로 구분할 수 있습니다 추가를 클릭하십시오 그러면 태그가 추가됩니다 태그는 기본적으로 특정 블로그 게시물을 검색하려는 사용자를 돕습니다 검색 엔진에도 도움이 될 것입니다

이제 추천 이미지를 설정하고 싶습니다 추천 이미지는 이와 비슷하지만 블로그 게시물의 이미지입니다 그래서 당신은 그것을 같은 것으로 설정할 수 있지만 우리는 그것을 새로운 것으로 설정할 것입니다 그래서 파일 업로드, 파일 선택 그리고 우리는 이것을 선택할 것입니다, 블로그 3 추천 이미지 열기를 클릭하십시오 그래서 나는 1165X665에 이미지를 자른거야

그래서 이상적인 작물 크기입니다 그리고 당신은 그 크기로 잘 자르십시오 그래서 그리고 그걸 꽤 많이 게시 할 수 있습니다 그리고 그것은 끝났고 우리는 그 블로그 포스트를 볼 수 있습니다 우리는 그것이 어떻게 생겼는지 살펴볼 수 있습니다

그래서 꽤 많이 끝났습니다 끝났습니다 그리고 제가 여러분에게 보여주고 싶은 것은 실제로 스타일을 정렬하는 것입니다 따라서 이러한 글꼴 중 일부를 변경하고 색상을 변경하거나 변경하려는 경우 스타일은 날짜를 보여줄뿐입니다 또한 여기서 위젯 영역을 사용자 정의 할 수있는 위치를 보여줍니다

하지만 그 전에 블로그 게시물을 2 개 더 추가 할 예정입니다 따라서 여기에 마우스를 가져 가서 Post를 클릭하면됩니다 그래서 이것이 바로 가기입니다 그래서 나는 그것들을 완전히 그래서 지난 블로그 게시물에 추가했습니다 자, 제가 여러분에게 보여줄 것은 게시 날짜를 편집하는 것입니다

그게 많은 사람들이 저에게 요구 한 것이고 정말 간단하기 때문입니다 따라서 대시 보드로 이동할 수 있습니다 Themify Ultra를 마우스로 가리 킵니다 테마 설정을 클릭하십시오 그런 다음 기본 레이아웃을 클릭합니다

그런 다음 아래로 스크롤 한 다음 기본 단일 포스트 레이아웃으로 이동하십시오 그리고 게시일이 보일 것입니다 날짜를 숨기거나 날짜를 인라인 텍스트로 표시 할 수 있습니다 그 원 스타일 대신 그래서 당신은 그것을 선택할 수 있습니다 너는 그것을 구할 수있다

그리고 우리의 블로그 포스트로 돌아가서 여기의 모든 포스트를 클릭하십시오 광고 미리보기로 이동합니다 그리고 그것은 사라질 것입니다 그런 데이트 날짜가있어 그리고 예, 편집 방법을 보여 드리겠습니다

맞춤 설정으로 이동하십시오 일단로드되면 블로그 게시물이므로 Post로 갈 수 있습니다 따라서 Post를 클릭하십시오 기본적으로 이것은 게시 제목입니다 우린 여기에 게시글 제목을 바꿀 수 있습니다

게시물 제목을 클릭하면 색상이 3B3B-oops로 변경됩니다 검은 색을 선택하고 싶지 않기 때문에 너무 어둡습니다 그리고 그것은 꽤 좋을 것입니다 정말 진한 회색이고 멋져 보입니다 크기를 편집 할 수 있습니다

그리고 원하는 모든 것이 있습니다 이것은 포스트 메타이며 여기에서 포스트 메타를 편집 할 수 있습니다 게시 날짜의 경우 게시 날짜를 클릭 할 수 있습니다 그리고 당신이 할 수있는 일은 아마도 그것을 당신이 중심에 맞추는 것일 것입니다 taht를 클릭하면 중심에 정렬됩니다

크기도 변경할 수 있습니다 크기 14에요 그게 멋지다 그리고 그 밖의 무엇을 알고 싶습니까? 사이드 바 스타일을 편집하는 방법을 알고 싶을 수도 있습니다 그리고 그것은 또한 정말로 쉽습니다

그래서 이것이 우리가 사이드 바라고 부르는 것입니다 그래서 그것을 클릭하면 모든 사이드 바 글꼴과 색상을 편집 할 수 있습니다 아래로 스크롤하면 댓글 섹션도 있습니다 댓글 버튼의 ​​색상을 변경하려면 양식을 클릭해야합니다 이것은 폼 버튼이 될 것이고 여기에서 색상을 바꿀 수 있습니다

색상을 변경했습니다 나는 그것을 변호인으로 지킬거야 그리고 그것은 그것에 관한 것입니다 그래서 나는 그것을 구할거야 게시하고 닫습니다

그리고 지금 내가 당신에게 보여줄 것은 위젯 영역입니다 여기 대시 보드로 가자 그리고 나서 우리는 외모로 갈 수 있습니다 위젯 클릭 우리가 할 수있는 일은 사이드 바를 정렬하는 것입니다 따라서 실제로 새 탭에서 열어서 현재 상황을 볼 수 있습니다

보기를 클릭하십시오 따라서 여기에서 사이드 바를 살펴 본다면 검색, 최근 게시물, 최근 댓글을 볼 수 있습니다 그리고 나서 우리가 할 일은 이것들을 제거 할거야 삭제 최근 댓글을 삭제하십시오 원한다면 보관할 수 있지만 삭제하고 싶습니다

그래서 그걸 지울거야, 나는 그곳에서 수색과 카테고리를 삭제할거야 그리고 나는 추천 게시물에 넣을거야 그래서 그것을 끌어서 중간에 넣으십시오 그리고 인기 제목으로 제목을 바꿀 수 있습니다 이 옵션을 선택하여 축소판을 설정할 수도 있습니다 그리고 여기에 다양한 옵션이 있습니다

저장을 클릭하십시오 그리고 그것은 끝납니다 그럼 미리 보도록하겠습니다 그리고 그것이 바뀌 었는지 확인하십시오 그래서 taht는 꽤 좋다

그래서 여기에 다른 위젯을 많이 추가 할 수 있습니다 여기에서이 섹션을 사용자 정의하는 방법에 대한 자세한 동영상을 업로드 할 것입니다 예를 들어 이미지 추가 방법, Instagram 피드 추가 방법 페이스 북의 물건과 트위터와 같은 것들 그래서 더 많은 비디오를 구독해야하지만, 나는 그것에 남겨 둘 것입니다 이제 우리가 할 일은 우리가 여기서 돌아갈거야 당신이 그걸 저장했는지 확인하십시오

그리고 우리는 우리 웹 사이트를 방문 할거야 그리고 우리는 맨 아래 부분으로 스크롤 할 것이고 우리는 블로그 포스트를 마침내 추가 할 것입니다 그래서 우리는 빌더를 켜야합니다 그리고 우리가하고 싶은 것은 텍스트 모듈에 넣는 것입니다 그리고 우리는 블로그에 입력하고 싶습니다

또는 최신 뉴스를 입력 할 수 있습니다 원하는 건 뭐든지 그런 다음 제목 2 태그를 설정합니다 저장해 그런 다음 블로그 게시물을 표시하기 위해 바로 아래의 게시 모듈에 들어갈 수 있습니다 그래서 당신은 당신이 좋아하는 어떤 페이지에서 이것을 보여줄 수 있습니다 포스트 레이아웃 (Post Layout) 이것이 현재 게시판 레이아웃입니다

나는 이것을 선택하고 싶다 이 것은 그리드 3 레이아웃이라고 생각합니다 보시다시피 표시 할 특정 카테고리를 설정하고 게시물 수를 제한 할 수는 있지만 표시하고 싶습니다 내용 없음 발췌는 기본적으로 그것을 요약합니다 미리보기 줘

그게 네가 좋아하는 것이라면, 너는 그걸 좋아할거야 이 섹션에있는 게시물 메타를 제거하고 싶습니다 그리고 그걸 숨길 수있어 기본적으로 예를 클릭하십시오 그 점이 멋지다

이제 Row로 가서 모든 것을 가운데로 맞추자 패딩을 추가하고 선택을 취소하고 여기에서 설정하려는 패딩은 상단에 5 %, 하단에 2 % 그리고 그것은 좋을 것입니다 저장을 클릭하십시오 그리고 그것은 좋게 보이고 우리가 할 다음 부분은 Contact section입니다 그래서 우리는 시차 배경에서도 추가 할 것입니다

그래서 우리 홈 페이지와 데모 사이트로 가면 스크롤 다운, 시차 배경 및 일부 아이콘 행 옵션으로 이동하여 스타일, 배경 이미지, 라이브러리 찾아보기를 클릭하십시오 파일 업로드, 파일 선택 그런 다음 콘텐츠 폴더로 돌아갑니다 연락처 배경 선택 열기 및 파일 URL 삽입을 클릭하십시오 Scallling Parallax를 선택하고 배경 위치를 선택하여 중심으로 설정합니다 패딩을 추가해 보겠습니다

그러면 패딩을 설정해 보겠습니다 선택을 취소하면 상단에서 10 %, 하단에서 10 %로 변경됩니다 따라서 볼 수 있습니다 그 이미지의 더 많은 것 아래로 스크롤하면됩니다 또한 오버레이 색상을 설정하려고합니다

여기에있는 텍스트는 조금 더 눈에니다 그래서 조금 더 어둡게 바꾸고 싶습니다 따라서 여기를 검은 색으로 변경 한 다음 불투명도를 약 10 % 또는 무언가 또는 20 %로 변경하십시오 마우스 오버 오버레이 색상의 경우 조금 더 어둡게 만들려고합니다

약 30 % 또는 35 % 저장을 클릭하십시오 그런 다음 텍스트 모듈에 드롭 할 수 있습니다 그리고 이것은 연락 할 것입니다 제목 2 저장해 그런 다음 아이콘 모듈에 놓으십시오 아이콘이 그렇게 떨어질거야

그리고 아이콘, 우린 주소를 먼저 넣을거야 아이콘을 선택하겠습니다 지도를 찾아 보겠습니다 그래서 M 아래로 스크롤하면 그 모습이 괜찮아 보입니다 우리는 흰색지도를 선택할 수도 있고 라벨에 멜버른, 호주를 선택할 수도 있습니다

미리보기를 클릭하면 멋지게 보입니다 그리고 원한다면 당신은 그것을 연결할 수 있습니다 단추 스타일을 변경할 수도 있지만 꽤 괜찮은 것 같아요 저장을 클릭합니다 그리고 정말 쉽습니다

다시 말하면 원하는 열의 개수를 설정하면됩니다 그래서 3 그리고 이것들을 복제하십시오 그래서 그것을 복제해라 그리고 다시 그것을 복제하십시오

기본적으로 여기에 정렬하면 기본적으로 두 번 클릭하고 변경할 수 있습니다 그래서이 사람이 전자 메일 주소가되어서 E Envelope를 찾고 있습니다 이것 하나는 여기에있다 내 전자 메일을 입력하십시오

색상을 변경하십시오 아마도 녹색을 변경하십시오 저장을 클릭하고 마지막처럼 전화 번호가됩니다 그걸 오렌지색으로 바꿀 수도 있어요 아이콘을 삽입하고 P를 찾아 봅니다

전화를 선택하고 전화 번호를 입력하십시오 저장을 클릭하십시오 그리고 지금 우리가해야 할 일은 모든 것을 중심에 맞추는 것입니다 행 옵션, 스타일 지정 글꼴을 흰색으로 변경해 봅시다 그런 다음 중심에 맞 춥니 다

저장해 그리고 그것은 완료되었습니다 그래서 우리는 그것을 구할 수 있습니다 지도 모듈을 놓으려면지도 아래에 놓기 만하면됩니다 주소를 설정하십시오 그것은 당신의 거리 또는 그와 비슷한 것일 수 있습니다

나는 하와이 만 입력 할 수 있습니다 확대 / 축소의 경우 3으로 확대 / 축소합니다 조금 더 가까이서 확대하고 싶을 수도 있습니다 볼 수있는 것처럼 잘못 된 부분이 있습니다 기본적으로 API를 설정해야합니다

그걸하는 법을 빨리 보여줄거야 하지만 우리가하기 전에, 나는 약 400으로 높이를 세울거야 저장하고 나서 옵션을 여기에 설정하려고합니다 전체 너비에 이르기 때문에지도가 완전히 이동합니다 그래서 그걸 저장하십시오

그리고 저것을 저장하십시오 그리고 그것을 닫으십시오 그럼지도가 지금은 웃지 않습니다 그것에 대해 걱정하지 마십시오 대시 보드로 가자

Themify Ultra, Themify 설정으로 이동하십시오 그런 다음 Google Map으로 이동하여 API 키를 가져와야합니다 Generate API Key를 클릭하면 기본적으로 Google 계정에 로그인해야합니다 그런 다음 키 가져 오기를 클릭해야합니다 그리고 아마도 몇 분이 걸릴 수도 있습니다

그래서 우리는 새로운 프로젝트를 만들 수 있습니다 활성화 완료되면 준비가되었다고 말합니다 코드를 복사하면됩니다 그래서 그 API 코드를 복사하십시오 그리고 이제 그걸 닫고 여기로 돌아와 거기에 붙여 넣을 수 있습니다

저장을 클릭하면 거의 작동합니다 그래서 저희 웹 사이트를 방문하겠습니다 아래로 스크롤을 내려 봅시다 그리고 당신은지도가 그처럼 작동하는 것을보아야합니다 그리고 그것은 꽤 좋다

그래서, 알았어 – 나는 그것이 왜 Bold으로 갔는지 모르겠다 그러나 글꼴의 두께를 변경하려면 사용자 정의로 돌아갈 수 있습니다 그리고 올바르게 기억하고 그 글꼴을 편집 할 수 있다면 그리드 3이었습니다 그러니 걱정하지 마세요 그래서

여기로 스크롤, Post로 가자

그리드 3 이었으므로 그리드 3 포스트 제목을 클릭하십시오 아래로 스크롤하여 글꼴 두께를 보통으로 설정하려고합니다 그 때 그것은 바뀔 것입니다 그리고 여기서도 크기를 변경할 수 있습니다 구하다 닫기 그리고 그것은 거의 완성되었습니다

저희 웹 사이트는 거의 완성되었습니다 그래서 내가 보여주고 자하는 것들이 아직도 아주 적습니다 정말 중요합니다 그들 중 하나는 Sticky Header입니다 그래서 당신이 블로그 포스트에 가면 여기에 끈적한 헤더가 흰색으로 표시되어야합니다

네가 그것을 볼 수 없기 때문에 네가 원하지 않아 따라서 맞춤 설정으로 이동하면 그리고 나서 당신은 Sticky Header에 갈 수 있습니다 기본적으로 배경색을 설정할 수 있습니다 그래서 아래로 스크롤 색상을 3B3B로 변경하려고합니다

여기를 클릭하십시오 근본적으로 색상은 그대로 유지됩니다 그러나 저는 약간의 투명성을 추가하고 싶습니다 약 75 % 또는 이와 비슷한 것으로 변경하십시오 아주 좋아 보인다

그런 다음 저장을 클릭 할 수 있습니다 일단 그것이 끝나면 우리는 그것을 닫을 수 있습니다 그런 다음 우리 홈페이지로 돌아갈 수 있습니다 우리는 행 앵커에 세울거야 행 앵커는 기본적으로 메뉴 링크를 클릭하면 아래로 스크롤됩니다

특정 섹션으로 설정 우리는 빌더를 켜기 위해 기본적으로 행의 이름을 설정해야합니다 행 옵션을 클릭하고 행 앵커에 대해이 섹션의 이름을 지정해야합니다 왜냐하면 우리는 Menu About을 About이라고 명명했기 때문에 About을 클릭했을 때, 정보를 아래로 스크롤합니다 하지만 해시 태그를 앞에두고 싶지는 않습니다 저장을 클릭하십시오

이제 다음 서비스, 갤러리, 블로그 및 연락처가됩니다 여기에서 행 옵션을 클릭하십시오 이것은 하나의 서비스가 될 것이고 그것이 정확히 동일하다는 것이 정말로 중요합니다 당신이 서비스에서 설정 한 것과 마찬가지로, 다음은 Gallary가 될 것입니다 저장해 다음 블로그가 될 것입니다

옵션 그리고 행운의 마지막은 접촉 일 것입니다 연락처 아래로 스크롤하십시오 그리고 저것을 저장하십시오 저장해 끝내자 그리고 무엇이든 시도하기 전에 먼저 페이지를 참조하십시오

여기로 돌아가서 정보를 클릭하면, 그런 다음 아래로 스크롤해야하며 여기에서 볼 수있는 URL은 #about입니다 서비스를 누르면 서비스로 스크롤되며 변경됩니다 갤러리, 블로그, 연락처 이제 화면의 크기를 조정하면됩니다 크기 조정, 크기 조정 텍스트가 반응이 좋지 않고 좋지 않음을 알 수 있습니다 그리고 배경이 좋아 보이지 않습니다

따라서 약 2 분 만에 신속하게 문제를 해결하는 방법을 알려 드리겠습니다 그래서 나는 그것의 크기를 재조정 할 것입니다 맞춤 설정으로 이동 그런 다음 스타일링, 모바일을 클릭하고 싶습니다 그래서 그것을 클릭하고 제목을 클릭하십시오 제목 1 글꼴 인 제목 1 글꼴 크기를 50으로 변경하려고합니다

사람들이 모바일에있을 때 제목 1의 제목은 50 픽셀이됩니다 하지만 태블릿을 사용하는 경우 크기는 여전히 80입니다 데스크톱은 80 하지만 휴대 전화를 사용 중일 때는 50으로 변경됩니다 따라서 웹 사이트에서 다른 것을 살펴볼 수 있습니다 변화가 필요한 모바일 장치 용으로 특별히 편집 할 수 있습니다

좋구나 그리고 그것은 꽤 많이 있습니다 저장해 닫아 이제 배경을 수정합시다 그래서 이것은 정말 멋지다 그럼 빌더를 돌려 보자 그리고 우리가해야 할 일은 행을 복사하는 것뿐입니다

첫 번째 행 전체를 복제하십시오 그래서 중복 그리고 두 번째로 스크롤을 내려 놓으십시오 중복 된 행 옵션을 클릭하십시오 스타일링으로 이동하여 배경 모드를 전체 표지로 변경하십시오 기본적으로 풀 커버는 좀 더 반응이 좋고 크기를 조정할 때, 잠시 후에 보게 될 것처럼 좋네요

그리고 우리가 할 일은 패딩을 바꾸는 것입니다 ~ 25 % 또한 바닥의 경우 10 % 그렇게하고 가장 중요한 부분은 가시성을 설정하는 것입니다 이 행을 휴대 기기에서만 볼 수있게하려는 경우 태블릿과 바탕 화면에 표시되지 않도록 숨길 수 있습니다 둘 다 클릭하고 저장하십시오 이제 원래 행으로 돌아가 보겠습니다

옵션, 공개 설정으로 이동 모바일 용으로 숨기려고합니다 그래서 그것을 저장하십시오 먼저 저장하고 닫습니다 그리고 일단 완료되면, 실제로 모바일 크기로 크기를 조정하면 그러면 당신은 정말 멋지다는 것을 알게 될 것입니다 배경이 정말 반응적입니다

여기에있는 텍스트도 정말 반응적입니다 따라서 해당 원칙을 웹 사이트 어디에서나 적용 할 수 있습니다 이제 내가 보여주고 싶은 것은 새 페이지를 추가하는 것입니다 정말 멋진 것도 있습니다 새 페이지를 추가하려면 여기를 가리 킵니다

지름길 페이지를 클릭하십시오 새 서비스 페이지 인 서비스 페이지 번호 1을 만들고 싶다고 가정 해 보겠습니다 그리고 게시를 클릭하십시오 정말 간단하고 새로운 페이지 Ther이 (가) 새 페이지이고 자동으로 나타나도록 설정하면 여기에 표시됩니다

하지만 정말로 멋진 점은 빌더를 켜고 실제로 가져올 수있는 많은 레이아웃이 있다는 것입니다 따라서 레이아웃에 가면 레이아웃로드를 클릭 할 수 있습니다 그리고 수십 개의 레이아웃을 가져올 수 있습니다 그래서 제가 처음에 여러분에게 보여주지 않은 이유는 다음과 같습니다 가져온 경우에는 Builder 사용 방법 및 테마 사용 방법을 알지 못합니다

그리고 당신은 당신의 웹 사이트를 구축하고 그것을 사용하는 것을 즐기지 않을 것이고, 결국에는 아마 포기할 것입니다 그래서 사람들에게 사용 방법을 알리고 나중에이 작업을 수행 할 수있게 해주세요 Parralax를 클릭하면됩니다 멋진 레이아웃이 있습니다 예를 들어, 여기 하나가 너는 그것을 바꿀 수있어

재로드하려면 1 초 정도 걸릴 것입니다 이것이 시차 레이아웃입니다 그리고 그것이 모든 것을 가로 질러 가지 않는다는 것을 알게 될 것입니다 여기에 공백이 있습니다 흰색이기 때문에 눈치 채지 못할 것입니다

하지만 저장하고 닫으면 편집 페이지로 이동해야합니다 그런 다음 페이지 옵션으로 이동해야합니다 전체 너비로 설정하십시오 경쟁 폭 업데이트 기본적으로 볼 수있는 페이지 그리고 당신은 기본적으로 빌더를 돌릴 수있는 정말 멋진 레이아웃을 가지고 있습니다

원하는 것을 업데이트하십시오 그래서 이미지를 대체하고, 텍스트를 대체하십시오 그리고 너는 좋을거야 드롭 다운 메뉴를 만들려면 정말 간단합니다 여기를 클릭하고 메뉴를 클릭하십시오

이것은 지름길이다 그리고 그 서비스가 드롭 다운되기를 원합니다 그냥 드래그 앤 드롭해라 그것은 들여 쓰기와 비슷해야합니다 그렇게 움직여야합니다

즉, 서비스 아래에 있음을 의미합니다 저장해 방문 웹 사이트 그 위에 마우스를 올리면 서비스 페이지가 나타납니다 또한 레이아웃을 빌드하고 별도의 페이지 또는 다른 웹 사이트에로드 할 수 있습니다 레이아웃 만 저장하면됩니다 또한 레이아웃을 내보낼 수도 있습니다

그 또 다른 멋진 기능이 있습니다 자습서를 끝내는 마지막 단계는 Favicon 로고를 추가하는 것입니다 보시다시피 여기 로고가 있습니다 그리고 대시 보드에 갈 수 있습니다 그리고 Themify Ultra, Themify Settings로 갈 수 있습니다

그리고 Favicon을 위해, Upload를 클릭하십시오 PNG 파일을 다시 업로드하는 것이 좋습니다 크기는 32×32 픽셀이어야합니다 따라서 클릭하면됩니다 내용 폴더에 이미 포함되어 있습니다

열기를 클릭하십시오 저장해 웹 사이트 방문 그리고 기본적으로 파비콘을 가지고 있습니다 그래서 기본적으로 웹 사이트는 완성되었습니다 좋아, 우리 웹 사이트를 보자 그리고 그것은 꽤 굉장해 보인다

우리는 Footer 섹션을 가지고 있습니다 그렇습니다 따라서 사람들이 비디오를 즐긴다면 비디오에 큰 힘을 주어야합니다 더 많은 동영상을 구독하려면 더 많은 동영상을 게시하고 동영상을 공유하도록하십시오 네 친구들과

궁금한 사항이 있으면 아래의 댓글 섹션에 놓으십시오 내가보고 싶은 다른 동영상이 무엇인지 알려주세요 그리고 네 다음 튜토리얼에서 여러분을 만나십시오

How to Add Google Analytics to WordPress: The Complete Guide

오늘은 Google 애널리틱스를 WordPress 사이트에 설치하는 방법을 Google 태그 관리자 아마도 두 가지 이유가있을 수 있습니다

첫 번째는 꽤 분명합니다 Google 애널리틱스를 아직 설치하지 않았으며 처음으로 해보고 있습니다 두 번째로 Google 애널리틱스를 설치했지만 설치와 유사하게 보일 수 있습니다 잘못됐다 어쩌면 픽셀이 잘못된 방식으로 실행되거나 픽셀을 Google 태그 관리자가있는 한 곳 또는 Google Tag Assistant를 사용하고있어 발사 중입니다

너 한테 실수 한거야 Google을 설치하는 데 필요한 단계별 절차를 거치게됩니다 Google 태그 관리자를 사용하여 WordPress 사이트로 웹 로그 분석 전체 비디오가 정확히 어떻게 작동하는지 확인하십시오 나는 ClickMindedcom의 Tommy Griffith입니다

Google 태그 관리자를 사용하여 WordPress 사이트에 Google 웹 로그 분석 추가 우리는 이것을 위해 ClickMinded SOP 라이브러리의 SOP를 사용할 것입니다 SOP는 표준 작동 절차의 약자로, 정말 포괄적 인 말을하는 멋진 방법 일뿐입니다 체크리스트 우리는 ClickMindedcom 웹 사이트에 엄청난 양의 디지털 마케팅 SOP를 보유하고 있습니다

이것은 약 15 ~ 30 분 정도 소요됩니다 시작하기 전에이 작업을 수행하는 방법에 대한 간단한 개요를 살펴 보겠습니다 목표는 무엇입니까? 목표는 Google 태그 관리자를 사용하여 사이트에 Google 애널리틱스를 추가하고 제대로 작동합니다 이상적인 결과는 Google 애널리틱스가 제대로 설치되어 사이트에 추가된다는 것입니다 기술적 인 문제없이

Google 태그 관리자를 설치 한 경우에만이 작업을 수행 할 수 있습니다 아직 그렇게하지 않았다면, 그렇게하고 싶을 것입니다 우리는 실제적으로 당신을위한 비디오를 가지고 있습니다 지금하고 싶다면 왜 이것이 중요한가? Google 웹 로그 분석은 웹 사이트에서 트래픽을 측정하는 가장 일반적인 방법입니다

방문자의 데이터를 수집하십시오 이 작업을 완료하면 얼마나 많은 트래픽이 발생했는지 정확히 알 수 있습니다 귀하의 방문자가 귀하의 웹 사이트에서 어떻게 행동하는지 대다수의 사람들이 Google 웹 로그 분석을 사용해야합니다 적어도 설치하지 않은 경우는 거의 없습니다

이것이 어디에서 끝났습니까? 이 작업은 Google 태그 관리자 및 Google 웹 로그 분석에서 수행됩니다 이것이 언제 끝났습니까? 한 번만 수행하면되므로 Google 애널리틱스를 한 번 설정하고 나머지는 설정합니다 당신을 위해 돌봐줍니다 누가이 짓을? 이것은 웹 사이트를 관리하거나 분석을 담당하는 사람이거나 너야 먼저 Google 애널리틱스 계정에 가입해야합니다 (아직 로그인하지 않은 경우) Analytics

Googlecom을 방문하여이 문제를 해결할 수 있습니다 아직 계정을 등록하지 않았다면 마법사가 나타납니다 계정, 여기부터 시작하십시오 " 계속해서 버튼을 클릭하면이 새로운 계정 흐름으로 이동하게됩니다

먼저 계정 이름, 웹 사이트 이름, 웹 사이트 이름을 묻습니다 url 많은 사람들이 계정 이름과 웹 사이트 이름이 동일합니다 이것이 다를 수있는 곳은 회사와 회사를 설립한다고 가정 해 봅시다 그 아래에 여러 개의 도메인이 있습니다

이 경우 계정 이름을 사용하는 경우 아래에 여러 개의 웹 사이트 이름이 있습니다 당신이 단 하나의 계정이고 하나의 웹 사이트라면 이것들은 동일 할 것입니다 기본적으로 웹 사이트 대 모바일 앱이 기본값입니다 우리는이 웹 사이트에 대한 웹 사이트를 계속 사용하여 계정 이름이 데모 사이트, 이모티콘에 대한 사이트 우리의 웹 사이트 이름은 이모티콘에 대한 사이트 인 것과 똑같은 이름입니다

우리의 웹 사이트 URL은 asiteaboutemojiscom입니다 귀하의 산업과 카테고리는별로 중요하지 않습니다 단지 더 많은 정보 일뿐입니다 Google의 경우 시간대를 설정할 수 있습니다

Google은 기본적으로 모든 옵션을 기본값으로 사용합니다 그들은 기본적으로 그것들을 체크한다 나는 보통 그것을 선택 취소한다 데이터를 Google과 공유하지 마십시오 아마도 그 어느 것도 그다지 중요하지 않지만 Google에 제공하지 않기로 마음 먹었습니다

데이터를 추적 할 수 있으면 추적 ID 가져 오기를 클릭하십시오 나는 내 인생에 그들의 사역 조건에 사인해야한다 그렇게 받아 들여야한다 이제 추적 코드가 Google Analytics에 제공됩니다 Google 기술 관리자없이 정상적으로 사이트를 설정했다면 이것을 WordPress의 사이트 템플릿 중 하나의 본문에 붙여 넣으십시오

우리는 그렇게하지 않을 것입니다 우리는 이것을 기술적으로 조금 더 할 것입니다 Google 태그 관리자 여기서하고자하는 일은 추적 ID를 복사하는 것입니다 그래서 여기로 올라가서 ID를 추적하여 클립 보드로 복사하면 나중에 조금씩 사용하게 될 것입니다

웹 사이트에 Google 웹 로그 분석을 설정했으며 고유 한 Google 웹 로그 분석 ID를 복사했습니다 우리의 클립 보드에 이제 Google 태그 관리자로 이동하여 추가 할 것입니다 TagManagerGoogle

com으로 이동하십시오 아직 태그 관리자를 설정하지 않은 경우 정확히 어떻게해야하는지에 대한 리소스가 있습니다 아래에서하십시오 리소스 섹션에서 해당 내용을 클릭하면 해당 내용을 볼 수 있습니다 태그 관리자에 로그인하고 왼쪽 태그 클릭 태그를 클릭 한 다음 새롭고 내 이름으로 나는 제목없는 태그를 제거하고 나는 그것은 이름

명명 규칙에 대해 조금 생각하고 싶습니다 Google 태그 관리자에 많은 태그를 추가하기 시작하면 훨씬 더 직선적입니다 미래에 탐색하기 쉽고 앞으로 나아갈 때 더 많은 정보를 얻을 수 있습니다 정말 명확하고, 명명 규칙을 따르기 쉽습니다 이 중 하나의 경우 Google 웹 로그 분석에서 규칙 GA를 사용할 수 있습니다

따라서 GA_trackingcode, 어쩌면 그런 것 같아 그런 다음 태그 구성 아래에 마우스를 올려 놓고 작은 펜을 보게됩니다 오른쪽 상단 모서리에 나는 그것을 클릭 할 것이고, 유니버설 애널리틱스를 찾을 것이다 그것은 두 가지 다른 옵션을 보여줍니다

유니버설 애널리틱스 및 기본 Google 애널리틱스 대다수의 사람들이 유니버설 애널리틱스를 사용하려고합니다 Google 애널리틱스의 업데이트 된 버전 인 GA 이 중 10 번에서 9 번 사용하면 유니버설 애널리틱스를 클릭하십시오 범용 웹 로그 분석을 선택했습니다 이제 설정 아래에서 아래로 이동하여 새 변수를 클릭하고 추적을 기억하십시오 우리가 조금 더 일찍 붙여 넣은 ID입니다

아직 클립 보드에 붙여 놓았 으면 계속해서 붙여 넣을 수 있습니다 나는 그걸 붙여 넣었고, 상자 밖을 클릭하고, 제목까지 올라가서 이름을 붙일 수 있습니다 따라하기 쉽습니다 Google 애널리틱스 추적 코드와 같은 기능이 작동하고 계속 진행됩니다 여기서 변수를 설정 했으므로 변수를 결정하는 실제 트리거를 설정합니다

이것이 해고 될 때 방아쇠를 당길 때 하단에 마우스를 대고 작은 펜을 클릭합니다 오른쪽 상단 구석 괜찮 으면 이미 설치해 놓은 것이 있습니다 새로운 것을 설치하려고합니다

어떻게 작동하는지 오른쪽 상단에서 작은 플러스를 클릭하면 트리거 구성에서 다시 오른쪽 상단에있는 펜으로 가려고합니다 그러면 페이지 뷰를 보러 갈 것입니다 우리는 페이지 뷰, 모든 페이지 뷰를 할 것이고 우리는이 모든 페이지를 호출 할 것입니다 조회수

이것이 의미하는 바는 이전에 Google 웹 로그 분석 ID와 관련된 변수를 설정했기 때문입니다 변수가 실행되면 모든 페이지 뷰 동안 결정됩니다 우리가 여기서 지시 한대로 계속해서 저장을 클릭하십시오 이제 유니버설 애널리틱스를 설정하고 페이지 뷰를 통해 Google 애널리틱스 추적 기능을 사용할 수있게되었습니다

Google에서 붙여 넣은 ID는 모든 페이지 뷰에서 실행되며 앞으로 진행할 것입니다 저장을 클릭하십시오 저장을 클릭하면 Google 태그 관리자로 돌아갑니다 너는 아직 끝나지 않았다 Google 태그 관리자에 저장했지만 실제로는 실제에 게시하지 않았습니다

세계 대시 보드에 들어가면 마지막으로 편집하여 정렬 할 수 있습니다 우리는 여기에서 진행되는 많은 것들을 가지고 있습니다 그러나 나는 마지막으로 편집하여 정렬합니다 마지막 하나는 몇 초 전에 바뀌 었습니다

여기서도 작업 공간 변경 사항을 볼 수 있습니다 즉, 아직 제출되지 않은 두 가지 새로운 작업이 작업 영역에 있음을 의미합니다 계속 진행하고 제출을 클릭하고 버전 이름을 입력하면 여기에 대해 설명 할 수 있습니다 Google 태그 관리자에서 실제로 변경되므로 향후 다른 사람이 작업하고있는 경우 이것에 그들은 무엇이 바뀌 었는지를 안다 버전 이름이 Google 웹 로그 분석을 추가하고 있었거나 하나 일 수도 있고 V5라고 할 수도 있습니다

Google 애널리틱스입니다 Google 애널리틱스 추가에만 전념하겠습니다 이 업데이트에는 Google 애널리틱스 설치가 포함되어 있습니다 가서 게시를 누르십시오 몇 가지 생각을하고 이제 Google 웹 로그 분석 결과가 게시됨에 따라 Google Analytics가 추가되었습니다

Google 태그 관리자를 통해 웹 사이트를 방문하십시오 멋지다 Google 태그 관리자를 통해 Google 웹 로그 분석 픽셀을 사이트에 추가했습니다 우리는 여전히 실제로 작동하는지 확인하고 확인하려고합니다 사이트로 다시 돌아 가면 열어서 사용할 수 있습니다

Chrome 플러그인이 작동하는지 확인하기 위해 Google Tag Assistant 플러그인이라고합니다 리소스가 아직 설치되어 있지 않은 경우 아래에 링크가 있습니다 사이트를로드하고, 해당 플러그인을 열고, 활성화를 클릭 한 다음 이동하십시오 페이지를 새로 고침하십시오 페이지를 새로 고침하고 열면 해당 태그가 Google 애널리틱스에서 보입니다

Google 태그 관리자가 해고되고 있습니다 Google 애널리틱스가 Google 태그 도우미 Chrome을 통해 작동하는지 확인하는 방법입니다 플러그인 당신이 그것을 확인할 수있는 또 다른 방법이 있습니다 웹 사이트를 열거 나 Chrome 브라우저에서여십시오

분석 탭으로 이동하고 왼쪽의 보고서에는 실시간이라는 섹션 계속해서 실시간을 클릭하고 개요를 선택하면 내 인상을 볼 수 있습니다 Google 애널리틱스에 표시됩니다 사이트로 다시 돌아와 새로 고침하면 여기에서 잠시 동안 트리거가 표시됩니다 붐, 저기있다

사이트에서 실시간으로 발생하는 작업이며, 사이트를 확인하는 또 다른 방법입니다 Google 애널리틱스 설치 Google 애널리틱스 계정에 가입했으며 WordPress 사이트에 설치했습니다 Google 태그 관리자를 통해 실제로 작동하는 것으로 확인되었습니다 하나는 Google Tag Assistant 플러그인을 통해, 다른 하나는 실시간 대시 보드를 통해 Google 애널리틱스 자체 이제 관리자에게 다시 돌아 오면이보기를 통해 세 가지 다른 여기에 열이 있습니다 하나는 귀하의 계정이고, 하나는 귀하의 재산이며, 마지막 하나는 귀하의 견해입니다

저는 여기서 잠시 동안 견해에 대해 조금 이야기하고 싶습니다 Google 웹 로그 분석에서 제공하는 기본값은 모든 웹 사이트 데이터입니다 새로 왔고 시작한 순간에 Google을 설치하고 싶다면 애널리틱스에서 걸러 내면 괜찮을지도 모르지만 궁극적으로는 더 많은보기를 만들고 싶습니다 우리는 당신이 가지고 있어야 할 3 가지 핵심 견해에 대해 이야기 할 것입니다 첫 번째는 기본보기입니다

이것은 분석의 대부분을 수행하는 곳이 될 것입니다 이것은 완벽하게 작동해야합니다, 거기에 어떤 문제가 없어야합니다 이것은 당신이 하루 하루의 일을하는 곳, 당신의 주된 시각입니다 다음은 준비보기입니다 이것은 기본적으로 샌드 박스, 테스트 지, 여기가 실험을 실행하는 곳입니다

어디에서 물건을 사 먹으려 고하는지 스테이징 서버이기 때문에 이것을 망칠 수 있습니다 이론이나 가설을 가지고 있다면, 그것을 시험해보고 싶다면 여기에서 할 것입니다 그런 다음 세 번째는 필터링되지 않은보기입니다 너는 단지 앉아있는 것, 너는 실제로 그것을 만지지 말라

이것은 모두 원시 데이터이며, 일종의 거기 앉아서 수집합니다 당신은 항상 이것에 백업의 종류 수 있습니다 이 세 가지보기를 만듭니다 하나는 손길이없고 순수한 원시 필터링 된, 필터링되지 않은 데이터입니다 다른 하나는 실험을 실행하고 물건을 시험 할 수있는 단계별보기입니다

데이터를 조금씩 변환하고 변형 시키십시오 그런 다음 하루 중 가장 친절한 곳 중 세 번째와 가장 중요한 곳으로 매일 분석하는 것이 주된 시각입니다 다음에 각각을 설정합시다 Google 애널리틱스에서 귀하의 계정과 권리가 올바른지 확인해야합니다 재산

보기로 이동하여이 드롭 다운을 클릭하고 맨 아래에서를 클릭하십시오 새로운 시각, 새로운 시각을 창조하십시오 그것은 웹 사이트 일 것이고, 이것은 나의 여과되지 않은 전망 일 예정이다 필터링되지 않은보기, 계속하려면 만들기를 클릭하십시오 차가운, 성공, 그래서 우리는 두 가지 견해를 가지고 있습니다

우리는 주된 견해와 여과되지 않은 견해를 가지고 있습니다 이제 준비 서버보기를 만들려고합니다 모든 웹 사이트 데이터로 이동하면 기본보기,보기 설정을 클릭하면됩니다 실제로 기본보기를 완전히 복사하기 때문에 복사보기로 이동하면 스테이징됩니다 전망

그것은 우리의 스테이징 전망입니다 모든 웹 사이트보기, 스테이징보기 및 필터링되지 않은보기가 있습니다 하나는 최근에 내가 조금씩 제거 될 것이라고 삭제했습니다 모든 웹 사이트 데이터로 돌아가서 설정을 보러 가고 실제로가는 것입니다 보기 이름을 내보기로 변경하여 깨끗하게 유지하십시오

여기로 가서 저장을 누르십시오 우리가 있습니다 페이지를 새로 고침하면 기본보기, 준비보기 및 필터링되지 않은보기가 있어야합니다 갈 준비 그것이 Google 태그 관리자를 사용하여 Google 애널리틱스를 WordPress 사이트에 추가하는 방법입니다

유용했기를 바랍니다 도움이 되었다면 오늘 뭔가를 배웠다면 아래 구독을 클릭하십시오 ClickMinded에서 더 많은 디지털 마케팅 전술 및 팁을 얻으십시오 YouTube에서이 동영상을보고있는 경우 귀하의 의견을 듣고 싶습니다 뭐라고 생각하니? 이런 식으로 했니? 당신이 그것을 다른 방식으로하는 것을 선호합니까? 이게 도움이되었다고 생각하니? 나는 너에게 듣고 싶다

가서 아래에 의견을 남겨주세요 나는 모든 것을 읽었다 마지막으로이 모든 연습 링크를 다운로드 가능한 링크로 사용하려면 우리가 단계별 가이드로 쉬운 단계에서 오늘 이야기 한 자료는 ClickMindedcom 아래 링크를 통해 오늘 우리가 이야기 한 모든 것을 무료로 다운로드 할 수 있습니다 고마워

WordPress, phpBB3, MediaWiki + OpenID

OpenID 로그인을 위해 자기 OpenID를 입력합니다 로그인 후 자기 OpenID를 확인할 수 있습니다

문서를 직접 수정해 보겠습니다 이미 만들었던 phpBB와 WordPress를 링크합니다 WordPress는 이쁜 스킨으로 이미 교체 했습니다 OpenID로 이미 로그인 되어 있기 때문에 바로 관리 메뉴로 들어가 보겠습니다 UI가 상당히 깔끔합니다

OpenID로 로그인 했을 경우, 글 작성 권한을 할당한 상태입니다 동영상을 공개하려니 띄워쓰기도 상당히 신경 쓰이네요 🙂 이제 phpBB로 이동해 보겠습니다 이미 로그인 되어 있는 상태입니다 로그오프해서 다시 로그인 하는 화면을 보여 드리겠습니다

제 블로그 주소와 다음 OpenID와 연동해 놓은 상태입니다 다음 OpenID에 이 사이트를 허용할 것인지 물어봅니다 자주 가는 사이트는 항상 승인 하는게 좋겠죠 실력이 짧아서 메일 주소를 숨길 수가 없네요 ㅜㅜ 정상적으로 OpenID로 인증한 화면이 나옵니다

브라우저가 종료되기 전까지 유지됩니다 테스트 글 작성은 빼 놓을 수 없겠죠? ^^ 간단하게 테스트를 마무리 했습니다 마지막으로 오픈소스의 한글화에 노력해 주신 분들께 감사의 마음을 전합니다 사랑합니다

Primitive Technology: Stone Adze

돌들을 서로 세게 치면서 날카로운 면을 만듭니다 넓적한 돌로 가장자리를 갈아줍니다

손잡이 부분을 자릅니다 나뭇가지를 부숩니다 더 다듬어줍니다 가릅니다 다시 다듬어줍니다 이 부분은 돌(칼날부분)이 얹어질 자리입니다

한면만이 날카로우므로 유동성을 위해 한면보다 더 넓게 묶습니다 꽉 당깁니다 한번 잘라봅시다 나무가 쓰러졌습니다 다른걸 잘라봅시다

더 잘라봅시다

My Review Plugin Tutorial

내 리뷰 플러그인은 복잡하지만 매우 포괄적이며 효과적인 플러그인 완전한 튜토리얼을 통해 당신을 데려 간다

오랜 시간이 걸릴거야 그래서 나는 너에게 빨리 줄거야 개요 및 사용법에 대한 기본 사항과 도움을 제공합니다 설치시 준비하십시오 그래서 다른 많은 것들이 있습니다 여기 섹션들

네 네가해야 할 일은 네가해야할 일이야 평점 카테고리, 설정 삽입, 비교표 및 설정 그래서 먼저 평가와 함께 카테고리에서 다른 등급을 추가하는 위치입니다 제품 점수를 얻으 려구요 예를 들어, 사용의 용이성을 가지고 그것을 전달 / 실패 시켰습니다

그것은 당신이 할 수있는 일입니다 또 다른 예는 유효성 효과 만 입력하면됩니다 원하는 카테고리를 선택하고 다음 중 하나를 선택하십시오 다른 등급 옵션

아마 별 다섯 개가 될거야 완벽한, 그리고 당신은 추가를 클릭하고 지금은 다른 등급이 있습니다 카테고리가 추가되었습니다 그렇게하는 것이 매우 쉽습니다 다음으로, 설정에서 이 그래픽 배치 차트가 있습니다 여기에 이러한 다양한 구성 요소를 끌어서 놓기 만하면됩니다

등급 순위 아이콘을 가질 수있는 게시물 콘텐츠 및 포함 된 Google지도를 사용하면 위 또는 아래에 표시 될 수 있습니다 아마 떠내려 갔던 왼쪽 또는 떠있는 오른쪽은 당신의 게시하다 이제 아래 모두가 같은 옵션을 모두 만들 수 있습니다 여기서도 사용할 수 있습니다 몇 가지 추가 옵션이 있습니다

또한 게시물 및 페이지의 평가에서 이는 다음과 같은 기능입니다 비 테이블을 임베드하려면 확실히 사용할 수 있습니다 평균 평점, 좋아, 그냥 확인해 보면 선택 나는 그것이 바로 떠 다니고 싶다 그리고 나는 그것을 단 하나의 우편으로 원한다 페이지 및 카테고리 페이지를 사용하면이 모든 것을 가지고 놀 수 있습니다 당신에게 가장 잘 맞는 것이 무엇인지 파악하십시오

나는 평균을 가지고 싶다 등급 및 편집자 등급 그것이 내가 그걸 써 전반적인 평점 및 평균 평점입니다 다음 편집자 평가

이것이 리뷰하는 플러그인의 점수입니다 물론 거기에 방문 사이트 링크가 있습니다 그래서 그게 내가 사용하는 방법이야 그것 관련성이있는 경우 Google지도를 삽입 할 수 있습니다

시원한 다른 페이지에서 가지고있는 사이트 아이콘을 결정할 수 있습니다 우리는 그것을 여기에 포함시킬 수있는 것처럼 보입니다 그게 기본적으로 게시하는 방법은 게시물 및 페이지를 검토하는 방법입니다 비교하여 테이블을 사용하면 이러한 비교를 자동으로 포함하도록 선택할 수 있습니다

원하는 곳 어디에서나 테이블을 볼 수 있으므로 그 의미를 알려 드리겠습니다 가로 비교 표를 삽입하도록 선택할 것이고 그것을 홈페이지에 표시하고 싶습니다 좋아 테마 나는 그것이 어쩌면 검정처럼 보이길 원하는지 선택할 수있다 맞아, 구성에서이게 내가 타이틀을 얻는 곳이야

테이블 크기를 지정하고, 얼마나 많은 항목을 선택할지 결정합니다 들어가서 맨 위를 차지하고 자동으로 최고 평점 제품이며, 이렇게 보일 것입니다 그래서 여기 당신이 가장 높은 등급의 SEO 소프트웨어와 서비스를 가지고 여기에 당신은 그것이 전체 등급에 의해 모두 정렬되어 있고 당신이 직접 링크 된 사이트의 리뷰를 클릭 할 수 있습니다 사이트 또는 방문 사이트는 실제 사이트로 이동합니다 제품이 제공되며이 설정은 모두 여기 내 검토 플러그인

마지막으로, 당신은 분명히 설정을 확인하십시오 이제 설정에 도달하면 먼저 단순 모드와 단순 모드로 시작합니다 아마도 당신은 이들 중 하나를 따르는 사이트를 만들고 싶습니다

사전 설정 형식을 사용하면 여기 단계를 수행 할 수 있지만 온라인 문서가 있습니다 고급 모드로 전환하고 싶습니다

그래서 저는 여기를 클릭하십시오 이제 이것이 실제로 얻을 수있는 곳입니다 My Review Plugin의 모든 기능과 기능에 대해 큰 별을 강요하는 것과 같이 가장 작은 것들까지도 바꿀 수 있습니다 그 별들이 어떻게 보이는지 정확히 선택하는 곳곳의 차이 여기에 엄청난 양의 구성이 내장되어 있습니다

그만큼 게시 주문은 정말 멋진 기능이므로 자동으로 귀하의 게시물이 시간순으로 나열되어 있지만 당신은 그것을 변경할 수 있습니다 여기에는 자동으로 정렬 할 가중치 요소가 있습니다 가장 높은 평가를받은 기준에 따라 이것은 어쩌면 홈페이지가 다르게 분류하지는 않습니다

여전히 연대순이지만 카테고리 페이지에서는 가장 좋은 사람들은 최신의 것들을 보여주고 보게 될 것입니다 최신 리뷰, 그리고 그들이 당신을 클릭하면 무엇이든 안다 최고 평점을 기준으로 정렬되거나 당신은 그 연대순으로 떠날 수 있습니다 거기 비교 테이블 따라서 얻을 수있는 여러 가지 방법이 있습니다

정확히 내 리뷰 플러그인에서 원하는 것 그리고 다만 보여주기 위하여 당신, 당신이 할 수있는 방문 사이트 그래서 당신은 그것을 알게 될거야 이 방법으로 제휴 링크를 사용하면 따르지 않으므로 도움이됩니다 귀하의 검색 엔진 최적화와 함께 그리고 거기에 많은 선택할 수있는 다른 버튼 을 선택하십시오 그들 중 일부는 추한 일이지만, 여기에 충분한 변형이 있습니다 보기 좋게 보이는 일부는 좋게 보입니다 마지막으로 리치 스 니펫은 실제로 매우 멋진 기능은 click enable hReview를 클릭하면됩니다

지원을 받으면 별과 등급을 부여 할 수 있습니다 이렇게 검색 엔진 결과 페이지에 표시하도록했다 클릭률 (CTR)이 높을수록 관심과 관심도가 높아집니다 이 작업을 수행하면 더 많은 트래픽을 얻을 수 있습니다 전체적으로 My Review Plugin을 절대 추천합니다

확실히 최선이다 모든 다른 리뷰 플러그인을 사용할 수 있습니다 나는 그것을 사용했다 오랜 시간 동안 사용 했으므로 확실히 사용자가 아닙니다 암송을하게되다

Add meta tags in wordpress

메타 태그를 추가하는 것은 올바른 플러그인이 있다면 정말 간단한 과정입니다 그리고 당신은이 정말 빠른 비디오에서 그것을 사용하는 방법을 안다

나는 너에게 보여줄거야 정확히 어떻게 할 것인가 지금 가입하는 것을 잊지 마라 그렇게하지 마라 다가오는 무료 강의 비디오를 놓치지 마세요 안녕하세요, 저는 jrfisher

com과 survivalcavefoodcom의 중학교 피셔입니다 채널 나는 성장하고 시작하는 데 사용할 수있는 간단한 단계를 보여줍니다 성공적인 온라인 비즈니스 또한 잊지 말고 다른 채널을 방문하십시오 생존 기술과 생존 음식에 대해 몇 분 만에 토론합니다

최고의 플러그 – 인이 WordPress에 무엇인지 정확히 알 수 있습니다 한 번 삽입하면 메타 태그를 삽입하면 상위 조회수가 올라 가게됩니다 이 간단한 단계를 따라 가면 더 높은 페이지 결과를 얻을 수 있습니다 로그인했습니다 이제 WordPress 페이지 중 하나에서 볼 수 있습니다

대시 보드를보고 시작하면 원하는 일이 내려갑니다 어디에서 페이지를 볼 수 있는지 여기에서 모든 페이지를 볼 것입니다 우리가 그 일을하도록 도와주는 프로그램을 다운로드했고, 나는 당신과 무엇을 공유 할 것인가? 그 프로그램은 단지 1 초 만에 사용할 수있는 무료 플러그인입니다 우리가 집으로 골라야 할 우리 페이지 중 하나에 가라 이제이 페이지에있다

우리는 편집 할 것이고 우리는 그 메타 제목과 그 메타를 추가 할 것입니다 설명은 메타 제목과 메타 설명이 없는지 기억하십시오 Google 누군가 검색 할 때 다시 가져올 항목이 없습니다 해당 메타 설명에 해당 메타 제목이 포함되어 있는지 확인하고자합니다 최적화하려는 키워드와 다른 동영상 중 하나 애드워즈 도구를 사용하여 귀하에게 가장 적합한 단어를 찾는 방법을 보여줍니다

페이지로 이동하여 해당 동영상을 보면서 아래쪽으로 슬라이드 해 보겠습니다 아래로 내려 가면 SEO 설정이 여기에 있습니다 우리는 SEO 궁극적 인 7 점인이 특정 플러그인을 다운로드했습니다 SEO 디자인 솔루션에 의해 6 포인트 5 포인트 하나 그리고 당신은 확실히 찾을 수 있습니다 그 플러그인은 당신이 가진 모든 WordPress 플러그인을 검색한다면 여기서 바로 지금해야할 일은 제목입니다 만약 당신이 보시면 우리가 여기에 제목을 붙였습니다

온라인 인터넷 비즈니스에서 시작하고 성공하는 방법을 무료 코스라고 부릅니다 이제이 제목들은 지역에 맞는 특정 크기 여야합니다 Google에서 제공하는 문자 수는 70 자이며, 우리가 거기에 69자를 넣었습니다 거기에 너무 많은 문자를 잘라내어 잘라 버릴 때가 있습니다 그 점을 찍은 작은 점을 보자

지금은 Google에 있고 내가 한 것은 우리가 우리의 메타 제목을 확실히하고 싶기 때문에 가장 재미있는 뉴스를 타이핑했습니다 맞는 말로 70자를 말하는 겁니다 여기에 맞는 것은 당신의 메타 제목입니다 우리가 방금 당신에게 보여 줬던 것들입니다 다른 페이지에서 아래로 스크롤하면 여기에 여기에 하나가 있습니다

HuffPost 괴상한 소식 이상하지만 진실한 이야기에서 점 점 지금 잘 이 코딱지는 내가 심지어 모르기 때문에 그것을 클릭하고 싶어하게 할 것이다 그게 내가 무엇에 대한 설명을 알아 내기 위해 클릭해야 할 것입니다 그래서 이것은 바로 아래에 너무 긴 메타 타이틀의 예입니다 당신이이 묘사를 알아 차리는 경우에 묘사가있다 또한 도트 점 Safra가있다 메타 설명이 잘 맞지 않아서 이제 우리는 메타 제목에 넣을 곳을 보여주고 있습니다

검색 결과에 표시 될 메타 설명이 표시됩니다 바로 아래에 우리가 당신의 전문가에게 보여 주듯이 우리가 어떻게 성장했는지 알려줍니다 온라인 수백만 달러를 온라인으로 판매하고 성공하는 인터넷 제국 온라인 인터넷 사업을 시작하고 성공했습니다 인터넷 비즈니스는 여기에 두 가지가 일치하므로 우리가 그랬습니다 이 특정한 하나를 위해 최적화하려고하면 여기 위에 눈치 챘을 때 140 자까지 허용됩니다

정확히 140 명이 왜 그렇게 중요합니까? 당신이 문자의 숫자를 살펴 본다면 꽤 분명합니다 글자와 공백을 포함하면 잘게 될 것입니다 아무도 그걸 보지 않을거야 너는 그렇게하지 않을거야 이것이 당신이 보여줄 수있는 단어이기 때문에 그 밑으로 가고 싶습니다

검색 결과 및 왜 모든 정보를 활용하고 싶습니까? 정말로 아주 간단합니다 두 가지가 최적화되어 있는지 확인하십시오 Google의 기준 안에서 당신은 정말 좋은 검색 엔진을 얻어야합니다 결과가 끝나면 여기까지 스크롤하여 페이지를 업데이트하여 너의 변화의 너무이다

How To Allow Authors To Revise Published Posts in WordPress

WPBeginner를 시청 해 주셔서 감사합니다 오늘은 어떻게해야하는지 보여 드리겠습니다

저자가 WordPress의 게시 된 게시물을 수정할 수 있습니다 다중 작성자 사이트가 있으면이 기능이 유용합니다 먼저 revisionary plugin을 설치하고 활성화 한 다음 configure -> revisionary to configure로 가야합니다 대부분의 경우 기본 설정이 적용되므로 업데이트를 클릭하겠습니다 Revisionary는 revisor라고하는 새로운 사용자 역할을 만듭니다

이 역할을 가진 사람은 누구나 수정본으로 게시 한 다음 검토를 위해 제출하십시오 저는 관리자 역할로 로그온하고 게시 된 게시물을 편집 할 것입니다 편집을 마쳤 으면 개정판을 제출하고 대기중인 상태가 될 것입니다 이 개정판은 편집자 또는 관리자가 검토하고 게시 할 수 있습니다 이제 관리자로 로그인하면 모든 게시물 아래 검토 대기중인 항목이 있습니다

클릭하면 검토하고 변경 한 후 지금 게시하거나 게시 일정을 수립 할 수 있습니다 그것과 그것은 새로운 출판 날짜를 취할 것입니다 리비저 또는 기여자 역할을 가진 사용자는 자신의 리비전을 게시하기 전에 편집 할 수 있습니다 기존 사용자 역할에 대한 권한은 변경되지 않습니다 이 비디오가 마음에 들었고 도움이 되셨기를 바랍니다

그랬 으면 아래 버튼을 클릭하고 의견을 남겨주세요 더 유용한 동영상을 받고 싶다면 채널을 구독하는 것을 잊지 마세요 WordPress에 대한 유용한 정보를 보려면 WPBeginner를 확인하십시오

How to trim your videos with VINUBIS Video Editor Plugin for WordPress

그래서 사람들은 비디오 편집기에서 비디오를자를 수 있는지 계속 묻습니다 WordPress 버전 물론 플러그인을 사용할 수 있습니다

이 화살표를 사용하면 비디오를 편집 할 수 있습니다 상세히 이것은 비디오의 끝 부분과 끝 부분에서 가능합니다 원하는 클립을 정확히 생성 할 수 있습니다

Jupiter WooCommerce Shop Customizer

오늘 온라인 스토어를 방문하십시오 관심을 끄는 것은 무엇입니까? 예, 그렇습니다

그것들은 모두 거의 같은 모양을가집니다 WooCommerce를 사용하여 약 7 천만 개의 온라인 상점이 만들어 졌다고 생각하면 이것은 놀랄만 한 일이 아니다 그렇다면 어떻게 상점 창문이 수많은 매장에서 눈에 띄는 지 확인할 수 있습니까? 음, 독창적으로 보이려면 브랜드의 정체성에 따라 온라인 상점을 맞춤 설정할 수 있어야합니다

브랜드의 정체성에 따라 온라인 상점을 맞춤 설정할 수 있어야합니다 그러나 유감스럽게도 WooCommerce는 그다지 많은 것을 제공하지 않습니다

WooCommerce를 사용자 정의 할 수 있다는 것은 많은 코드 작성이 필요합니다 당신이 익숙하지 않은 작업 그러나 Jupiter v6 덕분에 모든 것이 영원히 바뀔 것입니다 그러나 Jupiter v6 덕분에 모든 것이 영원히 바뀔 것입니다 Jupiter v6는 WooCommerce를위한 전례없는 시각적 맞춤 설정을 제공합니다

Jupiter v6는 WooCommerce를위한 전례없는 시각적 맞춤 설정을 제공합니다 사용자가 상점의 모든 측면을 수정할 수있게합니다 사용자가 상점의 모든 측면을 수정할 수있게합니다

실시간으로 시각적 편집기를 사용하여 온라인으로 "상점 사용자 정의 프로그램"의 이름을 수신합니다 "상점 사용자 정의 프로그램"의 이름을 수신합니다 Store Customizer를 사용하면 제품 목록의 모양을 변형 할 수 있습니다 Store Customizer를 사용하면 제품 목록의 모양을 변형 할 수 있습니다 각 제품의 페이지에서 지불 페이지를 통해 가서 바구니에 추가하십시오

컨테이너 스트로크 가게의 위젯 판매 및 재고 부족의 상징 가장 세밀한 세부 사항조차도 색깔, 글꼴, 아이콘 및 더욱 많은 것으로 색깔, 글꼴, 아이콘 및 더욱 많은 것으로 당신은 또한 귀하의 웹 사이트가 자동으로 적응할 수 있는지 확인하실 수 있습니다 고객이 사용하는 모든 유형의 장치 구매 경험을 최적화합니다

구매 경험을 최적화합니다 우리는 또한 준비하는데 많은 시간을 할애했습니다

다양한 사전 정의 된 템플릿 처음부터 온라인 상점을 만들 준비가되지 않았을 때를 대비하여 귀중한 시간을 절약 할 수 있습니다 처음부터 온라인 상점을 만들 준비가되지 않았을 때를 대비하여 귀중한 시간을 절약 할 수 있습니다 WooCommerce의 테마에는 이러한 모든 환상적인 기능이 없습니다 WooCommerce의 테마에는 이러한 모든 환상적인 기능이 없습니다 경쟁사와 차별화하십시오

상점 맞춤 설정 도구 한 상점 무한한 변화의 가능성 * 오늘 놀라운 웹 사이트 만들기 *