how to add sidebar widgets to wordpress theme

이 비디오에서 나는 어떻게 당신이 추가하거나 워드 프레스 위젯을 제거 할 수 있는지 설명하려고 노력했다 귀하의 웹 사이트의 사이드 바

이것은 매우 간단하고 쉽습니다 그냥 관리자를 엽니 다 귀하의 웹 사이트 패널 http://yourwebsitecom/wp-admin과 같은 그런 다음 대시 보드에서 모양을 클릭하십시오 위젯을 클릭하십시오

기본 위젯 영역을 클릭하고 불필요한 위젯을 잡고 왼쪽 섹션으로 드래그하십시오 마찬가지로 기본 텍스트의 기본 위젯 영역에 원하는 위젯을 추가하십시오 또한 사이드 바의 텍스트 위젯에 페이스 북과 유사한 상자를 삽입하는 방법을 설명했습니다 페이스 북 검색 검색 상자 상단에 첫 번째 링크를 엽니 다 url에서 당신은 당신의 페이지를 선택해야만합니다

에 코드를 얻을 iframe에서 코드를 복사하여 텍스트 위젯 설명에 붙여넣고 제목을 지정하십시오 이 텍스트로 우리처럼

How To Change The Page Template In WordPress

Themeislecom의 Robert입니다

안녕하세요, WordPress로 페이지 템플릿을 수정하는 방법에 대한 짧은 동영상에 오신 것을 환영합니다 다른 템플릿을 가진 테마 WordPress 테마 파일은 기본 페이지 템플릿 (pagephp)을 포함해야합니다 이 데모에서는 여섯 가지 페이지 템플리트가있는 SHOPISLE PRO WordPress 테마를 사용하겠습니다

당신이 사용할 수있는 또한 테마에는 콘텐츠를 표시하기위한 하나 이상의 사용자 정의 페이지 템플릿이있을 수 있습니다 더 넓은 컬럼에서 또는 사용자 정의 템플릿을 만들 수도 있습니다 놀랍도록 드래그 앤 드롭 페이지 빌더를 사용하는 방법에 대한 비디오를 하나 더 확인하십시오 모든 위치에 사용자 정의 컨텐츠가있는 전폭 페이지

템플릿 드롭 다운을 사용하면 개별 페이지에 맞춤 템플릿을 할당 할 수 있습니다 페이지 편집 화면 목록에서 템플리트를 선택하고 예를 들어 연락처 페이지를 누른 다음 갱신 단추를 누르고, 또는 아직 게시되지 않은 경우 초안 저장을 누릅니다 모든 페이지 화면의 빠른 편집 및 대량 편집 옵션에는 템플리트 드롭 다운이 있습니다 템플릿 목록은 사용자 지정 페이지 템플릿 파일이 적어도 하나 이상있는 경우에만 표시됩니다

활성 테마의 폴더 테마를 변경하면 이전에 활성화 된 테마의 페이지 템플릿이 디스플레이 템플릿 목록은 페이지 편집 화면을보고있는 경우에만 표시됩니다 (페이지 템플리트는 게시물 또는 사용자 정의 게시물 유형의 기본 옵션이 아닙니다)

WordPress Anchor Link: How to Add a Smooth Page Scroll

안녕하세요이 비디오의 인터넷 사용자 추가 방법을 두 가지 방법으로 보여 드리겠습니다 귀하의 워드 프레스 게시물에 앵커 링크하지만,이 페이지 및 메뉴에서도 작동합니다

또한 어떻게 도달 할 수 있는지 보여 드리겠습니다 이 후에 다른 페이지에서 앵커하기 비디오를 통해 자신이이 중 하나를 얻을 수 있습니다 숙녀들이 연결할 수 있도록 문신 어디서나 당신을 알았어 가장 간단한 방법은 WordPress에 앵커 링크를 추가하십시오 여기에 어떤 플러그인도 필요하지 않습니다

