Hướng dẫn cài Theme và Plugin cho WordPress mới nhất |Thủ thuật Vlog 8

음악 채널에 오신 것을 환영합니다 오늘 우리는 테마와 플러그인을 설치합니다

먼저 웹 마스터에게 로그인하십시오 사용자 이름과 암호를 사용하십시오 이것은 내 웹 사이트 WordPress 기본 테마 인터페이스 섹션에 새 항목 추가 테마를 설치하는 방법에는 두 가지가 있습니다 WordPress의 사용 가능한 인터페이스 테이프를 찾을 수 있습니다 관심을 가져 주셔서 감사합니다

지원 채널을 등록하는 것을 잊지 마십시오 아래에서이 주제에 대해 질문하십시오 나는 다가오는 비디오에서 대답 비디오를 만들 것이다 안녕, 또 봐 음악

Premium WordPress Theme Development Tutorial 2019 | Part 20 | WordPress Shortcode

안녕하세요,이 동영상을 클릭 해 주셔서 대단히 감사합니다 나는 ALI HOSSAIN이며 ALI HOSSAIN과 함께 배우고 있습니다

이것은 프리미엄 WordPress 테마 개발 튜토리얼 시리즈와 Part 20입니다 이 부분은 모두 WordPress ShortCode에 관한 것입니다 나는 WordPress Shortcode에 관한 모든 것을 모두 설명 할 것이다 그 이유는 모든 웹 개발자가 WordPress shortcode에 대해 아주 잘 알고 있어야하기 때문입니다 그 이유는, 당신이 완벽한 지식에 대한 완벽한 지식이없는 경우 wordpress shortcode 당신은 당신의 워드 프레스 개발 경험에 대해 자세히 설명 할 수 없습니다

& 또한 귀하의 워드 프레스 기술 따라서 당신이 당신의 wordpress 주제 발달 기술을 증가시키는 관심 있었던 경우에 당신은 기본 지식을 알고 또한 짧은 코드에 대한 지식을 사전에 알아야합니다 이 튜토리얼에서는 단축 코드에 대한 기본 지식 만 다룰 것입니다 모든 것을 하나씩 설명하기 위해 최선을 다할 것입니다 그래서 만약 당신이 shortcode에 대해 배우고 싶다면, 소개 후 화면으로가 봅시다 #LearnWithAliHossain

Hestia WordPress Theme Tutorial: Setup & Customize (Step-by-Step)

사용자 정의 및 헤스티아 워드 프레스 테마를 설정 찾고 계십니까? 이 비디오에서는 Hestia를 데모처럼 보이게 만드는 단계별 가이드를 안내합니다 로고 사용 방법, 탐색 메뉴 만들기 등

이미 Hestia를 WordPress 웹 사이트에 설치 한 경우 아래의 타임 스탬프로 이동하십시오 시작하기 만하면 끝날 때까지 단계를 따르십시오 먼저, Hestia WordPress 테마를 설치하고 활성화해야합니다 그렇게하려면 대시 보드의 모양 아래에있는 테마를 클릭 한 다음 새로 추가를 클릭하십시오 여기서 검색 창에 Hestia를 입력하면 검색 결과의 세 가지 주제가 표시됩니다

수색 다목적 Hestia WordPress 테마 만 설치하면됩니다 설치가 완료되면 활성화 한 다음 "Hestia 시작하기"를 클릭하십시오 사전 제작 된 사이트 데모를 가져올 수있는 온 보딩 플로우로 리디렉션됩니다 아래의 "지금 당장"링크를 클릭하십시오

여기서 볼 수 있듯이, 설치 직후에 설치해야하는 몇 가지 플러그인을 추천합니다 테마 따라서 Orbit Fox Companion 플러그인 및 WP 양식을 설치하고 활성화하십시오 이 비디오의 뒷 부분에서 왜 그렇게 지켜 볼 지 보여 드리겠습니다 Orbit Fox Companion은 일부 Hestia 프론트 페이지 섹션에 액세스하기 위해 필요합니다 팀, 고객의 추천, 기능, 리본 및 클라이언트 바 등이 있습니다

그 중 더 많은 것,이 스위스 – 나이프 플러그인은 품질 템플릿 라이브러리, 간단한 Google 웹 로그 분석 통합, 메뉴 아이콘 모듈, 소셜 공유 등 아래 설명 상자에서 타임 스탬프를 확인하여 직접 탐색 할 수 있습니다 네가 원하는 단계로 이제는 모든 것을 갖추 었으니 설치 과정을 시작할 수 있습니다 Hestia WordPress 테마는 개인적인 접촉을 얻을 것입니다 그렇게하려면 Appearance로 가서 Customize를 클릭하십시오 여기서 왼쪽에는 모든 섹션의 옵션에 액세스 할 수 있으며 콘텐츠는 함께 제공됩니다 또한 전체 페이지를 보려는 경우 컨트롤을 숨길 수 있으며 전환 할 수 있습니다 다른 기기를 통해 웹 사이트가 휴대 기기에서 어떻게 보이는지 확인할 수 있습니다

화면에서 볼 수있는 것을 정확하게 사용자 지정하여 내용을 변경할 수 있으면 편집 할 영역의 연필 아이콘을 클릭하십시오 사이트 정체성을 변경하여 시작하겠습니다 로고가있는 경우 "로고 선택"을 클릭 한 다음 "파일 선택"을 클릭하여 여기에 업로드 할 수 있습니다 업로드 할 파일을 선택한 다음 열기를 클릭하십시오 여기에 권장되는 파일 형식은

png이며 여기에서 권장 크기를 볼 수 있습니다 파일이 업로드되면 "선택"을 클릭하고 필요에 따라 이미지를 자르거나 단순히 클릭하십시오 "건너 뛰기 건너 뛰기"그러면 작업이 완료됩니다 웹 사이트 제목 대신 로고를 볼 수 있습니다 쿨, 맞지? 로고를 없애려면 "제거"또는 "로고 변경"을 클릭하여 로고를 제거하십시오