앵커 링크를 클릭하면 링크를 클릭하면 같은 페이지이고 플러그인이 필요합니다 스크롤을 부드럽게 만들고 싶다면 시작하자 WordPress에 로그인하고 수정하고 탐색하려는 소식 당신이 만들고 싶은 텍스트에 anchor link이 텍스트를 여기를 클릭하고 지금 URL을 클릭하여 섹션에 해쉬 기호를 써야합니다 이름 앞에 사용하고 아무 것도 사용하지 마십시오 원하는 경우 특수 문자 또는 공백 하이픈을 사용할 수있는 별도의 단어 이름은 무엇이든 될 수 있지만 나는 만들고 싶어한다 이 섹션과 관련이 있으므로 여기에 넣어주는 예 해시 태그 앵커 – 링 – 정보 및 지금이 링크 저장하기 새 링크를 클릭하면 웹 사이트 여기를 제외하고는 아무 일도 일어나지 않습니다

URL에 내가 이것을 가지고 있음을 알 수 있습니다 해시 앵커 또는 링크 정보 우리는 링크를 설정했지만 브라우저는 앵커 태그가 어디에 있는지 모릅니다 그래서 그것을 추가하자 누군가가 표시 할 때 표시하려는 섹션 방금 만든 링크를 클릭하십시오 내가 보통 연결된 텍스트 강조 이 머리글은 여기 내가 좋아하는 것 같아

이건 이제 h2 스위치를해야합니다 비주얼에서 텍스트로의 모드는 이제 강조 표시된 텍스트를 볼 수 있습니다 제목이 일종의 내 경우 엔 컨테이너가 h2에 불과하다 머리말 2를위한 약간 HTML 부호 그래서하자 여기에 약간의 공간을 만들자 h2에 다음 ID를 추가합니다

큰 따옴표 닻 – 링크 – info double 이 경우 ID를 추가 할 때 따옴표 붙이십시오 ID 때문에 해시가 필요하지 않습니다 기본적으로 이미 해시를 의미하므로 이 부분에 타이핑 할 때 빠져 나오십시오 ID는 고유해야 함을 기억하십시오 페이지를 틀거나 다른 것을 깨뜨릴 수도 있습니다

저장하고 보러 간다면 JavaScript가 지금 있습니다 프런트 엔드에서 페이지를 새로 고침 이 링크를 클릭하면보실 수 있습니다 그것은 아래의 섹션 방법으로 나를 데려 간다 놀랍고 당신이 기분이 좋다는 걸 알아요 이 남자 이제 스크롤은 매우 갑작 스럽지만 당신이 원한다면 설치하는 것이 정말 간단합니다

우리는 자바 스크립트가 필요하거나 플러그인 사용하기 어떻게하는지 보여 드리겠습니다 잠시 후에 플러그인을 사용하면 먼저 내가 어떻게 링크 할 수 있는지 보여 주겠다 다른 페이지에서이 섹션을 열면 새 브라우저 창에서 URL을 가져옵니다 기사와 URL 끝에 내 경우에는 앵커 태그를 추가하십시오 해시 태그 앵커 링크 정보 및 적중 입력하고 오른쪽에 페이지가 열립니다

섹션에서 볼 수 있듯이 이 URL을 링크 나 페이지에 추가하십시오 메뉴에서 이렇게하면 작동합니다 해시 태그는 브라우저에 보고 싶은 부분 만 확인하십시오 해시 태그를 두 번 확인하면 이런 식으로 끝내지 마 이제 작은 페이지 스크롤이 필요한 경우 앵커 링크를 클릭하면 이걸로 뭔가 필요한거야

일부 JavaScript는 가장 쉬운 방법입니다 페이지 스크롤이라는 플러그인을 설치하십시오 ID가 있으므로 플러그인으로 이동하여 새 플러그인을 추가하십시오 검색 상자 유형 페이지가 ID로 스크롤됩니다 플러그인을 설치하면 이제이 플러그인을 활성화하십시오

다양한 설정을 많이 할 수 있습니다 원한다면 그들과 놀아 라 당신이 할 수있는 환경에서 찾을 수 있습니다 왼쪽 페이지에서 ID로 스크롤하십시오 다양한 설정이 있지만 기본 설정은 정말 괜찮은 일을한다

그래서 나는 모든 것을 이 게시물에 다시 가자 이전에 준비된 그래서 우리는 우리가 전에 추가 했으므로 깨끗한 슬레이트가 플러그인을 사용하므로 그냥 링크를 삭제 한 다음 아래로 스크롤하십시오 텍스트보기로 변경하고 ID를 제거하십시오 그리고 닻과 거기에서 볼 수있는 것처럼 첫 번째 아이콘은 두 개의 새 아이콘입니다 링크를 설정하고 땡기가 닻이고 추가하자

이 텍스트에 대한 새 링크이므로 해시 태그 앵커 링크 정보 포함 여기 그리고 너에게 필요한 또 다른 일 이 클래스 이름은 다음과 같습니다 플러그인을 사용하도록 WordPress에 알립니다 ps / 2 ID를 사용자 정의 클래스에 추가하십시오 이런 식으로 우리가 텍스트보기가 추가 된 것을 볼 수 있습니다 이것 같이 ID에 새로운 종류 PS는 이렇게 모두이다 좋아 이제 포인트까지 스크롤해라

당신이 원하는 앵커를 헤더 바로 뒤에 커서를 놓는다 불즈 아이 아이콘을 클릭합니다 해시 태그없이 아이디어를 추가하고 클릭하면 WordPress가 표시됩니다 그 짧은 코드는 괜찮을거야 웹 사이트에 표시되지 않습니다

웹 사이트에 알려주기위한 방법 스크롤하여 저장하는 것을 잊지 마세요 변경 사항을 살펴 보겠습니다 옆에있는 것 같아 그래서 내가 새롭게하면 링크를 클릭하면 앵커에게 부드럽게 스크롤하고 쇼트 코드가 나타나지 않는 것을 볼 수 있습니다

어디서나 여러 앵커를 가질 수 있습니다 한 페이지에 태그를 달아서 설정하십시오 그들 고유 ID 및 당신은 갈 수있을거야 내 이름은 로버트 야 네가 찾고 있다면

디지털 세계를 마스터하는 동안 즐겁게하는 것은 이것이 채널입니다 당신이 그렇게 가입 버튼을 누르면 당신이 얻을 수 있도록 종 아이콘을 찾으십시오 새 동영상에 대한 알림과 여기 있습니다 WordPress와 관련된 두 개의 동영상이 있습니다 유용한 find을 찾을 수있다

How To Create a Popup Email Subscription Box For WordPress

안녕 친구, 안녕하세요? "How To YouTube"에 오신 것을 환영합니다 오늘은이 비디오 튜토리얼에서 가르쳐 줄 것입니다

팝업 이메일을 만드는 방법 WordPress 블로그의 구독 위젯 이 튜토리얼에서는 가장 쉬운 방법을 가르쳐 줄 것입니다 이메일 팝업을 만드는 방법 WordPress 블로그의 구독 위젯 이 방법은 매우 간단하고 쉽습니다 모든 플러그인에 대해 지불 할 필요가 없습니다 그래서 여기에 데모를 볼 수 있습니다 이 위젯 유형을 사용하면 이 위젯 유형 및 위젯 유형 전자 메일 구독을 사용할 수 있습니다

꼬리말과 헤더의 위젯 또는 미니 이메일 구독 위젯을 사용할 수 있습니다 이런 종류의 그럼,하자 먼저 필요한 모든 것을 시작하십시오 더보기 버튼을 클릭하십시오

이 비디오에 대한 설명과 그런 다음 해당 URL을 주소에 붙여 넣습니다 바를 입력하고 여기에 엔터 키를 치면됩니다 이 가입 버튼을 클릭하려면 여기를 클릭하십시오 이메일 주소를 입력하십시오 무료 버튼 신청 다음 단계에서 당신은 암호 그래서 여기에 강한 선택해야합니다 패스워드 나는 간단한 것을 고를 것이다