새로운 것 아래로 내려 가면 사이트 제목과 태그 라인을 변경할 수 있습니다 이것은 큰 제목 섹션에서 볼 수있는 것이 아니며, 귀하의 사이트 제목입니다 로고를 제거했는지 확인하십시오 귀하의 비즈니스를 잘 나타내는 단어를 잘보십시오 마지막으로, 브라우저 탭, 북마크 바에 아이콘을 표시하려면 WordPress 모바일 앱에서 권장하는대로 여기에 업로드하려는 파일을 선택하십시오

치수 완료되면 변경 사항을 게시하고 다음 단계로 이동하십시오 모양 설정에서 액세스하는 첫 번째 메뉴를 사용하면 페이지 사이드 바를 설정할 수 있습니다 형세 사이드 바가없는 옵션이있는 경우 왼쪽에 사이드 바를 가질 수 있습니다 또는 오른쪽에 표시되도록 설정할 수 있습니다

어떻게 작동하는지 보여 드리죠 예를 들어 블로그 페이지로 이동하면 오른쪽의 사이드 바를 볼 수 있습니다 왼쪽 사이드 바 옵션을 클릭하면 사이드 바가로 이동합니다 왼쪽이고 사이드 바를 전혀 클릭하지 않으면 사이드 바가 사라집니다 이렇게하면 단일 게시물 페이지 템플릿에도 영향을 주어 현명하게 선택하십시오

페이지 사이드 바 레이아웃은 페이지에만 영향을 미칩니다 여기 샘플 페이지가있어 어떻게 작동하는지 보여 줄 수 있다고 생각합니다 왼쪽에있는 페이지에 사이드 바가있는 경우 표시 될 동일한 사이드 바를 설정할 수 있습니다 귀하의 블로그 페이지 및 단일 게시물의 오른쪽에 있습니다 사이드 바가있는 두 개의 레이아웃 중 하나를 선택하는 경우 추가 한 항목도 있는지 확인하십시오 해당 사이드 바에있는 위젯

나중에 어떻게 지켜 볼 지 알려줄 것입니다 또한 블로그 게시물에 표시되는 공유 아이콘을 활성화 할 수 있으며 "스크롤 To Top "버튼을 클릭하십시오이 버튼은 귀하의 웹 사이트 이렇게하면 방문자가 클릭 한 번으로 화면을 위로 스크롤 할 수 있습니다 이 영역에는 두 가지 옵션이 있습니다

하나는 "박스형 레이아웃"입니다 사용하도록 설정된 경우 테마는 박스형 레이아웃을 사용합니다 귀하의 블로그에 Hestia를 사용하고 있습니까? 커스텀 프론트 페이지가 필요하지 않습니까? 앞 페이지를 완전히 비활성화하려면이 옵션을 선택하십시오 그러면 쉽게 작업 할 수 있습니다 당신의 블로그

여기에는 두 개의 탭이 있습니다 글꼴 패밀리 및 글꼴 크기 표준 폰트 또는 Google 폰트로 폰트 패밀리를 변경할 수 있습니다 전문적인 도움을 받으려면 fontpairco와 같은 도구를 사용하는 것이 좋습니다

특색있는 쌍 중 하나는 Lora & Merriweather입니다 귀하의 웹 사이트에서 해당 글꼴 쌍을 사용하여 제목 글꼴 제품군의 Lora 검색 드롭 다운을 클릭 한 다음 Body Font Family 용 Merriweather를 찾으십시오 그것은 굉장해 보인다, 그렇지? 또한 필요한 경우 글꼴 하위 집합을 변경할 수 있습니다 글꼴 크기 탭에는 제목, 제목 및 크기를 변경할 수있는 옵션이 있습니다 게시물 및 페이지의 콘텐츠

가장 좋은 점은 모바일에서 글꼴 크기를 다르게 설정할 수 있다는 것입니다 장치 쿨, 맞지? 더 아래로, 당신은 큰 제목 섹션, 섹션 제목의 글꼴 크기를 변경할 수 있습니다, 섹션 자막 및 내용 글꼴 사용자 정의가 끝나면 "게시"를 클릭 한 후 다음 단계로 이동하십시오 배경 이미지는 박스가있는 배경으로 만 볼 수 있습니다

레이아웃이 활성화되었습니다 박스형 레이아웃을 사용하지 않으면 방문자가 해당 이미지를 전혀 볼 수 없습니다 이미지를 배경으로 유지하려면이 드롭 다운에서 사전 설정을 변경할 수 있습니다 채우기 화면, 화면에 맞추기, 반복 또는 사용자 정의 더 아래로 이미지 위치를 변경할 수 있습니다 다음 이미지를 원하는 경우 확인할 수 있습니다 백그라운드에서 반복 될 수 있습니다

마지막으로 헤더 이미지도 업로드 할 수 있지만 Header에서 이에 대해 이야기하겠습니다 나중에 옵션 '게시물 덧글'이라고 쓰는 블로그 게시물 아래의 버튼을 보시겠습니까? 여기에서 일부 설정을 변경할 수 있습니다 수직 패딩과 수평 패딩도 마찬가지입니다 화살표를 사용하여 약간 위아래로 이동하거나 텍스트에 고정 값을 입력 할 수 있습니다 상자처럼

패딩을 연결하거나 연결 해제 할 수 있으며 값을 초기 상태로 재설정 할 수 있습니다 그렇게 border-radius를 0으로 설정하면 버튼 모양이 정사각형이되고 최대 값은 50이됩니다 값은 버튼을 반올림합니다 사이드 바의 검색 기능 근처에있는 버튼을 보시겠습니까? 이 설정은 웹 사이트에있는 거의 모든 버튼에 영향을줍니다 큰 제목 섹션의 버튼과 연락처 양식의 제출 버튼도 마찬가지입니다

완료시 변경 사항을 게시 한 후 다음 단계로 이동하십시오 먼저,이 섹션을 비활성화 할 수 있습니다 그러나 활성 상태로 유지하려면 배경을 다음과 같이 설정할 수있는 옵션이 있습니다 간단한 이미지 또는 2 층 시차 효과로 두 번째 옵션을 선택하면 첫 번째 레이어 이미지를 업로드해야합니다 배경과 움직이는 물체가 될 두 번째 레이어 큰 제목 섹션 위로 마우스를 가져 가면 시차 효과가 생깁니다