여기에 웹 사이트의 주소를 입력해야합니다 그래서, 귀하의 웹 사이트로 이동하여 웹 사이트 URL을 붙여서 해당 URL 붙여 넣기 여기에서 계속 버튼을 클릭하십시오 이제 여기에있는 코드를 볼 수 있습니다 WordPress 블로그에 설치하십시오 당신이 사용하고 있기 때문에 WordPress에서 다운로드를 클릭하십시오

플러그인 링크를 클릭하면 링크가 여기에서 새 탭을 아래로 스크롤하면 여기에서 플러그인을 다운로드하십시오 이 버튼을 눌러 다운로드하십시오 컴퓨터에 플러그인이있다 내 컴퓨터에 다운로드 된 사이트에 로그인하십시오 플러그인을 클릭하면 그런 다음 플러그인 추가를 클릭하십시오

여기에서 업로드 플러그인을 클릭하십시오 여기서 파일을 선택하십시오 방금 다운로드 한 플러그인 그래서 여기에 플러그인을 찾으려면 나는 해당 탭을 누른 후 플러그인 찾기 열기 버튼을 클릭하면 이제 플러그인이 설치됩니다 귀하의 사이트에 업로드를 시작하면 크기가 25KB이기 때문에 몇 초가 걸립니다 플러그인이 업로드되면 귀하의 사이트를 클릭하면 활성화 된 플러그 인 버튼을 누르면 WordPress 블로그에 연결하십시오

이제 플러그인이 활성화되면 에서 사이트 컨트롤 가져 오기 메뉴가 표시됩니다 왼쪽 사이드 바 마우스를 가리 키기 만하면됩니다 로그인 버튼을 클릭하십시오 여기에 우리가 가지고있는 이메일을 입력해야합니다

Get Set 컨트롤에 가입하는 데 사용됩니다 이전 단계에서 이메일을 입력하십시오 네가 사용했던 주소 비밀 번호를 입력하고를 클릭하십시오 지금 로그인 버튼을 클릭하면 로그인됩니다 사이트 제어를 얻으려면 여기에 사이트를 선택한 다음를 클릭하십시오

이제 대시 보드로 이동하여 이동하십시오 사이트 설정, 설치 여기에 설치로 가서 코드 확인을 클릭하십시오 버튼을 클릭하면 코드를 확인할 수 있습니다 이제 귀하의 사이트를 볼 수 있습니다 인스톨되었다는 것은 플러그인이 있음을 의미합니다

우리 사이트에서 올바르게 활성화되었습니다 뒤를 클릭하면 위젯 버튼을 만든 다음 지금 가입하십시오 Appearence of the Appearence를 선택하십시오 팝업 이메일 구독 위젯 for 귀하의 WordPress에 블로그 나는 함께 갈거야 그 후에 전체 화면을 선택하면 그림 물감 배경색 색상 표 텍스트 색상 일반 텍스트 색상 및 테마를 적용하고 여기에서 선택할 수 있습니다

글꼴 여기에서 애니메이션을 선택할 수 있습니다 그런 다음 내용 탭으로 이동해야합니다 여기에서 제목을 편집 할 수 있습니다 여기서 설명을 변경할 수 있습니다

여기에서 사용자가 원하는 필드를 선택할 수 있습니다 예를 들어 이메일 주소를 추가 할 수 있습니다 이름과 이메일 모두 주소 또는 이메일 주소 구독 버튼을 수정할 수 있습니다 예를 들어, 그렇게 할 수 있습니다 이제 여기에 간단한 메모를 쓸 수 있습니다

네가 원한다면 지금 네가 할 수있어 다음 탭은 성공적인 메시지 일 때 누군가가 귀하의 블로그에 가입 할 것입니다 메시지가 표시됩니다 감사하다는 표제를 말할 수 있습니다 할 수있는 설명을 쓰십시오

사용자를 URL로 리디렉션합니다 예를 들어 리디렉션 URL과 여기에 URL을 붙여 넣으십시오 이제 동작을 클릭하십시오 여기에서 얼마를 선택할 수 있습니다 시간에이 위젯을 표시 하시겠습니까? 귀하의 방문자

그것은 다음과 같은 조건하에 있습니다 5 초 후에 한 번만 매주 네가 원하는 걸 네가 할 수있어 이제 여기서 타겟팅을 선택할 수 있습니다 예를 들어이 위젯을 표시하려면 이 특정 페이지 만 클릭하면됩니다

또한 이것을 선택하십시오 표시하지 않음을 선택할 수 있습니다 여기에 URL을 붙여 넣으십시오 위젯은 해당 URL에 표시되지 않습니다 이제는 모두 완료되었습니다

이제 여기에서 필요한 통합을위한 통합을 선택할 수도 있습니다 거기에 가입 할 수있는 프리미엄 플랜 이것을 MailChimp와 통합하십시오 또는 네가 원하는 다른 것들과 함께하지만 지금은 나야 클릭 한 후에는이 작업을 수행하지 않을 것입니다 확인 버튼을 누릅니다

이제 모두 완료되었습니다 이제 확인을 클릭하십시오 버튼을 클릭하면 위젯이 생성되었습니다 지금 활성화 버튼을 클릭하기 만하면됩니다 팝업 전자 메일 구독 위젯이 WordPress 블로그에서 활성화되었습니다

How To Reset A WordPress Website Back To Default 🙀 – Better Than Reinstalling WordPress

다른 동영상으로 돌아온 것을 환영합니다 내 이름은 WPCrafter

com의 Adam입니다 비 – 기술자 나는이 비디오에서 정말 깔끔한 것을 보여줄 것입니다 WordPress 기반 웹 사이트를 구축하고 내가 재설정하고 싶은 것을 알게되었습니다 다시 처음 설치했을 때의 모습으로 돌아가고 싶습니다 게시물 태그, 테마 및 플러그인 등 모든 게시물을 입력하면됩니다

설정은 모든 것을 닦아 내고 WordPress를 재설정하고 처음에는 어떻게해야합니까? 이 비디오에서 실제로 아무것도 할 필요가없는 무료 플러그인을 사용하고 3 가지가 있습니다 단계가 다운로드하고 플러그인을 설치하려고했는데 우리는 WordPress를 재설정하려고합니다 데이터베이스를 작성하고 테마와 플러그인을보고 원하는 것을 결정하십시오 유지하기 위해 우리가 모두 삭제하고자하는 것들은 단지 몇 분 밖에 걸리지 않아야합니다 무슨 일을 할 것인가는 실제로이 플러그인을 사용하는 것입니다

바로 여기에서 무료입니다 WordPress입니다 데이터베이스 리셋 등이 여기에서 바로 리셋 할 사이트입니다 나는 거기에 내 사이트 제목을 가지고 있고 모든 페이지가있어 안녕하세요 세계 게시물이지만 여기에 페이지가 있으며 테마 및 플러그인과 모든 종류의 것들이 있습니다 첫 번째 단계는이 플러그를 설치하는 것입니다

방금 플러그인에 대해 이야기 한 다음 새로 추가를 클릭 한 다음 바로 여기에 다음 플러그인 이름을 입력하십시오 지금 설치를 클릭하면됩니다 나는 계속 진행중이며 활성화되어 있으며 도구 아래에 새로운 옵션을 추가 할 것입니다 그래서 도구를 보았습니까?이 옵션은 데이터베이스 리셋입니다 이제는주의해야 할 단어 하나 하나가 완전히 지워질 것입니다

백업 및 나는 그것에 비디오를 가지고 있지만 이것은 모든 것을 완전히 파괴 할 수있다 첫 번째 단계로 바로 닦으십시오 원하는 경우 옵션을 제공합니다 데이터베이스에서 테이블을 선택하지만 우리가 원하는 것은 모든 것을 리셋해야한다는 것입니다 정렬을 선택하고 모두 선택을 클릭하면 모든 단일 테이블을 선택합니다