당신의 마우스 아래로 내려 가서 여기에있는 제목, 여기에있는 텍스트 및 단추 텍스트를 여기에서 변경하십시오 버튼 URL을 여기에서 설정할 수도 있습니다 페이지 또는 앵커에 대한 링크 일 수도 있습니다 Big Title 아래의 섹션으로 이동할 앵커를 선택하고 #features를 선택하십시오

예를 들면 "게시"를 클릭 한 후 버튼을 클릭하여 테스트하십시오 나중에이 비디오의 각 섹션의 앵커를 사용하는 방법을 보여줄 것입니다 추가 기능으로 큰 제목 섹션의 콘텐츠를 왼쪽, 중앙 또는 권리 왼쪽 또는 오른쪽 맞춤을 선택하면 "위젯 추가"기능이 있음을 알 수 있습니다

버튼을 클릭하면이 섹션에 비디오를 추가 할 수 있습니다 큰 제목 섹션이 있습니다 변경 사항을 저장하고 계속 진행하십시오 이제 Big Title 아래 첫 번째 섹션으로 이동하십시오 기능 섹션에는 기본적으로 변경, 삭제 또는 변경할 수있는 세 개의 콘텐츠 상자가 있습니다

새로운 기능을 추가 할 수 있습니다 먼저 섹션 제목과 부제목을 변경하십시오 그런 다음 기능의 내용을 변경하십시오 그런 아이콘과 아이콘의 색상은 그런 다음 제목, 텍스트 및 마침내 변경합니다 아이콘을 페이지 또는 게시물로 리디렉션하려는 경우 링크를 추가하십시오

호버 효과를 비활성화하려면 링크 입력란을 비워 둡니다 상 또는 섹션으로 리디렉션하도록 링크를 설정할 수도 있습니다 예를 들어 About Us 섹션은 아래에서 다룰 섹션입니다 다른 페이지로 리디렉션되도록 아이콘을 설정할 수 있습니다

각 기능 상자의 내용을 변경 한 다음 변경 사항을 게시하십시오 배경 이미지를 변경하여 시작하겠습니다 아래의 "제거"또는 "이미지 변경"을 클릭하고 사용하려는 이미지를 업로드 한 다음 "이미지 사용"을 클릭하십시오 그게 다야! 또한이 섹션의 내용을 변경하려면 여기에서 "편집"을 클릭하십시오 고전적인 WordPress 편집기 나이 섹션을 멋진 페이지 작성기로 사용하려는 페이지 빌더를 사용하십시오

당신이 원하는 Elementary를 사용하여이 섹션을 데모처럼 보이게하는 방법을 보여주기를 원하면 페이지 빌더는 아래에 의견을 남기고 해당 주제에 대한 비디오를 준비합니다 WooCommerce를 설치 및 활성화하고 재고 목록에 일부 제품을 추가 한 경우, 여기에서 해당 제품을 볼 수 있습니다 섹션 제목, 부제목을 변경하고 원하는 제품 수를 선택하십시오 보여 주다