이 워드 프레스 데이터베이스를 구성하는 것은 바로 여기에 우리가 다시 활성화하려는 경우 옵션입니다 우리가 데이터베이스를 리셋 한 후에 테마와 플러그인은 체크하지 않은 채로 다음 단계로 이동하여 원하지 않는 플러그인에서 테마를 삭제하는 작업 이제 여기 당신의 보호를 위해이 작은 코드로 입력해야합니다 매번 다른 때마다 이것은 당신에게 브레이크를 쾅 닫는 것과 같은 것입니다 당신은 당신이하고있는 것이 파괴적이고 우연히 클릭하고 싶지 않다는 것을 알고 있습니다 버튼을 누르고 모든 것을 지우고 이걸 입력 한 다음 재설정을 클릭해야합니다 테이블 당신은이 마지막 경고를 얻고 나는 계속 나아가 야하며 이제는 괜찮아진다

모든 것을 닦아 내면 끝났습니다 내 페이지를 보면 모두 사라졌습니다 내가 WordPress를 처음 설치했을 때의 모습으로 돌아가서 샘플 페이지가 있습니다 모두 가지고 있고 이제는 할 일은 우리 플러그인을 살펴 보는 것입니다 나는 많은 플러그인을 가지고 있습니다

여기 그리고 그들은 모두 비활성화되어 원하는 플러그인을 선택할 수 있습니다 어떤 플러그인이 당신은 그렇게하지 않는다 이 상자는 여기에 모든 항목을 확인하고 일괄 처리로 강조 표시합니다 클릭 적용시 삭제할 변경 사항이 있습니다 클릭 할 때도 마찬가지입니다

좋아요, 디자인이 사라 졌음을 알았 으면 쉽게 다시 설치할 수 있지만 어쨌든 지금은 다시 설치할 수 있습니다 내가 마지막으로보아야 할 플러그인에는 모양이 없으며 내가 가진 주제는 없습니다 하나의 테마가 이미 여기에 있지만 여러 테마가있는 경우이 과정을 거쳐 삭제됩니다 당신이 테스트하고 당신이 원하지 않는 주제가 어느 것이라도 계속해서 삭제할 수 있습니다 그들 하나 하나씩 그러나 이것은 내가 가지고있는 유일한 주제입니다

그래서 그것이 전부입니다 새로 설치 한 단어로 다시 설정하는 것은이 무료를 사용하는 간단한 3 단계입니다 플러그인 WordPress 데이터베이스 재설정 및 이제 재설정 할 수 있습니다 테스트를 원한다면 정말 쉽습니다 비디오 나는 당신을위한 무료 선물이 있습니다

그러나 그것에 대해 이야기하기 전에 저는 당신에게 묻고 싶습니다 이 비디오를 아래에 엄지 손가락으로 대면 정말 도움이 될 것입니다 채널에 가입하지 않았다면 나 밖으로 나가서 구독 취소 버튼을 클릭하십시오 구독자가되어이 채널을 지원하고 언제든지 알려 주시길 바랍니다 새 동영상을 올리려면 클릭 할 수있는 구독 버튼 옆에 작은 벨이 있습니다

이 동영상에 대한 질문이나 의견이 있으면 설정하십시오 나는 아래에 코멘트 섹션이 있다고 대답하고 싶다 질문이나 의견 나는 당신에게만 코스를 만들어주는 모든 싱글에 반응합니다 WordPress의 성공에 3 단계를 호출하고 싶다면 이걸 당신에게주고 싶습니다 이 과정에 등록하려면 오른쪽 버튼을 누르십시오

그 역할을 학생으로 클릭하십시오 그것은 저에게 감사의 말입니다 나 그리고이 비디오의 끝 부분에 내가 그들을 단지 당신을 위해 만들어

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 Install AmpedSense for WordPress

방금 AmpedSense 워드 프레스 플러그인을 다운로드했고, 얼마나 쉬운 지 보여주고 싶습니다 그것을 설치하는 것입니다

가장 인기있는 방법은 귀하의 워드 프레스 관리자를 통해 그것을 업로드하는 것입니다 '플러그인'메뉴에서 '새로 추가'를 선택하십시오 '업로드'버튼을 찾은 다음 '다음을 선택하십시오 파일 "을 선택하고 zip 파일이있는 위치로 이동 한 다음 지금 설치를 클릭하십시오! 그것을 풀고 자동으로 설치합니다 다음을 클릭하여 플러그인을 '활성화'하십시오

완전한 'AmpedSense'라는 새로운 사이드 바 옵션이 있습니다 시작하는 데 도움이되는 몇 가지 팁이 있습니다 가장 중요한 것은 게시자 ID 설정입니다 설정 페이지로 이동하여 애드 센스 게시자 ID를 입력하십시오

애드 센스, 설정 페이지, 계정 정보 탭에서 복사하여 붙여 넣기하고 저장을 클릭하면 준비가 완료됩니다 테스트를 분할하는 광고 레시피를 만들어 애드 센스 수익을 최적화하십시오! 분할 테스트 설정에 대한 다른 자습서를 확인하십시오 일단 당신은 약간 조리법이 있으면 달리기를하고 그들이 어떻게 수행하고 있는지보고 싶으면 통계를 확인할 시간이 될 것입니다 기본적으로 애드 센스에서 링크를 클릭하고 보고서를보아야 만 광고 실적 – 통계를보고 결정을 내리는 데 필요한 것이지만 인기가 있습니다 사용 가능하게하는 기능인은 '통합보고'입니다

통합 된보고를 통해 성능 데이터는 귀하의 WordPress에 끌어 오기 때문에 관리자는 한 화면에서 모든 것을 볼 수 있습니다 다음은 설정되어있는 사이트의 예입니다 페이지 뷰, 클릭 수를 확인하십시오 RPM 및 각 수입에 대한 총 수익을 계산합니다 테스트를 시작할 때

이렇게하려면 애드 센스에서 추가 사용 권한을 사용하도록 설정해야합니다 이제 해 보겠습니다 Google Cloud Console로 이동 -이 자습서에 링크가 있습니다 새 프로젝트를 만듭니다 이름을 'AmpedSense'로 지정하고 프로젝트 ID를 기본값으로 둡니다

'API 및 승인'을 클릭하십시오 '애드 센스 관리 API'서비스를 토글합니다 자격증 명 메뉴를 클릭하고 Oauth에서 Create New Client ID를 누릅니다 플랫폼으로 '웹 응용 프로그램'을 선택한 다음 AmpedSense 워드 프레스 설정 화면에서 리디렉션 URI를 복사하여 리디렉션 URI는 여기에 있습니다 '클라이언트 ID 생성'버튼을 누르면 다음과 같은 화면이 나타납니다

우리가 필요로하는 가치 여기에서 클라이언트 ID와 클라이언트 암호를 다시 AmpedSense로 복사하십시오 wordpress 설정 화면 '저장'하면 끝났어! 이제 분할 테스트를 보러 가자 상단의 'Google에서 데이터 가져 오기'링크를 클릭하십시오

신난다, 당신은 준비가되었습니다 록! AmpedSense로 재미있게 보내십시오 – 내가하는 것처럼 멋져 보이길 바랍니다 그리고 만약 당신이 설치하는 데 문제가 있습니다 웹 사이트에서 저에게 연락하는 것을 주저하지 마십시오 너 한테 들려

즐겨!

How to Setup WordPress with Optimized Permalinks & Creating a Custom Sidebar Menu

다음 블로그의 내용을 선택해 주셔서 감사합니다 블로깅 도구 선택의 여지가 Ellory 우물과로 짧은 링크 최적화에 대해 배울 수있는 일 수업 사이드 바에 맞춤 메뉴 만들기 우리가 보통하는 것처럼 우리는 시작한다

여기 대시 보드에 왜 네가 원하는지 짧은 링크 맞춤 설정 WordPress의 기본값은 논리적이지 않습니다 전체적으로 많은 의미를 갖출 수는 없으며 독자 또는 귀하의 짧은 링크를 사용자 정의하기 위해 그렇게 중요하다 설정으로 이동하여 permalinks 및이 페이지에서 Word Press 카탈로그보기 귀하의 게시물과 페이지를 첫 번째 방법으로 기본값으로 설정되어있어 기쁩니다 기본값으로 설정되지 않았기 때문에 기쁩니다 그건 이해가 안되기 때문이야