인벤토리에 제품을 추가하는 방법을 보려면 가변적 인 제품 (예 : 위의 권장 비디오 또는 설명의 링크를 확인하십시오 그게 전부 야 우리는이 섹션을 다 마쳤습니다 이것은 당신이 당신의 팀을 과시하는 섹션입니다 편집, 삭제 또는 "새 팀원 추가"를 할 수있는 기본적으로 네 개의 상자가 있습니다

잘 섹션 제목, 자막을 변경하여 시작한 다음의 내용을 사용자 정의 할 수 있습니다 상자 하나씩 그렇게 이미지를 업로드하고 팀원의 이름이 될 제목을 변경하십시오 원하는 경우 자막, 텍스트 및 광고 링크를 변경하십시오

예를 들어 팀원 소셜 아이콘을 자신의 소셜 프로필 링크로 설정하십시오 이러한 소셜 아이콘을 모두 표시하고 싶지 않으면 제거 할 수 있습니다 페이 스북 아이콘도 없애려면 필드의 내용 만 삭제하면됩니다 그렇게하고 변경 사항을 게시하십시오

모든 팀원을 추가하고 마지막으로 마침내 팀원을 추가 할 때까지 각 상자에서 동일하게 수행하십시오 "게시"를 클릭하여 변경 사항을 다시 저장하십시오 리본 섹션은 기본적으로 숨겨져 있지만 그렇게 활성화 할 수 있습니다 왼쪽의 눈을 클릭하면 섹션이 즉시 활성화됩니다 또는 섹션을 선택 또는 선택 취소하여 섹션을 활성화하거나 비활성화 할 수 있습니다

섹션 옵션 안에있는 이 섹션의 내용을 변경하는 것은 쉽습니다 배경 이미지, 텍스트 및 단추 텍스트를 변경하는 방법은 다음과 같습니다 예를 들어 구독 양식으로 리디렉션되는 링크를 설정하려면 여기에 링크하십시오 이 섹션을 사용하여 특별 혜택을 홍보하거나 Google에 가입 ​​할 수 있습니다 뉴스 레터 섹션 또는 연락처 섹션에도 표시됩니다

상상력을 발휘하여 최선을 다하십시오 고객의 추천은 강력한 마케팅 도구입니다 이 섹션에서는 3 개, 2 개, 1 개 또는 3 개 이상의 사례를 작성할 수 있습니다 새 이미지를 여기에 업로드하고 제목을 변경하여 기본 콘텐츠를 수정할 수 있습니다 자막, 텍스트, 자막이 있으면 원하는 경우 자막을 추가 할 수 있습니다

클라이언트 웹 사이트를 예로들 수 있습니다 그 중 "Add New Testimonial"버튼을 클릭하면 새로운 평가를 추가 할 수 있습니다 다음 빈 필드를 채우기 만하면됩니다 이 섹션은 고객의 로고를 보여주기위한 것입니다 여기에 이미지를 업로드하는 것만 큼 간단하며

png 형식을 사용하는 것이 좋습니다 그런 다음 선택적으로, 당신이 원한다면 여기에 웹 사이트 링크를 추가 할 수 있습니다 이 섹션을 다른 목적으로도 자유롭게 사용할 수 있습니다 여기 멋진 트릭이 있습니다 마지막 필드까지 필드를 삭제하고 로고 대신 버튼을 업로드하십시오

연락처 앵커를 #contact로 추가하여 링크를 연락처 섹션으로 리디렉션합니다 보시다시피 연락처 버튼을 클릭하면 자동으로 아래로 스크롤됩니다 접촉부로 쿨, 맞지? 구독 섹션으로 이동하십시오 이 섹션에서는 SendinBlue 서비스를 사용하여 이메일 마케팅 노력을 자동화하므로 첫 번째 단계는 플러그인을 설치하고 활성화하는 것입니다

설치 및 활성화를 클릭 한 다음 플러그인이 설치 될 때까지 기다리십시오 설치 프로세스가 발생하면 "Create SendinBlue Account"버튼이 표시됩니다 해당 버튼을 클릭하고 무료로 계정을 만드십시오 회사 이름과 이메일을 입력하고 강력한 암호를 선택하여 계정에 액세스하십시오 "무료 가입"을 클릭하십시오

이메일을 확인하여 계정을 활성화 한 다음 로그인하여 필요한 API 키를 얻으십시오 귀하의 계정을 귀하의 WordPress 웹 사이트에 연결하십시오 API 및 양식으로 이동하여 API 키를 찾은 다음 'Manage Your Keys (키 관리)'를 클릭하십시오 여기에서 두 번째 키를 복사 한 다음 다시 WordPress 대시 보드로 이동하십시오 SendinBlue> 홈 링크를 클릭하고 액세스 키를 붙여넣고 다음을 클릭하십시오

로그인 확인 메시지를받은 후 여기의 양식으로 이동하여 기본값 중 하나를 편집하십시오 양식을 사용하면 전자 메일 주소 인 필드 하나만있는 간단한 가입 양식을 만들 수 있습니다 그렇게하려면 '이름'입력란을 나타내는 코드를 삭제하고 양식을 "구독"으로 설정하면 필요한 경우 쉽게 인식 할 수 있으므로 변경 양식을 데모에서 보는 방법과 정확히 일치 시키려면 복사하여 붙여 넣을 수 있습니다 문서의 코드 – 아래 설명 상자에 링크가 있습니다

다음으로해야 할 일은 모양 / 사용자 정의로 돌아가서 Front Page Sections / Subscribe를 클릭하고 SendinBlue Plugin 탭을 클릭하십시오 SendinBlue 위젯을 여기에 추가하고 드롭 다운에서 사용할 양식을 선택한 다음 버튼을 클릭하십시오 대다 버튼이 너무 크고 모양이 바뀌 길 원한다면 커스터마이져의 Appearance Settings / Button 메뉴에서 변경할 수 있습니다 필요에 따라 패딩 및 테두리 반경을 조정 한 다음 변경 사항을 저장하십시오

웹 사이트의 모든 버튼이 동일한 디자인을 가짐을 기억하십시오 여기에 최신 블로그 게시물을 보여주는 블로그 섹션이 있습니다 방문자와 만날 수있는 좋은 방법입니다 이 섹션을 아직 표시하고 싶지 않은 경우에는이 섹션을 비활성화 할 수 있습니다 다른 섹션을 보려면 여기를 클릭하거나 해당 특정 항목의 눈을 클릭하십시오

귀하의 FrontPage 섹션에, 기억 나니? 첫 페이지의 마지막 섹션은 연락처 섹션입니다 필요에 따라 변경할 수있는 기본 콘텐츠가 여기에 표시됩니다 그렇게하려면 Contact Content 탭으로 가서 Edit를 클릭하십시오 "사무실에서 우리를 찾으십시오"정보를 자신의 주소로 변경하고 "우리에게 전화하십시오" 내용도 완료되면 게시를 클릭하십시오

"연락하기"제목, 자막 및 "메시지 보내기"텍스트를 변경하려면 양식의 헤더에서 일반 설정 탭에 액세스하면 세 개의 필드가 표시됩니다 편집기를 닫아서 다음에 수행 할 작업을보다 잘 시각적으로 파악하고 변경하여 시작할 수 있습니다 섹션 제목, 자막을 선택하고 연락처 머리글에서 읽은 내용을 변경하십시오 형태 예를 들어 "메시지를 보내주십시오"또는 "나에게 이메일 보내기"와 같이 입력하십시오

문의 양식 대신 단문이 보입니까? 이 절에서 사용할 수있는 양식을 만드는 방법을 보여주기 때문에 저와 함께 머물러보십시오 이 비디오의 앞부분에 WP Forms 플러그인이 설치되어 있습니다 커스터마이져를 닫고 대시 보드의 WPForms로갑니다 "새로 추가"를 클릭하여 연락처 양식을 작성하십시오 예를 들어 "연락처"와 같은 양식의 이름을 입력 한 다음 아래의 "간단한 문의 양식"을 작성하십시오

그게 다야! 귀하의 연락 양식이 완성되어 작업을 저장할 수 있습니다 실제로 우리의 문의 양식을 저장하기 전에 이름 섹션을 단순하게 설정해야합니다 그렇게 한 분야 만 있으면 연락처 섹션에서 더 잘 보입니다 이제 여기에서 "저장"을 클릭 한 다음이 버튼을 클릭하면 나타나는 단축 코드를 복사하십시오

팝업 창과 WPForms 편집기를 닫으십시오 사용자 정의 프로그램으로 돌아가서 연락처 섹션을 열고 연락처 컨텐트 탭 붙여 넣기 복사 한 단축 코드 모든 것이 잘 작동하면 연락 양식이 이렇게 보일 것입니다 쿨, 맞지? 마지막으로, 뭔가 다른 것을 원한다면 Section Title과 Section Subtitle을 변경하십시오 그 분야에서 당신의 진보를 구하십시오

우리는 첫 페이지 섹션으로 끝났으므로 다음 단계로 넘어갈 수 있습니다 여기에서 세 가지 옵션을 볼 수 있습니다 1 Very Top Bar 2

탐색 옵션 3 헤더 설정 Very Top Bar는 탐색 영역 바로 위의 사이트에서 가장 높은 위치에있는 섹션입니다 여기서 다음 옵션을 찾을 수 있습니다 : 섹션을 활성화 / 비활성화하는 옵션

Very Top Bar 메뉴와 Very Top Bar 위젯 영역 Very Top Bar 메뉴는 Header Options> Very Top Bar에서 직접 선택할 수 있습니다 연락처를 선택하기 전에 연락처 정보가있는 "연락처"라는 메뉴를 만들었습니다 이 드롭 다운에 어떻게 작동하는지 확인하십시오 선택할 메뉴가 없다면주의를 기울여주세요

정확하게 보여 드리겠습니다 당신이해야 할 일 "새 메뉴 만들기"를 클릭하십시오 메뉴 이름을 지정하고 "Very Top Bar"위치를 확인한 다음 "Next"를 클릭하십시오 이제 "항목 추가"를 클릭하고 사용자 지정 링크를 사용하여 새 메뉴 항목을 만듭니다

먼저, 전화 번호를 추가합니다 tel : 다음에 콜론을 입력하십시오 http : // 바로 뒤에있는 URL 필드에 다음을 입력하십시오 탐색 레이블의 전화 번호 완료되면 '메뉴에 추가'를 클릭 한 다음 이메일에 대한 다른 맞춤 링크를 만듭니다

주소 이번에는 mailto : 여기에 콜론 (:)을 입력 한 다음 연락처를 입력해야합니다 이메일을 아래 필드에 입력하십시오 메뉴에 추가하고 변경 사항을 게시하십시오 그게 다야! 이제 그 연락처 정보를 볼 수 있습니다

쿨, 맞지? 게다가 여기 사회 메뉴를 추가하는 방법을 보여 드리겠습니다 "위젯 추가"를 클릭 한 다음 탐색 메뉴를 선택하십시오 이미 소셜 메뉴가있는 경우 드롭 다운에서 선택할 수 있습니다 그렇지 않다면, 여기 당신이해야 할 일이 있습니다 돌아가서 Customizer에서 Menus를 클릭하십시오

"새 메뉴 만들기" 이름을 지정한 다음 "다음" "항목 추가", 사용자 정의 링크를 클릭하고 사회 이 필드에 미디어 프로필 링크 링크 텍스트는 소셜 미디어 채널 (이 경우에는 Facebook)의 이름이어야합니다 "메뉴에 추가"를 클릭 한 다음 원하는만큼 항목을 만듭니다 유튜브, 트위터, Instagram 등등

일단 사회 메뉴 만들기가 끝나면이 상자를 선택하지 않고 게시를 클릭하십시오 아래에서 다시 헤더 옵션의 최상위 막대로 이동하십시오 방금 만든 메뉴를 선택하면 완료됩니다 이 메뉴 항목은 소셜 미디어 채널의 아이콘 만 자동으로 표시합니다 URL 입력란에 입력 한 내용을 기반으로합니다

당신이 그 메뉴를 편집 할 수 있기 때문에 당신이 무언가를 잘못 보았다면 아무런 문제가 없습니다 우리는 Very Top Bar로 끝났으므로 Navigation 옵션으로 이동하십시오 여기에서 메뉴에서 검색 기능을 활성화 할 수 있습니다

이것은 한 번 작동하는 방법입니다, 알았죠? 그런 다음 주 메뉴에 대해 3 가지 다른 레이아웃을 선택할 수 있습니다 1 왼쪽에 로고가 있고 화면 오른쪽에 메뉴가 있습니다 2 화면 중앙에 로고 및 메뉴가 있습니다

3 왼쪽의 로고, 오른쪽의 위젯 및이 요소 바로 아래에 표시된 메뉴가 있습니다 여기에 사용 가능한 위젯을 추가 할 수 있습니다 사용자 정의 HTML은 광고 배너, 예를 들면 배너 코드를 복사하여 내용 입력란에 붙여 넣기 만하면됩니다

메뉴에 맞는 배너 크기를 사용하는 것이 좋습니다 그것은 네비게이션 영역의 선택 사항입니다 이제 헤더 설정으로갑니다 페이지의 헤더 레이아웃은 여기에서 변경할 수 있습니다 제가 말씀 드리는 것을보기 위해 샘플 페이지로가 봅시다

기본 설정은 이미지 위에 페이지의 제목과 함께 설정됩니다 다음 옵션을 클릭하면 제목이 이미지 아래로 이동하고 세 번째 옵션은 헤더 이미지 위에 제목을 밀어 넣습니다 정확히 어떻게 작동하는지 보려면 여기에 새 이미지를 추가해야합니다 원하는 이미지를 선택하거나 업로드하고 헤더 영역에서 잘 보이게 자릅니다 그리고 그게 다야

무작위로 더 많은 이미지를 표시하려면 원하는만큼 새로운 이미지를 추가하십시오 "업로드 한 헤더를 무작위로 생성"을 클릭하십시오 색상을 대신 사용하려면 여기에 색상을 설정 한 다음 변경 사항을 게시하십시오 웹 사이트에서 두 가지 색상을 변경할 수 있습니다 배경색과 악센트 색상

배경을 흰색으로 선택하고 악센트 색상을 녹색으로 선택하여 볼 수 있습니다 공장 여기에서 원하는 색상을 선택하고 다음 단계로 이동하십시오 여기서 블로그 페이지에 표시 할 카테고리를 선택할 수 있습니다 기본적으로 블로그 페이지에는 어떤 카테고리에 상관없이 최신 블로그 게시물이 표시됩니다

이 옵션을 사용하여 블로그에 표시 할 내용을 선택할 수 있습니다 페이지 더 아래로, 당신은 견인 모델 사이에서 귀하의 블로그 레이아웃을 선택할 수 있습니다 그런 다음 블로그 카테고리를 표시하는 방법을 선택할 수 있습니다 None, First 또는 All

귀하의 블로그 페이지에있는 블로그 게시물은 기본적으로 발췌 내용 만 표시하지만 선택할 수 있습니다 블로그 게시물에있는 모든 콘텐츠를 표시 할 수도 있습니다 위의 드롭 다운에서 발췌 옵션을 선택한 경우 몇자를 설정할 수 있습니다 발췌 길이가 여기 있습니다 마지막으로 블로그 페이지를 마지막 기사까지 무한대로 스크롤하도록 설정하려면 블로그에서이 드롭 다운에서 무한 스크롤을 선택하십시오 보시다시피 여기에 새 메뉴를 추가하거나 기존 메뉴를 편집 할 수 있습니다

게다가 Orbit Fox 플러그인에서 메뉴 아이콘을 사용할 수 있지만 아이콘 추가 방법 대시 보드를 통해 메뉴의 설정에 액세스해야 메뉴 항목에 액세스 할 수 있습니다 이를 수행하려면 사용자 정의 프로그램을 닫고 모양 / 메뉴로 가십시오 메뉴 항목의 왼쪽에있는 더하기 기호를 클릭하고 집, 블로그 쓰기 – 블로그 등등 메뉴, 기본 메뉴의 표시 위치를 설정하십시오

이 경우 메뉴를 저장하고 완료되었습니다 메가 메뉴를 만드는 방법을보고 싶으십니까? 위의 권장 비디오의 단계를 따르십시오 그러면 수행 방법을 정확하게 배웁니다 그 이제 메뉴 앵커를 사용하는 방법과 메뉴 앵커를 가져올 위치를 살펴볼 차례입니다

설명 상자에있는 Hestia 설명서에서이 모든 것을 찾을 수 있습니다 아래, 알았지? 데모의 "섹션"메뉴 항목은 내가 어떻게 만들어 지므로 어떻게 작동하는지 볼 수 있습니다 그렇게하려면 외모로 나서 메뉴를 클릭하십시오 기본 메뉴를 선택하고 새 맞춤 링크를 만들어 시작하십시오 URL 입력란에 #을 입력하고 섹션 이름을 지정한 다음 메뉴에 추가하십시오

원하는 위치로 드래그하고 메뉴 항목에 아이콘을 추가 한 다음 계속하십시오 드롭 다운에 표시되는 하위 메뉴 항목을 만듭니다 첫 번째 요소는 #features 앵커를 사용하므로 다른 맞춤 링크를 만들어야합니다 요소를 사용하지만 이번에는 메뉴 항목을 원하는 섹션의 앵커가 링크가됩니다 클릭시 탐색 할 수 있습니다

URL 입력란에 #features를 입력하고 아래 기능을 입력 한 다음 메뉴에 추가하십시오 다음으로해야 할 일은 "섹션"아래의 요소를 오른쪽으로 드래그하는 것입니다 이 메뉴 항목을 마우스로 가리키면 표시되는 하위 메뉴로 설정됩니다 마우스로 "섹션" 이제 해당 하위 항목에 특정 아이콘을 추가 한 다음 두 번째 하위 항목으로 계속 진행하십시오

about 섹션으로 리디렉션됩니다 URL 입력란에서 #about 앵커로 시작하고 아래 정보를 입력 한 다음 '추가'를 클릭하십시오 메뉴" 하위 메뉴에서 원하는 모든 요소와 동일한 작업을 수행하고 앵커를 사용합니다 당신은 Hestia WordPress 테마의 문서에서 볼 수 있습니다

아이콘과 마찬가지로 다양한 클래스를 사용하여 각 메뉴 항목의 스타일을 지정할 수 있습니다 메뉴에 "지금 구입"이라는 메뉴 항목을 추가하여 버튼처럼 보이게하십시오 어떻게 작동하는지 볼 수 있습니다

URL 입력란은 방문자가 제품을보기를 원하는 페이지에 대한 링크 여야합니다 또는 당신이 판매하고 싶은 서비스 물론이 항목에 아이콘을 추가 할 수도 있습니다 그런 다음 CSS 클래스 필드에 "btn"클래스를 추가해야합니다 아래 옵션에서 CSS 입력란이 보이지 않으면 화면 옵션으로 이동하여 이 상자를 선택하십시오

이제 "btn"클래스 다음에 "btn-primary"를 추가하십시오 사이트를 지금 방문하면 사용자 정의 도구에서 설정 한 색상을 사용하는 것을 볼 수 있습니다 악센트 색상 메뉴 설정으로 돌아가서 "btn-round"클래스를 추가하면 버튼에 둥근 테두리가 표시됩니다 승인? 또한 웹 사이트의 바닥 글 영역에 메뉴를 만들려면 뒤로 이동하십시오 대시 보드의 메뉴 섹션으로 이동하여 footer라는 새 메뉴를 만들고 항목을 추가하십시오 그 메뉴에 넣고 싶다면 "바닥 글 메뉴"로 설정 한 다음 변경 사항을 저장하십시오

그게 전부 야 우리는 메뉴로 끝난다 블로그 게시물 및 페이지에서 위젯 영역을 활성화 한 경우 위젯을 추가 할 수 있습니다 거기 그렇게 Appearance로 이동 한 다음 Widgets을 클릭하십시오 이곳에서 모든 위젯을 찾을 수 있습니다

기본적으로 편집, 삭제 또는 새 위젯을 추가 할 수있는 여섯 개의 위젯이 있습니다 게다가 예를 들어 SendinBlue 위젯을 여기로 드래그하면 SUbscribe 옵션이 활성화 된 것을 볼 수 있습니다 귀하의 페이지 및 블로그 게시물의 사이드 바에도 있습니다 여기서 세 개의 독립적 인 위젯 영역이 있음을 알 수 있습니다 꼬리말 1, 꼬리말 2 및 꼬리말 3

Footer One에 텍스트 위젯을 추가해 보겠습니다 데모 컨텐츠, 바닥 글 두 바닥 글 3에 Instagram 피드 위젯이 있습니다 Instagram 위젯을 사용하려면 Instagram을 설치하고 활성화해야합니다 피드 플러그인, 귀하의 계정과 연결하고 그게 다예요 이러한 통합 작업을 단계별로 수행하는 방법을 보려면 위의 권장 비디오를 확인하십시오 마지막으로, 귀하의 Hestia 웹 사이트가 완료되었습니다

이제 홍보를 시작하고 트래픽을 보내야합니다 Orbit Fox 플러그인에서 소셜 공유 옵션을 활성화하여 방문자가 귀하의 콘텐츠를 공유 할 수 있습니다 화면에서 다른 추천 동영상을 보게되므로 옆에있는 동영상을 시청하십시오 귀하의 새로운 웹 사이트 바라기를,이 튜토리얼은 도움이 되었기를 바랍니다

그렇다면 엄지 손가락을 올려주세요 또한 가입을 고려하십시오 매주 WordPress 자습서 및 안내서를 게시하고 내가 남긴 모든 질문에 답변합니다 아래의 설명 섹션에서

Juster – WordPress Theme One Click Installation

이 비디오에서 우리는 정당한 다목적 WordPress 테마를 설치하려고합니다 그 폴더 안에는 juster

zip과 juster-childzip 파일들이 설치 가능한 테마 파일들입니다 모든 컨텐츠 폴더에는 더미 데이터, 위젯 및 테마 옵션 파일이 있습니다 – 각 카테고리에 기반합니다 슬라이더 폴더에서 모든 카테고리의 혁명 슬라이더 zip 파일을 가져올 수 있습니다 자, 이제 우리 사이트에 Juster – One Page 카테고리를 설치하겠습니다

고토 : 모양> 테마 새로 추가를 클릭하십시오 찾아보기 및 업로드 justerzip 메인 테마 파일

지금 설치를 클릭하십시오! 인터넷 연결에 따라 시간이 좀 걸립니다 그런 다음 테마 페이지로 돌아 가기를 클릭하십시오 이제 juster-childzip 패키지를 다시 설치하십시오 테마 핵심 파일을 편집하려면 하위 테마를 사용할 수 있습니다! 부모 테마의 파일을 편집하지 마십시오! 그런 다음 테마 페이지가 리디렉션되어 필요한 플러그인을 설치합니다

필요에 따라 플러그인을 설치하십시오! 인터넷 속도에 따라 약간의 시간이 걸립니다 그런 다음 Return to Plugins Installer Page를 클릭하십시오! 활성화하려면 설치된 플러그인을 선택하십시오! 플러그인 활성화! 그런 다음, Appearance Sub Menu에서 Install – One Click Install Menu를 클릭하십시오 데모를 선택하고 데모 데이터 가져 오기 버튼을 클릭하십시오 이 비디오에서는 한 페이지를 설치하고 있습니다 선택한 카테고리와 인터넷 연결 속도에 따라 몇 초 걸립니다! 그런 다음 이동 : 모양> 메뉴 체크, 메인 메뉴 체크 박스

그리고 메뉴 저장을 클릭하십시오! 그런 다음 이동 : 설정> 영구 링크 선택 : 게시물 이름 그리고 그것을 구 해주세요! 그런 다음 이동 : 설정> 독서 확인, 정적 페이지 그런 다음 프론트 및 포스트 페이지를 선택하십시오 그런 다음 저장을 클릭하십시오 그런 다음 고토 : 혁명 슬라이더

"슬라이더 가져 오기"를 클릭하십시오 데모 데이터> 슬라이더 [폴더]에서 슬라이더를 선택하십시오 정적 스타일 : 추가! 슬라이더를 성공적으로 가져 왔습니다! 우리 사이트 미리보기보세요! 라이브 데모 사이트처럼 모든 것이 성공적으로 가져 왔습니다! 우리의 테마를 구입해 주셔서 대단히 감사합니다! 이 비디오 설명에 다른 정보가 있습니다!

SEO Expert Adam Binder Explains How Jupiter X WordPress Theme Helps With SEO

목성 테마는 속도면에서 뛰어나다 버전 5 로의 업그레이드로 더욱 좋아졌습니다

그리고 그것은 또한 정말로 멋진 것들을합니다 내가 다른 주제를 본 적이없는 것처럼 맞춤 게시물 유형을 사용 중지 할 수있는 위치 그래서 목성에는 많은 훌륭한 기능들이 있지만 우리는 모든 웹 사이트에서 모든 것을 사용하지 않습니다 우리는 필요한 것을 사용하고 나머지는 사용하지 않도록 설정합니다 위대하다 어떤 사이트에서는 3 가지 기능을 사용할 수 있습니다

다른 사람들은 아마 10 명이지만, 나는 그들 모두를 사용한 적이 없다고 생각합니다 우리가 사용하지 않는 것들을 끌 수있는 것이 정말 좋습니다 Google지도가 내장되어 있다는 사실 도움이된다면 사용자에게 도움이 될 것입니다 검색 엔진이 사용자의 위치를 ​​파악하는 데 도움이됩니다 Google이하는 일 중 하나는 비즈니스에서 프로필을 만드는 것입니다

웹에서 귀하의 모든 인용문을 확인합니다 정보가 정확한지 확인하기 위해 Jupiter 테마를 사용하면 아름다운지도를 쉽게 만들 수 있습니다 이제 버전 5에서 여러 핀을 가질 수 있음을 알았습니다 당신은 핀을 사용자 정의 할 수 있습니다 색상을 사용자 정의 내 말은 기술적 인 관점에서 볼 때 좋을뿐만 아니라 그것은 당신이 우리가 그것을 사랑하는 우리의 고객을 사랑 알아 화려한 너는 그것이 승자라는 것을 안다 YouTube 동영상을 퍼가는 기능을 알고 있습니다

매우 쉽게 아주 좋습니다 우리는 항상 YouTube 동영상을 사용했음을 알고 있습니다 하지만 목성과 함께하면 당신은 URL에 팝업 및 나타납니다 페이지 빌더와 함께 배치하는 것이 쉽다는 것을 알고 있습니다 많은 사람들이 이것을 몰라요

YouTube는 Google 소유입니다 두 번째로 큰 검색 엔진 YouTube는 실제로 Bing과 Yahoo보다 큽니다 귀하의 웹 사이트에 해당 동영상을 올리면 웹 사이트를 더 잘 보이게 만들고 있습니다 어떤 경우에는 실제로 동영상의 순위를 결정하게됩니다 그래서 그것은 정말 승자입니다

나는 멋진 제목을 좋아하고 어떻게 조작 할 수 있습니까? 표제 당신은 H 태그가 당신이 원하는 것처럼 보일 것을 압니다 그래서 기본적으로 나는 많은 아마추어 웹 마스터를 안다 또는 사업자가 H 태그를 조작합니다 그들은 그들이 순수하게 화장품 일이라고 생각합니다 하지만 원하는대로 보이게 할 수 있습니다

목성 테마를 사용하고 여전히 SEO 혜택을 얻으십시오 주요 열쇠 문구를 감싸서 H1 또는 H2 태그에서 우리가 많이하는 다른 것들 중 하나는 전환율 최적화입니다 Jupiter를 사용하여 웹 사이트의 최신 버전을 출시 한 이래로 전환 수를 늘릴 수 있다는 것을 알았습니다 현재 거의 4 %에 육박하고 있습니다 1 % 그래서 우리는 계속 가열지도를 사용하고 있습니다

및 기타 시각화 도구 하지만 네 말이 맞아 우리는 많은 버튼을 추가한다 우리는 우리의 사이트를 대화 형으로 만들고 싶습니다 너무 많은 사이트는 순전히 정보 용입니다 당신은 당신이 당신의 SEO를 위해하고 싶은 것들 중 하나를 안다

이탈률을 낮 춥니 다 사람들이 웹 사이트를 클릭하도록 유도하면됩니다 그래서 우리는 사람들에게 그 일을 할 수있는 많은 기회를 제공한다는 것을 알고 있습니다 사용자가 원하는 것을 얻을 수 있도록 사용자를 만들면 안됩니다 아주 쉬워야 해

목성은 사랑스러운 메가 메뉴입니다 네가 가지고있을 때 위대하다 당신은 많은 정보를 가지고있는 웹 사이트를 알고 있습니다 우리는 우리 사이트에서 그것을 사용한다 우리는 실제로 그것을 최근에 업데이트했습니다

거기에 멋진 이미지가 있습니다 또 다른 큰 특징이다 이미지 배경이나 이미지를 링크로 사용할 수있는 능력 정말 근사하다 우리는 더 많은 클릭을 얻었습니다 우리는 creative 360이라는 새로운 계획을 시작했습니다

새로운 마케팅 프로그램입니다 메가 메뉴에 넣었으니 이미지로서 더 많은 클릭이 발생했습니다 그래서 우리는 항상 테스트하고 개선하기 위해 항상 노력하고 있습니다 뿐만 아니라 우리의 SEO 뿐만 아니라 우리의 전환 왜냐하면 아름다운 사이트를 만들기 위해 돈을 지출하기 때문에 그리고 당신은 그것에 교통을 몰기 위해 돈을 소비합니다 당신은 또한 그 방문자가 가지고 가고있다는 것을 확인하고 싶다 원하는 행동 기본적으로 우리가 전환 한 지 약 1 년 만에 목성 테마로 우리의 SEO는 폭등했다

너 알지 그 중 일부는 분명히 우리가 주제에서 얻은 도움 때문입니다 너는 내가 전에 토론 한 것들을 안다 우리의 큰 성공 중 하나가 움직이는 회사라고 생각합니다 Meelheimsmoving 약 4 개월 만에 우리는 그것들을 기본적으로 어디에서나 발견했습니다

정적 HTML 사이트를 대체했습니다 과 이제 그들은 수십 개의 용어에 대해 1 위를 차지했습니다 8 가지 조건으로 Google지도에 있습니다 첫 번째 위치에 실제로 사업이 바뀌 었습니다 우리는 그 결과를 얻고 있습니다

많은 고객을위한 당신은 알고 있고 많은 사람들이 목성 테마를 사용하고 있습니다 우리 사업에 큰 도움이되었습니다 함께 일하는 것이 즐겁습니다 너 알지 그리고 나는 다른 주제와 같은 느낌을 받는다

나는 결국 벽돌 벽으로 뛰어 드는 것을 끝낸다 당신이 할 수있는 것만으로도 CSS에서 단지 시간을 보내는 것을 정말로 좋아합니다 목성에는 여러 가지 옵션이 있습니다 당신은 시도하고 할 새로운 것들을 실행하지 마십시오 당신은 변호사를위한 웹 사이트를 만들고 싶은지 알고 있습니다

그것은 심각하고 선미하다 귀엽고 재미있는 유치원 웹 사이트를 만들고 싶습니다 목성은 그것을 할 수있다 그리고 당신도 잘 통합되어 있다는 것을 압니다 우리가 사용하고자하는 주요 플러그인 내가 요괴를 가졌다는 걸 알 잖아

특정 테마로 작동하지 않는다 목성에서 결코 문제가되지 않습니다 분석 또는 너 알지 모든 것이 원활하게 작동합니다 Twitter API 통합이 있다는 사실 그냥 잘 작동 해

심지어 맞춤 자바 스크립트 상자 네가 필요로하는 모든 것이 생각났다 WooCommerce를 사용하면 카탈로그 모드를 수행 할 수 있습니다 다른 모든 테마에는 플러그인이 필요합니다 목성은 스위치를 치다 우리가 전자 상거래에서 성공했음을 자랑스럽게 생각합니다

당신은 단지 웹 사이트 그 이상인 SEO를 알고 있습니다 비즈니스 도구 인 것 같아 당신은 그것이 마케팅 도구라는 것을 압니다 그것은 매우 다목적이며 그것은 많은 사람들을 도왔다 너 알지

내 사업을 만나다 기타 사업 지원 그 다음 당신이 알고있는 사람은 그 자신의 삶을 취한다