당신이 이야기 한 블로그 게시물을 원한다면 내 다른 웹 사이트의 예를 들어 블로깅 도구 당신이 80 퍼센트의 닷 컴에 힘을 실어 주면 슬래시 블로깅 대시 도구 목록에 대한 퍼머 링크입니다 다른 웹 사이트에서 사용하는 플러그인 및 도구 및 리소스 기억하기 쉽기 때문에 누군가에게 거기에 당신의 웹 사이트를 슬래시 블로깅 도구로 이동 가서 그래서이 물음표 P는 123입니다 다른 사람에게 이해가되지 않는 대안이 있습니다 년 월 날짜 및 제목 그것이 나쁘지는 않지만 두 가지 일을합니다 을 (를) 사용하면 페이지로 이동하는 것이 더 어려워집니다

블로깅 도구에 대한 동일한 예에서 나는 차분한 것을 좋아하는 다음에 가야한다고 말할 것입니다 슬래시 2013은 12 슬래시 19 개의 대시 블러깅 도구 이 모든 것들이 다른 누구에게나 쉽지는 않습니다 내가 선호하는 것보다 위의 유사 콘텐츠 postname이며 다시 할 수 있습니다 블로깅 대시 도구는 여기에서 두 번째가 그들이 이것을 바꿀 것이라고 생각합니다 자동 광고 광고 검색 엔진 이 첫 번째 옵션을 사용하는 경우 최적화 PE 호출 123에 대한 Google 검색은 아무도하지 않습니다

그게 말이 안되지만 Google은하지 않습니다 블로깅 도구를 등록 검색 그래서 당신이 블로깅 도구를 검색하고 내 게시물이 대시 도구를 차단한다면 그게 고도의 검색 엔진 최적화 그래서 우리는 postname에 갈거야 이걸로 바꾸고 치다 우리가 최적화 한 변경 사항 저장 우리 permalinks 두 번째 부분 이 비디오에서 다루려고했던 두 번째 부분은 관습 사이드 바의 메뉴에서 가장 먼저해야 할 일은 모양으로 이동하는 것입니다 이 메뉴는 ARF에서 우리가 한 일에 대한 또 다른 교훈 첫 번째 메뉴를로드 할 것입니다 물론 내비게이션을위한 나의 사이드 바 (sidebar)와 이것은 이미 내가 이미 가지고있는 것입니다

내가 너를이 자리에 앉게하고 싶지 않았어 그러나 당신은 여기에서 소개를 볼 것입니다 Word Press 내가 얻은 주제는 이것에 관한 모든 교훈이다 다음은 다음과 같습니다 꽤 철저하게 항상 철저히 추가하고 있습니다 더 많은 정보를 얻고 이것을 기억하고 싶다면 다시 기억하십시오

다른 서브 메뉴의 제 1 레벨 제 2 레벨 그냥 순위를 매기고 떨어 뜨리는 세 번째 레벨이지만 할 수있는 수준입니다 그 뜻을 저장하면 당신은 외모로 돌아갈 때입니다 임금 위젯 페이지 대부분의 주제로 돌아갑니다 나를 위해 사이드 바를 가져라 기본 사이드 바 보조 사이드 바가 있습니다

내가 아는 기본 사이드 바가 왼쪽에 있습니다 나는 주문 메뉴에 갔다 나는 그것을 옆으로 끌어 당겼다 나는 내가 선택한 것을 선택할 수있다 기억 나는 이것이 방금 한 일이기 때문에 내가 쳤다

사이드 바 내비게이션 안전은 당신이 할 수있는 것을 안다 메뉴 내 페이지 새로 고침 그게 당신이 사이드 바에서 내가 선택한 사용자 정의 메뉴를 다시 만들 수있게 해준다는 것입니다 보여 줬어 소개 단어 절연체 팁과 트릭이 사용자 정의 메뉴를 만드는 방법입니다 Word Press