How to Download and Install WordPress Setup with full explanation: WordPress tutorial for beginners

안녕 얘들 아 shivraj joshi 오늘은이 비디오에서 wordpress 튜토리얼의 첫 번째 비디오와 함께 여기 있어요 WordPress를 오프라인으로 설치할 수있는 방법을 가르쳐 드리겠습니다 Windows를 사용하는 경우 그런 다음 XAMPP의 두 가지 작업이 필요하며 두 번째 작업은 WordPress의 zip 파일입니다

그리고 Mac을 사용한다면 MAMP가 필요합니다 MAMP, 그리고 WordPress의 zip 파일을 볼 수 있습니다 이 두 가지를 먼저 얻으려면 설치해야합니다 시스템의 XAMPP Xampp을 설치 한 후에는 실제로이 zip 파일을 압축 해제 한 다음 얘들 아 XAMPP의 설치가 너무 많은 시간이 걸리는 것 같아요 그래서 비디오가 너무 길어질 것이므로이 비디오에는 나와 있지 않습니다

그래서 나는 XAMPP 어디서나 붙어 있다면 그냥이 부분을 건너 뛰었습니다 설치는 실제로 쉽습니다 그러나 실제로 어디서나 붙어 있다면 자유롭게 물어보십시오 어떻게 설치할 수 있는지 알려 드리겠습니다 그래서 얘들 아

압축을 푸는 데 약 4 ~ 5 초 정도 걸립니다 압축을 푼 후 추가 단계를 알려 드리겠습니다 그러니 계속 나와 함께 조정하면이 전체 비디오를 볼 수 있습니다 왜냐하면 만약 당신이 어떤 부분을 건너 뛰지 않으면, 당신은 분명히 붙어있을 것입니다 어디서나 미래의 부분

괜찮아 그래서 여기에 WordPress 파일이 압축이 풀린 것을 볼 수 있습니다 그 후에 동일한 폴더를 찾아야합니다 너는 그것을 볼 수있다 아래의 XAMPP에서 htdocs를 찾아야합니다

htdocs를 찾으면 압축 해제 파일이나 WordPress의 폴더를 htdocs로 드래그해야합니다 이렇게 한 후에 그냥 트레이에 가서 여기 XAMPP의 instlaation 후하실 수 있습니다 XAMPP를 볼 수 있습니다 그것을 두 번 클릭하기 만하면됩니다 워드 프레스의 작업은 당신이이 세 가지를 시작하는 것을 좋아할 필요가 있습니다

Apache MySQL과 Tomcat이 시작합니다 그냥 내 MySQL로 이동 시작한 후 관리자 페이지 여기서 우리는 모든 데이터를 저장하고있는 데이터베이스를 만들거나 우리의 모든 데이터를 저장해야합니다 WordPress 데이터 또는 웹 사이트 데이터, 그래서 당신처럼 데이터베이스를 만들 필요가 어떤 이름? 나는 try1에 대해 무엇을 말할 것 인지를 단지 만들었다 또는 그냥 시도해보십시오 죄송합니다

내 데이터베이스는 데이터베이스를 만든 후 만들어집니다 localhost 만 입력하면됩니다 앞으로 슬래시와 무슨 말을 해야할지 WordPress가 추측하는 이유는 무엇입니까? 우리는 워드 프레스를두고 있습니다 왜 여기에 우리의 WordPress 폴더 이름이 같은 WordPress의 경우 폴더 이름을 바꿉니다 귀하의 웹 사이트 이름에 다음과 같은 것입니다 Localhost 네 번째 슬래시와 여기있을 것입니다 웹 사이트의 이름은 무엇입니까? 좋아요, 움직이자 고하자 그리고 여기에서 데이터베이스 이름을 볼 수 있습니다

그것은 실제로 내 이전 데이터베이스에 가져 가고있다 그래서 현재 데이터베이스 데이터베이스 이름은 무엇입니까? 그리고 사용자 이름은 root가 될 것이고, 데이터베이스에 패스워드를 넣고 싶다면 그것을 넣으십시오 빈 칸으로 남겨두고 비워두고 제출을 클릭하면 여기에 제출 된 것을 볼 수 있습니다 설치를 실행하십시오 그냥 클릭하십시오

클릭 후 WordPress는 귀하의 이름 암호 및 사이트 제목을 요청할 것입니다 그래서 퍼팅 사이트 제목을 넣어 내 첫 번째 웹 사이트입니다 그래서 사용자 이름 당신이 원한다면,이 isadmin, 나는 암호로 admin을 넣을 것이다 비밀스런 암호를 만들면 친구들 그런 다음 약한 암호를 확인하고 가장 중요한 것은 이메일 주소를 입력해야한다는 것입니다 따라서 미래에 비밀번호를 잊어 버린 경우 대시 보드 로그인 비밀번호와 비밀번호 재설정 링크가 이메일 주소로 전송됩니다

WordPress 설치를 클릭하십시오 승인 약간의 시간이 걸릴 것이지만 너무 좋아하지는 않을 것입니다 15 ~ 20 초, 그래서 그냥 기다려 여전히 괜찮아 여기에서 성공을 확인할 수 있으므로 이제 대시 보드에 로그인 할 수 있습니다

사용자 이름은 admin 암호입니다 또한 클릭 만하면됩니다 또한 복용 중입니다 약간의 시간 좋아, 얘들 아 WordPress의 설치 후 WordPress의 대시 보드입니다

이런 그림을 볼 수 있습니다 이것들은 우리의 미래 비디오에서 논의한 모든 도구입니다 이 동영상은이 시점에서이 비디오를 감싸고 있습니다 그래서이 사람들은 shivraj joshi입니다 안녕하세요

안녕하세요 안녕하세요 안녕히 주무세요 언제 어디서나이 비디오를보고 있으면 나와 함께 계속 지켜봐주세요 얼마나 많은 돈을 벌었 느냐에 달려 있습니다 안녕

How to Install Google Tag Manager (2019) | Lesson 2 (GTM for Beginners)

이 동영상에서는 Google 태그 관리자를 올바르게 설치할 수있는 방법을 알려 드리겠습니다 귀하의 웹 사이트

점점 더 많아지고 있습니다 안녕하세요 데이터 스쿨을 가르치고있는 measureschoolcom의 다른 동영상을 다시 방문해 주셔서 감사합니다 디지털 마케팅 방식

내 이름은 줄리안이야 초보자 용 Google 태그 관리자 시리즈의 두 번째 교훈입니다 첫 번째 수업을 보지 못했다면, 조금 뒤로 Google 태그 관리자에 대한 개요 링크는 아래 설명에 있습니다 이 강의에서는 어떻게 Google 태그 관리자를 올바르게 설치할 수 있는지 보여 드리겠습니다 지난 시간과 마찬가지로, 우리는 당신이 떠난 후에 당신을 위해 준비된 약간의 퀴즈를 가지고 있습니다

이 자습서를 통해 measureschoolcom/lesson2에서 지식을 테스트 할 수 있습니다 그러나 지금은 많은 것을 다루었습니다 그러니 잠수 해 보자 좋습니다

오늘은 tagmanagergooglecom에서 여행을 시작합니다 이 페이지는 Google 태그 관리자 계정에 로그인 할 수있는 페이지입니다 이제 Google 태그 관리자를 사용하려면 Google 계정이 있어야합니다

이미 Gmail 계정 또는 YouTube 계정이 있거나 Google 계정이있는 경우 서비스를 사용하는 경우 여기에서도 사용할 수 있습니다 여기에 이미 데모 계정이 있습니다 비밀번호를 입력하십시오 그런 다음 Google 태그 관리자에 액세스 할 수 있습니다 자, 당신이 시스템에 완전히 익숙하지 않다면, 당신은 아무것도 볼 수 없을 것입니다

바로이 단계로 이동하십시오 여기에서 Google 태그 관리자 계정을 설정합니다 이제 Google 태그 관리자 계정은 계정 수준으로 나뉩니다 컨테이너 레벨 여러 개의 계정을 가질 수 있습니다

그리고 그 계정 내에 여러 컨테이너를 가질 수 있습니다 이제 컨테이너는 실제로 귀하의 웹 사이트에 존재하는 스 니펫 또는 중앙 코드입니다 그래서 가장 좋은 방법은 회사 이름 뒤에 계정을 지정하는 것입니다 예를 들어, 데모 주식 회사 국가를 선택하면 Google과 데이터를 공유할지 여부를 선택할 수 있습니다 계속을 클릭하면 컨테이너 설정으로 이동합니다

이제 컨테이너는 설치할 웹 사이트에 고유 한 컨테이너입니다 Google 태그 관리자 따라서 여기에 웹 사이트를 입력하는 것이 좋습니다 그냥 도메인 용기라고 부르는 것이 중요하지 않으므로 나중에 알아볼 수 있습니다

여기에 URL을 추천하십시오 그 후에 다른 인스턴스에서 컨테이너를 사용할 수 있습니다 웹에 Google 태그 관리자를 설치합니다 iOS, Android 및 AMP 페이지에 사용할 수있는 컨테이너도 있습니다 그러나 이것들의 셋업은 웹상에서 우리가하는 것과는 완전히 다릅니다

이 세 가지 다른 방법에 대해 자세히 알고 싶으면 다른 자습서를 확인하십시오 여기에서 웹 사이트로 이동 한 다음 Google 태그 관리자 계정을 만드십시오 우리는 일부 서비스 약관을 준수해야합니다 이 내용을 모두 읽었 으면 받아 들일 수 있습니다 여기에서 예를 클릭하고 새 Google 태그를 클릭하십시오

관리자 계정이 시작됩니다 프로세스를 완료하면 Google 태그 관리자로 이미 인사했습니다 단편 Google 태그 관리자 계정을 열 때 스 니펫이 표시되지 않으면 항상 여기에서 Google 태그 관리자 ID를 클릭하십시오 그리고이 창을 열어 줄 것입니다

이제, 이미 설치 지침이 있습니다 코드의이 부분을 HTML 및이 부분의 머리 부분에 배치해야합니다 HTML의 본문 섹션에있는 코드의 이제, 이것은 아마도 당신이 설치해야 할 마지막 조각이나 코드 조각 일 것입니다 귀하의 웹 사이트에 접속하면 귀하는 어떤 종류의 웹 사이트에 더 많이 액세스해야합니다 이것 자체를 설치하기 위해서 이 코드를 설치하는 방법에는 여러 가지가 있습니다

그래서 옵션들을 통해 당신을 이야기하게하겠습니다 무엇보다도, 귀하의 웹 사이트에서 일하는 개발자가 있다면 웹 사이트의 기술 인프라, 나는 그를 설치하기 위해 상담 할 것입니다 그것들은 정확하게 둘째, WordPress, Shopify, Magento, Joomla 또는 실제로 웹 사이트를 생성하는 기타 백엔드 시스템 플러그인을 통해 이러한 코드를 설치하는 플러그인을 설치할 수 있습니다 밖에 많은 사람들이 있습니다

난 당신이 CMS 시스템을 가져 가라고 권장합니다 예를 들어, WordPress와 Google WordPress에 Google 태그 관리자를 설치하십시오 그리고 이미 올바른 설정을 설명하는 튜토리얼이있을 것입니다 이 채널의 일부 콘텐츠 관리 시스템에 대한 자습서도 있습니다 셋째, 웹 사이트에 수동으로 설치할 수도 있습니다

웹 사이트 코드에 액세스 할 수 있고 편안하게 느끼는 경우 바로 지금 단계를 안내합니다 이것은 아마도 개발자가 수행 할 작업이나 플러그인이 수행하는 작업 일 것입니다 배경 예를 들어, 여기 워드 프레스 설치가 있습니다 WordPress는 세계에서 가장 많이 사용되는 콘텐츠 관리 시스템입니다

따라서 WordPress 블로그를 실행하는 경우이 지침을 따르십시오 하지만 Google 태그를 설치하려는 웹 사이트에서 WordPress를 실행하지 않는 경우 관리자,이 지침은 다를 수 있습니다 이제 콘텐츠 관리 시스템은 일반적으로 제어 할 수있는 테마로 관리됩니다 웹 사이트 자체의 디자인 WordPress에서는 백엔드 시스템에 로그인 한 다음 바로 여기 모양새로 이동할 수 있습니다

편집기 아래에서 설정 한 다른 테마를 볼 수 있지만 테마 파일 자체에 대한 액세스 자, 제가 변경 사항을 원하지 않기 때문에 여기에 아이 테마를 설정했음을 주목하십시오 새로운 업데이트가 부모 테마에 올 때 바로 적용되는 테마 파일 때문입니다 점포입니다 따라서 WordPress에서 작업하는 경우 어린이 테마를 갖는 것이 좋습니다

나는 이미 이것을 설정했다 나는 여기로 갈거야 그런 다음 클릭 할 수있는 테마 헤더 파일이 있습니다 이것은 WordPress에 의해 생성 된 모든 다른 사이트를 관리하는 PHP 파일입니다 프런트 엔드

그리고 바로 여기에서 HTML을 생성하는 헤드 태그가 있음을 알 수 있습니다 그리고 여기에 클로즈 헤드 태그가 있습니다 그리고 나서 우리는 오프닝 본문 태그도 가지고 있습니다 자, 코드를 가져갈 수 있습니다 우선, 첫 번째 코드는 헤드 섹션 자체에 있습니다

나는 이것을 내 주제로 복사 할 것이다 가능한 한 HTML에 배치하고 싶습니다 이것은 웹 사이트 자체가 위에서 아래로 전달되기 때문에 중요합니다 브라우저 가능한 한 빨리 Google 태그 관리자로 추적 코드를 실행하려고합니다

그것들이 발사 될 확률이 더 높습니다 그래서 저는 그것들을 오프닝 헤드 태그 바로 아래에 놓을 것입니다 그리고 나서 두 번째 코드를 잡고 테마 파일로 돌아가서 여기 몸통 태그를여십시오 바로 아래에서 Google 태그 관리자 코드를 붙여 넣습니다 이제이 파일을 업데이트 할 것이고 테마 파일에 기록해야합니다

이것이 WordPress 테마에서 할 수있는 것이 아니라면, 이를 변경하기 위해 FTP를 통해이 파일에 직접 액세스 할 수 있습니다 하지만 이제 Google 태그 관리자를 설치해야합니다 내 페이지로 이동하여 페이지를 다시로드하면 마우스 오른쪽 단추를 클릭 한 다음 페이지를 볼 수 있습니다 출처 웹 사이트의 HTML이 어떻게 표시되는지 확인할 수 있습니다

여기에 Google 태그 관리자 코드가 있습니다 그리고 생성 된 모든 코드를 CMS 시스템에서 아래로 스크롤하면 시작 태그 바로 아래에있는 Google 태그 관리자의 스크립트 일부가 없습니다 우리의 HTML에서도 마찬가지입니다 따라서 Google 태그 관리자가이 웹 사이트에 올바르게 설치되었습니다 이제 우리는 웹 사이트에있는 모든 다른 사이트를 살펴보고 HTML이지만 다소 성가시다

유효성을 검사하는 더 좋은 방법은 미리보기 및 디버그 모드로 들어가는 것입니다 Google 태그 관리자에서는 브라우저와 브라우저 만 특수 모드로 설정할 수 있습니다 아래에 디버그 콘솔이 나타납니다 그래서 나는 다시로드 할 것입니다 그리고 우리는 우리가 여기 아래로 튀어 오르는 것을 보았습니다, 지금은 아무 것도 일어나지 않습니다

하지만 이렇게하면 페이지를 살펴볼 수 있습니다 Google에 대한 유효성을 확인하려면 여기에 팝업이 표시되도록하세요 태그 관리자는 모든 페이지에 있습니다 이 태그 관리자 콘솔 팝업이 표시되지 않으면 설치하지 않은 것일 가능성이 큽니다 귀하의 웹 사이트에서 Google 태그 관리자를 올바르게 사용하십시오

미리보기 모드로 들어가면 모든 페이지에 표시되는지 확인하십시오 Google 태그 관리자 내부 그래서 이것은 올바르게 작동하는 것 같습니다 Google 태그 관리자를 설치 했으므로 첫 번째 태그를 배포 할 준비가되었습니다 하지만 그렇게하기 전에 실제로 제출하도록 설정하면 Google 태그 관리자에서 GTM을 올바르게 초기화하기위한 첫 번째 버전입니다 게시를 클릭하십시오

트리거가없고 변수가 설치되어 있어도 모든 사용자에게 공개됩니다 바로 지금 이것이 웹 사이트에 Google 태그 관리자를 설치하는 방법입니다 이제 Google 태그 관리자로 첫 번째 태그를 배포 할 준비가되었습니다 좋아, 거기있어

웹 사이트에 Google 태그 관리자를 설치하는 방법입니다 당신이 모든 것을 이해했다고 생각한다면 measureschoolcom/lesson2에서 지식을 테스트하십시오 우리가 당신을 위해 준비한 퀴즈가있는 곳으로 지식을 배우고 모든 것을 이해했는지 확인하십시오 초보자 용 Google 태그 관리자 시리즈를 계속 따르고 싶다면 그 이유는 무엇입니까? 저기서 우리 채널에 가입하지 마세요

우리가 다음 주에 새로운 교훈을 가져 오기 때문에 자, 내 이름은 줄리안이야 다음에 보자

Avada WordPress Website Tutorial 2019 For Beginners

안녕하세요, 내 과정에 오신 것을 환영합니다 Avada를 사용하여 워드 프레스 웹 사이트를 만드는 방법 50 이제 내 사기에 대한 후속 조치입니다

작년에 avada 40을 사용한 성공적인 과정이었고 이 코스에서 현재 코스를 수강 한 모든 사람들의 의견 % 나는 너를 설치하기 위하여 너가 알 필요가있는 모두를 보여줄 것이다 웹 사이트를 만드는 웹 사이트에서 블로그를 설정하는 방법 다른 모든 것을 사용하는 방법 요소와 그것은 결국 정말 멋져 보일거야 이제 웹 사이트를 만드는 법을 보여 드리겠습니다 다시 한번 안녕하세요

이 과정에 처음 오신 것을 환영합니다 비디오 저는 avada를 사용하여 WordPress 웹 사이트를 설정하는 방법을 보여 드리겠습니다 50 테마 이제 vaada 50이 많은 변화를 가져 왔음을 알려 드렸습니다

이전 빌드 40에서이게 뭔가 될거에요 저의 이전 코스에서 새롭고 흥미 진진한 부분이 만들어졌습니다 2015는 40이었고 정말 많이 개선되었다고 말해야합니다

그것이 가지고있는 모든 하나의 업데이 트와 나는 그것을 매우 권하고 그래서 나는 그것을 어디서 사야하는지 보여 주면 그걸 어떻게 설정하는지 알려줄거야 블루 호스트와 블루 호스트 내가 정말 좋아하는 호스팅에 사용하는 회사입니다 그 (것)들 그래서 나는 그것을 가진 체제를 얻는 방법 모두를 보여줄 것이다 그래서 여기에서 우리는 간다 그래서 Vata를 구입하기 위해서 당신이하고 싶은 것은 시장에 가서 오 구입했습니다 침착하고 단지 지금 Avada를 입력하자 그래픽이든 다른 종류의 PSD이든 멀티미디어 컨텐츠가 필요합니다 내가 사용하는 사이트와 같은 파일이 있습니다

짧은 비디오 음악을 가지고있는 것들을 구입하십시오 필요가 있으며 항상 사용합니다 Avada는 바로 여기에 있습니다 Avada는 $ 60 나는 거기에 많은 주제가 있지만 $ 60보다 저렴하다는 것을 알고있다 지금 내가 약 4 년 동안이 주제를 사용해 왔음을 말해야한다

점점 더 좋아지고 있습니다 매우 다재다능합니다 나는 단지 그것을 절대적으로 좋아한다 그래서 나를 위해 60 달러는 그것의 가치가있다 그리고 나는 그것을 생각한다

당신도 그것을 구입해야합니다 그래서 만약 당신이 가서 구매 그것을 갈거야 앞서 가면 이미 가지고있는 계정을 설정해야 할 것입니다 한 명만 사면 알았어 실제로 로그인했는데 앞으로 당신이 여기에 올라가면 나중에 필요합니다 계정을 다운로드하고 다운로드로 이동하면 이전에 다운로드 한 내용을 모두 볼 수 있습니다 엔바 토 마켓 플레이스에서 여기까지 – 여기 저기에 파일 중 하나라도 필요하다면 바로 여기로 가야합니다

그래서 내가 할 일은 실제로 나는 앞서 가서 모든 파일과 문서를 다운로드했다 이전과 나는 zip 파일을 가지고 있으며 이미 내 바탕 화면에 이미 있습니다 이제 우리가 할 일은 당신이 호스팅하지 않는다고 가정하는 것입니다 나는 WordPress를 호스팅하고 설치하는 방법을 보여줄 것입니다 그 파일을 WordPress에 테마를 설치하기 만하면됩니다

WordPress 사람들은 우리가 할 수있는 모든 시간을 내게 묻습니다 차이점은 무엇입니까? wordpressorg와 wordpresscom 사이에 확실히 설정하고 싶습니다 그것이 실제로 당신의 자신의 사이트를 대표하는 곳이기 때문에 wordpress

org 그 곳에서 테마를 업로드하고 자신 만의 것을 많이 할 수 있습니다 사용자 정의 wordpresscom 그것은 당신이 더 많은 유연성을 가지고 있지 않습니다 블로그를 만들 수 있지만 자신의 테마를 사용하고 있으므로 실제로는 차이점은 모두 당신을 위해 이루어 지므로 당신이하고 싶은 것은 가자 당신은 Bluehost에 간다 나는 다시 여기 홈 페이지로 돌아가서 정말 재빨리 다시 할 것입니다

Bluehost 나는 거의 모든 가동 중지 시간을 갖지 못했습니다 다른 계획은 395를위한 기본 계획으로 시작할 수 있습니다 너를 계속 나아가게하고 너의 자신의 선택을 할 수있게 해줄거야 당신이 돈을 가지고 있다면 나는 자명하다 나는 앞으로 나아갈 것이다

업그레이드 된 호스팅 계획을 위해 약간의 추가 비용을 지불해야합니다 더 빠를 수 있으므로 플러스 또는 소수 또는 전용 IP 주소가있는 1395를 사용할 수 있다면 GoPro도 알 수 있습니다 그리고 이러한 다른 기능 중 일부는 가치가 있으며 실제로 지불해야합니다 그래서 그렇게하는 것도 권하고 싶습니다 그래서 우리는 당신이 갔다고 가정 할 것입니다

Bluehost 또는 귀하의 다른 호스팅을 통해 사전 및 구매 한 계획 회사는 일반적으로 로그인 한 후 전화를 걸었습니다 이 같은 옵션이 많아서 작동하는 cPanel 실례합니다 Bluehost에 바로 아래에 설치 WordPress 옵션이 있습니다 웹 사이트 및 그래서 만약 당신이 그것을 클릭하고 이것은 당신이 이미 설정 가정 도메인 이름과 내가 당신을 통해 가야한다고 생각하지 않는 모든 것은 정보 그래서 그냥 가서 설치 WordPress에 설치 한 번 클릭하십시오 모든 것이 시작되고 우리가 시작하게 될 것입니다 일단 도메인을 구입하면 여기에 올 수 있습니다

이제 막 갈 것입니다 앞으로 나는 이것의 목적을 위해 스크래치 사이트를 사용할 예정이다 튜토리얼과 그래서 라운드와 랩 뭔가입니다 내가 전에 게임을하기 전에 구매 했으니 까 설정하고 계속 진행하고 다음을 클릭하십시오 그래서 미안한 제목은 진행하고 당신의 웹 사이트가 둥근 것 순찰을 거친 다음 담당자가 설정 한 이메일이 여기에 표시됩니다

당신이 한번 WordPress에 가서 당신이 로그인 할 때 이것이 당신의 실제 일 것입니다 당신은 이것을 확실히 적어두고 정말로 좋은 암호를 선택하기를 원합니다 로그인 만하고 관리자 비밀번호를 입력하면됩니다 이것을 아주 훌륭한 암호로 유지하거나 다음으로 변경할 수 있습니다 네가 원하는대로 내가 전에 해냈어

이미 설정 했으므로 비밀번호를 변경하지 않아서 내 비밀번호가 아닙니다 만약 당신이 그것에 대해 생각하고 자동으로 데이터베이스를 만든 다음 나는 그 내용을 읽은 다음 계속해서 설치하면 설치하는데 몇 분이 걸릴 것이고 프롬프트가 보일 것입니다 그 웹 사이트에 가서 그렇게 말할 수 없을거야 이미 설정되었으므로 일단 이동하면 바로 연결됩니다 wordpress

org 그리고이 관리자 사용자 이름을 입력 한 다음 비밀번호를 입력하면 대시 보드로 연결됩니다 WordPress에서는 대시 보드에서 이것을 참조 할 것입니다 이 튜토리얼에서는이 모든 것이 일어나는 곳이기 때문에 당신의 모든 정보를 편집 할 것입니다 이것은 모든 종류의 비하인드 워크입니다 귀하의 웹 사이트에 들어가면 대시 보드가 어떻게 보이는지, 그래서 avada 테마를 설치하십시오

내가 할 일은 내 바탕 화면으로 돌아갈 것입니다 정말 빨리 여기 Envato 마켓 플레이스에서 다운로드 한 zip 파일이 있습니다 알았어 나는 앞으로 나아갈거야 우리는 그걸 정말 빨리 펼칠거야

그래서 여기에 바로 거기에 파일을 열어서 정말 빨리 그리고 그 다음에 avada 테마를 엽니 다 거기를 클릭하면 실제로 이걸 끌어다 놓을거야 바탕 화면이 아니라 우리가 이걸 할거야 avada da zip 난 그냥 지금 당장은 데스크탑에 놓으십시오 그러면 우리는 무엇을 할 것입니까? 테마를 설치하면 모양 테마로 이동하고 지금은 테마가 있습니다 그들이 여기 오기 전에 업로드 했으니 까

그러면 내가 할 일은 다음과 같다 새로 만들기를 선택한 다음 다시 클릭하여 파일을 선택하고 내 바탕 화면에있었습니다 그리고 그것은 vadas zip을 열어 보았습니다 그리고 나서 지금 설치하십시오 이 방법을 사용하면 실제로 몇 분만 업로드 한 다음 모든 것이 잘되면 설치하라

메시지를받을 것이다 확인 메시지 호스팅이 제한적일 경우 모든 것이 잘 때가되었다고 말할 것입니다 귀하의 업로드 때로는 실제로 오류가 발생합니다 그들이 말하는 경우에 당신이 이것을 원한다고 확신하는 메시지가 나옵니다 실제로 업로드 할 수있는 방식으로 보낼 수있는 별도의 동영상이 있습니다 YouTube는 오류가 무엇인지 잘 알고 있습니다

당신이 그것을 알고있을 때 좌절감을 갖습니다 이 과정은 기본적으로 수행됩니다 빈 화면이되도록 잘하면 그럴리가 없다 우리는 이것이 작동하는지 알게 될 것입니다 우리는 바로 여기에 테마가 설치된 페이지에서 다시 비디오를 시작합니다

성공적으로 수행 한 다음 원하는 작업을 수행하고 활성화를 클릭하십시오 좋아요 일단 정품 인증을 받으면 실제로 설치해야합니다 이러한 필수 플러그인 중 일부는 바로 여기에서 플러그인을 관리하는 데 사용됩니다 당신은 퓨전 코어 퓨전 빌더를 설치하고 아마도 이 다른 것들의 커플뿐만 아니라 당신은 단지 그것이 모든 것을 할거야 설치 누르십시오

너를 위해 너는 너를 위해 돌아 가기 위해 아무 것도하지 않아도 돼 퓨전 빌더를 성공적으로 설치하면 필수 플러그인이 설치됩니다 나는 아마 그냥 가서이 두 레이어를 확실히 설치한다고 말할 것입니다 슬라이더가 진행되면 슬라이더 혁명을 사용하게 될 것입니다 실제로 무언가를 판매하려는 경우 사용할 수있는 정말 멋진 슬라이더입니다

귀하의 웹 사이트에서 WooCommerce는 Beebe를 보유하고있는 정말 훌륭한 플러그인입니다 프레스는 근본적으로 당신이 포럼 같은 종류를 갖게 될 것입니다 이벤트 캘린더 이벤트 일정이 많은지 분명히 알 수 있습니다 사람들이 내가 설치한다는 것을 사람들이 알기를 원했던 것처럼 그것은 정말 대단합니다 그런 다음 양식에 문의하십시오 사람들이 너를 잘 보낼 수있는 곳으로 갈 수있는 정말 멋진 형태

그게 다 자명 한 당신에게 연락하십시오 다시 한 번이 화면으로 돌아가고 싶다면 여기 왼쪽 상단에 오른쪽 상단 또는 오른쪽 상단에서 볼 수 있습니다 당신이하고 싶은 또 다른 일은 당신입니다 정말 빨리 시스템 상태로 가고 싶다 좋은 지금 당장 WP 기억 한도 나는 실제로 들어 가지 않았다는 것에 놀랐다

우리가해야하기 때문에 업로드하기 전에 오류가 발생했습니다 우리는 실제로 40 메가 바이트보다 높은 한계를 가져야 만합니다 그래서 저는 앞으로 나아가서 비디오에 대한 링크를 게시하여 실제로 이러한 한계를 변경할 수 있으며 특히 좋은 아이디어입니다 나중에 데모를 보여줄 일부 데모를 설치하기로 결정한 경우 class 아바다와 함께하고 싶은 마지막 일은 내가 네가 가기를 원한다 제품 등록이 완료되었습니다

이미 등록되었습니다 그래서 어떻게해야 하는지를 실제로 보여줄 수는 없지만 본질적으로 제품을 등록하면 자동 업데이트되므로 걱정할 필요가 없습니다 그것에 대해 당신은 Avada로부터 지원을받을 수 있습니다 몇 달이 지나면 설명이 모두 나옵니다 실제로 테마 숲으로 다시 보내 드리겠습니다

당신 중 일부는 설정으로 이동하고 실제로 API에 대해 묻습니다 열쇠 그래서 그들은 이것들이 당신이 그것을 발견 할 것 인 곳이다 그리고 그것은 실제로 무엇인가? 다시 돌아올 때이 영역에 연결하면됩니다 제품을 등록하고 제품을 등록했는지 확인하십시오 그러나 현재 Avada는 실제로 설치되어 있습니다

플러그인이 업데이트되었고 현재이 시점에서 롤 준비가되어 있습니다 Avada의 다양한 옵션을 모두 거치고 웹을 어떻게 얻을 수 있습니까? 페이지를 설정하고 우리는 처음부터 시작할 것입니다 아주 기본적인 페이지로 설정하여 페이지를 설정하는 방법과 그것을 배치하는 방법을 보여줍니다 모두 함께 그렇게 물론 당신이 질문이 있거나 내가 당신을 잃어 버렸다면 언제든지 당신이 나에게 따라갈 수 있는지 확인하십시오 Skillshare 또는 다른 플랫폼에서 메시지를 이메일로 전송합니다

나는 항상 당신을 도우 려하지만 아바다를 얻는 것이 요지입니다 WordPress에 우리는 모두 갈 준비가되어 있고, 다음 비디오에서 보게 될 것입니다 이 비디오는 내가 전에 멀리 보여 주던 것을 계속 보여주고 싶다 WordPress에 액세스하는 방법을 설명하고 간단한 둘러보기를 제공합니다 현재 WordPress 대시 보드는 내 사이트에 액세스하려는 경우 당신은 당신이 선택한 웹 주소를 입력하기 만하면됩니다

Rosen이 침착하게 랩을 뚫고 나서이 작은 부속 장치를 백엔드에 추가 할 것입니다 WP – 로그인하면 로그인 화면이 나타납니다 그래서 당신이 만든 사용자 이름과 여기에 암호를 입력하고 계속 진행하십시오 대시 보드에 들어가기를 원하면 언제든지 로그인하십시오 잘 할거야

이걸보고 싶을 때까지 내가 원하는 대시 보드가있어 정말로 당신에게 옵션 중 일부를 보여주기 위해 나는 정말로 낭비하고 싶지 않다 이 일을하는 데 시간이 많이 걸리지 만 다시 아바다에 대한 모든 것을 상기시켜줍니다 데모 플러그인을 설치하는 것과 관련해서는 모두 여기에 액세스 할 수 있습니다 여기 왼쪽에 있습니다

우리는 WordPress에 대한 모든 옵션을 찾을 것이며 여기에서도 오른쪽 상단 모서리에 개인 정보가있는 경우 설정 암호는 오른쪽 상단에서 찾을 수 있지만 여기 왼쪽에있는 것은 여기에 몇 가지 기본 사항을 분명히 설명해 드리겠습니다 대시 보드 또는 집에서이 페이지로 다시 이동합니다 이제는 게시물을 게시 할 수 있습니다 블로그를 가지고 있거나 어떤 종류의 것을 업데이트 할 예정이라면 무엇이든 될 것입니다 기사 또는 귀하의 웹 사이트에 어떤 기사를 가지고 이것은 그것이 될거야 지금 미디어라고 불리는 것은 미디어 중 하나 일 것입니다

당신은 그림이나 PDF 파일 같은 것을 업로드 할 수 있습니다 모두 지금 귀하의 웹 사이트 페이지를 참조하는 페이지를 미디어로 이동합니다 귀하의 홈 페이지 귀하의 블로그 페이지 귀하의 연락처 페이지 그렇게 될 페이지 기억 게시물이 더 많아지기 때문에 게시물과 다릅니다 블로그와 같은 무언가와 관련이 있고 아무도 실제로 떠난다면 귀하의 게시물에 대한 의견은 여기에서 모든 의견을 찾을 수 있도록 할 수 있습니다 당신이 예를 들어 예술가 또는 사진 작가 또는 그와 비슷한 무언가를 업로드하면 다양한 사진 포트폴리오는 당신이 그 일을하거나 그것이 당신의 선택이 될 것입니다

하지 않아도되지만 포트폴리오를 설정할 수 있습니다 이제 나는 여기로 뛰어 가서 당신이 갈 모양을 보일거야 이 전체 튜토리얼을 통해이 부분에 많이 액세스 할 수 있으므로이 점을 염두에 두십시오 이전에 보았던 테마는 실제로 vada를 업로드 한 위치입니다 if 당신은 당신이 가고 싶은 다른 어떤 주제라도 당신이가는 곳이 될 것입니다

여기에 많은 옵션이 있으므로 여기저기서 나 자신보다 앞서 가고 싶습니다 vada에 대한 옵션 중 하나가 테마 옵션 아래에있을 것이며 다시 미래에 나는 그것을 보여줄 것입니다 지금 당장은 플러그인으로 플러그인 해두면됩니다 미래이지만 플러그인에는 실제로 사용할 수있는 다양한 플러그인이 많이 있습니다 귀하의 WordPress 웹 사이트에 추가하면 빠르게 만들거나 그냥 실행하게됩니다

더 원활하게 그것은 당신의 SEO와 함께 당신을 도울거야 그리고 다시 당신을 보여줄 것입니다 미래에 많은 사용자가 있다면 다른 사용자를 추가 할 수 있습니다 그리고 우리가 여기까지 접근 할 수있는 몇 가지 설정까지 당신은 당신이 타고있을 때 당신이 다른 옵션 중 일부를 알고 있다는 것을 압니다 나는 이들 중 일부를 살펴보고 찾고있는 것이 좋습니다 그것들은 끝났어 그리고 그것은 대부분의 부분을 위해 꽤 자명하다

그러나 나 단지 당신이 그것에 익숙해 지길 바래서 정말로 빨리하고 싶은 일들 중 하나입니다 우리가 이미 여기에 있기 때문에 앞으로 당신을 도울 것입니다 permalinks 그걸 정말로 빨리 클릭하십시오 이름이 올리면 언제든지 게시 할 수 있습니다 웹 사이트 이름을 입력 한 다음 슬래시를 누른 다음 기사 이름이 무엇인지 SEO 목적은 이것이 최선의 선택이므로 클릭하기 만하면됩니다

그리고 이것으로 우리는 미래에 시간을 절약 할 수 있습니다 그래서 당신은 어떤 미친 것도 가지지 않습니다 찾고있는 URL을 누른 다음 변경 사항 저장을 누른 다음 나는 물론 여기를 클릭하면 대시 보드로 돌아가서 요약 할 수 있다고하셨습니다 그것은 대시 보드에 대한 개요 일뿐입니다 이 다양한 옵션 중 하나는 우리가 여기에 따라 가면서 어떻게하는지 보여줍니다

귀하의 페이지와 하위 게시물을 귀하의 블로그와 함께 설정하지만 그게 옳은지에 관한 것입니다 지금 당장은 귀하의 웹 사이트를 제공 받으려면 특정 주문을 할 때 주문하고 내가하고 싶은 일은 실제로 페이지가 이제 귀하의 페이지가 귀하의 블로그 페이지가 될 것입니다 페이지 연락처 페이지에 이름을 붙이고 그렇게하려면 페이지로 이동하여 새로 추가하십시오 우리의 홈 페이지는 집으로 전화 할 것입니다 이 시점에서해야 할 일은 페이지를 만든 다음 게시를하는 것입니다 처음부터 모든 페이지를 완료 할 필요는 없지만 할 일이 있습니다

적어도 내가 가지고있는 것을 확실히 알고있는 사람은 내가 가고 그래서 나는 갈거야 앞으로 나아가서 여기에 돌아가서 새 페이지를 추가하십시오 그리고 나는 나의 블로그 페이지를 다시 만들 예정이다 블로그 페이지는 어떤 페이지이든 될 것이다 새로운 콘텐츠를 올리려는 것 같아요

블로그하지만 난 가서 그걸 부르면 당신에게 게시 및 내 충고 히트 그냥 몇 페이지를 얻고 그냥 똑같은 일을 할 것입니다 그때부터 거기에서 당신이 볼 수있는 모든 페이지에 가면 내 집이 있습니다 내 블로그 페이지에있는 페이지이므로 언제든지 이동하려는 사람들에게 액세스하고 싶습니다 모든 페이지를 페이지 한 다음 되돌아 갈 수 있으며 개별적으로 편집 할 수 있습니다 거기에서 볼 수 있습니다

쓰레기통에 넣을 수 있습니다 당신은 항상 내가하고 싶은 지금 당신의 페이지에 접근 할 것입니다 홈 페이지를 설정 한 다음 내 블로그 페이지를 열면 모양이 바뀝니다 맞춤 설정하러 가서 정적 페이지로 이동하여 앞으로 무엇을 할 것인가? 내 홈페이지를 정적 페이지로 만들지 않으면 사람들이 내 웹 사이트를 방문 할 때 항상 동일하게 변경합니다 정적 페이지로 간주되는 페이지로 이동하여이 페이지를 설정합니다

페이지가 내 집이되고 그 다음에 우리가 게시 한 페이지가 될 것 같은 페이지 블로그로 설정하려고 나중에 우리는 가서 블로그를 바로 잡을거야 거기에 저장하고 게시합니다 이제 우리가 해낸 일은 언제든지 대시 보드로 들어가서 원하는 것입니다 당신이 만든 페이지 중 하나에 어떻게하면 바로 거기에서 할 수 있을까? 이제는 두 페이지를 설정했습니다 이제는 테마 옵션을 통해 실제로 뭔가를 보여주고 싶습니다

이해하는 것이 중요합니다 Evonik에는 다양한 옵션과 맞춤 설정이 있습니다 그리고 네가 할 수있는 일은 너에게 보여줄 수 없을거야 내가 전에 언급 한 것과 같은 질문이 있다면 나와 연락을주고 이메일을 보내고 어떻게 도와 드릴 수 있는지 알려주세요 테마 옵션으로 시작하려면 모양을 클릭하십시오 – 테마 옵션 그리고 이것은 우리가 와서 우리가 여기있는 첫 번째 부분은 레이아웃 지금은 빨리 갈 예정입니다

모든 옵션을 검토해 보지만이 중 일부가 무엇인지 보여 드리고 싶습니다 물건 의미 그리고 그것은 당신에게 좋은 생각을 줄 것이고 당신에게 좋은 출발을 줄 것이다 좋아요, 레이아웃 때문에 상자 나 넓은 것을 선택할 수 있습니다 내 사이트의 간단한 콘텐츠 제작으로 이동하여 빠른이 첫 페이지가 바로이 넓은 의미의 예입니다 그것은 웹 페이지의 전체 창공을 간다 좋아 그것 그것의 전체 길이이다 이제 글러브 박스의 예가 내 블로그로 갈 것이고 그래서 전체가되는 대신 페이지의 길이는 옆에 물건이 남을 것이므로 너비가 너무 커서 여기처럼 배경을 볼 수 있고 그것은 단지 확실합니다

폭 그리고 그것과 당신은 나의 주제 옵션에 되돌아 가게된다 그리고 당신은 사이트를 볼 수있다 너비는 11 70 픽셀이고 너는 그걸 정의 할 수있어 정말 친절 해 나는 당신이 원했던 사이트에 의존한다 나는 개인적으로 대부분의 나의 페이지를 위해 넓은 것을 좋아한다

나는 그것이 멋지다고 생각하지만 너는 좋아 보인다 당신이하고 싶은 일에 정말로 달려 있다는 것을 알고 있습니다 여기 다른 옵션을 사용하여 단일 사이드 바 레이아웃으로 재생할 수 있습니다 사이드 바를 알고 있다면 기본적으로 블로그로 돌아 가면 사이드 바 바로 여기 여기에는 사이드 바를 가질 수있는 사이드 바가 있습니다 이 사이드에있는 다른 사이드 바는 모든 옵션이 여기에 있으며 당신은 할 수 있습니다

정말 그것의 너비를 결정 메뉴와 이것은 다음 비디오 우물 그래서 우리는 실제로 메뉴를 설정 하겠지만 전반적으로 메뉴를 설정합니다 메뉴의 높이를 다시 한번 알려주는 메뉴입니다 여기에 이것들은 제가 설정 한 다른 페이지들입니다 그래서 저는 집과 블로그를 가지고 있습니다 나는 분명히 내 로고가 들어있는 몇 가지 다른 것들을 가지고 있으므로 여기있는 모든 것이있을거야

바로 거기에있을 테니 당신이 알 수있는 메뉴의 높이 당신이 그림자를 원한다면 패딩을 바꾸는 것을 알아라 그리고 내가 정말로하고있는 것이 좋습니다 솔직히 말해서 내가 배웠던 유일한 길은 내가 뭔가를 바꾸는 것이었다 여기에 내려와 안전한 변경 사항은 언제든지 테마 옵션에서 여기에있는 옵션 중 변경 사항 저장하기 다른 페이지로 이동하면 다른 것을 배울 수 있습니다 수업을 빨리 알면 원하는 분배자를 알면됩니다

이 모든 것 그리고 그것이 가지고있는 것을 보아라 모바일 장치의 경우에도 다른 옵션이 있으므로 무엇을 할 수 있습니까? 실제로 그것을 선택하여 저장 한 다음 휴대 전화에서 확인하고 당신은 그것이 큰 메뉴 인 메가 메뉴를 변경해야한다는 것을 알고 있습니다 그리고 나서 다음 응답은 반응 적입니다 당신은 절대적으로 클릭하고 싶습니다 그 위치에 괜찮아요 반응 기본적으로 그 의미 모든 화면이 정말 좋아 보이고 모든 것이 모바일로 진행되기 때문에 또는 자신이 알고 싶은 태블릿과 같은 것을 알 수 있습니다

그것은 실제로 당신이 내가 최근에 많은 생각을 해왔다는 것을 알고 반응했습니다 그 대신에 많은 시간을 내가 웹상에서 내 사이트를 디자인 할 것이기 때문에 바탕 화면에서 모바일 장치로 변경 하겠지만 요즘에는 실제로 모바일 장치 용으로 내 사이트를 디자인해야한다고 생각하고 있습니다 대부분의 사람들이 다음과 같은 이유로 그것을 이해한다면 바탕 화면으로 변경할 수 있습니다 요즘에는 휴대 전화를보고 있으므로 여기를 변경할 수 있는지 확인하십시오 당신이 알고있는 곳의 픽셀 수는 옵션을 가지고 노는 것을 알고있는 많은 사람들이 필요합니다

그것을 저장하고 모바일 장치에서보고 좋아, 다음 중 하나의 색상 당신이 할 수있는 멋진 것들은 미리 정의 된 테마 스킨이 있습니다 하얀색은 근본적으로 모든 것을 가장 하얀색으로 보았습니다 부분적으로 또는 실제로 어두운 사람과 어둠은 가자 그냥 가자 전체 페이지가있는 곳은 여기에서 정말 빠릅니다

이 어두운 느낌이 너무 듭니다 원하는 필드에 따라 웹 사이트에 미리 정의 된 색상이 있어야합니다 색 구성표 색 구성표는 내가 여기로 돌아 가게하면 언제든지 알 수 있습니다 너는 여기 실제로 보지 못했지만 언제든지 너는 링크 나 아무것도 가지고 있지 않다 이 미리 정의 된 테마 또는 버튼처럼, 기본적으로 어떻게 될 것인가? 어쩌면 나는 실제로 여기에 몇 가지를 가지고 있으므로 이것이 꽤 정의되어있다

파란색이 이렇게 나는 여기에 덮여있는 것 같아요 파란색은 많습니다 링크가 파란색으로 표시되면 테마 전체에 걸쳐 볼 수 있습니다 그렇다면 미리 정의 된 색 구성표를 원하거나 기본 색을 원합니다 실제로 여기에서 하나를 선택할 수 있습니다

지금 헤더가 바로 여기에 있습니다 물론 헤더입니다 그래서 여기에 로고가 있습니다 여기 링크를 클릭하면이 다양한 옵션을 모두 볼 수 있습니다 전화를 가질 수있는 것과 비슷한 모양을 선택할 수 있습니다

번호와 너무 많은 옵션을 선택할 수 있습니다 실제로 그것이 왼쪽 상단 오른쪽에있는 위치와 물론 끈적한 헤더를 사람들에게 보여주고 싶습니다 기본적으로 내가 아래로 스크롤 할 때 시계는 작게가는 방법을 보게됩니다 너를 따라 가면 나는 그런 식으로 접근 할 수있다 서로 다른 링크를 사용하면 꽤 멋진 옵션이 있습니다

배경 이미지 다시 여기 당신이 아는 그것의 스타일링 당신이 그림자 색상을 알고있는 한 모든 것을 사용할 수 있습니다 물론 로고를 업로드하면 모든 것을 제공합니다 당신이 망막에 표시하고 싶다면 지시 사항까지 로고가 표시됩니다 4k가 점점 더 중요 해지는 디스플레이 주류는 로고의 크기를 크게 두 배로 만드는 것입니다 귀하의 모바일 장치에 대한 코스와 favicon 바로 여기 favicon입니다 근본적으로 여기의 위로 조금 이것이 정직한 매우 좋은 사람이 아닌 것을 안다

하지만 당신의 탭에서 볼 수있는 작은 아이콘이기 때문에 16으로 16을 알면 그것이 얼마나 큰지 알 수 있습니다 당신의 호스팅 회사가 거기에 넣을 일반적인 하나를 가지고있는 대신에 그것들 꼬리말은 물론 바닥 글은 여기까지 내려와 내가 가진 모든 것을 볼 수 있습니다 바닥 글에 대한 저작권은이 페이지에서 간단한 콘텐츠 작성입니다 실제로 다른 위젯을 캘린더 나 다른 것과 같이 가지고 있습니다 링크 및 모든 옵션은 여기에 있습니다

얼마나 큰지 알 수 있습니다 바닥 글 위젯을 원하면 그걸 바꿀 수있어 내가 나중에 보여 줄게 실제로 보이는 위젯에 액세스하면 위젯을 볼 수 있습니다 꼬리말로 보여 주겠지 만 여기에 모든 설명을 넣을 수 있습니다

괜찮 았던 것, 그리고 물론 사이드 바는 그 배경에 스타일을 지정했다 그게 바로이 색과 같을거야 배경에 대해 지금 무슨 일이 일어나고있는거야? 타이포그래피 이제 원하는 글꼴을 찾을 수 있습니다 바로 여기 그리고 타이포그래피로 당신은 바로 여기에서 그것을 선택할 수 있습니다 크기를 선택하십시오 그래서 이것은 몸을위한 것입니다

지금 시체는이 일반 텍스트 중 하나 일 것입니다 헤더에 물론 이것은 당신이 가지고있는 h1과 h2가 다른 페이지의 크기와 글꼴의 종류 및 모든 옵션 물론 우리는 당신이 이름을 짓는 블로그를 갖고 싶어합니다 당신이 좋아하는 블로그는 블로그의 다른 스타일을 통과합니다 바로 여기에서 알 수 있습니다이 블로그는 간단한 내용 작성에 대한 첫 페이지입니다

바로 거기에서 나는 이것이 대체 무엇인지 믿는 중간 대체물이라고 생각합니다 다시 이것은 당신이 가야만하는 것입니다 포트폴리오를 다시 열면 모든 아티스트 또는 사진 작가가 설정할 수 있습니다 소셜 미디어는 소셜 미디어를 원한다면 정말 빨리 클릭합시다 귀하의 페이지에있는 미디어 링크를 클릭하십시오

귀하의 정보 예를 들어 Facebook 페이지로 돌아가고 싶습니다 언제 어디서나 소셜 미디어 아이콘을 넣어두면 어디에서 정확하게 알 수 있습니다 괜찮아요 그런 다음이 검색 페이지의 나머지 부분을 살펴 보겠습니다 거기 당신은 그것의 다른 형식을 안다

그리고 많은 다른 것을 보자 여기에있는 옵션 중 일부는 여기에서 각각의 옵션을 통과합니다 커스텀 CSS와 고급 당신이 정말로하고있는 것을 정말로 알지 못한다면 나는 만약 당신이 구글 같은 것을 넣고 싶다면 우연히 그 사람들을 내버려둬 라 당신이 거기에서하고있는 것을 당신이 안다면 추적 코드 코드 필드를 앞당길 수 있고 거기에 넣을 수 있으므로 페이지 자체에 코드를 삽입해야합니다 바로 여기에 넣으십시오

괜찮아요 그리고 나서 마침내 import-export하면 그냥 복사하고 싶습니다 모든 데이터를 가져 와서 내 보내어 다른 누군가에게 보내십시오 좋아요 테마 옵션에 대한 일반적인 개요가 있습니다

내가 사과하는 많은 옵션은 아마 내가 놀란 것처럼 느꼈을 것이다 조금 있지만 모든 옵션을 살펴 봐야합니다 그들이 무엇인지 알 수 있지만, 만약 당신이 뭔가를 바꿀 수있는 방법으로 문제가된다면 옵션에 대한 개별 페이지에 표시되지 않는 경우 테마 옵션을 이동하여 일반적으로 테마 옵션을보고 거기에 있는지 확인하십시오 불행하게도 두 사람 사이에서 가끔씩 앞뒤로 가야하지만 더 많이 익숙해지면 더 쉽게 동영상을 볼 수 있습니다 모든 것을 밑으로 세우는 것 내가 너에게이 옵션에 지루할지도 모르는 많은 옵션을 보여줬다는 것을 안다

당신은 아마 당신의 웹 사이트에서 시작하고 싶습니다 멋진 일을 시작하는 방법을 보여줍니다 감사에 관해서는 데모 콘텐츠라는 것을 포함하고 있으므로 Avada 및 설치 데모를 클릭하면 다양한 데모를 만들 수 있습니다 실제로 설치할 수있는 사이트는 모든 콘텐츠를 업로드합니다 이 데모 사이트에서 가져와야 할 일은 실제로 돌아갑니다

관련이없는 콘텐츠를 삭제하고 문언을 변경하고 그다지 쓸모가 없어서 일을 훨씬 쉽게 할 수 있습니다 각 페이지를 만드는 대신 마음에 품은 스타일 개별적으로 작업하고 실제로 그런 식으로 작업 할 수 있습니다 기존 데모를 해체하고 자신 만의 데모를 만들 때 살펴 봅니다 여기 많은 데모가 계속해서 새로운 데모로 나옵니다 그들은 솔직히 계속해서 점점 더 좋아지고 있습니다

예를 들어이 데모 중 하나를 미리 볼 수 있으므로이 gm1을 미리 볼 수 있습니다 따라서 데모 컨텐츠를 여기에있는 데모에 모두 설치하면 거기에있을 것이고 그것이 바로 여기있는 방법이 될 것입니다 그래서 다시 그것이 될 수 있습니다 당신이 원한다면 전반적인 포맷 설정이 너무 좋다는 의미에서 꽤 좋다 그걸 어떻게 잘 설정했는지는 내가 원하는대로 바꿀 수 있다는 뜻이야

하지만 실제로 많은 것을 삭제하거나 많이 변경해야 할 수도 있습니다 텍스트의 많은 사진과 겹침 선 그러나 그것은 벌써 설정된다 회원 증언 회원 증언 블로그의 모든 것 그것으로 이름을지었습니다 여기에 저는 실제로 그 중 하나를 설치하는 방법을 보여 드리고자합니다 다시 한 번 각자를 미리 볼 수 있습니다 어느 것이 가장 가까운 지 봅니다

무엇을하고 싶은지, 물론 설치를 클릭하면됩니다 이제 몇 분 정도 걸릴 수도 있습니다 귀하의 호스팅 회사에 따라 다르지만 상위에있는 경우 모든 것이 제대로 설치되었고 지금이 플러그인이 있습니다 기본적으로 재생 목록 미리보기 이미지를 설치해야합니다 조금 지루할 수있는 모든 이미지의 크기를 조정합니다

하지만 기본적으로 그냥 가서 다음 페이지를 클릭하십시오 실제로 플러그인을 이미 설치 했으므로 플러그인은 여기에 있습니다 그것을 설치하십시오 나는 그것을 실행할 것이고 당신은 가기 좋을 것이고 실제로 그것을 할 것입니다 모든 일이 끝나고 완료되면 대시 보드로 안내합니다 대시 보드에서 페이지에 액세스하고 싶다면 여기로 가십시오

여기에 방문 사이트를 방문하면 실제로 사이트로 이동합니다 거기에 약간 일하기 전에 일종의 이렇게 일종의 조금 종류가있다 그것으로 변경하지만 모든 콘텐츠가 바로 거기에 있고 그것은 단지해야합니다 다시 들어가서 내가 좋아하는 방식으로 변경하십시오 대시 보드로 돌아가서 페이지로 이동하면 각 페이지가 표시됩니다

개별 페이지를 바로 볼 수 있으며 원하는대로 편집하고 편집 할 수 있습니다 그리고 그것은 기본적으로 다음 페이지에서 우리가 데리러 갈 곳입니다 빈 페이지로 시작하면 우리는 그런 식으로 일하고 정확하게 보여줄 것입니다 모든 것이 어떻게 작동하고 어떻게 함께 모여서 아주 멋지게 될지 그러나 나는 그것을 정말로 빨리 보여주고 싶다 웹 사이트 알다시피 나는 모두가 너를 확실히해야한다고 생각하지 않는다

사이트를 직접 만들지 만 데모 콘텐츠를 설치하는 방법은 매우 중요합니다 심플하고 궁금한 점이 있으시면 언제든지 알려주세요 요점은 모든 것을 설정하는 방법의 기초를 놓았으며 정말로 지루한 종류의 그래서 나는이 점에서 정말로 흥분한다 우리는 실제로 우리가 할 수있다

일부 페이지를 시작하고 실제로 몇 가지 사항을 함께 넣으십시오 내가 그렇게하는 방법을 보여주기 위해 페이지로 이동하여 모든 페이지로 이동하십시오 당신은 우리가 이미 집과 블로그 페이지를 만들었 기 때문에 집에 가야한다 편집을 클릭하십시오 좋아, 이것이 퓨전 빌더 다

편집 할 페이지이다 퓨전 빌더가 기본적으로 여기에 없으면 모든 것이 진행될 것입니다 바로 여기에서 클릭하기 만하면 두 가지 사이를 이동합니다 기본 편집기는 사용하지 않습니다 옛날 방식과 같은 모든 종류의 매뉴얼 퓨전 빌더는 기본적으로 모든 작업을 드래그 앤 드롭 할 수 있습니다

이제 Avada 50에 대한 많은 업데이트가 40 버전과 그 전까지는이 모든 것이 훨씬 쉽습니다 요점은 여기에 모든 것을 모아서 놓을 필요가 없기 때문입니다 당신이 여기에서 위로 쳐다 본다면 당신이 알고있는 요소를 좇아 가라

여기 빌더로 시작하라 이 모든 다른 옵션이 여기 있습니다 아는 다른 컨테이너는 실제로 저장할 수있는 코드를 추가합니다 특정 요소가있는 멋진 컨테이너를 만드는 경우 다른 요소의 의미 요소를 사용하면 실제로 전체 페이지 레이아웃을 저장할 수 있으며 그 레이아웃은 그것은 당신의 도서관에 여기 저기에 저장할 것이고 그래서 당신은 무엇이든 그것을 지명 할 수 있습니다 원하는 템플릿을 저장하면 저장되고 다시로드 할 수 있습니다

그 같은 페이지 또는 특정 컨테이너 또는 열 및 미래를 사용할 수 있습니다 참조이므로 매번 모든 것을 다시 만들 필요가 없습니다 그리고 그것은 그들이 지금 가지고있는 다른 것을 한 멋진 업그레이드입니다 물론 이것은 역사이기 때문에 Mac을 사용하는 경우와 비슷합니다 그것은 당신이 돌아갈 수있는 시간 기계와 비슷합니다

실제로 모든 것을 볼 수 있습니다 리비전에서 수정 한 내용과 실제로 이전 작업으로 돌아갈 수 있습니다 그게 내가 훨씬 많은 시간을 알았 기 때문에 훨씬 쉬워 졌어 변화된 것들과 나는 의미가 없었고 실제로가는 길은 없었습니다 우리에게 되돌아 가도록해라

그러면 매우 서늘해진다, 정말로 정말로 빨리 넘어 간다 if 당신은 지금하고있는 일을 미리보고 싶을뿐입니다 WordPress를 사용하면 미리보기 변경 사항을 바로 여기에서 클릭하면됩니다 실제로 당신이 지금까지 가지고있는 것의 예를 보여줍니다 당신이 실제로 무엇이든 구할 준비가 될 때까지 결코 업데이트를 얻지 못합니다 에 일하고 그러나 당신이 당신을 최신 정보를 명중하기 위하여 우연히하는 경우에 항상 돌아갈 수있다 사실 이전 버전으로 돌아갈 수 있지만 컨테이너가 여기에 있습니다

여기에 내려 가면 아주 간단합니다 당신이 지금까지 볼 수있는 융합 페이지 옵션이 더 있습니다 슬라이더 페이지 설정을 알고있는 헤더를 다른 패딩 알고 그것을 표시할지 여부를 예 또는 여기를 통해이 모든 것을 볼 수 있습니다 너는 여기서 많이 사용하지 않을거야하지만 네가 그걸 알고 싶으면

지금 나는 그들이 비디오를 시작하고 있다는 사실을 좋아한다 몇 가지 추가 질문과 나는 이것들에 대답하지 않을 것이다 이것은 매우 있을지도 모른다 도움이되지만 시작하려면 여기에 컨테이너를 추가하고 다른 것은 실제로 미리 만들어진 페이지가 있고 내가 보여줄거야 데모에서 마지막 비디오를 다시 부를 수 있다면 정말 빠릅니다 당신이 원하지 않는다면 지금 전체 데모 사이트를 설치할 수 있다는 것을 보여주었습니다

당신이 때때로 알고있는 것을하십시오 원하는 데모를 클릭하면 여기에 갈 수 있습니다 당신이 사랑하는 것을 보았을 때 뭔가를 클릭하면됩니다 그래서 그것은 avada 체육관과 당신이 페이지 중 하나를 클릭하고 당신은 그것을로드 할 수 있습니다 그리고 그것은 당신을 위해 전체 페이지를로드 할 것이고 그것은 매우 매우 차갑습니다 그래서 저는 확실히 그것을 활용할 필요가 있습니다

그래서 여기로 돌아가서 우리는 컨테이너는 기본적으로 컨테이너를 설명하기 위해 기본적으로 웹 페이지 그것은 그게 괜찮아 그래서 괜찮아요 이름을 컨테이너가 포함 된거야 우린 그냥 여기서부터 풀 페이지 컨테이너를 시작해서 괜찮아 질거야 이제 컨테이너가 나에게이 섹션을 보냈다 이 녀석이 상자는 괜찮아요 이건 개별 요소들입니다 여기와 바로 여기에있는 개별 요소가 있습니다

컨테이너에 있지만이 실제 녀석은이 녀석의 사진을 컨테이너의 배경이므로 여기를 클릭하여 이동하면됩니다 배경 이미지를 업로드하면 이미지를 업로드 할 수 있습니다 이 미디어 라이브러리는 이미 여기에 있습니다 우리가 할 수있는 일은 다음과 같습니다 업로드하고 거기에 이미지를 드래그 앤 드롭하면 내가 항상 알 수 있습니다

이미지를 업로드하기 전에 변경을 권장합니다 가능한 한 작게 이미지를 업로드하고 싶지는 않습니다 또는 5 메가 바이트는 웹용으로 작게 만들고 싶습니다 그래서이 파일들은 이미 내 라이브러리에 들어 있으므로 우리는 우리가이 녀석을 골라 낼거야 너는 여기에 가서 페이지로 이동하면이 배경이 좋아질 것입니다

원한다면 전체 애니메이션을 다른 애니메이션으로 변경하십시오 그것의 크기와 같은 국경까지 괜찮아요하지만 일반적으로 그것은 백이 될 것입니다 퍼센트로 의미를 지닌다 우리는 구원을 얻을 것이다

좀 더 살펴보고 싶으니까 빨리 미리보기 위해 여기로 가보겠습니다 우리가 가진 것과 용기가 실제로있는 것 작아서 여기로 돌아가서 좋아, 네가 간다 내가 한 모든 일은 내가 그 요소에 들어갔다 컨테이너 및 디자인 및 다음 패딩 크기를 변경 한 그래서 그냥 500을 바꿨다

그리고 그것이 그 작은 것에서 조금 나아 갔다 더 큰 당신은 우리가 여기에 들어갈 수 있다는 것을 알기를 바랍니다 그런 다음 변경 사항을 다시 미리 볼 수 있으며 그 모습을 볼 수 있습니다 거기서 우리는 그렇게 더 큰 권리를 만들었고 그래서 우리가 그것을 한 번하면 container 다음으로 우리가하고 싶은 것은 실제로 몇 가지 요소를 추가하는 것입니다 내용 상자를 실행하면 내용 상자에서이 작업을 진행합니다 정말로 빨리 나는 우리가 할 수있는 것을 보여줄 것입니다

그래서 저는이 말을 할 것입니다 상자 괜찮아 나는 우리가 잘할만한 아이콘을 선택하려고한다 잎 바로 거기 괜찮아 너라면 모든것의 색깔을 바꿀 수있어

좋아요 그리고 당신은 당신 자신의 이미지를 업로드 할 수 있습니다 그리고 나는 감사의 말을 할 수 있습니다 너는 우리 웹 사이트를 볼 수있어 알았어

나는 이제 너를 구해 낼거야 너 여기에 갈 수있어 콘텐츠 상자를 추가하면 실제로 변경되는 방법 그들은 준비가되어 있지만 미리 볼 것입니다 알았어 그게 바로 상자 야

그러면 내가 할 수있는 이유는 상자를 더 많이 추가하는 것뿐입니다 그런 다음 우리가 원한다면 클래식 아이콘을 맨 위에 놓고 무엇을할까요? 내가 할거야, 내가 진짜 빨리 여기에 갈거야 내가 몇 가지 아이콘을 선택할거야 너가 실제로 볼 수있게 내가 원하는대로 선택 하겠어 이게 어떻게 설정되어 있니? 우리가 여기서 그걸 저장할거야

미리보기 한 번 더 바뀌면 우리가해야 할 일이 생기므로 네 가지가 있어야합니다 아이콘을 나란히 놓고 괜찮아요 사실 엉망이되어서 맨 위에 쌓아 놓았어요 왜냐하면 내가 여기 콘텐트 상자와 열의 수이므로 하나가 아닌 4 개로 변경해 봅시다

나란히 서 있지 않도록 한 번 더 저장하겠습니다 우리는 그것을 미리 볼거야 그리고 그들은 나란히 있어야한다 그래, 거기서 우리는 괜찮아 그게 아주 잘 어울려요

이 컨테이너에 다시 와서 할 수있어 그래서 우리가 끝내면 우리가 할 수있는 일은 훌륭합니다 다른 컨테이너를 선택하고 그냥 전체 너비의 컨테이너를 만들고 그 컨테이너를 너의 크기를 바꾸고 싶다면 지금 바로 밑으로 간다 요소들 당신이 할 수있는 것은 바로 여기를 클릭하면됩니다

이 요소의 절반 크기 괜찮아요 여기로 가면 실제로 복제 할 수 있습니다 그걸로 또 다른 하나를 구할 수 있고 그러면 우리가 할 수있는 일은 우리가 할 수있는 일입니다 그냥 체크리스트를 모르겠다 그냥 입력 해 보자

내용은 그것을 말할 것이다 그리고 나서이 요소 위에 우리가 할 수있는 것은 우리가 할 수있는 것이다 그냥 진행 바를 알지 못하니 좋아요 그런 다음에요 당신은 당연히이 개별 요소들이 당신을 기억하고 있음을 알고 있습니다

배경을 원하는대로 변경할 수 있습니다 똑바로 검은 색과 물론 우리가 갈거야 우리는 여기에 검은 색으로 만들거야 디자인은 그것을 검은 색으로 만든다 나는 생각하지 않는다고 생각한다 좋아 보이는지 미리 보자 그래서 우리가 다른 것을 추가했다는 것을 기억해라 컨테이너 괜찮아 그리고 바로 거기에있다

실제로 더 많이 추가해야하기 때문에보기에는별로이지 않습니다 그걸로 콘텐츠를했습니다 나는 정말 빠르게 뭔가를했습니다 질문이 있으면이 모든 것들이 어떻게 하나로 모일 수 있는지 보여주십시오 여기에있는 요소들에 대해 그리고 내가 정말로 당신에게 권하는 것들을 너는 avada에게 바로 여기에 주제 융합을 제안하고 나는 데모 사이트를 확인해보십시오

요소 및 페이지에 대한 정보를 얻을 수 있습니다 모든 것을 설정하면 다른 요소가 실제로 무엇을하는지 보여줍니다 예를 들어 분배기를 사용하면 모든 다른 분배기를 볼 수 있습니다 바로 여기 있고 그들이 어떻게 보이는지 또는 예를 들어 사람에게로 간다 if 당신은 자신을 강조하고 싶다

당신이 얻을 수있는 것들과 모든 옵션들이 바로 거기에 있습니다 개개의 요소와 우리가 여기에있는 것과 같이 그리고 다시 한번 당신이 이걸 보게해서 모든 단추가 실제로 이용 가능하고 가능한 일을하십시오 왜냐하면 여기에 있다면 당신이 할 수있는 색을 바꿀 수있는 다른 버튼을 만드는 것이 가능합니다 아무것도 바꾸면 정말 깔끔 하니까 여기로 돌아가는 거 알지 우리는 예를 들어 당신이 알고있는 다른 것을 추가하고 싶었습니다

우리는 다른 것을 할 수 있습니다 여기에 다른 컬럼을 추가 할 수 있습니다 우리가 한 다른 두 가지 바로 아래에서 요소를 바로 잡을 수 있습니다 그럼 카운트 다운 상자를 보자 그러면 시간과 모든 것을 넣을 수있다

바로 거기에 저장을 누른 다음 우리가 미리 거기에 간다면 미리보기 그래서 모든 것을 얻을 수있는 방법은 정말 대단합니다 예를 들어 한 번만 더 끌고 놓기 만하면됩니다 우리는 거기에 또 다른 컨테이너를 원했고 우리는 이것을 원했습니다 기본적으로 컨테이너는 기본적으로 요소가 우리가이 일을 그냥하면 괜찮을거야 우리가 너를 볼 수있어

그것이 1/5 또는 4/5를 차지하고 있다는 것을 알고 있습니다 이것을 바꿀 때 변경할 수 있습니다 3/5 좋아,이 요소는 여기로 밀어 넣을거야 2/5로 이동하면 다른 크기로 변경할 수 있습니다 시간과 단지 당신이 다른 요소들을 저장할 수 있다는 것을 기억하십시오

당신의 도서관에있는 그것들을 말하자 그 컨테이너가 여기에 저장되도록 컨테이너를 확인하십시오 당신은 도서관 컨테이너에 가서 당신이 용기를 지우고 싶을뿐입니다 그래서 정말 간단합니다 네가 여기서 할 수있는 일이 정말 마음에 들었다

이전 버전에서 간소화되었으며 개별 요소를 알 수 있습니다 예, 당신은 그것이 당신이 각각과 당신을보아야한다 조금 걸린다는 것을 알고 있습니다 알아낼 수있는 종류의 것을 알아요하지만 당신은 그것이 당신이해야 할 일이라고 생각합니다 내가 항상 말했듯이 질문이 있다면 이 전체 과정에서 너는 나를 알기 만하면된다는 것을 알고있다

다음 강의에서 보여 드리고자하는 것은 융합 슬라이더를 설정하는 방법입니다 그리고 이것이 바로이 퓨전 슬라이더의 진짜 모습입니다 좋아요 그러면이 수업을 구성하는 법을 보여 드리겠습니다 우리가 그만 뒀던 곳에서 데리러 가고 싶다

페이지 설정 방법에 대한 마지막 강의 이제 여기서 계속하겠습니다 우리가 중단했던 홈 페이지와 함께 나는 당신에게 어떻게 할 것인지를 보여주고 싶다 퓨전 슬라이더는 예제 페이지로 돌아 간다 슬라이더 괜찮아요 버튼이있는 단어가있는 이미지가있어서 생각합니다 정말 좋아

나는 융합 슬라이더를 아주 좋아해 기본적으로 편집 페이지로 돌아가는 사람들을 만들기 위해 퓨전 슬라이더를 만드는 데는 두 가지 일을해야합니다 실제로 슬라이더 자체를 만들어야 융합 슬라이더 슬라이더로 이동합니다 그런 다음 슬라이더를 추가하거나 편집하여 오른쪽에서 바로 볼 수 있습니다 옆면은 모두 미리 만들어져 있지만 새로운 하나는 근본적으로 당신이 친숙 해졌고 그 다음에 슬라이더 크기가 100 %이면 너비는 줄입니다

가로 질러서 높이가 분명하게 갈수록 키가 크고 그래서 전체 화면을 채우고 싶다면 당신은 그것을 알게됩니다 조금 크거나 작고 그래서 당신이 할 수있는 다른 효과가 있습니다 앞서 언급 한대로 여기를 선택하십시오 내가 생각하기에 실험의 종류처럼 보입니다 시차 스크롤 효과를하는 것은 항상 깔끔하기 때문에 이것들은 당신이 택시 화살을 원하는지 알지 못한다

슬라이더를 사용하면이 상자 중 몇 개를 확인하고 싶을 수도 있지만 일단 완료하고 이러한 옵션을 통해 진행하고 완벽하게 완성했습니다 슬라이더를 추가하고 슬라이더를 추가하면 슬라이더 자체가 정상적으로 작동합니다 단순히 슬라이드의 구조 일 뿐이지 만 실제로 볼 수있는 것은 아닙니다 슬라이드에서 슬라이드를 추가하거나 편집하려면 여기로 이동하십시오 퓨전 슬라이더를 선택하면됩니다

그러면 여기에서 클릭하십시오 새로운 슬라이드는 슬라이드의 내용을 실제로 만드는 곳입니다 다시 한 번 당신이 기억할 수있는 레이블을 붙이고 할 수있는 몇 가지 옵션이 있습니다 이처럼 이미지를 만들 수 있습니다 여기 또는 실제로 깔끔한 것은 실제로 비디오와 함께 슬라이드를 만들 수 있습니다

실제와 같은 비디오를 알고 있기 때문에이 옵션을 정말 좋아합니다 백그라운드에서 반복되는 동영상을 반복하므로 원하는 것을 알 수 있습니다 너무 혼란스럽지 않게 조심하십시오하지만 당신이 알고있는 것이 많이 있다는 것을 알았습니다 정말 믿을 수 없을만큼 멋지게 보이게되어 당신이 자기 호스팅을하는 경우에 당신이 아는 하나 mp4가 가장 일반적인 것입니다

한 가지 알려드 리도록하겠습니다 if 당신은 비디오를 스스로 호스팅합니다 동영상 작업이 재생되지 않기 때문에 휴대 기기 용 별도의 이미지 휴대 전화에서도 이미지가 있어야합니다 어쩌면 정적 인 것과 비슷할 수도 있습니다 그러나 그것이 유일한 단점입니다

바탕 화면을보고 있다면 정말 멋지게 보이므로 원하는 것을 알 수 있습니다 이 옵션을 통해 이동하면 자동으로 루프를 재생하는 옵션이 뮤트됩니다 비디오는 모두 선택되어 있습니다 코스가 여기에 오면 당신은 표제 지역으로 갈 것이고 그래서 이것은 당신은 실제로 타입을 넣었습니다 그래서 여러분은 h1과 같은 제목을 가지게됩니다

바로 거기에 가면 거기에 무언가가 있습니다 당신이 원하는 글꼴의 크기를 바로 거기에 넣을 수있는 제목 영역 코스 색상 당신은 배경 영역의 모든 유형을 알고 다음 캡션 영역은 바로 작은 텍스트가 될 것이므로 다시 사용자 정의 할 것입니다 그게 당신이 그것을 좋아하는 방법에 그리고 나서 여기 하단에 당신의 몇 가지 옵션이 있습니다 실제로 당신이 가지고있는 링크까지 가질 수 있다는 것을 알고 있습니다 또는 슬라이드 하나만 있으면 버튼 하나만 있으면됩니다

두 개의 버튼이 필요한 경우 실제로는이 중 하나의 텍스트 만 삭제하십시오 바로 옆에 나란히 놓아두면 바로 여기로 가야합니다 그것을 사용자 정의하면 실제로 코딩에 대해 조금 알 필요가 있습니다 당신이 실제로 이것들 사이에 놓기를 원하는 것에 대한 링크를하려면 괄호를 사용하고 웹 주소를 입력하면 크기를 알 수있는 바꿀 수 있습니다 버튼을 클릭하고 다시 조금 익숙해 져야합니다

여기까지 정확히 코드를 변경하는 방법에 관해서는 코드를 작성하십시오 바로 여기에 갈 수 있습니다 당신이 끝나면 버튼이 갈 수있는 한 몇 가지 옵션을 볼 수 있습니다 이 슬라이더를 슬라이더와 연결시키기 위해 모든 슬라이더 바로 여기에 있습니다 방금 만든 방울이 이쪽에있을 것입니다

그래서 당신이해야 할 일은 실제로 그것을 선택하는 슬라이더를 클릭하는 것입니다 일단이 슬라이드를이 슬라이더와 연관 시키면 괜찮은 것입니다 너는 출판을 명중하고 싶 는다, 너는하고 싶을 것이다 너는 후에 가고 싶다이다 편집 페이지로 돌아가고 싶다면 원하는 슬라이더를 선택하십시오 괜찮아요 당신이 할 일은 당신이 끝까지 갈 수 있다는 것입니다

여기 하단에 융합 페이지 옵션이 있고 슬라이더를 켜려면 그 특정 페이지는 당신이 먼저 할 퓨전 슬라이더를 선택할 것입니다 Levada의 일부인 몇 가지 다른 슬라이더가 있지만 융합 슬라이더를 누른 다음 슬라이더의 이름을 선택하고 슬라이더를 누른 다음 페이지에서 원하는 위치와 한 번만 선택합니다 그렇게하면 슬라이더가 될 업데이트 또는 미리보기 변경 내용이 표시됩니다 그리고 그게 바로 슬라이더를 유일한 것으로 만드는 것이 아주 쉽습니다 정말로 나를 넘어 뜨린 것은 당신이 슬라이더를 만들고 그런 다음 별도의 슬라이드를 만든 다음 두 슬라이드를 연결해야합니다

몇 년 전에 처음에 저를 다시 기다렸습니다 시행 착오로 그것을 알아낼 수 있지만 올바르게 수행하면 믿을 수없는 슬라이더 융합 슬라이더와 멋져 보이고 정말 향상됩니다 지금까지 페이지의 모습이 상당히 잘 진행되고 있어야합니다 퓨전 슬라이더가있는 페이지의 내용을 보여 드리겠습니다 메뉴 시스템이 정말 빨리 설정되도록 여기서 볼 수 있듯이 상단에 메뉴가 없으므로 로고가 있습니다 여기에 있지만 우리가 볼 수있는 것은 퓨전 슬라이더입니다

따라서 대시 보드에서 그렇게 할 수 있습니다 네가하고 싶은 것은 외모로 간 다음 거기에서 나는 네가 가기를 바란다 메뉴를 사용하면 실제로 본 페이지를 볼 수 있습니다 가정과 블로그 페이지를 만들었습니다 그리고 그것들은 우리가 지금까지 가지고 있었던 것들입니다

그리고 그 두 가지를 클릭하십시오 그리고 나서 그들이 여기를 지나면 메뉴에 추가하십시오 당신이 어떤 종류의 것을 가지고 있다면 당신은 조금만 조작 할 수 있습니다 속성 또는 메뉴 아이콘과 같은 것을 지정할 수 있습니다 그리고 당신은 또한 그것을 만드는 융합 메가 메뉴를 가지고 놀 수 있습니다

그냥 다른 말로하면 정말 큽니다 그러면 할 수있는 것도 if 당신은 우리가 할 수있는 지구의 계층 구조와 같은 것이 있습니다 그래서 그것을 끌면 하위 항목이됩니다 기본적으로 블로그가 있습니다 그리고 그 밑에는 홈 페이지가 될 것이고 만약에 당신이 좋아한다면 당신과 함께 할 수있는 하위 주제를 아는 주요 주제 또한 당신은 좋아하는 어떤 방식 으로든 이것들을 움직일 수 있습니다

이것은 바로 그들이 메인 탐색을 클릭하면 나타나는 순서입니다 그리고 상단 네비게이션을 클릭하고 그 시점에서 당신이하는 모든 작업은 괜찮아요 메인 메뉴가 제대로 업데이트되었다는 확인을 받게됩니다 메뉴가 제대로 작동하는지 확인하기 위해 여기로 돌아올 때 매우 유용합니다 우리는 집과 블로그를 가지고있어서 실제로 작동 했나요? 이제 괜찮아

니가 가면 정말 빨리 다른 옵션을 보여주고 싶다 모양 및 테마 옵션 내가 실제로 선택할 수있는 방법을 보여주고 싶습니다 다른 헤더도 있으므로 조금 다른 모양으로 보일 것입니다 이 전에 및 테마 옵션을하지만 난 당신의 헤더에 가서 그래서 현재 이 바로 여기가 선택되었지만 조금 다른 것처럼 보일 수 있습니다 Mabel이 이걸 정말 빨리 해봐 Save Changes 우리는 이것을 미리보고 다른 모양이 있는지 살펴 보려고합니다

좋아요 아주 좋아요 그래서 거기에서 당신은 그것이 실제로 어떻게 보이는지를 볼 수 있습니다 메뉴에는 물론 내가 말했던 여러 가지 옵션이 많이 있습니다 헤더 이전까지 이러한 옵션을 사용하면 끈적 헤더는 끈적 헤더에만 붙어 있습니다

헤더가 붙어있는 스티커를 아래로 내리고 변경 사항을 잘 저장합시다 정말 빠르게 새로 고침하고 작동하는지 확인해 보겠습니다 좋아, 거기에 우리가 가서 정말 좋은 것 같지 않아 거기에 가서 그의 머리의 한가운데에 있지만 그것은 헤더까지 우리가 선택할 수있는 다양한 옵션이 있습니다 이 하나는 정말 빨리 우리는 어떤 모습인지 보게 될 것입니다 그래, 아주 좋아 보이지 않지만 다시 이것은 단지 당신이 할 수 있고 더 많은 페이지를 추가 할 때 메뉴가 모두 설정되므로 선택 항목을 더 추가 할 수는 있지만 전반적으로 설정하기는 쉽습니다

이제이 동영상에서 블로그를 게시 페이지로 설정하는 방법을 보여 드리겠습니다 뭐라 부를지라도 전에이 옵션을 보여 줬지만 외형을 사용자 정의한 다음 사용자 정의하고 보자 여기 정적 인 첫 페이지로 이동하고 난 당신이 동영상에서 이전에 보지 않았다면이 옵션을 클릭하십시오 블로그가 어떤 블로그가 될 것인지를 지정해야한다면 어떻게 말했습니까? 홈 페이지이므로 정적 페이지가있는 경우 예를 들어 뉴스 페이지 또는 끊임없이 변화하는 홈페이지는 실제로 우리가 일종의 당신의 블로그처럼 귀하의 첫 페이지 그래서 당신은 최신 게시물 괜찮아요 실제로 첫 페이지와 별도의 블로그 페이지를 원한다면 여기에서 페이지를 선택하기 만하면 집과 블로그 페이지가 될 것입니다

그 이름을 우리가 지명하기 전에 선택한 다음 거기에서 거기서 내가 네가하고 싶은 것은 외모로가는거야 그리고 너를 원해 테마 옵션으로 이동 여기를 클릭하여 블로그를 클릭하십시오 당신의 블로그에 대한 모든 옵션이 보편적 인 의미가 될 것입니다 당신이 개인적으로하고 싶다면 모든 단일 페이지에 나타날 것입니다

옵션을 사용하면 개별 게시물에 반대 할 때 할 수 있습니다 선택할 수있는 수정 페이지의 개별 게시물 하단 페이지에 대한 특정 옵션을 보여 주지만 정말 빨리 내 블로그를 보여 드리죠 간단한 콘텐츠 작성시 여기처럼 보이므로 블로그를 볼 수 있습니다 여기는 바로 개별 페이지이고 실제로 블로그에 와서 유용하다고 생각되는 기사를 살펴보십시오 너에게하지만 이것은 우리가 그것을 어떻게 설정했는지를 나에게 알려주고 여기를 클릭하면 그렇게 할 수있다 게시물 중 하나를 살펴보세요

내 게시물 중 하나이기 때문에 관련 게시물 바로 거기에 코멘트 상자는 매우 간단하고 모든 옵션 당신이 바로 여기에서 찾을 수 있도록 오른쪽이 될 것입니다 실제로 당신이 여기를 선택하면 제목 표시 줄이 보일 것입니다 내가 생각하기에는 어색해지기도하고 어쨌든 향하게 만들 거라면 그것은 단지 중복되므로 그래서 당신이 그것을 좋아한다면 그 옵션을 선택하십시오 내 블로그 레이아웃입니다 실제로 매체 대체 및 이것은 매체 교체 및 나는 무엇 이었는가 그 모양과 비슷하게 그 옵션들과 함께 놀면 어떤 종류의 당신이 블로그의 페이지를 가지고 가기를 원한다면 당신이 가장 좋아하는 레이아웃 이것을 선택하거나 더 많은 무한 스크롤 단어를로드하려는 경우에는 스크롤하면 모든 다른 게시물을 무한히 스크롤 할 수 있습니다 그 옵션이 의미하는 바를 아래로 스크롤하고 발췌하고자한다면 다시 그래서 나는 단지 이것이 나의 현재 대신이 50이라고 생각한다고 생각한다 지금 당장이 발췌 내용이 얼마나 오랫동안 지속 되었는가가 이 바로 여기있을 추천 이미지는 괜찮은 이미지입니다

그런 다음 날짜 및 시간의 형식을 설정할 수 있습니다 해당 블록을 다시 설정하려면 단일 게시물을 선택하십시오 모두 유니버설 옵션입니다 그들은 그들이 당신이 미래에 게시하는 모든 게시물에서 이것을 선택할 것입니다 이러한 옵션을 설정하거나 해제하고 저자 상자 또는 모든 옵션을 올바르게 선택할 수있는 것과 같은 페이지 매김을 알고 있어야합니다

여기 또는 완전히 댓글을 완전히 해제하려면 블로그에서 바로 해제 할 수 있으며 개별적으로 할 필요가 없습니다 물론 블로그에 메타가 많이 나는 이것들을 끄고 나는 정말로 싫어한다 메타에서 모든 것을 본 나는 심지어 내 블로그에 그것을 가지고 있다고 생각하지 않는다 모든 옵션을 해제하고 해당 옵션이 모두 올바르게 작동하도록하십시오 if 당신은 실제로 블로그를 게시 할 예정입니다

이제 우리는 모든 것을 설정했습니다 당신은 일반적으로 게시에 가서 새로운 것을 추가 할 것입니다 이렇게하면 게시 페이지가 페이지 페이지와 매우 흡사하다는 것을 알게되면 당신은 페이지를 설정하고 있습니다 그래서 퓨전 슬라이더를 클릭 할 것입니다 그게 우리를 위해 정말 간단하게 만들거야 그래서 같은 일이야 페이지를 방금 전에 방관자 게시물의 제목을 만든 다음 방금 시작합니다

여기에서 건물을 만들면 실제로 컨테이너로 시작할 수 있습니다 당신이 그런 식으로하고 싶다면 그냥 사전에 페이지를 만들어 놓으십시오 당신이 바로 여기에 가면, 이것에 대한 요소가 제가 말했던 것입니다 개별 페이지를 개별적으로 개별적으로 원하는 경우 실제로 여기에는 많은 옵션이 있습니다 그래서 다시 관련 게시물이 될 모든 관련 게시물을 보여줘 옵션 바로 거기에 그런 종류의 그래서 누군가가 당신의 예술을 읽으면 그들은 정말 쉽게 다른 사람에게 갈 수 있으므로이 것을 개별적으로 변경할 수 있습니다

각각 하나씩 켜고 끄면 다른 옵션이 많이 있습니다 너의 발이나 머리 또는 그런 것들을 그렇게 돌리면 추천 이미지를 설정 한 곳에서 맞춤 설정할 수 있습니다 이 바로 여기에이 게시물의 추천 이미지가 표시됩니다 바로 여기에 있습니다 기본적으로 여기를 클릭하면 미디어 라이브러리를 사용하면 무언가를 선택하거나 실제로 업로드 할 수 있습니다

당신은 바로 아래 오른쪽 하단에 설정된 추천 이미지를 클릭하고 그게 전부입니다 그게 네가해야 할 일이야 만약 네가 조금이라도하고 싶다면 네가 태그 야 좀 더 체계적으로 구성하면 기사를 설명하는 태그를 추가하기 시작합니다 그래서 만약 누군가가 귀하의 페이지에서 검색을한다면 그들은 당신이 더 빨리 찾을 수 있습니다

다른 카테고리를 설정하여 조금 더 만들 수도 있습니다 일단 일을 찾으면 쉽게 할 수 있습니다 준비가되지 않았다면 구할 수 있습니다 초안은 게시 준비가 끝나기 전까지는 게시되지 않습니다 그냥 계속해서 그 버튼을 치면 언제든지 미리 볼 수 있습니다

약간의 변경을하면 여기에 올라가서 미리보기로 보입니다 당신이 따라갈 때마다 변화를 주어야합니다 블로그가 게시되면 자동으로 블로그에 한 번 표시됩니다 내가 갖고있는 것처럼 블로그 페이지로 지정한 모든 페이지 내 블로그에는 블로그가 있으므로 게시하면 자동으로 여기에 표시됩니다 사람들은 거기에서 바로 찾을 수 있습니다

질문이 있으시면 항상 내게 알려줘하지만 그게 내가 너를 생각한 블로그를 세우는 방법이야 이미 홈페이지를 설정하는 방법과 내가 생각한 블로그를 보여 줬어 연락처 페이지를 설정하는 방법을 보여줍니다 까다 롭지 만 몇 단계 만 수행하면 원하는 연락처 페이지가 있습니다

그 중 하나가 여기있는 바로 지금이 웹 사이트가 있습니다 다른 의사를 위해 만들어졌으며이 페이지는 실제로 1 위를 차지했습니다 그 지역에 다른 카이로 프랙틱 의사가 많이 있기 때문에 그것에 대해 자랑 스럽습니다 이 사람이있는 곳이지만이 연락처 페이지는 위치지도를 찾은 다음 하단에 실제로 제출할 수있는 지역 질문이나 그 중 어떤 것이 있는지 알고 있습니다 그래서 페이지를 만들려면이 페이지와 비슷한 연락처 페이지를 먼저해야 할 일은 외모로 간 다음 테마 옵션으로 이동하는 것입니다

가서 여기로 스크롤 한 다음 문의 양식을 클릭하십시오 어떤 종류의 이메일을 받기를 원한다면 먼저해야 할 일 당신이 할 수있는 것을 보여주기 원한다면 이메일을 거기에 넣어야 할 것입니다 당신이해야 할 일을 Google지도에서 원한다면 이 링크를 따라 가면 Google Maps API 키를 얻을 수 있습니다 만약 당신이 어떤 도움이 필요하다면 당신이 알고 있다는 것을 알게 될 것입니다 그것은 매우 간단합니다

그리고 코드를 생성하자마자 바로 코드를 삽입하면됩니다 주소를 여기에 입력했는지 확인하십시오 당신은 도로지도 인공위성 잡종 지형까지 당신 여기에서있다 그것을 바꿀 수있는 모양을 바꾸십시오 여기까지 바꿀 수 있습니다

치수를 변경하면 확대 된 거리를 실제로 변경할 수 있습니다 지도는 그린빌 (Greenville)시에서 축소 된 것입니다 너는 약간만 알면 그 옵션을 바로 바꿀 수 있고 너는 할 수있다 당신이 다른 모든 옵션들과 또 다른 멋진 것을 아는 것을 결정하십시오 실제로 스타일을 기본값으로 변경할 수 있습니까? 다른 스타일링과 당신은 그 모습을 볼 수 있습니다

당신이해야 할 일은 페이지로 갈 필요가 있다는 것입니다 연락처 페이지와 그저 문제 일뿐입니다 그냥 오, 이런 나쁜 접촉을 누른 다음 여기와 페이지 이름 기본 템플릿 대신 속성 사용 실제로 연락처를 선택하게 될 것입니다 퓨전 빌더를 사용하면지도 또는 연락처 양식을 실제로 볼 수 없습니다 여기 와서 어디 있는지 궁금해 할 것 같은데

설정 만하면 자동으로 채워 지므로 무엇이든지 만들면됩니다 당신이 원하는 모든 용기를 넣을 수 있음을 알기에 편합니다 기본 설정은지도가 항상 상단에 놓이게되고 항상 켜져있게됩니다 하단에 있으므로 언제든지이 페이지를 만들면 항상 이렇게 될 것입니다 사이에 물건을 넣어두면 원하는만큼 물건을 잼 할 수 있습니다

하지만지도와 연락 양식은 상단과 하단에 표시됩니다 본질적으로 당신이 알고있는 다른 옵션을 통해 그것을 구축하고 나서 너는 다만 간행을 명중하고 저것은이 접촉 페이지를 창조 할 것이다 추종자 또는 찾고있는 사람들의 모든 정보를 귀하의 비즈니스 요구 사항에 대해 알았습니다 이제이 동영상에서 나에게 보여 드리겠습니다 여러분 위젯과 사이드 바를 어떻게 시작할 수 있는지 그래서 우리는 외모로 가서 테마 옵션으로 간다 사이드 바를 사용하면 모든 옵션이 바로 여기에 있습니다

사이드 바를 통해 옵션을 살펴보고 설정 방법을 확인할 수 있습니다 특히 페이지와 크기 조정 및 모든 작업에 적합하지만 순서는 위젯을 설정하면 외모와 위젯으로 이동합니다 위젯을 말할 때 바닥 글의 바닥 글을 참조하고 또한 실제 사이드 바에 직접 보여주기 때문에 이 데모 바로 여기 바로 여기 이 아래의 OK는 바닥 글 바로 위에 있으므로 위젯이 맞습니다 여기 네 개의 기둥이 있으며 네 개의 다른 항목이 있습니다 물론 사이드 바는 내 블로그에서이 모든 것들을 바로 잡을 것이다

그러니까 내가 말했듯이 그것들을 설정하거나 편집하기 위해서 당신은 외모로 간다 그런 다음 위젯으로 이동하여 블로그 사이드 바를 볼 수 있습니다 너가 거기 원하는 다른 품목의 전체 톤은 좋아 그래서 아마 너는하지 않는다 당신의 사이드 바에 이걸 많이 갖고 싶어요 약 4 가지가 있습니다

그래서 이것은 기본적으로 모든 종류의 J가 약 15와 비슷한 것처럼 보입니다 20 세가 되니깐 네가하는 일은 네가 좋아하는 모든 것을 준비하는거야 옵션은 왼쪽에 있습니다 좋아요 당신이해야 할 일은 무엇이든 취하는 것입니다

너는 그것을 좋아하고 위에 끌고 올리면 그것을 위로 끌고 열릴 것이다 인스턴스이 작은이 링크는 바로 여기에 약간의 이미지처럼 할 수 있습니다 바로 저기에 그러면 네가 원하면 구원을 쳤어 당신이해야 할 일을 모두 지우려면 그것을 확장하고 지우고 좋아요

당신은 내가 당신이 알고있는 사이드 바를 위해 무엇이든 재정렬 할 수 있다고 말한 것처럼 할 수 있습니다 최근에 많은 사람들이 볼 수있는 태그 클라우드와 같은 것을 가지고 있습니다 그 텍스트 텍스트를 원한다면 당신이 사용할 수있는 무언가입니다 특정 HTML 코드를 넣고 싶다면 당신이 원하는 것은 단지 복사해서 붙여 넣기 만하면됩니다 만약 당신이 그것에 제목을 붙여 놓으면 바로 그 타일이 될 것입니다

항목이 무엇이든 상관없이 위의 내용은 바닥 글에 해당합니다 여기 아래로 예 footer 1 2 3 그리고 나서 여기 네번째 숫자는 똑같은거야 너는 그것들을 열면 너는 이것들 중 어떤 것을 여기에서 선택할지를 알 것이다 그걸 원하면 그냥 잡아서 내려 놔 그리고 당신이 그것을 원하는 위치에 놓으십시오

그래서 당신을 설정하는 것은 매우 쉽습니다 실제로 시간을 보내고 원하는 위젯을 찾아야합니다 귀하의 웹 사이트에 표시하고 그것을 제복을 입고 잘 보이게하지만 그게 전부입니다 정말 설정하기 쉽기 때문에 나는 당신에게 정말 빠른 것을 보여주고 싶었다 그게 뭔가 있다면 당신의 웹 사이트에 넣고 싶었던 것입니다 질문을하면 알 수있는 모든 권리를 알 수 있습니다

avada 50 테마를 사용하는 WordPress 웹 사이트 이제 감사드립니다 네가 궁금한 점이 있으면이 수업을 듣는 것은 아마도 네가 아마 분명히 의견을 남겨주세요 나에게 큰 소리로 외쳐라 나는 항상 많은 다른 옵션들이 있기를 기꺼이 돕는다

vada 50은 모든 단일 기능에 대해 이야기하는 것이 불가능할 것입니다 그들 중 하나지만 당신이 생각하는 기본 설정 방법을 이해해야한다고 생각합니다 블로그에서 다른 요소가 어떻게 작동하는지 알 수있는 방법 페이지 너가 질문을 더 가지고 있거나 너가 가지고 가고 싶으면 융해 슬라이더는 지금 더 많은 클래스의 제 수업에는 전체 SEO 2 천 명이 넘는 학생들이 알고있는 코스 또한 내 방법을 확인합니다 avada 4

0을위한 웹 사이트 코스를 만들려면 40이 있어야합니다 비슷한 옵션과 나는 실제로 많은 SEO 팁을 살펴볼뿐만 아니라 그 과정을 보아라 나는 그것이 정말로 즐거움을 줄 수 있다고 생각한다 내가 언급 한 것처럼 질문이 있으면 가르쳐 주겠다

믿을 수없는 날이 왔으면 좋겠어요

How to Install WordPress on Localhost – WordPress Tutorial for Beginners

안녕 얘들 아! 저기서 무슨 일이 벌어지고 있니? Kimsea입니다 Complete WordPress의 5 단원으로 돌아온 것을 환영합니다

초급부터 고급 사용자까지 자습서 비디오에서는 WordPress를 컴퓨터에 로컬로 설치하는 방법을 보여 드리고자합니다 먼저, Wamp 서버 개발을 다운로드하고 올바르게 설치하는 방법을 안내해 드리겠습니다 환경 그런 다음 WordPress 프로젝트의 가상 호스트를 구성하는 방법을 보여 드리겠습니다

마지막으로 localhost 환경에 WordPress를 설치하는 방법을 보여 드리겠습니다 튜토리얼에 대해 이야기하는 대신 실제 연습 해 봅시다 기본적으로 로컬 컴퓨터에서 자체 호스트 WordPress를 설정하려면 제대로 설치해야합니다 Apache, PHP 및 MySQL과 같은 로컬 개발 환경을 구성 할 수 있습니다 Mac 용 Mamp, Windows 용 Wamp와 같은 프리웨어 개발 환경 플랫폼에 감사드립니다

크로스 플랫폼 용 Xampp 이러한 개발 환경 플랫폼은 localhost 환경을위한 완벽한 툴킷을 제공합니다 설정 도구 내에서 localhost 환경을 훨씬 쉽게 설치하고 구성 할 수 있습니다 친숙한 GUI (그래픽 사용자 인터페이스)를 사용합니다

Windows 컴퓨터에서이 튜토리얼을 위해 Wamp 서버를 사용 하겠지만, 함께 갈 수는있다 Mamp 또는 Xampp 다른 운영 체제를 사용중인 경우 Wamp 서버는 프리웨어 응용 프로그램이므로 무료로 다운로드하여 설치하십시오 컴퓨터

나는 Google에있어 Wamp를 검색합니다 보시다시피 64 비트 다운로드가 목록에 있으므로 링크를 클릭하면 볼 수 있습니다 그 페이지 Wamp 서버 다운로드 페이지에서 페이지 하단의 다운로드 링크를 찾으십시오 다음은 64 비트 및 32 비트 시스템의 두 가지 PC 버전에 대한 두 가지 다운로드입니다

64 비트 다운로드 버튼을 클릭하여 64 비트 설치 파일을 다운로드합니다 Wamp 서버는 설치에 필요한 몇 가지 중요한 정보를 알려줍니다 화면에 표시되는 것처럼 Wamp 서버에는 Visual을 사용하여 빌드 된 C ++ 배포가 필요합니다 Studio 2012를 시작했습니다 제공된 링크를 클릭하여 Microsoft 담당자에게 C ++ 배포판을 다운로드 할 수 있습니다

다운로드 페이지 컴퓨터에 C ++ 배포판이 설치되어 있는지 여부를 잘 모르는 경우, APP로 이동하여 설치된 소프트웨어를 볼 수있는 기능을 제공합니다 여기에 C ++ 배포판을 설치할 준비가되었으므로 "직접 다운로드"를 클릭하여 다운로드하십시오 소프트웨어 Wamp 서버에서 Wolf 64 비트 설치 파일이 호스팅 된 sourceforge

org로 이동합니다 에 화면에서 볼 수 있듯이 다운로드를 위해 약 5 초 정도 기다려야합니다 여기 그것이 생깁니다 내 노트의 바탕 화면에 설치를 저장하겠습니다

이전에 한 번 다운로드를 했으므로 다시는하지 않을 것입니다 Wamp Server와 그 전제 소프트웨어를 다운로드하는 방법을 설명하기위한 것입니다 내 바탕 화면에서 Wamp 서버 설치 패키지를 마우스 오른쪽 버튼으로 클릭하고 "다음 계정으로 실행"을 선택하십시오 관리자 "를 선택하십시오 사실, 설치 파일을 두 번 클릭하여 설치를 실행할 수 있습니다

그러나 모든 것이 올바른 방식으로 실행되는지 확인합니다 여기에 설치가 나타납니다 나는 영어를 선택하고 계속하려면 "확인"버튼을 클릭하십시오 Wamp 서버는 사용권 계약과 관련 법률 문서를 보여줍니다 당신이 원하면 문서를 읽을 수 있습니다

계약서에 동의하려면 라디오 체크 박스를 클릭하고 계속하려면 "다음"버튼을 클릭하십시오 설치 가이드 및 문제 해결과 관련된 다른 정보 대화 상자에서 확인하십시오 이전에 문서 작업을 한 적이 없다면이 문서를 읽는 것이 좋습니다 이 경우 "다음"버튼을 클릭하여 설치를 계속합니다 다시, Wamp 서버는 설치 옵션을 보여줍니다

설정에 대한 기본 옵션을 사용하여 그 다음에 다음 버튼을 두 번 클릭합니다 Wamp 서버를 설치하기 위해 "Install"버튼을 클릭합니다 이 과정은 몇 분 정도 걸릴 것이므로 비디오 녹화를 중단하여 저장하십시오 너의 시간 여기서 Wamp 서버는 기본 웹 브라우저를 선택하도록 요청합니다

기본적으로 Wamp는 오래된 버전의 인터넷 익스플로러를 사용합니다 "예"버튼을 클릭하여 원하는 웹 브라우저를 선택하십시오 파일 대화 상자에서 C, 86, Google, Chrome, 응용 프로그램, 그런 다음 Chrome을 두 번 클릭하여 파일을 선택하십시오 다시 말하지만, Wamp 서버는 기본 코드 편집기를 요청합니다 "예"버튼을 클릭하여 코드 편집기를 선택합니다

프로그램 파일 폴더에서 대괄호를 선택하고 대괄호 실행을 두 번 클릭합니다 파일을 선택하여 응용 프로그램을 선택하십시오 다음은 사용자 안내서와 관련된 최종 정보입니다 문서를 읽는 데는 몇 분 정도의 시간을 할애해야합니다 초보자

"다음"버튼을 클릭하고 "마침"버튼을 클릭하여 설치를 완료하십시오 나는 시작 메뉴를 열고 Wamp Server를 찾는다 거기는 "Wamp Server 64"를 클릭하여 응용 프로그램을 엽니 다 Wamp 서버 아이콘이 내 시스템 트레이에 나타납니다

보시다시피 아이콘이 빨간색으로 표시되면 응용 프로그램이 실행 중이 아니므로 녹색을 기다리십시오 얘들 아! 프로세스가 평소보다 약간 길어서 Wamp Server의 모든 서비스를 다시 시작합니다 응용 프로그램을 강제로 작동시킵니다 우리는 거기에 갈! 아이콘은 녹색입니다 Wamp Server 아이콘을 클릭하면 하위 메뉴 컨텍스트가 표시됩니다

하위 메뉴 컨텍스트에서 "Your Virtualhost"를 선택한 다음 다른 하위 메뉴 컨텍스트에서 localhost를 선택합니다 다음은 localhost 개발 환경의 첫 페이지입니다 기본적으로 브라우저의 주소 표시 줄에서 볼 수 있듯이 홈 URL은 localhost입니다 어떤 최상위 도메인도없이 phpinfo의 링크를 클릭하면 PHP 구성 정보를 볼 수 있습니다

이 페이지에서 볼 수 있듯이 Wamp 서버는 현재 PHP 버전 72를 사용합니다 브라우저의 "뒤로"버튼을 클릭하여 localhost 앞 페이지로 돌아갑니다 이제 PhpMyAdmin 링크를 클릭하여 로그인 페이지를 봅니다 로그인 페이지에서 루트 사용자로 로그인합니다

기본적으로 Wamp 서버에는 빈 암호가 있으므로 암호는 비워 둡니다 그랬던 것처럼 그런 다음 "이동"버튼을 클릭하여 PhpMyAdmin 백엔드에 로그인합니다 우리는 거기에 갈! 백엔드 대시 보드에는 기본 시스템 데이터베이스 만있는 것이 없습니다 "로그 아웃"버튼을 클릭하여 PhpMyAdmin을 로그 아웃합니다

방금 설명한대로 Wamp 서버의 기본 설정은 빈 암호와 함께 제공됩니다 데이터베이스 관리자 용 따라서 root 사용자의 암호를 만들어야합니다 시스템 트레이에서 Wamp 서버 아이콘을 클릭하면 하위 메뉴 컨텍스트가 표시됩니다 하위 메뉴 컨텍스트에서 MySQL을 선택한 다음 MySQL 콘솔을 선택합니다 Wamp 서버는 로그인 할 사용자 이름을 묻습니다

이 경우 "확인"버튼을 클릭하여 루트로 로그인합니다 콘솔 창에서 Enter 키를 두 번 눌러 MySQL 서버에 로그인합니다 여기에 MySQL 서버에 로그인했습니다 콘솔 창에서 루트 사용자의 암호를 "root"로 설정합니다 그 이름과 같은

얘들 아! 이것은 관리자 암호를 설정하는 어리석은 방법의 좋은 예입니다 프로젝트를 제작하거나 평생 동안이 작업을 수행하지 마십시오 필요한 경우 동영상의 설명에 명령 줄을 남깁니다 루트 암호를 설정하려면 내 키워드에서 "Enter"키를 누르십시오 빙고! 이제 루트 사용자는 자체 암호를 갖습니다

"exit"를 입력하고 내 키워드에서 "Enter"키를 눌러 MySQL 콘솔을 종료합니다 모든 것을 넣으려면 모든 Wamp 서버 서비스를 다시 시작해야합니다 Wamp Server가 다시 시작되고 아이콘이 녹색으로 바뀌어 준비가 완료되었습니다 PhpMyAdmin 백엔드 대시 보드에 로그인하려면 "이동"버튼을 클릭하십시오 보시다시피 빈 암호로 PhpMyAdmin에 더 이상 로그인 할 수 없습니다

나는 생성 된 암호로 다시 로그인을 시도 할 것이다 빙고 우리는 로컬 WordPress 설치를 위해 MySQL 서버를 성공적으로 배치했습니다 이제 Wamp 서버의 첫 페이지로 이동합니다 다시

보시다시피 기본 주소는 최상위 도메인이없는 localhost입니다 가상을 구성하고 프로젝트를 기본값에서 분리하는 것이 좋습니다 URL WordPress 설치를위한 새로운 가상 호스트를 만듭니다 시스템 트레이에서 Wamp 서버 아이콘을 클릭하고 "Your Virtualhosts"를 선택하십시오

하위 메뉴 컨텍스트에서 "가상 관리" 화면에 나타나는 것처럼, 나는 "localhost"라는 기본 가상 호스트를 가지고있다 chamnesxyz라는 새로운 파일을 생성 할 것입니다 이전 레슨과 동일한 도메인 이름입니다 – A2에 WordPress를 설치하는 방법 호스팅

자세한 내용을 알고 싶다면 이전 강의 링크를 찾을 수 있습니다 생산 모드에서 WordPress를 설치합니다 가상 호스트의 완전한 절대 경로는 우리가 호스팅하는 데 사용하는 폴더입니다 WordPress 파일 여기에서 상단에서 위치를 복사 한 다음 텍스트 필드에 붙여 넣습니다

보시다시피, 전에 한 번 했으므로 위치가 여기에 표시됩니다 팝업 메시지를 클릭하여 위치를 선택합니다 그러나 폴더는 www 디렉토리에 아직 존재하지 않습니다 가상 호스트를 만들기 전에 chamnes를 만들어야합니다 파일 탐색기를 엽니 다

C 드라이브에서 "wamp64"를 두 번 클릭 한 다음 www 폴더를 두 번 클릭하여 폴더를 엽니 다 www 폴더에 chamnes라는 새 폴더를 만듭니다 "VirtualHost 생성 시작"버튼을 클릭하여 새 가상 호스트를 만듭니다 여기서 가상 호스트가 생성됩니다 이 메시지는 DNS 서버를 다시 시작하라는 메시지를 표시하지만 아직 수행하지는 않습니다

브라우저에서 chamnesxyz를 엽니 다 보시다시피, chamnesxyz는 서버 구성 페이지를 가리 킵니다 localhost 앞 페이지와 같은 페이지

chamnes 폴더에서 indexphp 파일이라는 파일을 만든 다음 대괄호로 파일을 엽니 다 편집자 indexphp에서 간단한 PHP 함수를 사용하여 현재 PHP의 정보를 보았습니다

구성 파일을 저장하고 chamnesxyz 페이지를 새로 고칩니다 아무것도 일어나지 않습니다 chamnes

xyz는 여전히 동일합니다 사실 indexphp를로드하고 PHP 구성 정보를 표시해야합니다 이것은 가상 호스트를 생성 한 후 DNS 설정을 다시 시작하지 않았기 때문입니다 나는 Wamp 서버 설치 문제를 보여주기 위해 노력하고 있습니다

다행스럽게도 문제가 발생할 때 무엇이 ​​잘못되었는지 파악할 수 있습니다 Wamp 서버 아이콘을 마우스 오른쪽 버튼으로 클릭하고 "도구"를 선택한 다음 "DNS 다시 시작"을 선택하십시오 하위 메뉴 컨텍스트 Wamp 서버가 서비스를 다시 시작하여 모든 것을 넣을 때까지 기다려야합니다 그것 여기에 아이콘이 녹색으로 나타납니다

변경 사항을 다시로드하려면 chamnesxyz 탭을 새로 고칩니다 PHP 구성 페이지가 나타납니다 우리는 chamnesxyz에 대한 가상 호스팅을 성공적으로 만들었습니다

구성 페이지에서 볼 수 있듯이 Wamp 서버는 PHP 72를 사용합니다 버전의 WordPress에도 70 버전으로 PHP 버전을 바꿀거야 그 이유는 일부 WordPress 플러그인은 7

2 버전과 완전히 호환되지 않기 때문입니다 종종 WordPress에 문제를 일으 킵니다 Wamp 서버 아이콘을 클릭하고 "PHP"버전을 선택하십시오 버전 하위 메뉴 컨텍스트에서 기본 PHP 버전 인 70을 선택합니다

Wamp 서버가 모든 것을 설치 한 후 chamnesxyz 탭을 새로 고칩니다 PHP 구성 페이지에 나타나 있듯이 PHP 버전이 70 버전으로 변경되었습니다 얘들 아! 우리는 localhost 환경을 성공적으로 설치하고 구성했습니다

다음 단계에서는 chamnesxyz 가상 호스트에 WordPress를 설치합니다 탭을 닫아 브라우저를 정리합니다 그런 다음 WordPress 설치 파일을 다운로드하려면 wordpressorg로 이동하십시오

WordPress 홈페이지에서 "Get WordPress"버튼을 클릭합니다 WordPress에서 다운로드 페이지로 안내합니다 보시다시피,이 비디오 자습서를 녹음하는 동안 최신 버전의 WordPress 511입니다

WordPress 릴리스 이후에 자습서를 보는 경우 더 높은 버전이 발생할 수 있습니다 최신 버전 그것에 대해 걱정하지 마라! WordPress 버전이 무엇이든간에 설치 프로세스는 동일하게 유지됩니다 WordPress 소스 파일을 다운로드하려면 버튼을 클릭하십시오 이전 단계에서 방금 만든 chamnes 폴더에 파일을 저장합니다

다운로드가 끝났습니다 나는 Wamp 서버 설정 페이지로 가서 PhpMyAdmin에 로그인하여 데이터베이스를 생성한다 워드 프레스 설치 PhpMyAdmin 백엔드 대시 보드에서 chamnes라는 새 데이터베이스를 만들고 UTF8을 사용합니다 데이터베이스 콜렉션에 대해

데이터베이스가 성공적으로 생성되었습니다 보시다시피 테이블이없는 일반 데이터베이스입니다 파일 탐색기와 chamnes 폴더로 이동합니다 폴더에서 WordPress zip 파일을 마우스 오른쪽 버튼으로 클릭하고 "여기에서 추출"을 선택하십시오 서브 메뉴 문맥 여기서 파일은 wordpress라는 폴더로 추출되었습니다

폴더를 열고 원본 파일을 chamnes 폴더의 루트로 이동합니다 사실, 당신은 WordPress에 폴더에 파일을 보관할 수 있지만 WordPress에 블로그가 설치됩니다 wordpress 하위 폴더 아래에 chamnes 폴더에서 wordpress 폴더를 삭제하여 웹 루트 디렉토리를 정리합니다 그 후 wp-config-samplephp의 이름을 wp-config

php로 변경 한 다음 대괄호로 파일을 엽니 다 편집자 wp-configphp에서 "database_name_here"문자열을 "chamnes"로 바꿉니다 이것은 이전 단계에서 작성한 데이터베이스의 이름입니다

DB_USER 줄에서 "username_here"문자열을 MYSQL의 사용자 인 "root"로 바꿉니다 관리자 DB_PASSWORD 줄에서 "password_here"문자열을 "root"로 변경합니다이 암호는 이전 단계에서 설정 한 루트 사용자 여기서 내가 할 마지막 일은 WordPress 설치용 솔트 키를 생성하는 것입니다

WordPress는 Salt Key를 사용하여 WordPress 사이트의 보안을 설정합니다 사실,이 단계는 선택 단계이므로 현재 로컬 컴퓨터에서 작업하고 있습니다 튜토리얼 그러나 최선의 방법을 따라야하고 모든 것이 제대로 작동해야합니다 이 URL을 복사하여 브라우저의 주소에 붙여 넣으십시오

여기 워드 프레스가 나에게 독특한 소금 키를 생성했습니다 모든 키 문자열을 내 클립 보드에 복사 한 다음이 문자열을 생성 된 문자열로 바꿉니다 소금 열쇠 wp-configphp를 저장합니다

브라우저에서 chamnesxyz로 이동하여 WordPress 설치를 마칩니다 설치 페이지에서 영어를 선택한 다음 "계속"버튼을 클릭하십시오 WordPress는 환영 페이지에서 필요한 정보를 묻습니다 사이트 제목 입력란에 Chamnes Community를 내 사이트 제목으로 입력합니다

사용자 이름 입력 필드에서, 내 워드 프레스 사이트의 사용자 이름으로 chamnes를 입력합니다 생성 된 비밀번호를 복사하여 텍스트 파일로 저장합니다 그런 다음 전자 메일 입력 필드에 전자 메일 주소를 입력합니다 WordPress는이 전자 메일 주소를 사용하여 알림 및 기타 전자 메일 통신을 보냅니다 사이트 용

그 후 옵션을 사용하려면 검색 엔진 공개 상태에서 확인란을 클릭합니다 이 설정 옵션은 검색 엔진이 WordPress 사이트를 인덱싱하지 못하게합니다 WordPress 사이트는 절대로 로컬 호스트에 설치하지 않기 때문에 로컬 호스트 설정에서이 작업을 수행 할 필요는 없습니다 검색 엔진에 의해 색인 그러나 검색을 원하지 않으면 제작 과정에서이 작업을 수행하는 것이 좋습니다

엔진 인덱스는 WordPress 사이트가 건설중인 동안 색인을 생성합니다 모든 것이 준비되면 나중에 백엔드 대시 보드에서 옵션을 선택 취소 할 수 있습니다 "Install WordPress"버튼을 클릭하여 설치를 완료합니다 우리는 거기에 갈! WordPress가 내 로컬 컴퓨터에 설치되었습니다 "로그인"버튼을 클릭하여 WordPress 백엔드 대시 보드에 로그인합니다

로그인 페이지에서 사용자 이름과 암호를 입력 한 다음 "로그인"버튼을 클릭하십시오 WordPress 사이트에 로그인하십시오 여기 내 워드 프레스 사이트에 성공적으로 로그인했습니다 오른쪽 상단의 관리 표시 줄에서 Chamnes Community를 선택한 다음 하위 메뉴에서 방문하십시오 컨텍스트를 사용하여 프런트 엔드 페이지를 봅니다

다음은 WordPress 사이트의 데모 페이지입니다 거기에는 아무것도 없지만 샘플 게시물이 있습니다 얘들 아! 지켜봐 줘서 고마워 이것은 오늘 수업에 충분합니다 자습서를 즐긴다면 쿵쾅 거리면서 비디오를 공유하십시오

YouTube 구독 신청을하지 않은 경우 YouTube에 가입하실 수 있습니다 채널 가입 버튼과 벨트 아이콘을 클릭하면 내가 업로드 할 때 알림을받습니다 새로운 비디오 좋은 하루 되시 며 다음 튜토리얼에서 다시 만나요, 안녕

How to create Drop down menu in WordPress for beginners

WordPress에서 드롭 다운 메뉴를 만드는 방법 게시물을 탐색하여 시작 – 카테고리 새 카테고리 만들기 외모로 이동 – 메뉴 드롭 다운 목록에 표시 할 카테고리를 선택하십시오 카테고리의 상위 메뉴 아래에 하위 링크가되도록 드래그 앤 드롭하십시오

저장 메뉴 끝난 WordPress에서 드롭 다운 메뉴를 만드는 방법

How To Make A WordPress Website 2019 | For Beginners

안녕 얘들 아, 내 이름은 Ferdy이고이 비디오에서 나는 당신이 어떻게 만들 수 있는지 단계별로 보여줄 것이다 무료 도구를 사용하는 놀라운 웹 사이트

WordPress처럼 Elementor라고하는 페이지 빌더와 같습니다 아스트라 테마처럼 무료 이미지 등 이 튜토리얼에서 다루는 내용을 설명하겠습니다

우리는 로고와 메뉴가있는 직관적 인 헤더를 사용하여 놀라운 웹 사이트를 만들 것입니다 그 아래 사람들은 우리가 누구인지, 우리가 제공하는 것이 무엇인지, 어떻게 조치를 취할 수 있는지를 알 수 있습니다 Elementor를 사용하여이 페이지를 처음부터 만드는 방법을 단계별로 보여 드리겠습니다 WordPress에 대한 최고의 무료 페이지 빌더 또한 리메이크 템플릿을 가져 와서 원하는대로 조정할 것입니다

그래서 우리는 엄청난 시간을 절약 할 수 있습니다 Elementor의 템플릿과 무료 템플릿 라이브러리의 템플릿을 사용할 수 있습니다 그리고 물론 우리는 모든 장치와 검색 엔진을 위해 웹 사이트를 최적화 할 것입니다 그 외에도 blogpost, 포트폴리오 항목, 사이드 바 위젯, 바닥 글 위젯 및 무료 플러그인을 사용하십시오 그리고 사람들이 그 튜토리얼을 좋아할 것 같은 의견을 들여다 보면

따라서이 비디오를보고 내가 보여주는 것을 적용하면 프로가됩니다 webdesiger 그리고 당신이 원한다면 당신은 심지어 생활을 위해 이것을 할 수 있습니다 비디오 설명에서 타임 스탬프를 볼 수 있습니다 따라서 튜토리얼의 특정 부분으로 이동하려면 타임 스탬프를 클릭하십시오 튜토리얼에서 내가 너무 빨리 지나면 여기에있는 아이콘을 클릭하고 속도를 낮출 수 있습니다

튜토리얼의 지금까지 본 내용이 마음에 들면이 비디오를 좋아하고 언제든지 구독 해주십시오 WordPress에 관한 더 많은 비디오를 보려면, 자신의 사업을 시작하고 종을 치십시오 아이콘을 클릭하면 새 비디오를 업로드 할 때 알림이 표시됩니다 그런 말로 : 시작합시다!

How to Add HTML to WordPress for Beginners

안녕하세요 제 이름은 Marty입니다 WordPress를 만들어 보겠습니다

오늘은 어떻게 추가 할 지 보여 드리겠습니다 WordPress 웹 사이트 또는 블로그에 HTML 코딩 여기에 내가 나타내는 HTML 코딩이 있습니다 이미지, 이제 WordPress의 페이지에 추가 할 것입니다 단계는 정확히 게시물에 추가하는 경우에도 마찬가지입니다

이 예제에서는 페이지 그래서이 페이지 HTML 예제를 호출 한 다음 주 컨텐츠를 클릭합니다 지역 텍스트를 추가하거나 주 컨텐츠 영역에 입력 할 수있는 내용을 추가하려는 경우, 그런 다음 HTML 코딩을 추가하려는 지점에 도달하면 오른쪽에있는 텍스트를 말한 다음 여기에 붙여 넣기를 클릭하십시오 코딩

그런 다음 다시 시각적으로 변경하면 이미지를 볼 수 있습니다 그것은 당신이 HTML 코드를 가지고있는 것이 었습니다 그런 다음 페이지 또는 게시물을 게시하고 볼 때 그게 무엇이든 보여줄 코드가 있다는 것을 알게 될 것입니다 그래서 당신이 WordPress에 HTML을 추가하십시오 시청 해주셔서 감사합니다

Beginner’s Guide to WordPress Database Management with phpMyAdmin

WPBeginner를 시청 해 주셔서 감사합니다 오늘 우리가 다룰 것입니다

phpmyadmin으로 워드 프레스 데이터베이스 관리 WordPress 데이터베이스를 관리하는 경우 몇 가지 기본 사항을 알고 싶을 수 있습니다 WordPress가 어떻게 작동하는지에 관해서 그것은 데이터베이스에서 데이터를 저장하고 읽을 수있는 PHP 프로그래밍 언어를 사용합니다 해당 정보에는 게시물, 페이지, 설명, 범주, 사용자 정의 필드가 포함됩니다

사용자 및 귀하의 사이트에 대한 다른 것들 여기에서 호스팅 제공 업체의 cpanel을 통해 phpmyadmin에 로그인했습니다 워드 프레스 고장 이것은 내 사이트 전용 데이터베이스이며, 여기에 11 개의 테이블이 있습니다 WordPress에 대한 데이터를 구성하십시오

Phpmyadmin 패널에서 데이터베이스를 클릭하여 데이터베이스의 백업을 생성 할 수 있습니다 내보내기 키를 누르십시오 사용자 정의를 선택하면 포함 할 테이블을 선택하고 압축 압축을 만들 수 있습니다 우리 데이터베이스의 백업 관리자 패널에서 테이블을 최적화 할 수도 있습니다 이것은 오래된 컴퓨터와 같다

며칠 동안 컴퓨터 조각 모음을 수행하면 mysql 데이터베이스가 시간이 지남에 따라 조각화됩니다 따라서 모든 테이블을 선택하고 최적화 테이블을 클릭하여 조각 모음을 수행하고 더 부드럽게 실행하십시오 이 비디오가 마음에 들었고 도움이 되셨기를 바랍니다 그랬 으면 아래 버튼을 클릭하고 의견을 남겨주세요 더 유용한 동영상을 받고 싶다면 채널을 구독하는 것을 잊지 마세요

WordPress에 대한 유용한 정보를 보려면 WPBeginner를 확인하십시오

How To Customize CSS On A WordPress Website – Beginners Guide

이 비디오의 웹 사이트를 소유하고 있다면 내 이름은 WPCraftercom의 Adam입니다

나는 비 기술적 인 사람들을 위해 WordPress 비디오를 만들고이 비디오에서는 내 가이드가 될 것입니다 많은 주제를 다루기 위해 웹 사이트에서 CSS와 맞춤 CSS를 사용하는 방법에 대해 이 비디오에서 처음에는 CSS가 무엇인지에 대해 이야기했습니다 웹 사이트에 CSS를 넣을 위치와 그런 다음 CSS 클래스라는 이러한 것들을 찾는 방법에 대해 이야기하기 위해 노력했습니다 이 클래스의 속성에 대해 이야기 한 다음이 모든 것을 얻을 수있는 더 쉬운 방법 너가 너의 자신의 웹 사이트 및 너가 보는 모두를 건축 한 다만 누군가이 으면 지금 행해지 십시요 귀하의 웹 사이트에 본질적으로 이러한 스타일은 CSS와 당신은 당신이 웹 사이트가 있고 당신이 WordPress 주제를 샀다고 말하기 전에 그렇게 들었을 것입니다

그리고 글꼴을 조금 더 크게하고 싶다면 거기에는 옵션이없고 그 다음에는 테마 개발자에게 가서 그들이 당신에게 무언가를 준 방법을 물어보십시오 CSS라고 불리는이 코드는 코드의 작은 스 니펫 일 뿐이며 당신은 WordPress 웹 사이트의 올바른 위치에 놓습니다 그러면 어떻게 그 요소가 바뀌겠습니까 또는 무엇을 바꾸고 싶은지는 당신을 위해 그것을 바꿀 것입니다 그래서 그것은 CSS입니다 귀하의 웹 사이트에서 이러한 다양한 스타일을 모두 제어 할 수있게되어서 제 웹 사이트에서 벗어나게합니다

내가 디자인 한이 웹 사이트를보고 일하는 데 정말 빠르며, CSS를 사용하면 일반적으로 색상이 다른 많은 것들을 위해 CSS를 사용하게됩니다 CSS로 글꼴 크기와 무게, 색상 및 간격을 설정하게됩니다 CSS를 사용하여 작업 할 수 있습니다 일반적으로 요소의 간격 만 알면 얼마나 가까이에 있는지 알 수 있습니다 텍스트 줄이 함께 또는 어쩌면 단추의 너비 또는 둥근 모서리가있는 경우 이 모든 것들은 CSS에서 이루어지며 CSS의 아주 작은 비트만을 알 수 있다면 당신이 얻을 수있는 것을 당신에게 알려주겠습니다

다른 사람들보다 조금 힘들지만, 나는 이런 것들을 어떻게해야하는지 가르쳐 준다 옵션이있는 경우 구입 한 WordPress 테마와 상관없이 지금 자신 만의 권리 글꼴과 색상을 제어하고 그와 같은 것을 항상 무언가로 만들 것입니다 당신이 저를 위해 WordPress 테마를 아는 옵션이 없다는 것을 바꾸고 싶습니다 내 웹 사이트에서 색상 및 뭉치와 같은 글꼴 컨트롤을 사용하고 있습니다 서로 다른 것들이 있지만 나는 여전히 내가 원하는 것을 다른 곳에서 보게된다

이 CSS는 당신이 힘을 얻도록 당신이 조금이라도 알고 있다면 단어로 나옵니다 노킹에있어서 당신 자신의 모든 변화를 디자이너 또는 개발자가 이러한 변경 작업을 수행 할 수 있도록 도와 주면 직접 수정할 수 있습니다 그건 간단히 말해 CSS의 주인이 될 필요는 없으며 당신이 말하는 것은 아닙니다 이 비디오에서 당신은 심지어 그것에 주인이 될 필요가 없다는 것을 배우면서 나는 내 손을 들고 CSS에서 마스터가 아니라고 말하면서 처음으로 내 웹 사이트에서 변경하고 싶은 내용을 변경하면됩니다 웹 사이트에서 지금하고 싶은 작은 변화를 만들 정도로 충분합니다

이 NCSS 항목 중 일부가 실제로 어떻게 생겼는지 보여주고 싶습니다 전에 실제로 보았습니다 시작하기 전에 실제로 지금보고있는 것을 보았습니다 우리가 비디오 시리즈에서 만든 웹 사이트입니다 저는 최근에 누군가에게 전체와 함께 온라인 과정을 제공 할 웹 사이트를 만드십시오

비디오 시리즈 나는 얻을 건물의 모든 단일 측면을 통해 당신을 걸어하지만 일부가 있습니다 그 안에 내가 커스텀 CSS를한데 묶어 복사하고 붙여 넣기 만하면된다 거기서 당신은 그렇게하고 그것은 실제로 사용되는 정렬 된 모든 스타일을 바꿉니다 이 비디오를위한이 웹 사이트는 내가 그 CSS 항목의 일부가 보았던 것을 보여줄 것입니다 예를 들어 모든 CSS 항목이 CSS 클래스로 시작해야하며 일반적으로 이게 뭔가있는 것처럼 보일거야 그러면 수업이있을거야

공백이 없으면 때때로 두 클래스를 나란히 보게 될 것입니다 당신은 무언가를 좀 더 가깝게 목표로 삼고 있습니다 이 대괄호 중 하나를 여기에 넣으면 하나씩 속성이 나열됩니다 그래서 나는 CSS의이 특별한 작은 조각이 제목을 바꿀 것이기 때문에 글꼴 크기를 가지고있다 이 웹 사이트 영역 중 글꼴 크기를 18 픽셀로 변경하려고합니다

조금 더 두껍게 만들 거예요 여기 폰트 가중치를 600으로 바꿀 것입니다 또한 텍스트 비트가 원래 위치의 가운데에 정렬되도록합니다 그들이 가지고있는 각각의 속성들을보십시오; 바로 여기 그리고 마지막으로 문이 대괄호로 닫혀 있으므로 여기에서 일반적인 CSS 변경 내용을 설명합니다 또는 비틀기 또는 수정이 나에게 너에게 또 다른 하나의 권리를 보여 주기만 할 것처럼 보일 것이다 여기는 조금 더 복잡합니다

이것은 실제 버튼을위한 것입니다 이 속성이 다른 속성이므로이 버튼에서 더 많은 대상을 얻을 수있었습니다 여기와 바로 여기에서 버튼의 배경색을 선택하고 있는데 이것은 전형적인 것입니다 컬러 코드를 만든 다음이 버튼에 테두리가 있고 테두리라고하는 것이 있습니다 반경이 종류의 버튼의 모서리를 둥근 밖으로 조금 누른 다음 지정했다 바로 여기에서이 버튼에 사용되는 글꼴 유형이 해당 글꼴의 두께 및 해당 단추의 텍스트 주변에 여백이 있으므로 이 단추의 텍스트 주변에 약간의 간격이 있으며 이것이 구성하는 것입니다

바로 여기에 그래서 이것은 일반적인 CSS 항목이 어디서 복잡해 보이는지 알 것입니다 당신은이 물건을 쓰지 않을 것입니다 그러나 저는 어떻게 조정할 것인가를 보여주고 있습니다 이 물건의 일부와 그것은 내가 실제로 또 다른 하나가 여기에있는 것처럼 보인다 당신이 그렇게 보이기를 원하지 않는 뭔가가 있다면 예를 들어 여기에있는 CSS 클래스는 특정 이미지에 대한 추천 이미지를 타겟팅합니다

페이지 및 바로 여기 속성 표시 없음 및 무엇을 말하는이 표시되지 않습니다 코드에 있지만이 요소를 표시하도록 하드 코딩되어 있어도이 요소를 표시하지 않습니다 스타일에 대해 말하고 있습니다 그냥두고 보겠습니다 실제로이 유형의 속성을 사용합니다

내 웹 사이트의 예를 들어, 내 블로그 게시물에 간다면이 모든 항목이 있습니다 게시 날짜에 저자를위한 데이턴 코멘트와 모든 이런 종류의 빨아 난 그냥 내가 실제로 거기에있을 필요가 있다고 생각하지 않기 때문에 많이 숨 깁니다 이 CSS 속성은 그 중 일부를 숨기기 위해 아무 것도 표시하지 않습니다 그래서 이것은 또 다른 것입니다 당신이 많이 사용하는 것, 이것이 전형적으로 당신이 원하는 CSS로하고 싶은 것입니다

당신의 주제에 넣으려면 거기에 두 가지 이상의 방법이 있습니다 그것이 WordPress에 관해서 고양이를 피부에 내 렸습니다 그래서 당신의 테마가 설정 패널에는 CSS를 배치 할 수있는 위치가 있습니다 당신은 거기에 붙여 넣을 수있는 워드 프레스 웹 사이트에 추가 할 수 있습니다 스타일이라고하는 테마 파일에 넣을 수있는 장소

CSS 파일 당신이 원한다면 거기에 붙여 넣으십시오 그러나 실제로 WordPress에서 그것을하는 새로운 방법이 있습니다 그들은 단지 이것을 풀어 놓는다 나는 WordPress 47에서 커 스터 마이저에 백엔드 영역이 있다고 생각한다

당신이 당신의 WordPress 웹 사이트에 있다면 당신은 오른쪽 맞춤 설정을 클릭 할 수 있습니다 여기에 있지만 만약 당신이 Bakken의 WordPress의 WordPress 대시 보드에 있다면 당신은 외모로 간다 그런 다음 맞춤 설정도 가능하므로 여기를 클릭하면 바로 앞과 오른쪽에서 할 수 있습니다 맞춤 설정에 대한 자세한 내용은 맞춤 CSS를 그래서 여기에 옵션이있을 수 있습니다 그의 CSS가 이제는 좋은 점입니다

이것은 WordPress의 것입니다 이것에 대해서도 좋은 점은 붙여 넣기 할 때입니다 당신이 페이지에 있다면이 약간의 CSS가 사이트의 해당 페이지에 영향을 미칠 것입니다 실시간으로 적용되는 것을 볼 수 있으므로 커밋하기 전에 마음에 드는지 볼 수 있습니다 예를 들어 내가 여기에 넣은 사용자 정의 CSS의 대부분을이 강의에 적용하도록하겠습니다

코스 레이아웃에서이 바로 여기로 뛰어 가서 설문 조사를 볼 수 있도록 노력하겠습니다 친밀감의 나는 실제로 많은 것들의 모양을 사용자 정의 사용자 정의 CSS를 사용하여 그래서 이것은 자신의 커스텀 CSS를 소환 자의 추가 CSS 클릭으로 보는 방법입니다 이 사용자 정의 CSS는 내가 그를 추가하고 실제로이 모든 것을 제거하고 듣고 실제로 나는 그것을 모두 강조 표시하고 그것을 제거 할 수 있습니다 이제 어떻게 볼 수 있습니까? 그것은 내 사용자 정의 CSS없이 당신이 볼 수있는 색상이 약간 변경된 것 이 글꼴 중 일부는이 색상이이 모든 것을 변경 한만큼 넓습니다 당신이 할 수있는 모든 수업을 나열하는 사이드 바 단어에서 바로 여기에 물건을 변경하십시오

글꼴이 훨씬 커지게 된 것을 봅니다 작은 글꼴을 좋아합니다 단지 글꼴을 압도하기 때문입니다 그래서 이것은 내 사용자 정의 CSS가 없으면 보이고 저장하는 것입니다 게시하고 내가 지금하고 싶은 일은 어떻게 시작할 수 있는지 보여주는 것입니다

이것이 초보자입니다 친숙한이 CSS 속성 중 일부를 변경하면 웹 사이트를 더 잘 제어 할 수 있습니다 그래서 당신이해야 할 일은 웹 사이트를 원한다면 웹 브라우저를위한 도구를 다운로드하는 것입니다 컴퓨터에 여러 개의 웹 브라우저가 있어야합니다 개인적으로 Safari가 있습니다

내가 크롬을 가지고 있고 파이어 폭스를 사용하는 대부분의 일에 내가 사용하는 좋은 물건 크롬과 파이어 폭스에 관해서는 웹 브라우저 확장이라고하는 것들을 추가 할 수 있습니다 이것이하는 일은 웹 브라우저에 새로운 기능을 추가하는 것입니다 이러한 확장 기능 중 일부를 사용하는 습관 때문에 크롬 튜토리얼에서 많이 사용하는 크롬을 사용한다면 설치하셔야합니다 당신이 따라 다니는 경우 Google에 가서 Google 검색을 할 수 있습니다 크롬을위한 방화 광 및 실제로 방화 광으로 Firefox에서 사용할 수 있으므로 계속 진행할 수 있습니다

파이어 폭스에 대한 유사한 검색 및 검색을 수행 한 다음 다운로드 할 수 있습니다 이 확장 프로그램을 설치하면 크롬에 있습니다이 링크에서 바로 다운로드 할 수 있습니다 여기 chromegoogle에 크롬 확장 스토어가 없습니다 말 그대로 구매할 공식 장소는 체크 아웃 절차가 없다는 것입니다

웹 브라우저의 확장 기능이 있으므로이 링크를 클릭하십시오 그리고 나서 고기를 위해 일어나는이 팝업이 크롬에 추가되지만 당신을 위해 나타납니다 오른쪽 상단 오른쪽 영역에있는 버튼을 클릭하기 만하면됩니다 계속해서 웹 브라우저에 방화범이 끌려서 설치하십시오 그러면 새로운 옵션이 나타납니다

메뉴 영역 또는 제어판을 사용하여 웹 브라우저에서 원하는대로 지정할 수 있습니다 그리고 바로 여기에 약간의 무딘 버그가 있습니다 파이어 폭스 브라우저에서 다른 확장 기능을 사용하려면 여기에도이 기능을 사용해야한다 색상을 찾으려면 색상 Zillah라고합니다 색상 Zillah를 검색하면됩니다

크롬에 대해서는 여기에서이 확장을 찾을 수 있습니다 정확한 색상 코드를 찾을 수 있습니다 어떤 웹 페이지에서 어떤 색상을 사용합니까? 저는 그 색상을 모으기 때문에 많이 사용합니다 여기이 다른 하나가 내가 실제로 이것을 잘못이라고 부르는 폰트라고 불렀습니다 name 나는 폰트가 어떤 폰이라고 부르지 만 어떤 폰트가 어떤 폰트인지 불리지 않는다고 말할 것입니다

어떤 글꼴 크롬에 대해 Google에서 검색을 수행 한 다음 웹 브라우저에 추가 할 수 있습니다 이것은 실제로 누군가가 사용하고있는 정확한 글꼴을 볼 수있게 해줍니다 어떤 웹 사이트든지 이렇게 이것은 당신이 당신이 좋아하는 무슨 글꼴의 아이디어를 얻는 종류 일 수있다이고 어떻게 그들이 함께 일하지만이 비디오 작업에서 파이어 버그 만 사용하면 작은 버그가 바로 여기에 가서 귀하의 웹 브라우저에 방화범을 추가하고 본질적으로 피부는 귀하의 웹 사이트에서 사물을 검사 할 수있게 해 주며, 그것이 바로이 정보를 얻는 방법입니다 이 CSS 클래스에서 나는 이제 XML에 새 XML을 설치했다 여기 커스 터 마이저에있는 여기에 방화범이 끼어있는 경우 작업에 끼어 들었습니다 맞춤 설정 도구가 제대로 작동하지 않아 맞춤 설정 도구에 있지 않아도됩니다

바로 여기에 있습니다 내가하는 일은 내 웹 사이트의 프런트 엔드에 가고 싶습니다 동일한 과정 페이지는 바로 여기에서 볼 수 있습니다이 중 일부는 실제로 잘 맞춤화되었습니다 여기에서 시작했을 때 CSS로 모든 것을 바꿀 수 있으므로 내가 한 일은 내가 바꿨지

나는 다른 글꼴을 가지고 있었어 나는 중심에 두었다 나는 더 과감했다 나는이 정보 중 일부를 여기에 숨기고 있었기 때문에 나는 거기에 추가하고 싶지 않았다 왜냐하면 나는 그냥 시각적으로 보였던 방식을 좋아하지 않아서 우리가 할 수있는 것을 볼 수 있습니다

CSS로해라 그래서 당신이해야 할 일은 그의 깡통에있는 바로 그 작은 버그를 클릭하는 것이다 이 패널 바로 여기 여기 괜찮아 우리 패널이있어 내가 바로 여기 가서 그걸 움직여야 해

그게 높습니다 내 페이지가 잘 될 것입니다 그런 다음 이것을 클릭하고 검사하고 싶습니다 버튼 soma는 inspect를 클릭하고 보자 여기에서 그 글꼴을 볼 수있다

검사 버튼을 눌렀을 때 마우스 커서를 움직이기 시작하는 방법 이 파란색 상자는 다양한 요소를 둘러 쌉니다 여기 주위에 배치됩니다 이 이미지와 바로 여기에 내가 그것을 옆으로 조금이라도 옮기면 그렇지 않다 이미지는 이미지와 그 아래에있는 모든 것들을 처리합니다 그러면 어떻게 할 수 있습니까? 정확히 원하는 것을 대상으로하십시오

예를 들어, 여기에 해당 글꼴이 있습니다 바로 여기 제목입니다 그래서 내가 오른쪽 클릭하면 지금 이것에 잠겨 있습니다 요소 바로 지금 여기에서 두 패널을 볼 수 있습니다 왼쪽에서이 패널을 볼 수 있습니다

그것은 당신에게 많은 코드를 보여 주며 이것은 웹 브라우저에주는 다른 코드입니다 귀하의 웹 사이트에 표시하고자하는 지시 사항은 여기 오른쪽에 있습니다 내가 말했던 커스텀 CSS가 무엇인지 익숙한 모습을 볼 수있다 우리는 ID와 모든 다른 CSS 쿼리로 바로 여기를보고있었습니다 속성과 그래서 바로 여기 똑같은 것을 볼 수 있습니다 우리가 클릭 한이 요소를 클릭 한 것에 대한 CSS 속성과 내가 좋아하는 것 대개 내 변경 사항을 테스트 한 다음 복사하여 사용자 정의 프로그램에 붙여 넣기 만하면됩니다

이것은 CSS 클래스를 식별하고 인스턴스를 변경하는 방법과 거의 같습니다 여기에 국경 상위 5 픽셀을 나타내는 속성이 있습니다이 요소는이 요소 위에있는 공간입니다 바로 여기에서 만약 내가 그것을 늘리 길 원한다면 나는 15 대신에 숫자를 늘릴 수있다 나는 5 개 대신 15 개를 넣을 수있어서 유감스럽게 생각하고 즉시 볼 수 있었다

아래로 밀어 넣으세요 그렇게 극적이지는 않지만 45보다 큰 숫자를 입력하면 그것은 훨씬 더 극적으로 보입니다 이것이 CSS를 바꾸는 방법입니다 거기에 다른 속성도 있습니다 그래서 여기를 두 번 클릭하면 새로운 항목이 생깁니다

여기에 CSS 속성을 입력하여이 속성을 추가 할 수 있습니다 그것은 센터 또는 그 라인을 따라 무언가를 찾을 수 있습니다 CSS 속성이 아직 여기에 나열되어 있지 않고 수행 한 작업이 Google 오른쪽에있는 경우 여기에 당신은 간단한 검색을하므로 CSS 센터에 대한 간단한 검색을 볼 수 있습니다 정렬 텍스트 그래서 거기에 그냥 라인 텍스트에서 첫 번째 센터 진짜 간단한 검색 않았다 나는 CSS를 넣지 않으면 첫 번째 결과가 W3 학교가 될 것입니다 당신은이 웹 사이트를 여기에서 볼 정도로 익숙해 질 수 있습니다 그래서 저는 거기에서 나는 바로 여기에서 찾고있다

그래서 나는 텍스트를 정렬하고 중심에 놓을 수 있다고 말했을 것이다 그것을 해봅시다 여기에 약간의 기회를 줘 보자 나는 무엇을 넣었는가? 텍스트 정렬 Solomon 센터에 지금 입력하십시오 텍스트를 입력 할 때 센터를 정렬하고 무슨 일이 일어 났는지 보았습니까? 이제 막 목표로 한 나의 코스 제목이나이 요소는 이제 중심에 놓 였고 나는 그렇게했다

Google이 CSS 맞춤 텍스트 센터를 검색 한 다음이 페이지를 끌어 올렸습니다 그리고 그것은 당신에게 우리가 그것을 줄 지어보고 싶은 다른 것들을 가르쳐줍니다 이것은 본질적으로 당신이 거기에 넣어야 할 속성입니다 그래서 지금 내가이 변화를 유지하기를 원한다면 나는 단지 그것을하기 때문에 살지 않습니다 이 방화범이 끌리는 것은 내가 방화범이 끌린 채로 여기에서 강조 표시 한 다음, 내 클립 보드는 나를 위해 명령을 보거나 PC에 있다면 C 및 그 컨트롤 클립 보드에 넣거나 마우스 오른쪽 버튼을 클릭하고 복사 메모를 작성하여 사용자 정의 프로그램으로 이동할 수 있습니다 여기 그리고 실제로 여기 제가 코스 인덱스 페이지와 같은 페이지로 가게하겠습니다

내 CSS가 보이기 전에 어떻게 생겼는지 그리고 내가 여기에 붙여 넣었을 때의 모습입니다 당신이보고 난 후에 나는 그것을 단지 바꿨고, 그 다음 이것을 프론트 엔드에서 살아있게 만든다 웹 사이트를 클릭하여 저장하고 게시하면 이제 텍스트가 가운데에 배치되어 일부 기본 사항이됩니다 이런 종류의 일을 어떻게 할 것인가에 대해 지금 내가이 과정 중 하나에 들어 가지 않는 이유는 무엇입니까? 이 바로 여기를 클릭하겠습니다 그러면 우리가 여기서 할 수있는 다른 것을 보도록하겠습니다

엄청나게 크다 내 테마는 아마 그걸 낮출 수있는 옵션이있을 것이다 그것을 보았다 잘 보자 어쩌면 나는 너를 수영 하, 그것과 그들의 것에 검사 할 것이다 보일 것이다 지금 CSS를 사용하고 방화 광 단추를 사용하면 정말 쉽습니다 텍스트를 변경하면 가끔씩 어쨌든 찾을 수있는 조금 열심히 나는 그의 입장 제목이고 이것이 실제로이다 강조했다 바로 여기이 엔트리 타이틀 H1 속성입니다

따라서 40 픽셀이기 때문에 표시 될 수 있습니다 30을 말하기 위해 낮추고 싶습니다 그래서 40에서 30으로 바꿀 수 있습니다 CSS에서 뭔가를 바꿀 때 오른쪽 하단의 글꼴을 사용하는 경우가 있습니다 웹 사이트의 다른 영역에 영향을 미쳐서 웹 사이트를 살펴보고 다른 사용자에게 영향을 줄 수있는 방법을 확인하는 맞춤 설정 도구 여기 글꼴 무게가 굵은 글씨로 표시되어있어 대담하고 일종의 모든 것을 모르는 경우 당신이 fontweight라고 할 때 당신이 넣을 수있는 것의 선택권의 당신은 단지 구글에 갈 것입니다 CSS 폰트를 검색하여 기다리면 동일한 W3 학교를 찾을 수 있습니다

웹 사이트가 당겨 지지만 대개 그 웹 사이트로 가면됩니다 실제로 그렇게 할 수있는 모든 속성을 볼 수 있습니다 이 비디오에서 다시 돌아가서 CSS라고 말하면서 폰트 우드에 들어갈 것입니다 그래서 나는 들어갔다 폰트 웨이트가 나오고, 여기에 구글이 실제로 나에게 약간의 정보를주고있다

그래서 대담하고 그것은 700에 해당합니다 보통 테두리를 더 가볍게 넣을 수 있습니다 정상적인 모습을 보도록하겠습니다 그래서 당신과 같은 대담한 탁월한 유형입니다 더 일반적인 폰트 웨이트로 바뀌 었음을 알 수 있습니다

그래서 이것을 어떻게 찾을 수 있을까요? 클래스를 선택하면 Google에 가서이 속성에 넣을 수있는 것을 찾습니다 이 변경 사항을 적용하기 위해 불을 지르면 변경 사항을 복사 할 것입니다 당신은 커 스터 마이저에 넣을 것입니다 어떻게 보이는지 본 다음 그것을 저장하십시오 그저 간단한 글꼴이므로 그 글꼴을 보도록하겠습니다

여기 파란색이야 내가 좋아하는지 꼭 알 필요는 없어 그래서 우리가 뭘 할 수 있는지 보자 여기 검사 및 클릭에 대한 약간의 클릭 거기 CM 바로 거기에 있고 나는 마우스를 클릭하면 LMS 축의 계획 제목이 여기에 표시됩니다 그런데이 페이지는 모두 내가 사용하는 LifterLMS라는 플러그인에 의해 생성됩니다

개인적으로 나는 비디오 시리즈를 사용하여 온라인 과정을 용이하게하는 기능을 추가했습니다 이 모든 종류의 멋진 일에 학생들을 등록 시키십시오 이 색상과 이러한 것들 중 일부를 미세하게 조정할 수있는 옵션을 제공합니다 그래서 사용자 정의 CSS에서 모두 조정해야하지만 실제로 얼마나 쉬운 지 알 수 있습니다 내가 방화범 사용에 대해 좋아하는 점은 색상을 볼 때 그의 배경이 옳다는 것입니다

거기에 마우스를 올려 놓으면 색상 코드가 분명히 표시됩니다 그러나 그것은 실제로 당신에게 당신이 옳은 것을 알 수있는 색깔을 보여줍니다 그래서 배경 파란색이고 작품은이 작은 영역 안에 실제로있는 글꼴 색상 인 색상입니다 여기에 나는 내가 그것을 바꿀 수있는 사람들을 둘 다 바꿔 놓고 싶었다 당신은 지금 비디오 시리즈에서 다른 색상 코드를 사용하여 색상 코드를 살펴 보았습니다

이 색상 코드를 찾고 색상 팔레트를 찾고 있지만 그저 당신에게 줄 것입니다 모든 색상의 빠른 스냅 샷은 6 자리 6 자리 색상 코드로 표시되며 그래서 색상 코드는 문자와 숫자를 가질 수 있습니다 그래서이 파란색은 6입니다 오른쪽에 자리 색 코드가 있으므로 검은 색으로 6 개로 변경하겠습니다 나는 방금 그것을 검은 색으로 바꿨다

그리고 내가 그것을 지키고 싶으면 사람을 그렇게 쉽게했다 검은 색으로, 만약 내가 다른 것들을 조정하고 싶다면 지금 패딩을해야합니다 spacing 속성입니다 padding은 여백을 보는 안의 공간입니다 외곽의 공간이 너무 커서이 두 열을 멀리 밀면 마진이 생길 것입니다

그를 멀리 밀어 넣으십시오하지만이 상자에 있다면 거기에 더 많은 공간이있어서 그럴 겁니다 내 패딩이 너를 보여 주도록해라 알기에 10의 패딩을하자 내가 30으로 바꿀 때 어떻게되는지 보아라

그러면 내가 그것이 훨씬 더 크게되었던 방법을 알 수있다 이것은 왼쪽과 오른쪽의 상단과 하단에있는 패딩입니다하지만 이미 당신은 그것을 보지 못해요 왼쪽과 오른쪽이 위쪽과 아래쪽 만 바꿉니다 그래서 원한다면 나는 5 분간 그것을 만들 수있다

그것은 그것이 실제로 좋아하는 것보다 기본적으로 더 얇다 여기 조금 더 커스텀 CSS가 생겼습니다 클립 보드 또는 마우스 오른쪽 버튼으로 클릭하고 복사 할 수 있으며 여기에 목과 같은 라인에 넣어 나는 그런 라인에 내려 가서 그래서 그것을 두드리고 있었다 붙여 넣습니다 프런트 엔드에서 발생하는 모든 작업을 보려면 여기를 클릭하십시오이 쿼리는 그렇지 않습니다

이 페이지에 영향을 미칩니다 우리가 실제로이 코스 중 하나를보고 있었을 때였습니다 내가 여기 저기를 들여다 보면 저기 다른 색깔이 나옵니다 그리고 나는 그것을 다소 엷어졌다 그래서 되돌아 가서 다른 것을 보자

우리는 할 수 있고,이 글꼴을 바꾸는 방법을 알고 있습니다 앞으로이 특정 버튼으로 무엇을 찾을 수 있는지 보시려면 여기를 누르십시오 수시로 변경하고 싶을 수 있으므로 버튼을 강조 표시 할 수 있습니다 버튼 주변의 파란색 상자를 잡기 쉽고 클릭하여 계속 클릭하십시오 바로 여기 보자

이 첫 번째 비트는 여기의 위치이다 버튼을 클릭하고 그 아래에 일반 버튼 속성 만 있으면 이제 완료됩니다 CSS로 뭔가를 숨기는 방법을 보여 드리겠습니다 여기에 몇 가지 정보가 있습니다 자동으로 당겨지며 실제로이 정보가 여기에있는 것을 좋아하지 않습니다

그걸 숨기고 그걸 검사하려고 할거야 전체 블록 난 아마 표시되지 않습니다 싶지 않아 거기에 기다려 그것은 실제로 우리처럼 전체 상자를 강조 표시했습니다이 전체 상자를 숨기고 싶을 것입니다 앞으로 마우스를 클릭하면이 상자 전체에 대한 수업을 볼 수 있습니다 그 표시를 사용하고 싶습니다

이전에 여기에서 더블 클릭 한 부분을 보여 줬습니다 그리고 그 다음에는 거기에 들어가야합니다 아무 것도 없기 때문에 그것이 무엇을했는지 볼 수 있습니다 검사관에서 강조한 상자 전체를 상자에 넣어서 이 속성을 사용하는 것 표시 없음 일부 표시 및 복사하여 붙여 넣기 저도 그렇게 생각 하거든요 저를 많이 좋아하게 만들었습니다

이렇게 빨리 빠져 나갔다 그래서 이것은 기본적인 것들을 바꿀 수있는 기초가되었다 이제는 기본적인 것들을 바꾸는 것이 쉽습니다 실제로는 매우 쉽지만, 어떤 것들은 찾을 것입니다 그녀는 실제로 방화 덩이 또는 그와 비슷한 것을 목표로하기가 훨씬 어려워서 실제로 CSS와 코딩에 더 많은 경험을 쌓아서 몇 가지 일이 정말로 힘들어 질 것입니다

그래서 내가 프론트 엔드에 있다면 나는이 배경 영역이 여기 있다는 것을 알고있다 이런 것들을 찾기가 조금 어려워서 발견하기가 훨씬 어려울 것입니다 그래서 내가이 배경색을 바꾸고 싶다면 왕자님을 목표로 삼으십시오 내가 배경을 말하고 뭔가를 찾고 있는데이 색상 코드가 있지만 정말 그냥 상자 안의 전체 상자를 강조 표시하면 여기에 표시되지 않습니다 할머니가 그 배경색을 바꿀 수 없게하는 그런 상자 전체 그러나 실제로 나는 지금 막 그것을 바로 여기에서 찾은 것처럼 보입니다

이 색깔을 바꿔라 나는 그것을 단지 모든 백색으로 바꾸기 위해 그것을 바꾼다 아마 이것이 모든 것을 원하지는 않을 것입니다 왜 모든 것이 흰색인지, 실제로 성공하는 것 같습니까? 거기에있는 것을 발견했지만, ID를 얻는 데 익숙해지기까지 조금 걸립니다 이 목표물을 찾아 내면 그걸 가지고 놀 수 있습니다

이러한 기본 사항 중 일부를 파악하고 Google로 이동하려고 시도하지만 이 물건들을 좀 더 쉽게 만들기 위해서 당신이 사용할 수있는 도구 그들은 WordPress 기반 웹 사이트에 추가 할 수있는 플러그인이 있습니다 이러한 다양한 CSS 클래스를 이제는 하나의 대상으로 만들기 쉽습니다 그들 중 바로 여기가 CSS 영웅이라고 불리는데 이것이 바로 플러그이고 그게 무엇입니까? 여기에이 옵션을 추가하면 Google에 계속 가지 않고 다른 것을 찾을 수 있습니다 이 도구 내에서 CSS 요소 나 클래스에 추가 할 수있는 속성 필요한 것은 미리 만든 스타일이나 기성품 스타일을 가지고 있으며 실제로 내 웹 사이트에서이 항목을 사용하여 정말 어려움을 겪고있는 지역을 공격했습니다

왜냐하면 하루 종일 글꼴을 바꾸거나 색을 변경하고 싶지 않기 때문입니다 버튼이나 뭐 그런 것 같은데 지금이 도구는 실제로 비싸지 않다 그것은 단지 29 달러 또는 그와 비슷한 것입니다 그리고 II는 무료 플러그인이 있는지 확인합니다 당신이이 일을하도록 허락하고 당신에게이 힘을주었습니다

그러나 나는 정말로 거기를 찾을 수 없었습니다 모든 종류의 기본 사항이었습니다 어쨌든 더 이상 필요하지 않은 CSS는 몇 달러의 또 다른 것이 있습니다 코드 캐년은 적지 만 이걸 사용 해왔고 꽤 놀랍습니다 자신의 웹 사이트에서 약 10,000 개의 사본을 판매 했으므로 매우 널리 사용됩니다

플러그인을 설치하면이 플러그인을 바로 지금 보여 드리고 싶습니다 그것을 설치하십시오 그래서 저를 다만 저를 나가 이미시켰다 나가이 재료 저장하는 시키십시오 여기 그리고 백엔드에 들어가서 계속 진행하고 플러그인으로 이동하여 새로운 나는이 플러그 – 인을 업로드하고 설치하여 여기에 드래그 앤 드롭 할 것이다 이 플러그인을이 사이트에서 테스트하지 않았습니다이 플러그인은 내 웹 사이트에서만 사용했습니다

버튼 주변을 바꾸면 사실 내 웹 사이트에 그 사실을 보여줍니다 그래서 내가 정말로 빨리 페이지를 끌어 올려 보자 내가 여기있는 것을 알자 내가 몇 가지 버튼을 바꿨다 그걸 내가 여기 내 웹 사이트에 있는데이 버튼 스타일을 바꿀 수 있도록 여기를 클릭하자

더 기본적인 버튼이었고 나는이 CSS 히어로를 사용하여이 버튼을 목표로 삼았습니다 깔끔한 애니메이션과 거기에있는이 깔끔한 스타일이 실제로 내가 지금 보여주고있는 웹 사이트는 내 웹 사이트의 한 예이기도합니다 내 테마에 옵션이없는 몇 가지 이유 때문에 흰색을 변경하는 데 어려움이 있습니다 검은 색을 물려받는 모자에 있었기 때문에 간신히 볼 수있었습니다 그래서 나는 이걸로 알아낼 수 없었지만 CSS earplug와 나는 그것을 할 수 있었고, 나는 다른 재미있는 것들을 할 수 있다는 것을 알 수 있었다

우리가 할 수있는 일을 이미 업로드했는지 확인해 봅시다 지금이 버튼을 클릭해야이 일을 승인 할 수 있습니다 본질적으로 라이센스 코드에서 미끄러지는 사람 누군가는 지금 그것을 할 수 있습니다 정말로 멋지다이 페이지에 나는 그것이 나에게 단지 5 개의 사이트 라이센스와 이것을 가지고있는 것을 나타낸다 세 번째 설치가되므로 라이센스를 얻고 클릭하십시오

이 멋진 화면으로 나를 다시 부팅 할 것입니다 내가 그것을 어떻게 사용할 수 있는지 그리고 나는 이것에 대한 클릭이고 그것이 실제로 설치되었다는 것을 알게되었다 내 웹 사이트에서 CSS 히어로라는이 새로운 옵션을 사용하면이 페이지에 있습니다 그래도 내가 새로 고침을 할 수 있도록 CSS 영웅이며 나에게도이 작은 것을 준다 번개가 튀어 나와서 그것을 작동 시켜서 나는 단지 엉덩이를 쏘고 있다는 뜻이다

CSS 영웅을 클릭하면 무슨 일이 일어나는 지 알 수 있습니다 여기에서 조금만 할 것입니다 그것은 그것을 켜고 어떻게 할거야 내 페이지를 분석 실제로 홈페이지로 나를 데려 갔어 이 집에서 아무 것도 바꾸지 않고 누군가가 그 코스로 돌아가고 싶지는 않습니까? 페이지와 나는 그것을 할 수있어, 여기에 잘 가는데 이것은 내가 그렇게되고 싶어하는 곳이다 그것이 우리에게 허락하는지를 보자 그것이 얼마나 쉽게 파랗게 바뀔지를 보자

CSS 영웅과 함께해라 그리고 나는 그것을 조금 사용하고 있었다 당신이하고 싶은 일에 익숙한이 작은 파란색 아이콘을 클릭하면됩니다 그것은 방화 광과 비슷한 것을합니다 이 CSS 클래스를 식별하려고 시도하고 CSS 클래스를 클릭하고 속성 편집을 시작할 수 있습니다

내가 네가 여기에서 시작하는 것을 원한다면 내가 거기 가서 바로 그곳을 클릭하자 당신은 그것이 무엇을하는지 당신이 그것을 처음 클릭 할 때 그렇게 당신에게이 모든 다양한 옵션을 준다 여기에 귀하가 일반적으로 목표로 삼고 자하는 것이 첫 번째 것이 될 것입니다 여기에 콘텐츠 제목이 있습니다 그러면 여기를 클릭하면이 모든 것을 제공합니다 텍스트 바로 여기에서 옵션을 사용할 수 있습니다

텍스트를 클릭하면 지금 편안하게 사용할 수 있습니다 바로 여기를 볼 수 있으며 텍스트 색상이 흰색이고 변경할 수 있음을 알 수 있습니다 여기 내가 바로 내려갈 수있는 글꼴 군을 바꾸고 싶다면 여기에 이 글꼴을 클릭하면 글꼴이 잘 보이도록 바꿀 수 있습니다 그래서 쉽게 볼 수 있습니다 그것은 크기 18을 원한다면 그것은 18입니다

저기서 쉽게 할 수 있어요 내가 더 두껍거나 더 얇아지기를 원한다면 볼더와 같이 될 수 있습니다 그 아래로 가거나 내려 가면 나는 내 글꼴 스타일을 볼 수있다 나는 너를 기본적으로 만들 수있다 스타일을 완벽하게 제어 할 수 있고 더욱 다양한 방법으로 쉽게 타겟팅 할 수 있습니다

CSS 영웅을 가진 작풍 나는 좌로 또는 중심에 맞추기 위하여 나의 조정을 바꿀 수있다 나는 이것들을 전부 바꿀 수있다 이제이 속성들을 살펴보고 나면이 작은 화살표를 바로 올라갈 수 있습니다 그리고 지금 나는 다른 것들을 바꾸기 시작할 수있다 왜냐하면 내가 바로 여기 배경 저를 클릭하면 검정색이 보입니다 원하는대로 변경할 수 있습니다 나는이 다른 배경 이미지 중 하나를 패턴 또는 무언가에 넣을 수 있습니다

그런 식으로 Lemme은 돌아가고 거기에 배치 된 간격으로이 모든 것들을 얻었습니다 이제는 훨씬 더 쉬운 방법으로 많은 다른 것들을 사용할 수 있습니다 이 도구를 사용하면 저장을 클릭하면 실제 저장됩니다 웹 사이트의 프론트 엔드에 생방송되어 이제 일부 속성을 편집 할 수있게되었습니다 이 글꼴의 일부 속성을 변경한다고 말하고 싶다면 여기로 가야합니다

그리고 만약 내가 그것을 조금 더 작게 말하고 싶으면 나는 그것을 할 수있다 그것은 더 크다 나는 지금 내가 돌아 가게하고 싶다 나는 또한 내가 갈 수있는 국경을두기를 원한다 가져온 테두리를 입력하면 내가 원한다면 내가 할 수있는 다양한 스타일이있다

내 모퉁이를 조금만 돌리라고해라 나는 이걸 할 수 있다고 생각해 네가 어떻게하는지 알지 그것을 조금 둥근 그것을 그것을 슬리브 그게 당신이 쉽게 할 수있는 10 떠나 그 동안 실제로 친절하게 보였습니다 그리고 저는 제가 다른 사람들 모두가 좋아한다고 생각한다고 말했습니다

배경에 대해 할 수있는 옵션은 여기에 색상 선택 도구가있는 것을 볼 수 있습니다 내가 그것을 클릭하면 내가 원한다면 내가 원했던 것을 배경색으로 할 수있다 흰색으로 할 수는 있지만 색상 선택기는 여기 또는 사용하기가 쉽습니다 내가 할 수있는 배경 이미지를 사용하고 싶었거나 여기에 그라데이션 도구가 있습니다 실제로 이것은 내가 할 수있는 색상 코드가 없기 때문에 위험합니다

거기에 그라디언트를 해보고 싶습니다 실제로 여기서 미리 설정을 합친 것도 있습니다 그들 중 일부는 맘에 들지 않지만 흑백을 통해 가자 바로이 모든 다른 옵션이 있습니다 그러면 좀 더 쉽게 타겟팅 할 수 있습니다

방화범이 끌려서 재산을 찾고 그 안에 넣어서 모든 것을 할 수 있습니다 이 다양한 것들은 조금 더 쉬워서 모든 다른 것들이 있습니다 당신이 조정할 수 있고 당신이 다른 일들도 할 수는 있지만, 예를 들면 여기서 메뉴 탐색을 사용하면 저장을 클릭 할 수있는 항목을 변경할 수 있는지 살펴 보겠습니다 나는 계속 나아가고있다 그리고 나의 메뉴를 목표로한다

그것은 단지 이것들을 목표로 할 때 페이지를 다시로드하고있다 메뉴 항목은 여기에 있습니다 그래서이 표적을 바로 여기에서 보도록하겠습니다 여기를 클릭하여 글꼴이 조금 더 크게 만들 수 있는지 살펴 보겠습니다 그리고 당신은 내가 실제로 잘못한 것을 알 수 있습니다

그냥 돌아가서 이것을 닫도록하겠습니다 이처럼 내가 잘못된 링크를 클릭 한 것과 같은 대상을 읽게하겠습니다 텍스트가 있는지 봅시다 이제 우리는 텍스트를 크고 작게 만들고 싶습니다 정말 멋진 글꼴을 원하는대로 바꿀 수 있습니다

어쨌든 여기에 있습니다 CSS 영웅과 같은 도구를 사용하면 약간의 일을 더 쉽게 할 수 있지만 수작업으로 모든 것을 사용할 수 있습니다 나는 준비가되어 있다는 것을 보여 줬습니다 지난 4 년 동안 CSS를 편집했습니다 CSS 히어로는 내가 주변에 있다는 것을 알았지 만 최근에 사용하기 시작했습니다

이걸 사용하는 방법에 대해 더 알고 싶다면 더 많은 비디오를 할 수 있습니다 CSS 영웅을 사용하는 방법에 관해서는 지금 그것을 최대한 활용하십시오 아래에 링크가 있습니다 비디오 설명 및 핀 코멘트에서 이러한 CSS를 귀하의 웹 사이트에 넣을 수도 있다고 생각합니다 당신이 많은 시간 내 링크를 통해 그것을 끝내면 결국 보너스 패키지처럼 나는 내가 당신에게 나의 유급 훈련 과정 중 하나를 줄 수있는 보너스 패키지를 만들었습니다

이 링크를 클릭하면 바로 보낼 수 있다고 생각합니다 그들의 웹 사이트에 나는 너를 나의 웹 사이트에 보낼 것이다 곳에 너를 보너스에 관하여 너에게 말할 것이다 당신이 그것을 구매하면 내가 함께 모으는 패키지는 이것을 가볍게하는 데 도움이 될 수 있습니다 나에게 뭔가를 사야한다는 것, 나는 정말로 스타일을 제어하고 싶다 내 웹 사이트에서 쉽게 할 수있는 방법이있어서 CSS 영웅이 만드는 것을 발견했습니다 그것을하기는 쉽지 않습니다

실제로이 비디오를 CSS 유로에 대해 더 많이 알려주지 않았습니다 웹 사이트에서이 스타일을 모두 변경하는 방법에 대한 권한을 부여하려고합니다 나는이 비디오에서 특정 CSS 관련성이 있다면 지금이 것을 성취 해주기를 바랍니다 질문은 계속 진행하고 댓글 섹션에서 토론을 진행하도록하겠습니다 CSS에 대해 어떤 질문을하는지 듣고 싶습니다

나는 뭔가를 남겼습니다 의도적으로 앞으로 나아가고 질문을 아래쪽에두고 싶습니다 시작하고 싶습니다 이 대화는 CSS에 대한 여러분과 대화를 나누고 서로를 도와서 커스터마이즈 할 수있게 해줍니다 우리의 웹 사이트는 실제로 그들이 우리가보고 싶어하는 방식으로 보이게합니다

How to Make a Drag & Drop WordPress Website 2019 – BEGINNERS!

얘들 아 내 이름은 호간이고이 튜토리얼에서는이 놀라운 것을 만드는 법을 보여 주겠다 드래그 앤 드롭 빌더를 사용하는 WordPress 웹 사이트

그래서 그것이 당신에게 의미하는 바는 당신이 쉽게 할 수 있다는 것입니다 Apple, Tesla, Google 등 인기있는 웹 사이트의 레이아웃을 다시 만듭니다 거의 코드없이 온라인으로 보는 모든 웹 사이트 그래서 누구나 할 수 있습니다 모든 것을 단계별로 보여주고 싶었 기 때문에 이것은 10 분 튜토리얼이 아닙니다

그리고 10 분짜리 튜토리얼을 만들면 좋은 웹 사이트를 만들 수 없을 것입니다 그 사람들은 실제로 관심이 있습니다 그리고이 웹 사이트를 만들면 사람들은 귀하의 웹 사이트를 클릭 만하고 돌아 오지 않을 것입니다 기본적으로 처음부터 웹 사이트를 가질 필요가 없습니다 그래서 이것이 왜 2 시간이 걸리는지입니다

한 걸음 한걸음 한걸음 한걸음 한 걸음 다 보여 주겠지 만 몇 시간 만에 자신 만의 웹 사이트를 만들어 운영 할 것입니다 그래서 나는 당신의 웹 사이트를 온라인으로 만드는 것 최고의 무료 이미지를 얻을 수있는 곳을 알려줍니다 웹 사이트를 구축하는 데 사용한 모든 도구를 보여 주며, 대부분은 무료입니다 나는 또한 어떻게 빌더 자체를 사용하기 때문에 웹 사이트를 스스로 구축하는 데 압도 당하지 않습니다 방법을 보여줄거야

정말 멋진 웹 사이트를 디자인했는지 확인하십시오 당신의 인생에서 전에 아무것도 디자인 한 적이 없더라도, 아마도 이것이 가장 중요한 부분이라고 생각합니다 나는 또한 당신에게 몇 가지 멋진 것들을 보여줄 것입니다 그래서 이것은 사람들이 첫 번째 웹 사이트 구축 이것은 WordPress를 설치 한 사람들에게 적합하지만 어디서부터 시작해야할지 모릅니다 그것은 또한 프리랜서, 중소기업 소유자, 또는 단지 재미로 웹 사이트를 만들고 싶을 때도 좋습니다

그럼 이건 그냥 끝내 주네 그래서 기본적으로 저는 여러분에게 오늘 우리가 무엇을 만들지 보여주기 위해 웹 사이트 투어를 제공 할 것입니다 좋아 근데 기본적으로 웹 사이트 자습서 텍스트 및 이미지와 같은 것을 추가하는 방법을 보여 드리겠습니다 하지만 정말 특별하게 만들고 싶었으므로이 타자기 효과를 만드는 방법을 보여 드리겠습니다

많은 웹 사이트에는 없지만 경쟁에서 눈에 띄게 만들 것입니다 아래로 스크롤 이 추천 섹션을 추가하는 방법을 보여 드리겠습니다 아름다운 그라디언트를 추가하는 방법을 보여줍니다 정말 귀하의 웹 사이트를 신선하고 현대적으로 만들어줍니다

정말 멋집니다 이 입자 효과와 같은 멋진 것들을 보여 드리겠습니다 그것은 좋은 작은 손길을 가지고있다 정말 쉽지만 어쨌든 그리고 내가 보여줄거야 블로그 섹션을 추가하는 방법을 알려 드리겠습니다

블로그 섹션은 실제로 정말로 중요합니다 왜냐하면 사람들이 적극적으로 찾고있는 무료 콘텐츠를 만들 수 있습니다 그래서 귀하는 귀하의 웹 사이트에 대한 타겟이 분명한 트래픽을 유도 할 것입니다 그런 다음 판매하려는 상품을 판매 할 수 있습니다 많은 사람들이 소셜 미디어에 집중하고 있습니다

페이 스북 광고와 같은 것들이 있지만 실제로 스크롤하면 알 수 있습니다 Facebook을 통해 친구의 결혼식 사진이나 그들이 주말에 한 일들을보고 싶습니다 광고를 실제로 클릭하고 싶지는 않습니다 그러나 블로깅으로 사람들은 실제로 그 정보를 찾고 있습니다 그래서 그들은 올바른 사고 방식을 취하고 있습니다

그래서 그것은 확실히 당신의 웹 사이트에있어서 정말로 중요한 것입니다 이제 내가 드릴 방법을 보여 드릴 다음은이 시차 시차 효과를 추가하는 것입니다 그래서 당신은 그것이 아주 멋지다는 것을 알 수 있습니다 많지 않은 웹 사이트 해봐

근데 진짜 갈거야 제품과 서비스에 대해 흥미로운 이야기를 나눌 수 있습니다 이중 시차 효과로 그런 다음 비디오 및 갤러리와 그 모든 것들을 추가하는 방법을 보여 드리겠습니다 바닥 글 섹션에 소셜 미디어를 추가하는 방법과 그 후 레이아웃 가져 오기를 통해 간단한 about 페이지를 만드는 방법을 보여 드리겠습니다 그래서이 빌더의 멋진 기능들을 보여 드리겠습니다

이것은 나다 그리고 나는 그것을 모두 올바르게하는 방법을 당신에게 가르 칠 것이다 우리가 서비스를 클릭하면 어떻게해야하는지 또한 보여줄 것입니다 사전 작성된 레이아웃 및 사전 작성된 행을 가져옵니다 건물 이것은 웹 사이트의 프로세스를 실제로 가속화 할 것입니다

하지만 사람들이 물건을 가져올 때 대부분의 시간이 걸리기 때문에 레이아웃 테마를 가져오고 싶지 않았습니다 그들은 실제로 제대로 배치하는 법을 모릅니다 그리고 결국에는 끝날 것입니다 지연 시켜서 웹 사이트를 완성시키지 마십시오 그래서 나는 너에게 그걸 보여줄거야

그러나 실제로 중요한 기능을 실제로 사용하는 방법을 보여줍니다 그런 다음 블로그 페이지를 추가하는 방법을 보여 드리겠습니다 구성 방법을 알려 드리겠습니다 이 위젯 섹션에서는 원하는 모든 것을 실제로 표시 할 수 있습니다 당연하지 문의 양식이 포함 된 연락처 페이지를 작성하여 사람들이 메시지를 제출하고 또한지도

그래서 당신 중 일부는 중소 기업 일 수 있으며 당신이 어디에 있는지 등등 이 웹 사이트는 모바일 대응 형입니다 그래서 그것은 모바일 태블릿, 컴퓨터 또는 그와 유사한 어떤 장치에도 적합합니다 그래, 그게 다야 내가 지적하고 싶은 것은 당신이 어떤 말썽이라도 의견을 떨어 뜨릴 수 있는지 확인하는 것입니다

아래에, 나는 그들 모두에게 대답하려고 노력한다 뭔가 더 있으면 개인적인 support@hoganchuacom으로 이메일을 보내 주시면 도와 드릴 수 있습니다 훨씬 더 신경 쓰지 않고 나는 우리가 실제로 시작해야 할 것에 대한 개관부터 시작할 것입니다 그래서 저는 웹 사이트를 만들 때 필요한 것의 개요부터 시작하겠습니다

따라서 가장 먼저 필요한 것은 도메인 이름이며 기본적으로 도메인 이름은 웹 주소입니다 Google의 도메인 이름은 googlecom입니다 귀하의 이름이나 사업체 이름 만있을 것입니다 두 번째로 필요한 것은 호스팅 계정

따라서 호스팅은 이미지와 같은 웹 사이트 파일을 저장할 위치입니다 또한 텍스트 또는 원하는 파일을 저장하고 싶습니다 사람들은 전 세계 24/7에 액세스 할 수 있습니다 이제 세 번째로 필요한 것은 WordPress를 설치하는 것입니다 따라서 WordPress는 콘텐츠 관리 시스템이며 웹 사이트의 약 30 %가 웹에서 사용합니다

나는 그것을 나의 웹 사이트에 사용한다 기본적으로 코드 작성 방법을 알지 않아도 웹 사이트를 만들 수 있습니다 그런 다음 테마를 설치합니다 기본적으로 테마는 드래그 앤 드롭 빌더입니다 또한, 테마는 우리가 원하는대로 우리의 웹 사이트를 사용자 정의 할 수 있습니다

네 번째로 우리는 웹 사이트를 만들 것입니다 도메인 이름은 약 $ 1500 / year입니다 쿠폰 코드가 있어요 어느쪽으로 갈 건데 1 년에 5

99 달러 듭니다 그럼 당신의 호스팅 보통 월 $ 1000 정도이지만 쿠폰 코드가 있습니다 약 $ 8

00 정도 될 것입니다 WordPress는 실제로 무료로 다운로드 할 수 있습니다 또한 테마는 무료입니다 하지만 유료 지원을받을 수있는 옵션이 있습니다 웹 사이트 제작은 무료입니다

따라서 웹 사이트를 시작하려면 그것은 당신에게 수 천 달러 또는 수백 달러의 돈을주지 않을 것입니다 $ 1400의 비용 만 지불합니다 그러나 그것을 만드는 데 몇 시간이 걸릴 것입니다 하지만 정말로 가치있는 일이라고 생각합니다

왜냐하면 당신은 다른 것에 그 돈을 쓸 수 있기 때문입니다 이제 우리가 할 일은 도메인 이름을 얻고 같은 장소에 호스팅하는 것입니다 따라서 웹 브라우저를 열고 Hostgator를 입력하십시오 그래서 hostgator com을 입력 한 다음 enter를 클릭하십시오

그래서 Hostgator는 내가 내 도메인 이름을 얻는 곳이며, 또한 내 웹 사이트를 호스팅하는 곳입니다 그래서 나는 지금 약 7 ~ 8 년 동안 그들과 함께 해왔다 그리고 그들은 정말로 좋았습니다 그들에 대한 정말 좋은 점 그들은 라이브 채팅 지원을하고 있습니까? 또한 문제가있을 경우 45 일 환불 보증을받습니다 또한 가동 시간 보장도 있습니다

그래서 많은 무료 호스팅 회사, 때로는 웹 사이트를 호스팅하는 경우 항상 올라가지 않을 수도 있습니다 계정이 너무 많아서 웹 사이트에 충분한 리소스를 할당하지 못합니다 그리고 많은 사람들이 당신의 웹 사이트에 간다면 그렇다면 귀하의 웹 사이트가 망가질 것입니다 귀하는 귀하의 웹 사이트를 원하지 않을 것입니다 따라서 귀하의 웹 사이트에 유료 호스팅을 제공하는 것이 중요합니다

그래서 내가하고 싶은 것은 여기 웹 호스팅을 클릭하는 것입니다 보시다시피 몇 가지 옵션이 있습니다 하지만 초보자를위한 웹 호스팅은 우리가 시작하기 위해 필요한 것입니다 기본적으로 사업 계획, 아기 계획 및 Hatchling 계획의 세 가지 계획이 있습니다 따라서 사업 계획은 현재 당신이 필요로하는 것에 대해 아마도 너무 많은 양입니다

그리고 조금 더 비싸다 그래서 부화와 아기의 차이는 아기가 무제한 도메인 그러면 도메인 이름, 엄마의 도메인 이름을 호스팅 할 수 있다는 것입니다 친구의 도메인 이름 및 클라이언트가있는 경우 클라이언트 도메인 이름을 모두 가질 수 있습니다 동일한 가격으로 한 곳에서 호스팅 따라서 hatchling 계획을 사용하면 하나의 도메인 만 호스팅 할 수 있습니다

그래서 대부분의 사람들은 당신이 하나의 도메인을 선택할 것입니다 한 웹 사이트로 시작할 가능성이 큽니다 실제로 무제한 도메인을 호스트해야하는 경우 나중에 업그레이드 할 수 있습니다 또는 일부 고객 및 당신은 아기 계획을 위해 갈지도 모르지만, 나는 단지 hatchling 계획을 클릭하고 나서 지금 구매를 클릭 할 것입니다 따라서 아직 도메인 이름이없는 경우 그런 다음 여기에 도메인 이름을 입력해야합니다

그리고 도메인의 소유자 인 경우 여기를 클릭해야합니다 GoDaddy 또는 Namecheap에서 도메인을 구입 한 다음 여기에 도메인 이름을 입력해야합니다 그리고 튜토리얼을 따르십시오 그러나 새로운 도메인 이름을 원하면 탭을 클릭하십시오 그리고 당신은 당신이 당신의 웹 사이트를 지명하고 싶은 무슨을 파악할 필요가있을 것이다

예를 들어, 당신의 꿈 웹 사이트를 방문한 다음 여기를 클릭하십시오 기본적으로 사용할 수 있는지 확인합니다 녹색 눈금이 있다면 그것은 사용할 수 있음을 의미합니다 당신은 그것을 선택할 수 있습니다 그것이 빨간색으로 변하면 다른 누군가가 이미 있음을 의미합니다

그 도메인 이름을 등록 했으므로 그 도메인 이름의 다른 변형을 찾아야 할 수도 있습니다 그래서 나는 일반적으로 com을 찾으러 간다 왜냐하면 그것은 단지 가장 일반적인 것이고 사람들은 보통 무엇을 입력하는지 하지만 org 또는 co를 찾으러 갈 수도 있습니다

그것은 정말로 당신에 달려 있습니다 여기로 내려 가면 나는 도메인 프라이버시 보호 기능을 가지고 있는데, 기본적으로 그것이 무엇을 의미하는지는 우리가 그런 다음 그것을 선택하면 실제로 Hostgatorcom 또는 그와 비슷한 것으로 표시됩니다 너의 이름을 숨길거야 주소 귀하의 이메일 주소와 같은 것들 따라서 당신이 벽돌과 박격포 사업이고 이메일과 주소를 표시하고 있다면 귀하의 웹 사이트에있는 모든 것을 어쨌든 그럼 아마 필요 없어,하지만 당신이 익명을 유지하려면 도메인 개인 정보 보호를 선택하는 것이 좋습니다

이건 그냥 예제 일 뿐이니까 그냥 체크하지 않을거야 그러나 당신이 그것을 얻고 싶다면 당신이 그것을 얻기 위해 당신을 추천합니다 그 정보가 WhoIs 데이터베이스에 공개 될 때 실제로 나중에 추가 할 수는 없습니다 좋아, 그래서 여기 아래로 스크롤해라 결제주기를 살펴보면 그걸 클릭하면 월별로 선택하거나 장기간을 선택할 수 있습니다

일반적으로 더 장기적으로 당신은 더 큰 할인을받을 것입니다 그러니 오래 갈 경우 더 많은 돈을 절약 할 수 있습니다 그러나 그것은 당신에 달려 있습니다 그래서 저는이 예제를 위해 한 달에 한 달 간 진행할 것입니다 여기에 사용자 이름을 입력하면됩니다

보안 핀을 입력하면됩니다 여기로 스크롤하면 결제 정보를 입력해야하므로 귀하의 권리가 있음을 확인하십시오 여기에서 이메일을 보내십시오 또한 지불하시는 경우 신용 카드 세부 정보 또는 PayPal로이 섹션을 작성하십시오 귀하의 페이팔 일단 당신이 그것을 채우면 여기 아래로 스크롤하십시오

이제 추가 서비스가 있습니다 따라서 나중에이 항목을 추가 할 수 있으므로 선택을 취소하고 싶습니다 실제로 웹 사이트를 백업하려는 경우 실제로 무료로 백업하는 방법을 보여주는 무료 자습서가 있습니다 그리고 다음을 만들 수도 있습니다 전문 이메일 주소 cPanel 자체에서 도메인 이름을 사용하므로 동영상도 만들 것입니다

여기를 아래로 스크롤하면 쿠폰 코드를 입력해야합니다 보너스 코드를 입력하고 유효성 확인을 클릭하면 그것은 기본적으로 당신에게 더 큰 할인을 줄 것입니다 내 쿠폰 코드입니다 그리고 그걸 사용하면 작은 수수료를받을거야 이 튜토리얼은 무료 튜토리얼 작성에 도움이됩니다

우리가 여기 아래로 그리고 우리는 모든 것이 올바른지 확인합니다 그래서 우리는 도메인 이름을 가지고있다 우리는 한달에 한 번씩 해츨링 계획을 세웠습니다 $ 1366 그래서 도메인 프라이버시를 가끔 갖게되면 실제로 위로 스크롤하면 가끔 실제로 다시 추가 할 수 있습니다

하지만 괜찮은 것은 아닙니다 여기 아래로 스크롤하십시오 그리고 나서 당신이해야 할 일은 내가 읽은 것을 클릭하고 서비스 조건에 동의 한 것입니다 그런 다음 지금 체크 아웃을 클릭해야합니다 그러면 체크 아웃됩니다

그리고 나서 페이팔 (Paypal)로 지불하거나 축하 카드를 받으십시오 이미 Hostgator 계정이 있습니다 그래서 나는 정말로 다른 것을 창조하고 싶지 않습니다 이제 우리가해야 할 일은 이메일과 이것은 실제로 우리가하는 곳입니다 cPanel에 로그인하여 WordPress를 설치하십시오

그래서 Hostgator는 귀하의 계정 정보를 이메일로 보내드립니다 기본적으로 이런 모습입니다 그렇다면 제어판의 URL을 클릭하고 기본적으로 사용자 이름을 복사하고 비밀번호를 복사해야합니다 그래서 당신은 실제로 제어판에 로그인 할 수 있습니다 일단 로그인을 클릭하면 그래서 WordPress를 설치하려면 새로운 WordPress 웹 사이트를 클릭하십시오

또는 소프트웨어 섹션까지 아래로 스크롤하여 빠른 설치를 클릭하십시오 때로는이 섹션의 레이아웃이 변경 될 수도 있지만 빠른 설치를 시도하십시오 그러면 괜찮을거야 그래서 우리는 새로운 WordPress 웹 사이트를 구축하려고합니다 이제 WordPress를 웹 사이트에 설치할 수있는이 섹션으로 이동하게 될 것입니다

도메인을 클릭하십시오 도메인을 선택하십시오 보통 너희들 대부분은 단지 하나만 가질 것이기 때문에 나는 이것을 여기에서 선택할 것이다 이 부분을 비워두고 블로그 제목을 위해 다음을 클릭하십시오 회사 이름 또는 이름 일 수 있습니다

예를 들어 로고 만 입력하면 언제든지 변경할 수 있습니다 관리자 사용자의 경우 로그인 사용자 이름이됩니다 이름, 성, 유효한 이메일 주소 일단 완료됩니다 전자 메일이 올바른지 확인하십시오 서비스 약관에 동의하고 설치를 클릭하려면 여기를 클릭하십시오

그래서 WordPress가 새 도메인에 설치됩니다 좋아요, 그래서 몇 초 걸립니다 설치가 완료되었다고합니다 한 번 완료되면 여기에 설치 정보가 있습니다 그래서 내가 무엇을하기 전에 일반적으로 먼저하고 싶은 것은 암호를 내 클립 보드에 먼저 복사하는 것입니다

일단 그렇게하면 당신은 사용자 이름이 Hogan Chua임을 압니다 내가 입력 한 사용자 이름을 알면 로그인을 클릭 할 수 있습니다 일단 로그인을 클릭하면 그러면 WordPress로 이동합니다 로그인 페이지 그래서 가끔은 당신이 방금 도메인을 구입하고 그것을 호스팅하지 않을 수도 호스팅 아직 전파되지 않았고 기본적으로 그것이 의미하는 바는 HostGator는 아직 백엔드에서이를 설정하지 않았으며 때로는 15 분 또는 20 분이 걸릴 수도 있습니다

최악의 시나리오, 그렇지 않은 경우 아마 몇 시간이 걸릴 것입니다 아직 작업을 시작한 다음 HostGator 라이브 채팅 지원에 문의 할 수 있습니다 그래서 사용자 이름을 넣은 다음 방금 복사 한 비밀번호를 붙여 넣은 다음 클릭하십시오 로그인 좋아, 대시 보드 영역에 대해서도 이야기하기 전에이 페이지를 즐겨 찾기에 추가하십시오 로그인 URL입니다

해당 URL을 복사하고 새 창을 열어 보겠습니다 실제로 URL에 붙여 넣으면 그러면 로그인 페이지로 이동합니다 여기에 입력해야하는 것은 모두 WP-admin이며이 페이지로 이동하게됩니다 그렇게하십시오 좋아, 그럼 이건 WordPress 대시 보드 야

그것은 많은 것들을 가지고 있지만, 우리는 많은 것들을 상당히 깨끗하게 할 수 있습니다 그럼 지금은 분명히하고 이 부분을 닫고이 부분을 닫으십시오 방법을 보여 드리겠습니다 당신의 워드 프레스를 설정하십시오, 그래서 우리는이 모든 것을 닫을 것입니다 이 모든 것을 닫으십시오

그 것처럼 그래서 조금 덜 압도적 인 것처럼 보입니다 먼저 암호를 변경해야합니다 따라서 사용자를 여기에서 가리키면 모든 사용자를 클릭 할 수 있습니다 이제 기본적으로이 섹션은 여기에 있습니다

실제로 새 사용자를 추가 할 수 있습니다 예를 들어, 블로그 작성자 또는 뭔가를 작성한 다음 새 사용자를 만들 수 있습니다 그리고 그들은 로그인 할 수 있으며 블로그 게시물에 추가하거나 페이지와 같은 것을 편집 할 수 있습니다 이게 당신의 사용자입니다 수정을 클릭하면 비밀번호가 변경됩니다

그래서 아래로 스크롤하십시오 계정 관리에 아주 밑바닥에, 새로운 암호는 암호를 생성하고 숨기기를 클릭하면 새 비밀번호를 설정하게됩니다 알았어 약한 암호의 사용을 확인하십시오 바라기를 당신은 더 강한 무엇인가를 생각해 낼 수있다 그리고 프로파일 업데이트를 클릭하십시오

그냥 닫을거야 그게 내가 업데이트 할거야 좋아요, 그럼 우리가 할 일은 퍼멀 링크 구조를 바꿀 것입니다 그래서 설정 위로 마우스를 가져 가면 permalinks를 클릭하십시오 좋습니다

근본적으로 의미하는 것은 무엇입니까? 이 이름을 게시 이름으로 변경하고 싶습니다 블로그 게시물에 추가하거나 새 페이지를 추가 할 때마다 제목이 있습니다 그래서 그 제목이 실제로 URL에 나타나기를 원합니다 그래서 당신은 p = 123과 같은 것을 원하지 않습니다 사람들은 그 페이지가 무엇을 말하는지 모릅니다

검색 엔진 및 Google 순위 따라서 이름을 게시하도록 변경 한 다음 변경 사항 저장을 클릭하십시오 그 다음에 플러그인을 클릭 할 수 있습니다 그래서 플러그인은 기본적으로 비슷합니다 귀하의 기능을 향상시키는 응용 프로그램 워드 프레스 웹 사이트

휴대 전화에 소셜 미디어, 데이트 앱, 게임 앱 등의 앱이 있습니다 생산성과 그 모든 것을 플러그인은 기본적으로 WordPress 웹 사이트와 동일하지만 그래서 그것은 약간의 물건으로 미리 설치되어 온다 그래서 내가하고 싶은 것은 같은 페이지에서 모두를 얻으려면 모든 것을 비활성화하는 것입니다 알았어 그래서 우리는이 모든 것들을 필요로하지 않는다

그래서 나는 단지 무엇을 할 것인가 다시 선택하고 삭제하십시오 적용 및 확인을 클릭하십시오 일단 우리가 다음에 할 일은 테마를 설치하고 튜토리얼에 필요한 플러그인을 설치하는 것입니다 테마를 설치하려면 모양 위에 마우스를 올려 놓고 테마를 클릭하십시오

그래서 이것은 WordPress에 현재 설치되어있는 기본 테마입니다 따라서 집 아이콘에서 아이콘 위에 실제로 마우스를 가져간 다음 마우스 오른쪽 버튼을 클릭하여 웹 사이트를 방문하면 그렇다면 웹 사이트가 다음과 같이 보일 것입니다 그래서 이것은 기본 WordPress 테마입니다 그것은별로 가지고 있지 않다 사용자 정의 가능성

따라서 사용자 정의 할 수 없으며 드래그 앤 드롭 빌더가 없습니다 그럼 우리가 뭘 할거야 다시 우리의 웹 사이트로 돌아가서 새로운 것을 추가하십시오 여기에는 무료 테마가 많이 있습니다 하지만 내가 사용하는 주제는 내가 강력히 추천하는 주제 그것이 드래그 앤 드롭 빌더를 가지고 있기 때문에 Themify의 울트라 테마인가요? 원하는 웹 사이트를 거의 만들 수 있습니다

그래서 우리는 업로드 테마를 클릭 할 것입니다 그래, 일단 그렇게하면 테마를 다운로드해야합니다 따라서 설명에서이 비디오 아래를 보면 더보기를 클릭해야 할 수도 있습니다 테마를 다운로드해야합니다 따라서 그것을 클릭하여 컴퓨터에 다운로드하십시오

그런 다음 이미지와 플러그인을 컴퓨터로 다운로드해야합니다 자습서와 함께 따라 할 수 있습니다 그래서 당신이 그것을 한 후에 당신은 기본적으로 두 개의 파일을 가져와야합니다 그래서 그들 중 하나는 Themify_Ultrazip이고 다른 하나는 이미지와 플러그인이 될 것입니다

때로는 Safari가 자동으로 압축을 풀어이 폴더처럼 보일 수도 있습니다 그래서 당신은이 폴더에 있기를 원하지 않습니다 원하는 작업을 마우스 오른쪽 버튼으로 클릭하여 압축 한 다음 zip 파일로 다시 압축합니다zip을 업로드하려고하기 때문에 이제 이미지와 플러그인을 위해 실제로 압축을 풀고 싶습니다 따라서 Mac을 사용하는 경우 Windows에서 더블 클릭하면됩니다 압축을 풀려면 일부 소프트웨어를 다운로드해야 할지도 모르겠다 나는 100 % 확실하지 않다 폴더를 클릭하면 그런 다음 모든 이미지가 포함되어 있으며 튜토리얼과 함께 따라야 할 필수 플러그인이 있습니다

우리가 지금 우리 웹 사이트로 돌아 가면 실제로 파일 선택을 클릭해야합니다 Themify_Ultrazip을 선택해야하므로 thiszip인지 확인하십시오 열기를 클릭하십시오

지금 설치 왼쪽 하단에 진행률 표시 줄이 있습니다 그래서 네가 실제로 wwwhoganchuacom으로 이동하십시오

그래서 이건 내 웹 사이트 야 나는 또한 FAQ 데스크가있어, 때때로 질문이 있으면 내 FAQ 페이지에 답변을 넣었을 수도 있습니다 그래서 FAQ 섹션을 클릭하면 그런 다음 자주 묻는 질문입니다 지금 기본적으로 테마 설치로 이동하는 경우 따라서 문제가있을 경우 여기를 참고해야 할 수도 있습니다 예를 들어 여기를 클릭하면 때로는 파일 크기가 초과되었다고 말할 수 있습니다

호스트가 실제로 금액을 제한했기 때문에 테마가 너무 커질 수 있습니다 실제로 WordPress 웹 사이트에 업로드 할 수 있습니다 업로드 제한을 늘리려면 호스트에 실제로 문의해야합니다 또는 내 FAQ 페이지로 이동하여 업로드 파일 초과를 클릭 할 수 있습니다 기본적으로이 비디오를 따라 cPanel 섹션을 통해 테마를 업로드하십시오

그래서 너희들 대부분을 위해, 그것은 모두 좋고 갈 준비가되어 있어야한다 그런 다음 활성화 버튼을 클릭해야합니다 그러면 새 테마가 활성화됩니다 좋아요, 스킨과 데모가 나타납니다 우리는 그 어떤 것도 원하지 않는다

X 아이콘을 클릭하면됩니다 기본적으로 우리가 실제로 웹 사이트를 새로 고침하면 모양이 변경된 것을 볼 수 있습니다 이제 우리가 할 일은 대시 보드 영역으로 돌아갈거야 우리는 플러그인을 설치할 것입니다 플러그인을 클릭하십시오

그런 다음 새로 추가를 클릭하십시오 그런 다음 업로드 플러그인을 클릭하고 파일을 선택한 다음 이미지와 플러그인 폴더를 클릭해야합니다 그래서 우리는 건축업자를 찾으러 갈거야 타자기 지퍼

그러니 그 파일을보고, open을 클릭하십시오 지금 설치를 클릭하십시오 그 플러그인을 활성화 시키십시오 이제 우리가 설치할 다음 플러그인은 문의 양식 플러그인입니다 추가를 클릭하십시오

그런 다음 플러그인을 검색 할 것이므로 입력 해 보겠습니다 양식 7 문의하기 몇 초 안에로드해야합니다 우리는 7 번 문의 양식을 설치하고자합니다 타카유키 그리고 지금 설치 그런 다음 활성화를 클릭하십시오 다른 플러그인을 추가하려면 예를 들어 귀하의 웹 사이트에 대한 플러그인을 예약하면 약속을 수락 할 수 있습니다

당신은 예를 들어 예약을 검색 할 수 있습니다 그러면 무료 및 유료 플러그인의 범위가 여기에 있습니다 대부분은 자유형이므로 자유 다하지만 좀 더 원한다면 프로 기능을 지불해야하거나 실제로 Google에 갈 수 있습니다 그런 다음 WordPress 용 최고의 예약 플러그인을 입력 할 수 있습니다

일반적으로 그들은 웹 사이트를 좋아할 것입니다 그런 다음 어느 것이 당신에게 적합한 지 체크 아웃 할 수 있습니다 그래서 꽤 많이 있습니다 이제 우리가 할 일은 페이지를 추가하는 것입니다 페이지 위로 마우스를 가져 가면 모든 페이지를 클릭하게됩니다

먼저 샘플 페이지를 지우려고합니다 그러면 샘플 페이지를 지울 것입니다 우리는 또한 휴지통으로 이동하여 영구 삭제하십시오 그래서 우리가해야 할 일은 새로운 페이지를 추가하는 것입니다 추가 할 첫 번째 페이지는 홈 페이지입니다

여기에 집이라는 제목을 입력 한 다음 게시를 클릭하십시오 다시 클릭 할 것입니다 그것이 여기에 출판 되었음이 밝혀 졌는지 확인하십시오 그런 다음 다시 추가를 클릭하십시오 추가 할 다음 페이지는 그런 다음 게시를 클릭합니다

다시 할 그것이 제대로 게시되지 않으면 게시되었음을 확인하십시오 따라서 우리는 서비스, 블로그 및 연락 양식을 신속하게 추가 할 것입니다 우리가 할거야 서비스

나중에 필요할 때마다 많은 페이지를 추가 할 수 있습니다 그리고 또 다시 블로그 페이지 게시 그런 다음 새로 추가를 클릭하면 연락처 페이지에 추가됩니다 모든 페이지를 확인하려면 옆에 모든 페이지를 추가하고 올바르게 클릭했습니다 집, 약, 블로그 연락처 및 서비스가 있어야합니다 이제 우리 웹 사이트를 보자

여기에 나열된 페이지를보아야합니다 우리가 할 일은 메뉴를 정렬하는 것입니다 그래서 우리가해야 할 일은 click on customize입니다 테마 옵션으로 이동하여 여기에 뒤로 아이콘을 클릭하고 싶습니다 제일 먼저 할 일은 홈 페이지 설정을 클릭하는 것입니다

그런 다음 고정 페이지를 선택하려고합니다 그래서 페이지가 사라진 것을 볼 수 있습니다 모바일 메뉴로 들어갔다 방법 그래서 당신이 실제로 할 수있는 일은 당신이 Mac에 있다면 명령을 클릭 한 다음 – 기본적으로 화면이 축소됩니다 Windows를 사용하는 경우 Windows 키를 클릭 할 수 있습니다

그리고 -를 클릭하면 축소되고 +를 누르면 다시 확대됩니다 그래서 우리가하고 싶은 것은 여기에 홈 페이지가 있는지 확인하기 위해서입니다 도메인 URL만으로 설정하십시오 홈 페이지의 경우 홈 및 그런 다음 게시를 클릭합니다 그래서 기본적으로 의미하는 것은 지금 당장 그것을 닫자는 것입니다

이제 실제로 홈 페이지를 클릭하면 그러면 실제로 그 홈페이지를 만들 것입니다 실제 기본 도메인 이름 자체로 설정합니다 그래서 클릭하면 그 다음에는 그곳에있을 것입니다하지만 집을 클릭하면 거기에 여분의 확장이 없습니다 그래서 내가 할 일은 메뉴를 올바르게 정렬하는 것입니다

여기를 다시 클릭하십시오 메뉴를 클릭하면 새 메뉴가 생성됩니다 메뉴 이름을 클릭하면 상단 탐색을 위해 상단 탐색에 설정합니다 메인 네비게이션을 설정할 메뉴 위치 여기가 위입니다 바닥 글 탐색을 선택하면 하단에 표시됩니다

다음을 클릭하십시오 좋아요, 그래서 우리는 그것을 설정했습니다 이제 우리는 페이지를 추가하고 항목 추가를 클릭하십시오 약 페이지에 추가하고 싶습니다 서비스, ​​블로그 및 콘택트 렌즈

그래서 홈 페이지에 추가하지 않을 것입니다 그 이유는 사람들이 로고를 클릭하는 대부분의 경우 자동으로 어쨌든 홈페이지로 안내합니다 그래서 꼭 필요한 것은 아닙니다 그래서 그들을 재정비하기 위해 정말로해야 할 일은 그것을 클릭하십시오 그런 다음 드래그하여 정렬 한 다음 배치하고 다시 정렬합니다

보시다시피 따라서 실제로 드롭 다운 메뉴를 만들려면 그것이 실제로 서비스를 드래그하면 무엇을 의미합니까? 일종의 넣어, 내가 들여 쓰기라고 생각합니다 그렇게 그러면 약 페이지 위로 마우스를 가져 가면 서비스가 드롭 다운됩니다 그래서 당신은 또한 블로그를 위해서도 그렇게 할 수 있습니다 예를 들어 서비스에 다시 적용 할 수 있습니다

그럼 네가 떠들면 무슨 일이 일어날거야 서비스 위로 마우스를 이동하면 블로그가 팝업됩니다 그럼 그냥 돌려 놓자 게시를 클릭하십시오 그런 다음 사용자 정의를 닫습니다

다음 부분에서는 Themify 설정을 보여 드리겠습니다 페이지의 기본 레이아웃을 다시 정렬하고 여기에서 하단 섹션에 소셜 미디어를 추가하십시오 우리 대시 보드로 돌아 가자 그런 다음 Themify 설정을 편집하려고합니다 왼쪽 아래로 스크롤하여 Themify 설정을 클릭하십시오

따라서 기본적으로 모든 테마 설정을 편집 할 수 있습니다 일반 탭을 클릭하면 이것은 favicon이며 기본적으로 favicon은 탭의 로고입니다 favicon을 업로드하려면 업로드를 클릭하십시오 기본적으로 이미지 폴더에있는 favicon을 업로드 할 수 있습니다 이전에 다운로드 했어야하는 파비콘의 크기는 32 x 32 픽셀이며 기본적으로

png 파일이어야합니다 그것은 투명한 파일입니다 따라서 open을 클릭하면 기본적으로 여기에 업로드됩니다 그래서 파비콘이나 로고를 얻고 싶다면 그렇다면 제가 wwwfiverr

com에 가도록 권유합니다 그래서 이것은 일종의 로고 및 그래픽 및 모든 종류의 것들을 얻을 수있는 프리랜서 웹 사이트 $ 500부터 시작합니다 예를 들어 클릭하면 – 로고 디자인을 입력 한 다음 검색을 클릭하는 것을 의미합니다 아래로 스크롤하면 수백 가지가 있습니다

로고를 디자인하는 사람들 많은 사람들이 $ 500부터 시작합니다 그들 중 일부는 조금 비싸다 그래서 그 중 하나를 클릭하십시오

Google 또는 Facebook 계정으로 로그인해야합니다 가입하십시오 따라서 설명에 링크를 남겨 두겠습니다 너는 로고를 얻을 수 있고 favicon을 요구할 수 있는다 파비콘은 아마도 귀하의 로고와 같습니다

하지만 텍스트는 없습니다 여기서 아래쪽으로 내려 가면 클릭하려는 Google 글꼴은 모든 Google 글꼴을 표시합니다 그래서 기본적으로 더 많은 글꼴을 보여줍니다 저장을 클릭하여 선택할 수 있습니다 그런 다음 기본 레이아웃 탭을 클릭합니다

우리가 실제로하고 싶은 것은 실제로 우리 웹 사이트를 다른 창에서 열어보기를 원할 때입니다 집 아이콘 위로 마우스를 이동 한 다음 마우스 오른쪽 버튼을 클릭하고 새 탭에서 엽니 다 피 버르를 닫을거야 이것은 우리의 웹 사이트입니다 지금

좋아, 그럼 우리가 여기서 아래로 내려 가면 여기를 클릭하면 지금 페이지입니다 아래쪽에서 기본 페이지 레이아웃 섹션까지 아래로 스크롤해야합니다 페이지 사이드 바 옵션에 사이드 바를 선택하지 않으려합니다 그래서 예를 들어 사이드 바를 선택하려고합니다

모든 페이지에서 제목을 숨기려면 예를 선택하십시오 그리고 모든 댓글을 비활성화 한 다음 저장을 클릭하고 싶습니다 한 번 저장하면 해당 페이지를 새로 고칠 수 있습니다 너는 제목 및 사이드 바가 사라집니다 따라서 실제 웹 사이트를 디자인 할 빈 캔버스가 있습니다

여기서 다시 돌아가서 테마 설정을 클릭하십시오 상단 섹션으로 다시 스크롤하여 테마 모양으로 스크롤합니다 여기서 헤더 디자인과 바닥 글 디자인 등을 변경할 수 있습니다 그래서 헤더 디자인 현재 현재 기본 설정입니다 그것은 꽤 크다, 지역

너는이 거대한 지역을 여기에서 원하지 않는다 당신은 그것을 얇고 최소한의 것과 같이 만들고 싶습니다 왜냐하면 사람들은 웹 사이트의 실제 콘텐츠로 스크롤하지 않아도되기 때문입니다 다시 여기를 클릭하십시오 내가 좋아하는 것은 머리글 상단 막대입니다

헤더 가로로 갈 수도 있습니다 꽤 비슷해 이건 더 얇은 디자인 일 뿐이므로 그걸 선택하겠습니다 그런 다음 여기로 스크롤하여 여기에서이 아이콘을 제거하고 싶습니다 이것은 RSS와 검색 아이콘입니다

계속 지키고 사이트 태그 라인을 제거하고 싶을 수도 있습니다 그래서 여기로 돌아가 사이트 태그 라인을 제외하고 검색 제외, RSS 제외 꼬리말 디자인으로 스크롤 그래서 여기 바닥 글 섹션을 선택할 수도 있습니까? 바닥 글을 어떻게 보일지 그래서 바닥 글에서 사이트 로고를 제거하고 싶습니다 그게 전부예요

그래서 나는 다른 모든 것을 기본값으로 남겨 둘 것입니다 우리가 할 일은 여기로 내려 가서 그럼 숨기고 싶다 WordPress에 의해 제공 그리고 Themify 테마와 같은 것들 그래서 하나는 꼬리말 텍스트입니다 2 그래서 그것을 숨기려면 클릭하고 싶습니다

그런 다음 저장을 클릭합니다 페이지를 새로 고침해도 괜찮습니다 헤더 디자인이 단순한 디자인으로 바뀔 것입니다 또한 WordPress 및 Themify 테마로 구동됩니다 그래서 그것은 멋지게 보입니다

이제 우리가 뭘 할거야? 우리는 사회적 연결을 추가 할 것인가? 여기에서 소셜 링크를 클릭 할 것입니다 내 모든 소셜 URL을 빨리 열어 줘야 해 자, 우리가해야 할 일은 트위터 링크에 붙여 넣는 것입니다 우리가해야 할 일은 여기를 클릭하는 것입니다 URL을 복사 한 다음 여기에 붙여 넣으십시오

페이스 북 페이지와 동일 그래서 당신이 내 페이지를 따르도록하십시오 그것이 내가 업데이트를 게시하는 곳입니다 그래서 여기에 다시 붙여 넣습니다 그건 내 URL이야 아래로 스크롤하십시오

예를 들어 Google+를 사용하지 않는 경우 비워 둘 수 있습니다 그리고 그것은 나타나지 않을 것입니다 YouTube의 경우 YouTube 채널 URL에 붙여 넣기를 원합니다 그 다음에 복사하십시오 그걸 여기에 붙여 넣으세요

Pinterest 나는 Pinterest가 없다 하지만 예를 들어 Instagram을 가지고 보자 볼 수있는 곳이 없다 링크 추가 클릭 제목을 입력하십시오

그래서 예를 들어 인스 타 그램 당신의 링크를 위해 우리는 가서 Instagram 프로필 URL을 복사 할 것입니다 그런 다음 여기에 붙여 넣으십시오 아이콘을 삽입하도록 선택하십시오 그런 다음 Instagram 아이콘을 검색하여 Instagram을 입력합니다

Instagram을 클릭하고 저장을 클릭하십시오 그래서 기본적으로 모든 링크에 저장되었습니다 그러나 바닥 글 섹션에 표시되기를 원합니다 그러기 위해서 우리는 실제로 가야합니다 위젯 위에 마우스를 올려 놓은 다음 위젯을 클릭하십시오

위젯은 기본적으로 귀하의 웹 사이트 및 추가 할 수 있습니다 이 모든 위젯을 당신이 그것을 넣을 수있는이 모든 다른 섹션들 우리가 할 일은 우리가 볼 것입니다 Themify를위한 소셜 링크 위젯은 여기에 있습니다 그래서 그것을 클릭하고 위로 드래그하십시오

그렇게해서 우리는 그것을 footer social widget 영역에 넣을 것입니다 좋습니다 외부 링크이기 때문입니다 그들은 예를 들어 wwwTwitter

com과 같은 외부 링크에 연결됩니다 내가 평소에하는 일은 새 창에서 링크를 엽니 다 그리고 아이콘 크기는 중간 정도로 유지하고 저장합니다 따라서 우리 페이지를 새로 고치면 그런 다음 해당 소셜 링크가 여기 아래에있는 푸터 위젯에 표시됩니다 좋아, 예를 들어, 헤더 영역에 넣고 싶다면 그런 다음 클릭하여 사회 위젯 섹션으로 드래그해야 할 수도 있습니다

나는 사람들이 당신의 웹 사이트에있을 때 그렇게 생각하기 때문에 그렇게 추천하지 않습니다 너는 팔고 싶은 물건이나 물건을 팔아야한다 전자 메일을 수집하여 소셜 프로필로 보내지 말고 그래서 우리가 다음에 할 일은 우리가 네비게이션 메뉴를 스타일링하는 것입니다 꼬리말 영역 로고 등을 추가하면됩니다 그래서 여기와 전 호간이에요

실제로 웹 사이트를 만드는 방법을 보여줍니다 나는 당신이 실제로 사용할 수있는 몇 가지 디자인 요령을주고 싶다 귀하의 웹 사이트를 전문적으로 마무리하고 그것이 정말 좋게 보이는지 확인하십시오 이전 튜토리얼에서, 아마 3 년 전 두 번 너와 함께이 일을 정말로 끝내지 않았어 사람들이 얻은 결과가 별로 좋지 않았다

그래서 웹 사이트를 만드는 것이 한 가지이지만 디자인은 웹 사이트를 생각할 때 또 다른 일입니다 집과 같은 종류 당신은 실제로 집을 설계하지 않고 동시에 건축합니다 당신은 일종의 그것을 먼저 설계하는 건축가 그리고 그 집을 실제로 만든 개발자에게 전달합니다 그래서 나는 당신들을 위해 디자인 준비가되어 있다는 것을 알고 있습니다 그리고 당신은 정확히 단계별로 따라갈 수 있습니다

하지만 아마 글꼴과 모든 것을 색과 레이아웃을 바꿀 것입니다 당신의 사업에 맞게 이 팁과 마찬가지로 실제로 사용할 수 있으므로보다 신속하게 의사 결정을 내릴 수 있습니다 그래서 당신은 미루는 것을 좋아하지 않을 것입니다 때때로 당신은 "오 어떤 색상을 선택해야할지, 어느 글꼴을 사용할 지 모르겠다 "고 말한 다음 임의의 글꼴을 선택하고 일종의 엉망진창이야 그래서 저는 전문적이지 않습니다

따라서 당신이 전문가라면이 비디오를 건너 뛰거나이 섹션을 건너 뛸 수 있습니다 하지만 초보자에게는 정말 좋다고 생각합니다 따라서 옳고 그름은 없습니다 그래서 당신은 그것을 조정할 수 있습니다 이것들은 제가 도움이 될만한 10 가지 팁입니다

그래서 첫 번째 것은 하나의 메인 컬러를 선택하는 것입니다 따라서 너무 많은 색상을 사용할 필요가 없습니다 웹 사이트에 중성 색이나 음영을 사용할 수있는 것처럼 Apple이하고 정말 좋은 이미지를 가지고있는 것처럼, 당신은 정말 좋은 웹 사이트를 가질 수 있습니다 그러나 당신이 할 수있는 것은 당신이 색 의미 웹 사이트에 갈 수 있다는 것입니다 귀하의 비즈니스를 대표하는 색상을 선택하십시오

예를 들어 어두운 회색을 선택합니다 아니면 거의 검은 색이라고 할 수 있습니다 왜냐하면 나는 특정 비즈니스를 구축하지 않기 때문입니다 법률 회사는 남색 또는 진한 파란색과 같이 갈 수도 있습니다 그러나 내가 구체적이지 않은 데모 웹 사이트처럼 구축하고 있기 때문에 나는 단순하고 깨끗하고 현대적인 것처럼 보이기를 원합니다

그래서 내가 애플처럼 중립적 인 그늘의 표정으로 갔다 그래서 Flat UI Colors라는 웹 사이트에 갈 수 있습니다 색상을 선택하십시오 이 화면에 링크를 올리겠습니다 두 번째 팁은 강조 색상을 선택하는 것입니다

따라서 강조 색상은 특정 영역을 강조하는 데 사용할 수있는 색상입니다 예를 들어, 버튼, 클릭 유도 문안 (call-to-action) 영역 및 사람들의 시선을 끌고 싶은 곳 어디든지 관심을 끌 수 있습니다 그래서 나는 그 중 하나를 골랐다 내가 골랐던 것은 핑크색 또는 밝은 색이었다 나는 그것이 정말로 신선한 느낌과 같은 느낌을주고 그것이 실제로 두드러지기 때문에 생각한다

팁 # 3은 웹 사이트에서 많은 중성 색이나 음영을 사용하는 것입니다 따라서 어떤 색상이나 기본 색상을 모르거나이 강조 색상을 사용해야하는 경우 아니면 그냥 연한 회색 또는 짙은 회색처럼 붙어 있습니다 아이콘의 경우, 예를 들어, 다른 섹션을 구분하려면 밝은 회색 배경처럼 웹 사이트의 여러 섹션을 구분할 수 있습니다 그리고 그것은 정말로 좋아 보일 것입니다 그래서 정말 좋은 예는 www

zerocom입니다 그들은 실제로 당신이 실제로 많은 영감을 얻을 수있는 잘 정돈 된 홈페이지를 가지고 있습니다 팁 # 4는 웹 사이트의 기본 색상이나 강조 색상의 음영을 사용하는 것입니다 그래서 예를 들어 단추를 사용하는 것과 비슷하고 해당 단추가 분홍색 인 경우 해당 분홍색 색을 원하지 않습니다

한 번 올려 놓으면 완전히 다른 색상으로 변경됩니다 그 기본 색상의 음영을 사용하여 호버링 효과를 줄 수 있으며, 상황을 일관되게 유지할 수 있습니다 때로는 웹 사이트의 여러 요소를 구분해야 할 때도 있습니다 파란색은 사용할 수 없습니다 그런 다음 다시 똑같은 파란색으로 당신이 어쩌면 그 푸른 색이나 더 어두운 그늘의 더 밝은 그늘을 선택한다면 여전히 정말 잘 어울리 며 모든 것을 일관되게 유지합니다

벨트가 달린 흰색 티셔츠와 청바지 같은 옷을 입고있는 것과 같습니다 네이비 블루 같이 갈 수도있어 그리고 여전히 멋져 보일 것입니다 팁 # 5는 머리글과 바닥 글 섹션에 중성 색을 사용하는 것입니다 그 이유는 아마도 대부분의 사람들은 전문적인 이미지를 완성하지 못했기 때문입니다

예를 들어 색이 지정된 머리글을 선택한 경우 파란색처럼 아래 사진과 잘 일치해야하며 온라인에서 이미지를 찾는 경우 이미지를 찾는 데 더 오래 걸릴거야 이것은 적합하고 정말로 잘 어울립니다 많은 웹 사이트가 실제로 밝은 배경 헤더를 사용합니다 어두운 배경 머리글 및 바닥 글 부분 그들은 밝은 회색처럼 사용하여 멋지고 섬세하며 모든 것이 정말 잘 어울립니다

그리고 그것은 정말로 일치하기 쉽습니다 그래서 흰 티셔츠처럼 입고있는 것 같아요 당신은 그것으로 어떤 색깔의 청바지를 입을 수 있습니다 그리고 여전히 멋져 보일 것입니다 팁 # 6은 하나의 글꼴을 사용하는 것입니다

따라서 웹 사이트에 멋진 글꼴이 많이 필요하지 않습니다 애플은 단지 하나만 사용한다 또한 WhatFont라는 Chrome 확장 프로그램을 사용하여 실제로 검사 할 수도 있습니다 사람들이 실제로 자신의 웹 사이트에 사용하는 글꼴 기본적으로 두 가지가 있습니다

서체 하나는 serif 서체라고하고 다른 하나는 sans serif 서체라고합니다 차이점은 문자로 볼 수있는 serif 서체입니다 그들은 문자의 끝에 같은 가장자리를 가지고 있으며 또한 이러한 스트로크는 두껍고 얇은 있습니다 산 셰리프 서체로 가장자리가 평평하고 획도 짝수입니다 따라서 산 셰리프 서체는 훨씬 간단하고 현대적이며 대부분의 웹 사이트에서 사용합니다

그것 serif 글꼴 더 우아하게 보이고보다 전통적인 손수 느낌 그래서 당신이 속한 사업에 달려 있지만 대부분의 웹 사이트는 산 세리프체 예 : Google Tesla, Uber, 그리고 심지어 당신의 전화 또한 귀하의 컴퓨터에서 활자체 그들은 산 셰리프를 사용합니다

그래서 제가 추천하는 것은 산세 리프를 사용하는 것입니다 그리고 가장 추천 된 Google 실제로 사용할 수있는 폰트 중 하나만 선택하면됩니다 팁 # 7은 직접 가져가는 것입니다 당신이 정말로 좋아하는 다른 웹 사이트의 영감 그래서 당신은 당신이 정말로 좋아하는 몇 개의 탭을 열 수 있습니다

정확하게 레이아웃 이미지를 변경하고 텍스트를 변경 한 다음 나중에 좋아하는 것으로 조정할 수 있습니다 왜냐하면 그것은 정말 좋은 레이아웃처럼 보장하기 때문입니다 많은 사람들이 가서 일을 마치고 아주 좋아 보이지 않습니다 팁 # 8은 사용하는 것입니다

본문 글꼴 크기는 16에서 18 픽셀 사이입니다 글꼴 유형에 따라 다릅니다 따라서 약간 조정해야 할 수도 있습니다 하지만 너무 크거나 작지는 마세요 크기가 완벽하다고 생각합니다

하지만 헤드 라인과 하위 헤드 라인은 모든 크기가 될 수 있습니다 하지만 일종의 계층 구조가 같아서 헤드 라인이 커야합니다 부제 표제는 조금 작아야하고, 그러면 당신의 몸이 있습니다 당신의 본문 텍스트는 굵게 표시되지 않을 것입니다 거대한 단락에 대담한 느낌 인 경우 그러면 이상하게 보일거야

따라서 특정 영역을 과감하게 강조하여 특정 사물을 강조 할 수 있습니다 그러나 정말로 일관되게 유지하십시오 팁 # 9는 선 길이입니다 그래서 예를 들어 단락이 화면의 한면에서 다른면으로 가고 싶지 않습니다 사람들이 이쪽에서 저쪽으로 읽는다면 읽기가 더 힘들어지기 때문입니다

그래서 그것을 부수기 위해 거기 어딘가에 웹 사이트는 가로 모드와 같습니다 너는 그것들 사이에 유지하고 싶다 너비가 45에서 약 90 자까지이며 정말 좋은 독서를 제공합니다 경험

팁 # 10은 콘텐츠를 분리하는 것입니다 따라서 공백만으로 콘텐츠를 분리 할 수 ​​있으며, 간단하게 보입니다 구분선을 사용할 수도 있습니다 중간색과 같은 배경색을 사용할 수도 있습니다 또한 이미지와 아이콘을 사용하여 웹 사이트의 여러 섹션을 구분할 수 있습니다

당신은 한 입 크기의 덩어리처럼 모든 것을 지키고 싶어합니다 그래서 사람들은 쉽게 귀하의 웹 사이트를 스캔하여 읽으십시오 너는 다만 아래로 그리고 가로 건너서가는 거대한 텍스트 블록을 원하지 않는다 좋아, 당신은 일을 망치고 쉽게 읽을 수 있도록하고 싶다 그리고 팁 # 11 인 마지막 팁 우리는 끝이야,하지만 당신은 그라디언트를 사용할 수있어

그래디언트를 사용하여 이미지 위에 올려 놓습니다 모든 것을 읽을 수 있는지 확인하기 위해 텍스트를 더 많이 표시하려면 또한 그라디언트를 사용할 수도 있습니다 당신이 정말로 좋아하는 이미지를 찾을 수 있다면 당신 귀하의 색 구성표를 동기화 상태로 유지하기 위해 그 위에 그라디언트 색을 칠할 수 있습니다 웹 사이트의 모든 내용을 그 색체 구성표와 훌륭하고 일치합니다 그라디언트 색상을 그 위에 놓을 수 있습니다

그래, 팁을위한 것입니다 다시 스크린으로 뛰어 들어갈거야 웹 사이트 구축을 계속하고, 그러나 당신은 또한 인쇄 할 수있는 PDF 치트 시트를 다운로드 할 수 있습니다 여기서는 머리글 섹션과 바닥 글 섹션을 사용자 지정합니다 그렇게하려면 사용자 정의를 클릭하면됩니다

그러면 자동으로 Themify 옵션이 표시됩니다 다시 클릭하면 다음은 이것이 당신에게 필요한 곳입니다 Themify 옵션을 클릭하고 고급 옵션을 클릭하십시오 따라서 더 많은 옵션을 제공하여 웹 사이트의 모든 영역을 편집 할 수 있습니다 좋아, 그럼 한번로드 된 다음이 헤더 섹션과 바닥 글입니다

그래서 우리가 뭘 할거야? 헤더를 클릭하면됩니다 배경을 여기에서 바꾸면 헤더 랩을 클릭 할 것입니다 전에 말했듯이 머리글과 바닥 글 섹션에 중간 색상을 사용하는 것이 좋습니다 이미지와 일치시키기가 더 쉽기 때문에 특히 자신의 이미지를 가지고 있지 않으면 잠시 시간이 걸릴 것이기 때문에 일치하는 이미지를 찾습니다 당신이 실제로 당신의 주된 색깔이 푸른 색이라면 어쩌면 넣었습니까? 여기서 우리가 할 일은 색 코드를 정해 놓을거야

어두운 회색처럼 6 2s 기본적으로 6 개의 F 인 흰색을 선택할 수도 있고 16 진수 코드를 넣을 수 있습니다 실제로 가벼운 머리글을 선택하려면 따라하십시오 한 번 끝나면 여기를 아래로 스크롤해야합니다 여기서 실제로 머리글 글꼴 색과 머리글 링크 색을 여기에서 편집 할 수 있습니다 여기 모든 링크는 헤더 링크입니다

그러나 이것은 로고이며, 여기에는 실제로 또한 주요 항법 링크가 있습니다 따라서 지금이 섹션을 편집하지 않을 것입니다 그래서 나는 그것을 최소화 할 것입니다 다음으로 우리가 편집 할 섹션은 로고입니다 사이트 로고 및 태그 라인, 사이트 로고를 클릭하십시오

그래서 여기에서 로고 제목을 설정할 수 있으며 글꼴뿐만 아니라 크기도 설정할 수 있습니다 그래서 나는 로보트를 세울거야 그래서 제가 사용하게 될 주요 글꼴입니다 이 데모 웹 사이트의 전체 자습서 따라서 Roboto를 설정하면 변경 사항을 볼 수 있으므로 앞면을 굵게 표시해야합니다 알았어 그리고 우리는 그 색과 똑같은 하얀 색으로 꾸밀 것이다 그래, 로고가 없으면 사이트 제목을 넣고 멋진 글꼴을 선택하십시오

쉽게 읽을 수 있습니다 로고 이미지가있는 경우 로고 이미지를 클릭 할 수 있습니다 예를 들어 Fiverrr로 이동 한 다음 로고 디자인을 검색하십시오 여기를보고 탐색 할 수 있으며 기본적으로 필터링 할 수 있습니다 나는 약간이 $ B이다라고 생각한다, 약간은 당신이 볼 수있는 것에 따라 조금 비싸다

하지만 그걸 클릭하면 그런 다음 로고를 얻으십시오 끝난 시간이 오래 걸리므로 직접 디자인 할 필요가 없습니다 아래 링크도 있습니다 로고가 있으면 더하기 아이콘을 클릭하고 파일 업로드를 클릭하고 파일을 선택하십시오

또한 이미지 및 플러그인 폴더에 실제로 데모로 업로드 할 수있는 로고가 포함되어 있습니다 이전에 다운로드 했어야하는 그래서 이것이 여러분이 여기있는 것입니다 여러분이 볼 수 있듯이 그것은 png 파일이므로 그것이 투명하다는 것을 의미합니다 가로 250 픽셀이므로 가로 및 세로 높이 64

기본적으로 비슷한 크기의 정렬을 사용할 수 있습니다 커스터마이져를 사용하여 실제로 크기를 조절할 수 있기 때문에 그래서 나는 open을 클릭 할 것이다 그런 다음 이미지를 삽입하면 볼 수 있듯이 높이만 편집 할거야 그래서 저는 높이를 32로 바꿀 것입니다 기본적으로 비례하여 크기를 조정합니다

그래서 이것을 비워 두어 32로 변경하십시오 정말 잘 들어 맞습니다 다음으로 사이트 로고 위치를 클릭하십시오 보시다시피 여기 조금 더 많은 공간이 있습니다 그래서 우리는 그것을 약간 위로 움직이기를 원합니다

친척을 클릭하면 다음을 클릭 할 수 있습니다 하단에 4 픽셀, 그리고 볼 수 있듯이 위로 이동합니다 바로 그거야 게시하려면 클릭하십시오 그러면 실제로는 해당 섹션을 닫고 여기에서이 섹션을 수정하십시오

그래서이 섹션은 메인 네비게이션입니다 그래서 이들은 모두 링크입니다 메뉴 링크를 클릭하면 색상을 흰색으로 설정합니다 네가 배경이 흰색이면 222222 (6 2s)로 설정해야합니다 나는 올려 놓을 것이고, 메뉴 링크 호버를 아래로 스크롤 할 것이다

보시다시피 지금은 빨간색입니다 우리가 그것을 바꾸고 싶은 것은 약간의 밝은 회색이므로 미묘한 느낌을줍니다 효과 따라서 예를 들어 Apple 링크 위로 마우스를 가져 가면 멋진 회색이됩니다 미묘한 효과, 그래서 그것이 링크임을 알 수 있습니다

우리는 여기로 돌아갈거야 제가 일반적으로하고 싶은 것은 www0to255com이라는 웹 사이트에 가고 싶습니다 그런 다음 색상 입력을 클릭하십시오

이제 내가 링크를 위해 설정 한 색상이 FFFF 나는 그것이 너무 많이 생각한다 오케이, 색 입력을 클릭하십시오 그렇다면 나는 하나, 둘, 셋, 네, 다섯개의 음영을 선택하는 것을 좋아한다 다시 여기로 그리고 배경색에 넣지 않도록하십시오 그것이 배경을 말하기 때문입니다

색상으로 설정하려고합니다 그 안에 붙여 넣으세요 그래서 당신이 그것을 잡을 때 정말로 미묘한 회색 효과처럼 보일 때를 가정 해 봅시다 사람들은 그것이 링크라는 것을 알고 있습니다 알았어, 메뉴는 활성 링크

기본적으로 의미하는 것은 about 페이지를 실제로 클릭하면됩니다 현재 활성 링크 색상이 빨간색입니다 그래서 그것을 변경하고 싶은 것은 일종의 더 진한 회색입니다 메뉴 활성 링크 0에서 255로 돌아 갑시다 이 색상 코드는 여기 너무 조금 가볍기 때문에 여기서는 설정하지 않을 것입니다

당신은 정말로 말할 수 없습니다 그래서 나는 어쩌면 5, 4 음영을 더 어둡게 만들거야 그걸 클릭하고 그럼 거기에 넣어 좋아요, 여섯 개 정도면 활성 링크 색상입니다 알았어 활성 링크를 마우스로 가리키면 색상이 표시됩니다

그거야 나는 그걸 백인으로 만들거야 바로 그거야 좋아, 실제로 드롭 다운 메뉴가있는 경우 드롭 다운 컨테이너 색상을 설정할 수 있습니다 여기 링크와 호버가 여기에 있습니다 좋아, 게시를 클릭하십시오

이제 우리는 모바일 메뉴에서 설정할 수 있습니다 여기에있는 스타일 지정 로봇 아이콘을 클릭하십시오 클릭하면 모든 것을 잠시 닫습니다 모바일 메뉴를 클릭하십시오 그래서 이것은 메뉴 아이콘이고 우리는 색을 흰색으로 바꿀 것입니다

알았어 더 눈에 잘 띄지 그러면 내가 바꾸고 싶은 것은 아마도 모바일 메뉴 링크 일 것이다 어쩌면 2222 년으로 모바일 메뉴 링크를 가리 키려면 실제로 마우스를 올려 놓을 수는 없다고 확신합니다 모바일,하지만 어쨌든 설정할 수 있습니다

그래서 나는 그걸 어쩌면 여기에 넣을거야 당신의 색깔을 입력하십시오 바로 그거야 그리고 나서 우리는 5 가지 색조를 더 밝게 할 것입니다 그래서 1, 2, 3, 4, 5 그리고 클립 보드에 복사하십시오 그걸 여기에 붙여 넣으세요

그래서 그들이 그 위에 마우스를 가져 가면 우리에게 멋진 미묘한 효과가 생깁니다 좋아, 그렇게 많이 끝났어 이제 끝내고 바닥 글 섹션을 편집 해 보겠습니다 좋아, 여기 바닥 글을 클릭 한 다음 바닥 글 랩을 클릭하십시오 우리가 뭘 할거야? 그것을 밝은 회색으로 변경하십시오

애플의 바닥 글과 똑같은데, 애플의 바닥 글을 보면 정말 멋져 보인다 또한 중성 색입니다 우리가 여기로 돌아 가면 내가 F6F6F6로 바꿀거야 보시다시피 변경되지 않지만 기본적으로 변경 한 색상입니다 그러니 걱정 마세요

지금 당장 변경 한 다음 바닥 글 글꼴 색상을 변경할 수 있습니다 그래서 여기 아무거나 이것은 링크가 아니며, 우리가 바꿀 색입니다 그래서 바닥 글 글꼴을 클릭하십시오 우리는 이것을 222로 바꿀 것입니다 그 것처럼 저것을 최소화해라

그런 다음 바닥 글 링크로 이동하십시오 그래서 이것은 사회적 아이콘과 같은 꼬리말 링크입니다 그들은 모두 링크입니다 또한 어두운 회색으로 변경하려고합니다 또한 색상 위로 마우스 오버를 변경하려고합니다

그래서 바닥 글 링크를 가리 키면 다음으로 변경됩니다 어쩌면 1, 2, 3, 4, 5 음영 그 내용을 붙여 넣기하고, 그 위에 마우스를 가져 가면 정말 미묘한 회색 효과와 같은 효과가 있다고 해봅시다 좋아, 그래서 나는 그것이 꽤 많이 있다고 생각한다 우리는 지금 출판 할 것입니다 이제 우리는 실제로 어느 곳에 나 가기 전에

우리가 실제로 몸을 클릭 할거야 좋아요, 그래서 이것은 바디 폰트를 바꿉니다 그러나 실제로 헤더 섹션과 바닥 글 섹션의 글꼴도 변경됩니다 그래서 우리는 신체 글꼴을 클릭 할 것입니다 그래서 제가 사용하려고하는 글꼴은 Roboto입니다 그래서 sans-serif입니다

멋진 현대적인 서체 당신이 볼 수있는 것처럼 서체 이제 우리가 할 수있는 일은 당신이 볼 수 있듯이, 그것은 바뀌었고 그것은 정말로 멋져 보였지만, 조금 너무 얇게 보였습니다 그래서 글꼴 너비를 보통으로 변경하려고합니다 나는 그것이 나에게 꽤 좋게 보인다라고 생각한다 기본적으로 선택한 글꼴을 설정합니다

기본적으로 하나의 글꼴 만 선택하십시오 내가 초보자이고 WhatFont Google 크롬을 사용할 수 있다면 이것이 내가 추천하는 것입니다 확장 기능으로 어떤 글꼴을 체크 아웃 할 수 있습니까? Apple이 실제로 사용하고 있습니다 그래서 이것은 WhatFont 일입니다 그런 다음 원하는 글꼴을 찾아보고 실제로 사용하는 글꼴을 볼 수 있습니다

당신이 할 수있는 것은 google에 가서 입력하는 것입니다 유사한 Google 글꼴 SF Pro 디스플레이를 클릭하면 Google에서 알려주고 여기에서 하나를 선택하여 시도 할 수 있습니다 그러나 일반적으로 Roboto 라토 Open Sans, 그 것들은 여러분이 사용하기에 정말 좋습니다 닫기, 홈페이지 구축을 시작할 준비가되었다고 생각합니다 그래서 우리는 홈페이지를 구축 할 것입니다

이것은 더 긴 섹션입니다 뿐만 아니라 튜토리얼의 가장 중요한 부분 우리는 이미지와 텍스트로 작업하고 빌더의 중요한 기능을 배우면서 전문적인 웹 사이트 그래서 우리가해야 할 일은 이미지를 얻는 것입니다 그래서 당신이 할 수있는 이미지가 없다면 내가 그렇게 강력히 추천하는 전문가 모든 이미지는 예를 들어 조명과 같은 모양으로 보입니다 웹 사이트의 색조가 똑같아 보이고 더 독특한 이미지를 얻을 수도 있습니다 웹상에서 찾지 못한 이미지 그러나 차선책은 Unsplash입니다

기본적으로 수천 개의 이미지가 있습니다이 이미지는 실제로 고품질이며 꽤 좋은 그리고 사람들을 신용 할 필요없이 개인적 및 상업적 목적으로 사용할 수 있습니다 그래서 당신이 여기에 왔을 때 다음으로해야 할 일은 정말 좋은 이미지를 찾는 것입니다 실제로 텍스트를 삽입 할 수 있습니다 예를 들어, 당신이 애플에 가면 여기에 주요 주제와 텍스트가 있습니다

정말 분명합니다 Upwork의 웹 사이트 그들은 여기에 사람을 데리고 왼쪽에 텍스트가 있습니다 Google 드라이브, 중간에있는 텍스트 및 그 주위의 모든 것들 그래서 당신이 이미지를 찾고있을 때 이것은 정말 멋진 이미지 일 것입니다 텍스트를 왼쪽에 넣을 수 있기 때문에 아래로 스크롤하면, 좋지 않은 것을 보여 드리겠습니다

나는이 것이 좋다고 생각하지 않습니다 왜냐하면 당신이 그것 위에 텍스트를 놓으면 그 이미지에 약간의 세부 사항이 있기 때문입니다 정말 어두운 그라디언트를 넣지 않으면 그것은 그 이미지의 대부분을 덮고 나서 텍스트가 튀어 나올 것입니다,하지만 나는 이미지를 망칠 것이라고 생각합니다 아래로 스크롤 당신이 왼쪽에 텍스트를 넣을 수 있기 때문에 이것과 비슷한 것이 꽤 좋습니다

이런 건 정말 좋네 그리고 나서 기본적으로 멋진 것을 찾았습니다 조금 더 내려가 보자 좋습니다 예를 들어 여기에서이 이미지를 선택한다고합시다

그런 다음 다운로드하려면 여기를 클릭하고 컴퓨터에 저장할 수 있습니다 정말 품질이 좋아서 다음에 자르는 법을 보여 드리겠습니다 그래서 나는 이미지를 이미 이미지 폴더에 넣을 것입니다 다운로드해야 할 것이므로 지금해야 할 일은 wwwFotor

com입니다 그래서 이것은 무료입니다 온라인에서 사용할 수있는 이미지 편집 소프트웨어로 Photoshop이나 그와 같은 것이 필요 없습니다 따라서 편집을 클릭하면됩니다 나는 그것을 닫고 여기서 열어 볼 것입니다

컴퓨터에서 열기 이제 해당 폴더에서 영웅 이미지를 볼 수 있습니다 그래서 그것을 선택하고, open을 클릭하면, 여기로드 될 것입니다 그래서 자습서를 모두 건너 뛸거야 내가 어떻게하는지 보여 줄거야 그래서 여기에 이미지가 있습니다

꽤 큽니다 웹 사이트에 큰 이미지를 넣으면 로드하는 데 시간이 오래 걸리고 때로는 알지 못할 수도 있습니다 그러나 당신은 정말로 작은 이미지를 가질 수도 있습니다 그리고 그것은 정말로 낮은 품질의 흐릿한 것들을 만들 것입니다 그리고 그것은 정말로보기 흉하게 보이고 당신의 웹 사이트를 망칠 것입니다

이제 우리가 할 일은 크기를 클릭하고 여기에 크기를 설정하고 싶지만 실제로하기 전에 그 자물쇠 아이콘을 클릭하십시오, 그렇게 잠겨 있습니다 그래서 당신이 여기 번호 1,800이면 유형이 자동으로 1200 그런 다음 적용을 클릭하십시오 적용을 클릭하면 여기에서 변경해야합니다 뒤로 스크롤하여 자르기를 클릭하십시오

그런 다음 여기에 1800을 다시 설정하십시오 그런 다음 높이를 1000으로 설정하십시오 원하는 위치를 선택할 수 있습니다 그래서 나는 그것을 어딘가에 넣고 싶다 그곳에

나는 기본적으로 텍스트를 중간에 넣을거야 그런 다음 적용을 클릭합니다 그래서 내가 알아 차린 것은 실제로 당신을 구하기 전에 그것을 끌고 싶다는 것입니다 이미지 가장자리로 이동하여 저장하면 1800이고 1000입니다 그런 다음 저장을 클릭하십시오

정상적으로 저장하거나 높은 것으로 저장할 수 있습니다 페이스 북 계정을 최고로 저장하려면 페이스 북 계정에 로그인해야합니다 일단 그렇게하면 다운로드를 클릭 할 수 있습니다 영웅 이미지로 폴더에 저장 한 다음 저장을 클릭하십시오 그래서 내가 먼저 할 일은 먼저 닫는 것입니다

내가하고 싶은 것은 페이지를 새로 고치는 것입니다 좋아 그럼 빌더 켜기를 클릭 해 여기서 마우스를 가져 가면 행 옵션을 클릭 할 것입니다 그 작은 연필 아이콘을 클릭하십시오

행 너비의 경우 이쪽에서 저쪽으로 모든 것이 들어가기를 원합니다 그래서 너는 실제로 전체 너비의 행 컨테이너를 설정할 수 있고 거기서 건너 뛰어야한다 전체 너비 콘텐츠를 설정하면 콘텐츠의 종류가 여기에 표시됩니다 그리고 그것은 모든 길을 가로 질러 움직일 것입니다 그래서 나는 그것을 괜찮게 설정할 것입니다

그런 다음 스타일링을 시작하십시오 그런 다음 배경을 클릭하고 이미지, 그라디언트, 비디오 또는 슬라이더를 설정할 수 있습니다 동영상의 경우 실제로 YouTube 동영상을 넣는 것이 좋습니다 그래서 비디오를에 업로드하십시오 YouTube는 먼저 누군가의 웹 사이트에로드 할 때 YouTube 서버에서로드합니다

자신의 호스팅 계정보다는 YouTube 서버는 훨씬 빠릅니다 그래서 이미지를 클릭하십시오 여기 이미지를 클릭 한 다음 찾아보기 라이브러리를 클릭하십시오 업로드를 클릭하지 마십시오 업로드를 클릭하면 그러면 WordPress는 실제로 이미지를자를 것입니다

그리고 그것은 질이 떨어질 것입니다 그래서 도서관 찾아보기, 파일 업로드, 파일 선택 영웅 이미지를 선택하십시오 열기를 클릭하십시오 파일 삽입 배경 모드, 전체 표지 선택 또는 스크롤 재개 시차 스크롤은 다음과 같지 않습니다 모바일 장치에 반응하므로 영웅 이미지에만 사용하지 않을 수 있습니다

오히려 그 아래에있는 이미지 때문입니다 그래서 이것을 위해 확대 / 축소 스크롤을 선택하겠습니다 또한 정말 좋은 효과입니다 그럼 내가하고 싶은 것은 당신이이 물건을 실제로 끌고 갈 수 있다는 것입니다 실제로 드래그 한 다음 오른쪽으로 드래그하면 좋아,이 보라색 물건이 나올거야 그런 다음에 그냥 놓아두면 오른쪽에 팝업으로 나타납니다

좋아, 다시 돌려 놓을 수도있어 하지만 여기서 돌려 줄거야 이제 패딩을 클릭하면됩니다 그 이미지를 늘리기 위해 약간의 간격을 추가하고 싶습니다 그래서 우리는 선택을 취소하고 모두에게 적용 할 것입니다

우리는 175 % 상단에와 바닥에 대해 동일한 작업을 수행합니다 175 그저 바닥에 그래서 우리는 거기에 텍스트를 넣을 것이므로 걱정하지 마십시오 더 나아질거야

일단 그렇게하면, 완료를 클릭 할 수 있습니다 그래서 우리가 할 일은 여기에 하얀 간격을 없애는 것입니다 그렇게하기 위해 우리는 실제로 먼저 save를 클릭 할 수 있습니다 백 엔드에서 수정을 클릭하십시오 그러면 백 엔드 섹션으로 이동합니다

테마 사용자 정의 패널로 스크롤합니다 페이지 옵션을 클릭하십시오 콘텐츠 너비에 대해 전체 너비를 선택하면 전체적으로 확장됩니다 그런 다음 업데이트를 클릭하면 업데이트 될 때까지 기다리십시오 보기 페이지 또는이 링크를 클릭하십시오

그걸 제거해야합니다 그래서 우리는 다시 빌더를 켜야합니다 그런 다음 여기에 마우스를 가져갑니다 그래서 이것들은 당신이 끌어서 움직일 수있는 모든 다른 모듈입니다 실제로 자물쇠 아이콘을 클릭하면 그 것을 거기에 보관합니다

그렇지 않으면 뒤로 물러 설 것입니다 그걸 돌려 놔 그리고 거기에 텍스트 모듈을 드래그하자 이제 콘텐츠를 추가해 보겠습니다 그래서 나는 다음에 타이핑 할거야

곧 따라서 귀하의 이미지 및 귀하의 비즈니스와 관련된 내용을 입력하십시오 무작위로 아무것도 쓰지 마라 1 위를 차지할 것입니다 보시다시피, 그 변화 더 많은 옵션을 보려면 토글 도구 모음을 클릭 할 수도 있습니다

그러면 내가하고 싶은 것은 스타일 탭으로 가고 싶다 여기서 당신은 실제로 색과 재료를 바꿀 수 있습니다 글꼴을 클릭하십시오 흰색으로 변경하여 표시되도록 좋아요 그래서 거기 머물러 있는지 확인하십시오

그런 다음 텍스트 정렬의 경우 모든 것을 가운데로 정렬하려고합니다 그 것처럼 그리고 내가하고 싶은 것은 그 텍스트 아래에 그 간격의 일부를 제거하고 싶습니다 그래서 우리는 마진으로 갈거야 여백을 선택 취소하고 세 가지 모두에 적용하면 마이너스가됩니다

3 %가 그렇게 좋아 그래서 그 공간의 일부를 빼앗 깁니다 텍스트 모듈 아래에 그래서 우리가 그 다음에 텍스트를 넣을 때 그것은 그렇게 멀리 떨어져 있지 않을 것입니다 그래서 우리는 done을 클릭 할 것이다

일단 당신이 그렇게하면, 우리는 타이프라이터 모듈에 빠지게 될 것입니다 그래서 내가 전에 보여준 플러그인을 설치했는지 확인하십시오 저것을 거기에 버려라 전에 입력 한 텍스트는 A 만들기 그 다음에 내가 설정하려고하는 텍스트 웹 사이트 여기에 타자기 텍스트를 입력하면 시각적으로 놀라운 그래서 우리는 여기서 스타일링을 클릭 할 것입니다

그리고 글꼴 글꼴을 흰색으로 바꿀거야 그것을 클릭하여 거기에 머물도록하십시오 한 번 그렇게 해보면 타자기로 갈 수 있습니다 배경을 클릭하십시오

그래서 이것이 실제로 다음과 같이 강조됩니다 배경 색상을 내가 선택한 억양 색상 인 자홍색 색상으로 변경하고 싶습니다 그래서 당신이 넣은 억양 색을 선택하거나 그냥 따라 할 수 있습니다 그래서 색상 코드는 다음과 같습니다 FC72F0 그것은 그런 것과 나는 그것이 꽤 좋게 보인다라고 생각한다

그럼 글꼴 색상, 나는 우리가 단지 흰색으로 설정할 수 있다고 생각합니다 그런 다음 완료를 클릭합니다 좋아, 네가 알아 차리면 내가 너에게 무언가를 보여주고 싶기 때문에 아직 중간에 놓지 않았다 우리가 다음에 할 일은 우선 버튼을 먼저 추가하는 것입니다 버튼 모듈에서 드래그하십시오

그래서 당신은 작은 버튼, 큰 버튼과 같은 다른 크기를 바꿀 수 있습니다 나는 정상에 가서 제곱으로 갈거야 어쩌면 그런 것 같아 그리고 나서 버튼 텍스트를 위해 다음으로 변경합니다 지금 시작하십시오

따라서 여기에있는 링크의 경우 기본적으로 의미하는 것은 사람들이 URL을 클릭하면 URL이 설정된 위치로 링크됩니다 예를 들어,이 URL을 복사하면됩니다 새 탭을 열어 붙여 넣으십시오 서비스 페이지를 클릭하여 서비스를 클릭하고 싶습니다 나는 URL을 복사한다

그런 다음 여기에 붙여 넣기 만하면됩니다 누군가가 클릭하면 내 서비스 페이지로 연결됩니다 그래서 정상적으로 동일한 도메인에 있기 때문에 동일한 창에 보관합니다 외부 링크가 마음에 들면, 예를 들어 나는 애플의 웹 사이트에 연결하고있다 아마 새로운 탭에서 열릴 것이다

색상을 동일하게 유지하고 아이콘을 삽입 할 수 있습니다 그러나 나는 그것이 필요하다고 생각하지 않는다 스타일링으로 가자 버튼 링크로가 봅시다 버튼 배경색과 링크 색상을 설정합니다

배경색은 그냥 흰색으로 설정할 것입니다 좋아, 그럼 그건 중립적 인 색이야 대부분 검정 또는 흰색 배경 버튼을 사용하는 것이 좋습니다 일치하기가 쉽지만 때로는 액센트 색상을 사용할 수도 있습니다 주위의 뒤쪽에 따라 여기에

따라서 배경을 가리 키기 위해, 실제로 버튼 위로 마우스를 가져 가면 약간의 효과가 나타납니다 예를 들어 Google 드라이브로 이동 한 경우입니다 실제로 여기 버튼 위로 마우스를 이동하면 어두워집니다 좋아, 여기가 어두워지고 많은 웹 사이트가 어두워 지거나 가벼워진다 이 예제에서는 어두워 질 것입니다

그래서 백그라운드 호버를 위해 우리가 할 일은 다음과 같습니다 0 ~ 255 따라서 0에서 255까지입니다 그런 다음 색상을 입력하십시오 우리는 흰 색으로 꾸밀거야 6 F가 될거야

때로는 동일하면 3을 입력하고 색상을 클릭하십시오 그래서 우리는 아마 1,2,3,4,5를 선택할 것입니다 그것을 시도하고 다시 여기로 가자 거기에 붙여 넣으십시오 너무 어둡다

링크를 위해 예를 들어 우리는 어두운 회색 인 222를 설정합니다 링크를 가리 키기 만하면됩니다 좋아 그러면 국경에 갈거야

그래서 나는 어떤 경계도 원하지 않는다 나도 선택하지 않을거야 보시다시피, 축소됩니다 끝난 저장하고 우리가 할 일은 모든 것을 중간에 옮기는 것입니다 이제 옵션을 클릭하고 스타일을 클릭하십시오

글꼴을 클릭하면 텍스트를 중간에 정렬 할 수 있습니다 그래서 그것은 무엇입니까? 이 행에있는 모든 것은 중간으로 옮길 것입니다 그래서 완료를 클릭하십시오 예를 들어, 이걸 여기로 옮기면 그 행에 있지 않기 때문에 기본 위치를 유지할 것입니다 그러나 실제로 실행 취소를 클릭하면 그것이 여기에있을 때, 당신은 중간에 들어갈 것입니다

그래서 이것은 정말 멋진 기능, 실행 취소 및 다시 실행 기능입니다 저장을 클릭하고 머리글 1 글꼴을 보편적으로 설정해 보겠습니다 이렇게하면 닫을 수 있습니다 맞춤 설정하러 가자 머리글을 클릭하고 머리글 1을 클릭하면 95로 설정됩니다

픽셀, 그런 식으로 Roboto 글꼴인지 확인하십시오 글꼴 너비는 보통으로 설정할 수 있습니다 아마도 500 파운드가 조금 더 컸을 것입니다 나는 그것이 꽤 멋지다라고 생각한다

게시를 클릭하십시오 괜찮아 따라서 여기에서 볼 수 있듯이 실제로 아래로 스크롤하면 헤더가 표시됩니다 끈적한 헤더이고 흰색으로 변합니다 그래서 우리는이 제목 섹션을 마쳤습니다 우리는 그것을 최소화 할 것입니다

그래서 우리는 끈적한 헤더,이 끈적한 헤더 랩으로 갈 것입니다 배경 색상의 경우 기본 머리글을 감싸는 것과 같은 색상으로 설정합니다 바로 그거야 따라서 아래로 스크롤하면 같은 색상으로 유지됩니다 하지만 우리가 할 일은 조금 투명하게 만들거야

그런 것 나는 훨씬 더 멋지게 보인다 어쩌면 75 % 불투명 한 다음 게시를 클릭하십시오 닫아 그리고 나는 그 웹 사이트가 지금 꽤 잘 보인다 고 생각한다 좋아, 너무 어둡다

그래서 버튼을 조금 더 가볍게 바꿀 수도 있지만 괜찮아요 나는 나중에 그것을 바꿀 것이다 이제 내가 보여 드리고 싶은 것은 투명 헤더를 설정하는 방법을 보여 드리고 싶습니다 투명 헤더를 변경하고 싶습니다 때때로 전체 웹 사이트가 아니기 때문에 실제로 좋아하는 경우가 있습니다

블로그 페이지로 가보겠습니다 블로그 페이지에 영웅 이미지가 없을 수도 있습니다 또는 귀하의 블로그 게시물 그래서 그것이 의미하는 것은 당신이 그것을 가지고 있지 않다면, 그렇다면 당신은 흰 텍스트 그러면 링크를 볼 수 없습니다 그래서 우리가하는 일은 개별 페이지에 맞게 변경하는 것입니다

홈 페이지의 편집 페이지를 클릭하십시오 테마 패널의 테마 변경으로 스크롤합니다 페이지 모양, 아래로 스크롤 백그라운드 유형은 투명하게 설정하십시오 필요한 경우 텍스트 색상을 설정할 수도 있습니다 그런 다음 업데이트를 클릭하십시오

그래서 일단 당신이 그것을하면 당신은 돌아갈 수 있습니다 홈페이지 보기 페이지를 클릭하십시오 당신이 지금 볼 수 있듯이 링크가 눈에 보이지 않는 것을 제외하고는 꽤 괜찮아 보입니다 따라서 실제로 Google 드라이브로 이동하면이 이미지를 여기에서 보면 오버레이가 추가됩니다

그 이미지 위에 그라디언트를 넣어 텍스트를 조금 더 튀어 나오게하십시오 그래서 우리가 실제로 할 수있는 일은 똑같은 일입니다 따라서 귀하의 웹 사이트로 돌아가서 작성기를 켜십시오 그래서 이것은 정말 유용합니다 왜냐하면 많은 시간 동안 이미지 위에 텍스트를 추가하고 때로는 텍스트를 추가하기 때문입니다

이것은 보이지 않으며 더 눈에 띄게 만들 필요가 있으므로 행 옵션을 클릭하십시오 스타일을 클릭 한 다음 행 오버레이를 클릭하십시오 따라서 실제로 설정 한 경우 – 검정으로 설정하면 그것은 그렇게 보입니다 그런 식으로 설정하십시오 그런 다음 전체 이미지를 변경하고 그 이미지가 정말 멋지 기 때문에 전체 이미지를 완전히 망치고 싶지는 않습니다

상단에 조금 어둡게 만들고 싶을뿐입니다 그래서 당신은 단지 그라데이션을 설정했습니다 그래서 우리가 뭘 할거야? 이 두 번째 버튼을 여기 드래그하면 약 25 % 그런 다음 불투명도를 0으로 드래그합니다 그래서 조금 어둡기 때문에 첫 번째 버튼을 클릭하십시오 우리가 원하면 불투명도를 어쩌면 낮추세요

50 %를 말한 다음 완료를 클릭하십시오 저장해 그것을 닫으면 조금 더 튀어 나오게됩니다 그렇게 멋지게 보이고 로고가 튀어 나옵니다 이제 우리가 할 일은 실제로 텍스트를 이동하는 방법을 보여 드리겠습니다 그래서 예를 들어 때때로 당신이 가지고 있을지도 모르는, 당신의 주된 주제를 여기에서 왼쪽으로 옮기고 싶다

그래서 빌더를 돌리면됩니다 예를 들어, 여기의 옵션을 보려면 스타일 지정으로 이동하십시오 글꼴 너는 그것과 같이 왼쪽으로 정렬 할 수있다 좋습니다

실제로 할 수있는 일은 클릭 할 필요가 없다는 것입니다 실제로이 모듈로 바로 전환 할 수 있습니다 그래서 여기 실제로 클릭하면됩니다 직접 전환되며 자동으로 저장됩니다 스타일링, 글꼴 그것을 왼쪽으로 정렬하십시오

그리고 실제로 행으로 돌아가고 싶다면 나는 처음에 끝까지 클릭하자 우리는 왼쪽에 약간의 공백을 넣고 싶습니다 그래서 우리가 행할 수있는 일은 행 옵션 스타일링에 대한 것입니다 심 어쩌면 왼쪽에 추가하고 싶습니다 5 % 또는 아마 10 % 나 그 비슷한 것을 알 것입니다

그래서 그것이 당신이 실제로 그것을 움직일 수있는 방법입니다 왼손쪽에는 피사체가 오른편에 있으니 그걸 가지고 놀 수 있습니다 완료를 클릭하십시오 좋아, 그럼 내가 실제로 취소하고 저장을 클릭 할거야 이제 내가하고 싶은 일은 빌더의 다른 기능을 정말 빨리 보여주는 것입니다

나는 그것이 정말로 멋지다라고 생각하기 때문에 50 % 물건을 클릭하면 기본적으로 페이지를 축소하고 그렇게 할 때 수행 할 수있는 작업 귀하의 웹 사이트에서 요소를 쉽게 옮길 수 있습니다 그래서 때로는 어떤 것을 아래쪽으로 끌어 내려야 할 수도 있습니다 드래그하기가 어렵습니다 왜냐하면 지금까지는 멀기 때문입니다

스크롤해야합니다 따라서이 값을 50 %로 설정해야하므로 작고 이동하기가 쉽습니다 따라서 Builder를 끄는 미리보기 기능을 사용하여 모양을 볼 수도 있습니다 저장 및 닫기를 클릭하는 것보다 훨씬 빠릅니다 이것은 기본적으로 내가 나중에 보여 줄 모바일 응답 스타일링입니다 이것은 정말 멋진 실행 취소 및 다시 실행입니다

그리고이 페이지를 다른 웹 사이트로 가져 오기위한 zip 파일로 내보낼 수도 있습니다 Themify가 설치되어 있다면 나중에 진행할 레이아웃을로드하고 저장할 수도 있습니다 페이지를 복제 할 수도 있습니다 도움말을 클릭하면 Themify 문서로 이동합니다 그래서 그것은 빌더 기능과 같은 모든 것을 자세히 설명합니다 우리가 여기로 돌아 가면 그럼 내가 여기에이 기능을 보여주고 싶습니다

개정판으로 저장을 클릭하십시오 예를 들어 여기에서 홈페이지를 완성한 경우 영웅을 입력하고 확인을 클릭하십시오 따라서 실수를하면 실제로 여기를 클릭하여 수정본을로드 할 수 있습니다 그러면 저장 한 설정으로 돌아갑니다 이 시간 프레임은 여기에 있습니다

헤더와 로고 등을 복원하지 않습니다 페이지의 레이아웃 만 복원 할 것입니다 그래서 우리는 그것을 닫고 저축 할 것입니다 또 다른 멋진 기능은 애니메이션 기능입니다 따라서 여기에서 모듈을 더블 클릭하면 애니메이션을 클릭하십시오

어쩌면 페이딩 애니메이션으로 설정해 봅시다 기본적으로 0 지연을 설정합니다 여기 다음을 클릭합시다 애니메이션, 페이드 인으로 설정합시다 우리는 0

5에 앉을거야 지연 또한 버튼 생기 페이드 인, 1 초 지연, 완료 저장해 그것을 닫아 보자 그러면 애니메이션이 어떻게 생겨나고 정말 멋지게 보이는지 알 수있다 다음 섹션에서는 기능별 모듈을 사용하여 서비스 섹션을 작성하려고합니다

그것은 정말로 시원하다 우리의 건축업자를 다시 켜 봅시다 두 번째 행까지 아래로 스크롤하십시오 우리가 할 일은 우리가 텍스트 모듈에 들어가는 것입니다 우리가하는 일을 타이핑 할거야

따라서 서비스 나 원하는 것을 입력 할 수 있습니다 텍스트 강조 표시 이 태그를 제목 2 태그로 설정합니다 그리고 우리는 스타일을 고쳐서 글꼴로 갈 것입니다 그 텍스트를 가운데로 정렬합니다 그냥 그런 다음 완료를 클릭하십시오

그러면 우리가해야 할 일은 기능을 갖춘 모듈을 떨어 뜨려서 그 제목 아래에 놓는 것입니다 지형지 물 제목에 넣을 수 있습니다 비어 있는 자습서 그리고 여기에있는 내용을 위해, 나는 몇 가지 잡을거야 Lorem ipsum 거기에 드래그하자

그런 다음 그 텍스트를 임의의 텍스트에 붙여 넣으십시오 레이아웃을 변경할 수 있습니다 그리고 서클을 변경할 수도 있습니다 그래서 그 서클을 지우고 스트로크를 지우고 색을 지울거야 아래로 스크롤하면 크기를 변경할 수 있습니다

나는 매체에 맞추어 놓을 것입니다 그런 다음 아이콘을 클릭하면 삽입 아이콘을 클릭 할 수 있습니다 내가 찾는 대상은 아마도 비디오 플레이어 일 것입니다 좋아, YouTube가 재생됩니다 나는 그것이 그것에 잘 어울리는 것이라고 생각한다

색상은 나는 그것을 회색으로 표현할 것입니다 그래서 중립적 인 색깔입니다 어떤 색상을 선택해야할지 모르는 경우 중립적 인 색상으로 전환하십시오 모든 것이 훌륭하고 전문적인지 확인합니다 그 종류가 좋더라도 이상하게 들릴 수 있기 때문에 임의의 색상을 선택하지 마십시오

그러나 임의의 색상을 선택한 다음 모든 것이 무작위 인 경우처럼 모든 곳에서 그렇게 보일 것입니다 최고는 중립적 인 것입니다 그래서 저는 D4D에 갈 것입니다 그 것처럼 또한 링크 할 수 있습니다

그래서 예를 들어 무료 자습서에 대해 더 자세히 이야기하는 다른 페이지가있을 수 있습니다 당신은 거기에 링크를 넣을 수 있고, 사람들이 그것을 클릭하면, 그 페이지에 링크 할 것입니다 좋아, 너는 또한 할 수있다 이미지를 선택하십시오 나만의 아이콘을 업로드 할 수 있습니다

원하는 경우 Google 이미지로 이동하여 아이콘을 찾으세요 같은 종류의 아이콘을 찾는 것이 좋습니다 그렇지 않으면 정말 이상하게 보일거야 아니면 Fiverr에 가서 전문적인 일을 할 수 있습니다 실제로 여기에 링크를 설정했다면, 제가 지적하고자하는 것은 그것이 실제로 말하게 될 것입니다

초 동안 그 사본을 복사해라 우리가 끝내고 그것을 저장하면 닫아 그러면 링크 색상이 빨간색으로 바뀝니다 그래서 우리는 그것을 돌릴거야 다시 한 번, 두 번 클릭하십시오 스타일링을하고 링크로 이동할 수 있습니다

그러면 텍스트의 색을 어쩌면 바꿀 수 있습니다 4D4D 그런 것 같아 그래서 좀 더 미묘하고 그것은 더 좋아 보인다 그래서 우리는 실제로 그 링크를 삭제 한 다음 완료를 클릭하십시오

이제 우리가해야 할 일은 세 가지를 더 만드는 것입니다 기능 모듈 위로 마우스를 가져 가면 3 개의 열이있는 모듈을 선택할 수 있습니다 4 개의 열이있는 경우 4 개의 열을 선택할 수 있습니다 3 개 밖에 없기 때문에 3 개를 선택합니다 그런 다음 두 번 복제하여 복제합니다

복제 그런 다음 끌어다 놓습니다 그 것처럼 좋아요 그럼 여기를 두 번 클릭하면됩니다 제목을 변경하여 드래그 앤 드롭한다고 해봅시다

끌어서 놓기 빌더 그러면 아이콘을 FA로 바꿀 수 있습니다 큐브는 이미 내가 원하는 것을 알고 나서 완료를 클릭하기 때문에 이 하나를 클릭하면이 지원을 무료로 변경할 수 있습니다 다시 문제가 있으면 support@Hoganchuacom으로 이메일을 보내주십시오 그럼 여기서 아래로 스크롤 할 수 있습니다

FA 사용자 완료를 클릭하십시오 그것은 꽤 많이 있습니다 그래서 우리가해야 할 일은 여기와 맨 아래에 간격을 두는 것입니다 wwwxero

comau로 가면 웹 사이트보기 그리고 그들은 도처에 간격을 두었습니다 정말 멋지고 깨끗하며 단순하게 보이게합니다 모든 것은 정말 멋지게 꾸며져 있습니다 따라서 실제로 레이아웃을 만들 때부터 영감을 얻으려면 정말 좋은 웹 사이트입니다

그래서 우리는 다시 여기로 가서 행 옵션으로 갈 것입니다 스타일링, 패딩 모두에게 적용을 선택 취소하십시오 상단에 5 %를 더할 것입니다 5 %가 바닥에 오르기 때문에 정상적으로 추가 할 수 있습니다 나는 내가 틀린 것을 추가했을지도 모른다라고 생각한다, 내가 단지 점검하게한다 좋아요, 그래서 저는 그것들을 두 개의 다른 행에 넣었습니다

그래서 내가 뭘 할거야? 그걸 아래에 끌어다 놓고 거기에 놓아 라 이제는 모두 한 줄로 구성됩니다 전에는 세 번째 행에 들어갔다 행 옵션을 클릭합니다 스타일을 지정하면 패딩으로갑니다

그 것처럼 여기 5 %, 5 % 완료를 클릭하십시오 구하다 그것을 닫자 나는 그것이 가기에 꽤 좋다라고 생각한다 그래서 내가 바꾸고 싶은 것은 h2 태그뿐입니다

저는 이것이 우리가 원하는 로보트 글꼴이 아니라고 생각합니다 따라서 맞춤 설정할 수 있습니다 그런 다음로드 될 때까지 기다립니다 headings 태그를 클릭하십시오 제목 2 글꼴

나는 그것을 Roboto로 바꾸고 싶다 좋아요, 그래서 모든 것이 일관되게 유지됩니다 나는 정상으로 바꿀거야 나는 그것이 꽤 좋다고 생각한다 게시하다 닫는다

그래서 내가 할 일을 보여줄 다음 부분은 그라디언트를 추가하고 정말 멋진 입자 효과를 추가합니다 그라디언트는 콘텐츠를 분리하는 데 정말로 도움이되며 웹 사이트에도이 멋지고 신선한 분위기를 더합니다 이미지 위에 추가하는 것이 좋습니다 텍스트를 팝업으로 만들거나 그 정렬을 유지하려는 경우 그래디언트를 추가하면 웹 사이트의 색 구성표와 사용중인 이미지 어떤 색이 당신의 메인 컬러와 비슷할 지, 모든 것을 정말 잘 어울립니다 따라서 빌더를 켜고 그라디언트를 추가 할 준비가되었습니다

그럼이 세 번째 줄입니다 아래로 스크롤하여 옵션을 클릭 한 다음 스타일을 클릭하십시오 따라서 배경을 클릭하면 그라디언트를 그 방법으로 추가하거나 그라디언트를 추가 할 수 있습니다 행 오버레이를 사용합니다 차이점은 배경 그라디언트를 실제로 설정 한 경우입니다

그런 다음 배경 이미지를 추가 한 다음 더 이상 그 위에 그라디언트를 추가 할 수 없습니다 따라서 이미지를 배경으로 정렬하고 싶다면 그리고 나서 그 이미지 위에 그라디언트를 놓고 배경을 설정해야합니다 여기에 이미지를 입력하고 나중에 입자 효과를 추가하기 때문에 여기에 그라데이션이 있습니다 오버레이를 추가하지 않으려면 입자 효과를 덮어 씁니다 그러면 배경 유형을 다음과 같이 설정합니다

배경 섹션의 그라디언트 그래서 우리가 그라디언트의 색을 선택할 때, 웹 사이트에서 실제로 사용한 색상을보고 싶습니다 당신은 꽤 많은 색을 볼 수 있습니다 또는 당신이 불렀다고 생각하는 도구를 다운로드 할 수 있습니다 Colorzilla 또한 Chrome 확장 프로그램이기 때문에 선택할 수 있으며 페이지에서 색상을 선택하는 데 사용할 수 있습니다 나는 당신이 건축업자를 첫째로 끄고 그 후에 당신을 선택해야 한 ㄴ다고 생각한다

그 이미지의 원하는 부분을 클릭하면 색상이 모두 표시됩니다 또 다른 좋은 자원은 wwwuigradientscom입니다 여기를 클릭하면 모든 그라디언트 표시를 클릭 할 수 있습니다

여기에 녹색의 파란색과 같은 이미지가 있다고 가정 해 보겠습니다 그럼 너 여기 갈 수있어 녹색을 클릭하면 해당 색상과 일치하는 그라디언트를 찾을 수 있습니다 우리가 실제로 빨간 색을 선택한다면 이 배경색과 실제로 일치하지 않습니다 그리고 그것은 이상하게 보일 것입니다

그래서 우리는 색상을 일치시키기를 원합니다 그리고 웹 사이트를 실제로 멋지게 만들 것입니다 그래서 이것을 선택하고 무지개색을 골랐다 고 가정 해 봅시다 여기에서 색상 코드를 클릭 할 수 있습니다 복사가 두 번 발생하므로 여기에서 첫 번째 것을 클릭 한 다음 해당 색상 코드를 붙여 넣을 수 있습니다

그냥 그런 다음 UI 그라디언트로 돌아가서 두 번째 색상 코드를 클릭하십시오 더블 클릭 그런 다음 두 번째 버튼을 클릭하십시오 그리고 그걸 붙잡아 라 그래서 그것은 비슷한 모습입니다 그것은 좋게 보이지 않으므로 실제로 조금만 조정할 수 있습니다

실제로 어떤 색상 코드인지 알고 있습니다 나는 그렇게 사용하고 싶다 4시에 타이핑 할거야 CDB 7 C 그럼이 사람이 여기있을거야 38AHF2 그런 것

그리고 나서 회전을 다음과 같이 변경하고 싶습니다 125도를 클릭하고 Enter를 클릭하십시오 그럼 내가 원하는 것은 약간의 간격을 두는 것입니다 예를 들어 패딩을 추가하려면 어쩌면 상단에 10 %를 추가하고 바닥에 10 % 그런 것 나는 그 색깔이 괜찮다고 생각한다

내 말 좀 들어 봐 어쩌면 조금 더 가볍게 만들거나 다른 것을 만들자 조금 더 어둡다 좋아, 그거 좋을 것 같아 너도 그걸 바꿀 수있어

그렇게 바꾸십시오 방사형으로 설정할 수도 있습니다 알았어, 나는 선형으로 유지할거야 나는 그것이 너무 초록색일지도 모른다라고 생각한다 그래서 나는 그것을 클릭 할 것입니다

조금 더 녹색으로 만들자 좋아요 그런 다음 완료를 클릭하십시오 그래서 내가 뭘 할거야? 지금 당신이 증언자 슬라이더를 추가하는 방법임을 보여주십시오 따라서 + 아이콘을 클릭 한 다음 찾아보십시오

회원 평가 슬라이드 및 드롭 따라서 귀하의 웹 사이트가 회원 증강에 추가하는 것이 중요합니다 따라서 고객으로부터 평가를 얻지 못하면 고객으로부터 몇 가지 사례를 구하십시오 왜냐하면 당신이 제공해야하는 것을 실제로 사는 사람들에게 이것이 정말로 중요하다고 생각하기 때문입니다 그래서 평가 표제를 위해 나는 그것을 실제로 삭제하려고합니다 내용에 관해서는, 아마 lorem ipsum을 잡을거야

거기에 붙여 넣기 나는 어떤 것을 더할지도 모른다 인용 부호 그렇게 우린 이미지를 찍을거야

따라서 찾아보기 라이브러리를 클릭하십시오 파일 업로드하다 파일을 선택하고 나는 거기에 이미지가있다 그리고 그걸 그래서 이미 업로드 했으므로 여기를 클릭 할 것입니다 그리고 내가 설정 한 크기는 약 300×338입니다 그것은 약 41 킬로바이트이므로 실제 크기는 아닙니다

로드에 오래 걸리지 않습니다 파일 URL 삽입 좋아, 그 이미지가 아마 너무 큰 것 같아 우리는 아래로 스크롤 할 것이고 그 사람의 이름, 직책 및 어느 회사를 변경할 수 있습니다 ABC 앵커 그런 것 회사 웹 사이트에 추가 할 수도 있습니다

이것은 회원 평가 슬라이더이기 때문에 추가 행을 추가하여 다른 사람의 행을 추가 할 수도 있습니다 증언 등 이제 그걸 지울거야 아래로 스크롤하면 이미지 너비를 150 정도로 변경하고 싶습니다 비례 적으로 규모가 축소 될 것이므로 높이를 벗어날 수 있습니다

슬라이더 표시 옵션으로 여기에서 놀아보십시오 그것은 슬라이더이기 때문에 속도와 효과, 기본적으로 모든 것을 변경할 수 있습니다 그러면 실제로 나타날 것입니다 그래서 당신은 그 설정으로 놀 수 있습니다 그래서 내가 바꾸고 싶은 것은 스타일을 바꾸고, 글꼴을 바꾸고, 글꼴 색을 바꾸는 것입니다

~ 하얀색 좋아, 그렇게 나쁘진 않네 우리는 증언자 슬라이더로 돌아갈거야 회원 평가 제목을 추가합시다 그래서 나는 놀라운 지원을 할 것입니다 그런 것 같아

나는 그것이 꽤 좋게 보인다라고 생각한다 원하는 경우 삭제할 수도 있습니다 그런 것 같아 그리고이 섹션을 실제로 사용할 수 있습니다 존 스미스, 그리고 나서 너는 할 수있어

이탤릭체로 표시한다 나는 그것이 꽤 좋게 보인다라고 생각한다 존 스미스, 아마 캐나다 출신인데 나는 그것이 꽤 좋게 보인다, 실제로 생각한다 그래서 우리는 done을 클릭 할 것이다 그것은 꽤 좋다

이제 입자 효과를 추가한다는 것을 보여 드리겠습니다 너를 여기에 추가하고 싶지 않을거야 하지만 어떻게하는지 배우고 싶다면 할 수있는 방법을 보여 드리겠습니다 정말 쉽고 정말 멋집니다 그래서 우리가하고 싶은 것은 Google에 가서 아마도 Themify를 입력하는 것입니다

입자 효과 Enter를 클릭하고 첫 번째 결과를 클릭하십시오 아래로 스크롤하여이 노란색 섹션으로 스크롤하여 여기에 모든 내용을 복사하십시오 클립 보드에 복사하십시오 좋아, 우리는 빌더를 구해서 첫 번째 빌더에서 빠져 나올거야

로고 위로 마우스를 가져 가서 대시 보드 영역을 클릭하십시오 그런 다음 Themify ltra, Themify Settings를 거치게됩니다 아래로 스크롤하여 머리글 코드로 이동하십시오 그런 다음 해당 코드를 헤더 코드 영역에 붙여 넣습니다 저장을 클릭하십시오

완료되면 사이트 방문으로 돌아갑니다 작성기를 켭니다 여기로 스크롤하여 옵션을 클릭하십시오 이제 추가 CSS 클래스를 사용하여 실제로 추가하려는 작업 만 수행하면됩니다 Particles-js 그래서 이걸 복사 할거야

그것을 여기에 붙여 넣으십시오 바로 그거야 그런 다음 완료를 클릭하십시오 우린 그것을 구할거야 그것을 닫으면 입자 효과가 새로 고쳐지면 나타납니다

좋아, 그래서 나는 그것이 매우 시원해 보인다라고 생각한다 영웅 이미지에 이미지를 추가 할 수 있습니다 예를 들어 기술 회사 또는 그와 비슷한 사람과 나는 그것이 정말로 알고 있다고 생각한다 다음 부분에서는 블로그 게시물을 추가하는 방법과 추가하는 방법을 보여 드리겠습니다 홈페이지의 추천 블로그 게시물 따라서 블로그 게시물은 실제로 중요합니다

왜냐하면 실제로 무료 콘텐츠를 만들 수 있기 때문입니다 사람들이 적극적으로 검색 중입니다 Google 예를 들어, 6 팩을 얻는 방법을 배우는 방법을 배우려면 6 팩 수천 명의 사람들이 매일이 핵심 문구를 검색합니다 예를 들어 페이지 1에서 순위를 매기려면 여기를 클릭하십시오

수천 명의 사람들이이 블로그 게시물을 읽으려는 여기를 클릭하십시오 그렇게하면 트래픽이 발생하고 트래픽이 발생하면 그럼 당신은 당신이 제휴 링크를 가질 수있는 것처럼 당신이 원하는 거의 아무것도 팔 수 있습니다 사람들이 뉴스 레터에 가입하도록 유도 할 수 있습니다 너는 네가 네 가게에있는 물건을 사는 걸 사람들에게 알릴 수있다 블로깅은 웹 사이트에 대한 권한을 실제로 구축하는 좋은 방법입니다

실제로 다른 키워드 관련 순위를 매겨줍니다 당신의 웹 사이트를 위해서도 그래서 블로깅에 대해 조금 더 배우고 싶다면 스마트 블로거에가는 것이 좋습니다 SEO 및 트래픽에 대해 배우고 싶다면 wwwneilpatelcom에 갈 수 있습니다

여기로 스크롤하여 블로그로 이동할 수 있습니다 그는 정말 좋은 블로그 게시물을 많이 가지고있다 온에어 생성 트래픽 전환, 소셜 미디어 등 또한 좋은 웹 사이트는 wwwbacklinkocom이며 여기에서 블로그를 클릭 할 수도 있습니다

그래서 저는 WordPress에서 블로그 게시물을 추가하고 홈페이지에 추가하는 방법을 보여 드리겠습니다 따라서 여기에 마우스를 가져 가야 할 블로그 게시물을 추가하려면 대시 보드를 클릭하십시오 그런 다음 게시물을 클릭합니다 그래, 기본적으로 당신은 안녕하세요 세계 게시물을 볼 수 있어야합니다 우린 그걸 실제로 날려 버릴거야

그래서 쓰레기 그런 다음 휴지통으로 들어가 영구히 삭제하고 싶습니다 그럼 휴지통을 클릭하자 영구히 삭제하다 그런 다음 새 게시물을 추가 할 예정이므로 여기를 클릭하십시오 그래서 우리는 블로그 게시물 제목으로 설정할 것입니다 예를 들어 Let Go and 당신의 꿈을 쫒아 라 여기 텍스트 편집기가 있는데, 일부 lipsm ipsum 텍스트를 붙여 넣을 것입니다

그래서 그 중 일부를 복사 해 보겠습니다 Ctrl + C를 눌러 거기에 붙여 넣으십시오 바로 그거야 좋아, 그래서 링크를 추가하려면 정말 쉽습니다 예를 들어,이 텍스트의 어딘가에 연결하고 강조 표시하려고합니다

그런 다음이 아이콘을 클릭하십시오 그런 다음 연결하려는 URL에 붙여 넣을 수 있습니다 정상적으로 링크 옵션을 클릭합니다 예를 들어, lorem ipsum에 연결하려면 URL을 복사하여 여기에 붙여 넣습니다 외부 링크이기 때문에 새 탭에서 열기 위해 링크 할 것입니다

웹 사이트의 기존 콘텐츠에 링크 할 수도 있습니다 일반적으로 여기에 나타납니다 또는 검색 할 수도 있습니다 링크 추가를 클릭하십시오 일단 당신이 그 일을하면 그 링크를 만들 것입니다

그래서 이미지를 추가하는 것은 정말 간단합니다 미디어 추가를 클릭 할 수 있습니다 파일 업로드, 파일 선택 실제로 추가 할 수있는 블로그 게시물 이미지도 있습니다 여기에서이 이미지를 추가하고 이미지 1을 게시합니다 게시물을 연 다음 게시물에 삽입하십시오

비디오를 추가하려면 보시다시피, 그렇게 높은 품질은 아닙니다 사실 저는 돌아가서 편집 할 것입니다 그 크기의 경우 전체 크기를 선택하겠습니다 최신 정보

훨씬 좋아 보인다 동영상을 추가하려면 클릭 들어가서 약간의 공간을 만드십시오 예를 들어 동영상을 업로드 할 예정입니다 그냥 URL 복사 그런 다음 여기로 돌아가서 바로 붙여 넣으십시오 그래서 약 1 초를 기다려라

그리고 그것은로드 될 것이고 그것은 모두 좋은 것입니다 좋아, 그럼 다음 일은 카테고리에 넣기를 원한다는거야 새 카테고리 추가를 클릭하십시오 예를 들어, 이것은 라이프 스타일이나 패션 카테고리 또는 그와 비슷한 것일 수 있습니다 새 카테고리를 추가하십시오

선택되어 있는지 확인하십시오 태그, 예를 들어,이 블로그 게시물은 인도로 이동하여 태그가 인도가 될 수도 있습니다 이것은 당신의 꿈을 쫓는 것에 대한 이야기일지도 모르니, 그래서 그들 중 하나가 될 수도 있습니다 꿈을 쫓고 추가를 클릭하십시오 그래서 우리는 특집 이미지를 설정하려고합니다

따라서 추천 이미지 설정을 클릭하고 파일 업로드를 클릭하십시오 파일 선택 그래서 우리는이 추천 이미지 1을 업로드하고 열기를 클릭합니다 그래서 내가 자른 파일 크기는 약 1000 x 667 픽셀이고 크기는 약 129 킬로바이트입니다 그래서 기본적으로 사진을 업로드하기 전에 모든 이미지를 자른 것입니다 훨씬 더 간단하고 모든 크기가 동일합니다

그래서 '홈 페이지에 표시 할 때마다 제대로 정렬됩니다 그래서 당신도 이것을 클릭하면됩니다 이것도 같은 크기입니다 블로그 게시물의 경우 동일한 크기의 이미지를 가질 필요는 없지만이 크기의 이미지는 꽤 좋습니다 그러나 추천 이미지의 경우 동일한 크기를 모두 사용하고 추천 이미지를 설정하는 것이 좋습니다

나는 그것이 꽤 많이 있다고 생각한다 당신은 또한 소식 옵션 예를 들어 각 블로그 게시물 설정에 대한 게시물 레이아웃 또는 Themify Settings에서 설정할 수 있습니다 기본 게시물 레이아웃으로 초를 표시합니다 일단 게시를 클릭하면 게시합니다

실제로 업데이트 될 때까지 기다리십시오 따라서 실제로 게시 된 게시물이 표시됩니다 게시물보기를 클릭하십시오 이것은 귀하의 블로그 게시물이 실제로 지금 보이는 것입니다 좋아, 그럼 내가 할 일은 다른 두 개의 게시물을 추가 한 다음 홈 페이지에 추가하는 방법을 보여줄 것입니다 새 소식 위로 마우스를 가져간 다음 소식을 클릭 할 수도 있습니다

지금 빨리 추가 할 것입니다 나만의 장소에 추가 할 수도 있습니다 그래, 내 마지막 블로그 게시물 이었어 그리고 실제로 모든 게시물을 클릭하면 그것을 볼 수 있고 게시물이 설정되었습니다

이제 우리가 할 일은 우리 홈 페이지로 이동하는 것입니다 그래서 우리 홈페이지를 방문 할 것입니다 우리는 빌더를 켜야합니다 그런 다음 여기에서이 섹션으로 스크롤하겠습니다 어쩌면 텍스트 모듈로 떨어질 것입니다

어쩌면 우리는 우리의 최신 1 번 제목으로 설정하거나 1 번 제목으로 설정하지 않을 수 있습니다 2 번, 미안, 스타일 지정 글꼴을 클릭하십시오 센터에 맞 춥니 다 완료를 클릭하십시오 그러면 우리가 할 일은 포스트 모듈에 넣는 것입니다

제목 아래 놓으세요 그런 다음 게시 레이아웃을 변경할 수 있습니다 그래서 내가 할 일은 내가 3 개의 게시물을 가지고 있기 때문이다 그리드 3을 선택하겠습니다 설정을 가지고 놀 수는 있지만, 이것이 제가 권장하는 것입니다

귀하의 홈페이지 아래로 스크롤하면 특정 카테고리와 같은 항목으로 설정할 수 있습니다 콘텐츠 게시, 변경할 수 있습니다 당신이 좋아하는 무엇이든 오버레이, 실제로 미리보기를 클릭 할 수 있습니다

그런 식으로 할 수 있습니다 폴라로이드로 변경하십시오 미리보기를 클릭하십시오 그것은 꽤 멋지다 그것은 당신이 그것을 어떻게 표시하길 원하는지에 달려 있습니다

내가 할 일은 기본값으로 설정하는거야 사후 필터의 경우 사후 필터입니다 내가 선택하지 않을거야 또한 포스트 거터는 간격을두고 있습니다 나는 그것을 기본값으로 남겨 둘 것입니다

게시물 수 나는 3으로 표시 할 것입니다 그런 다음 아래로 스크롤하십시오 따라서 여기에서 각각의 설정으로 놀 수 있습니다 발췌 내용을 표시하거나 표시하지 않을 수 있습니다 아니면 그 모든 내용을 표시 할 수도 있습니다

그래서 저는 약간의 짧은 요약처럼 표시 할 것입니다 이미지 숨기기, 크기 변경, 게시일 숨기기 게시물 메타 숨기기 저자와 카테고리, 태그와 같은 것들이 있습니다 원한다면 숨길 수 있습니다 나는 그것이 꽤 많이 있다고 생각한다 여기 스타일링에 가면 따라서 모듈 제목, 게시물 제목 및 그 모든 것을 스타일 지정하는 옵션이 있습니다

따라서 done을 클릭하면 그럼 나는 그것이 꽤 많은 것 같아 그래서 우리가 할 일은 위에 간격을 두는 것이다 그리고 바닥에 간격을 추가하십시오 패딩을 클릭하고 상단 5 %, 하단 5 % 완료를 클릭하십시오 나는 그것이 꽤 좋게 보인다라고 생각한다

그래서 당신은 그것을 구할 수 있습니다 그것을 닫고 그것이 어떻게 보이는지 먼저보십시오 그냥 내려 가라 아주 좋아 보인다 블로그 게시물 중 하나를 클릭하면 링크가 실제로 빨간색임을 알 수 있습니다

우리가 할 일은 실제로 바디 링크 색상을 변경하는 것입니다 좋아요 이제 맞춤 설정하겠습니다 그래서 우리가 선택할 링크 색은 파란색입니다 파란색은 실제로 정말 좋은 색상입니다

대부분의 웹 사이트에서 실제로 볼 수 있습니다 사람들이 파란색을 쉽게 구별 할 수 있기 때문에 정말 좋습니다 그리고 그들이 알고있는 텍스트 주위에 그것은 링크입니다 대부분의 사람들은 실제로 모릅니다 그러나 남성의 8 %는 색맹이며 0

5 %의 여성이 색맹이며 가장 흔한 결핍은 빨간색과 녹색입니다 그래서 그것은 색맹 인 사람들이 쉽게 읽을 수있게 만들고, 어쨌든 좋은 것처럼 보입니다 그러나 당신의 주된 색깔이 붉은 색일 수 있다면 내 말은 아직도 사용할 수 있지만 파란색을 선택할 수 있다면 파란색을 선택하십시오 여기에서 몸을 클릭하고 본문 링크를 클릭하십시오 색상 코드는 2DA0E3입니다

Enter를 클릭하십시오 그래서 그 변화 이제 몸 링크 호버를 변경하면됩니다 여기이 색상 코드를 복사 할 것입니다 내 클립 보드에

0 ~ 255로 이동합니다 색상을 입력하십시오 색상 및 나는 어둡게 2 가지 음영을 선택할 것입니다 나는 그것이 약간의 효과를 준다을 추측한다 테슬라를 보면 그들이 선택한 빨간색이 이미 상당히 어둡다고 생각하기 때문에 더 가벼워졌습니다

어두워지면 너무 어둡습니다 그래서 우리는 파란색으로 갈 것입니다 그 안에 붙여 넣기 사람들이 그 위에 마우스를 올려 놓으면 어두워 져야합니다 나는 그것이 꽤 멋지다라고 생각한다 세 가지 음영으로 갈 수도 있습니다

그것은 당신에게 달려 있습니다 그래서 나는 그것을 바꿀지도 모른다 사실, 세 가지 음영을 게시를 클릭하십시오 좋아 그리고 그걸 닫아라

우리 홈 페이지로 가자 나는 너에게 뭔가를 보여주고 싶다 그래서 사람들은 실제로 더 읽기를 추가하는 방법을 묻고 있습니다 여기 대시 보드에 갈 필요가 있다니

Themify Ultra, Themify 설정 위로 마우스 이동 기본 레이아웃으로 이동 그런 다음 기본 보관 포스트 레이아웃으로 이동하십시오 더 많은 텍스트로 스크롤하면 더 많은 링크를 표시 할 수 있습니다 발췌 모드 그래서 그것을 선택하십시오 당신은 어쩌면 더 많은 것을 입력 할 수 있습니다

저장을 클릭합시다 희망을 갖고 우리가 여기 웹 사이트를 방문한다면 실제로 그렇게 나타날 것입니다 그게 다야 이제 내가 보여줄 수있는 것은 이중 시차 효과를 만드는 방법을 보여줄 것입니다 정말 시원합니다

경쟁에서 눈에 띄게 될 것입니다 재미있는 이야기를 말할 수 있습니다 어떤 용도로든 사용하십시오 필요 따라서 이중 시차 효과 우리는 두 개의 이미지를 얻어야 할 것입니다

첫 번째 이미지는 전경을위한 것입니다 랩톱이나 책이나 또는 쉽게자를 수있는 것과 같은 것을 얻으십시오 그래서 정사각형과 같은 종류의 너는 산이나 그런 것을 원하지 않는다 때로는 잘라내 기가 정말 어렵지만 할 수 있습니다 시간이 오래 걸린다

아래로 스크롤 당신이 쉽게자를 수 있기 때문에 아마도 이것은 정말 좋은 것일 수도 있습니다 책이나 그와 비슷한 것을 선택할 수도 있습니다 이것도 정말 좋습니다 그래서 저는 이미 노트북 인 전경 이미지를 선택한 다음 Pixlrcom으로 이동해야합니다

그럼 PIXLRcom을 누른 다음 아래로 스크롤하십시오 Pixlr 편집기는 Photoshop과 매우 비슷합니다 무료이며 온라인이므로 누구나 액세스 할 수 있습니다 한 번 열면 컴퓨터에서 열린 이미지를 클릭하십시오

컴퓨터에서 랩톱 이미지를 다운로드해야합니다 그러나 당신이 그때 아니라면 나는 그것을 실제 폴더에 포함 시켰습니다 Pixlr에서 자르려면 전경을 클릭하십시오 그걸 열어 당신이해야 할 일은 여기 올가미 도구를 클릭해야합니다

따라서 이미지가 크게 확대되지 않으면 조금 더 확대하고 싶을 것입니다 그러면 어쩌면 30 % 그렇게하고 그것을 위로 움직여 라 좋아, 잘라내거나 보는데 조금 쉬워 따라서 올가미 도구를 클릭하십시오 그리고 다각형 올가미 도구를 클릭하십시오

그래서 우리가 할 일은 노트북의 배경 이미지 커서를 가리 키기 만하면됩니다 그런 다음 한 번 클릭하면 기본적으로 해당 선이 표시됩니다 그런 다음 다시 클릭 한 다음 한 번 더 클릭하십시오 거기에 한 번 더 해보고 시작 지점에 정확히 합류하십시오 좋아

그러면 선택해야 해 한 번 선택을하면 오른편에서 여기를 클릭해야합니다 잠금 장치를 두 번 클릭하십시오 그래서 레이어를 잠금 해제합니다 레이어 0으로 표시됩니다

레이어 0으로 표시되면 삭제 버튼을 클릭해야합니다 그래서 배경을 지우고 투명하게 만듭니다 지금 우리가해야 할 일은 이미지 크기를 변경해야한다는 것입니다 로드하는 데 오랜 시간이 걸릴 것입니다 이미지, 이미지 크기를 클릭하십시오

이미지를 바꿀 크기는 대략 다음과 같습니다 너비가 1600이고 자동으로 높이가 변경되었습니다 그래서 나는 그걸로 떠날거야 1067을 입력하고 OK를 클릭하십시오 따라서 이미지를 내보낼 준비가되었습니다

우리가 할 일은 파일을 클릭하는 것입니다 구하다 우리는 그것을 PNG 포맷으로 저장하려고합니다 이것은 전체 품질입니다 그리고 OK를 클릭하십시오 그런 다음 그것을 저장하십시오

휴대용 퍼스널 컴퓨터 자른 이미 저장했는데 다시 저장합니다 한 번 완료되면 배경 이미지를 찾습니다 예를 들어 어쩌면 산 같은 것 또는 얼굴을 사용할 수도 있습니다 그것은 정말로 당신이 보여주고 싶은 것과 이야기하고 싶은 이야기에 달려 있습니다 이미지를 다운로드하여 컴퓨터에 저장하십시오

그런 다음 사진으로 이동 한 다음 크기를 수정할 수 있습니다 1600 X 900 또는 1600 X 1000입니다 여기에 내 보낸 크기와 비슷한 것이 있습니다 왜냐면이 노트북 이미지 뒤에 그 배경을 보여줄거야 당신이 포토샵에 능숙하다면, 실제로 할 수있는 일은 실제로 그 이미지를 얻으십시오

이것이 원래 이미지입니다 사실 원본 이미지를 잘라 냈습니다 원본 이미지는 조금 뒤로 가자 그것은 그런 것입니다 기본적으로, 나는 그것을 잘라 냈다

왜냐하면 나는이 영역이 필요 없기 때문에 그것을 잘라 낸다 영역은이 섹션에서 실제로 다루고 있습니다 Photoshop에서 이미지를 작게 만들면 이미지를 더 작게 만들 수 있습니다 그런 다음 이미지를 붙여 넣으면됩니다 필요없는 것이기 때문에 그냥 여백 만 남기고 저장하면됩니다

그런 다음 지금 웹 사이트로 돌아갈 수 있습니다 아래로 스크롤하여 이중 시차를 삽입합니다 작성기를 켭니다 옵션을 클릭해야만 전체 내용을 설정할 수 있습니다 스타일 지정으로 이동 배경

그리고 우리는 배경 이미지를 설정하므로 찾아보기 라이브러리를 클릭하십시오 컴퓨터에서 해당 파일을 업로드했는지 확인하십시오 따라서 선택 파일을 클릭하면 실제로 업로드 할 수있는 꽃 파일이 있습니다 따라서 열기 및 업로드를 클릭 할 수 있습니다 전에 이미 업로드했습니다

그래서 여기에 그것은 파일 크기에 관한 것입니다 높이 1600 x 900 141 킬로바이트가 그렇게 크지는 않습니다 정말 좋습니다 그래서 삽입 파일 URL 배경 모드의 경우 시차 스크롤링을 선택합니다 그럼 우리가 할 일은 그냥 치워 버릴거야

이제 우리는 전경에 설 것입니다 왼쪽에 실제로 여기 가면 이 스타일링 페인트 브러시 아이콘이 나타납니다 그래서 그것을 클릭하십시오 그것은 열 스타일을위한 것이므로 열의 배경으로 설정할 수 있습니다 이제 랩톱 이미지를 설정합니다

배경을 클릭하십시오 그런 다음 라이브러리를 찾아보고 자른 랩톱을 업로드하십시오 png이어야합니다 여기에 저장할 때 체크 상자가 표시되는지 확인하십시오 여기로 돌아가서 파일 URL을 삽입하십시오

그래, 그 이미지가 그 랩톱에서 약간 볼 수있게 하지만 이미지를 조금 더 늘려야합니다 먼저해야 할 일은 풀 커버로 바꾸는 것입니다 배경 모드의 경우 패딩의 경우 선택을 취소하고 싶습니다 나는 약 25 %를 치고 싶다

상단에 추가하고 하단에 동일한 작업을 수행하려고합니다 좋아요, 그렇게 잘 보입니다 좋아 그럼 우리가 할 일은 약간의 텍스트와 버튼을 추가해서 더하기 아이콘을 클릭하는 것입니다 텍스트 모듈에서 드래그 그런 중간에 넣어보십시오

파란색 줄이 나타나야합니다 좋아, 그래서 우리는 서로 다른 타입으로 타이핑 할거야 그래서 저는 여러분에게 전에 보여 줬던 오른쪽에있는 텍스트를 어떻게 배열하는지 보여 드리겠습니다 하지만 너를 다시 보여 줄거야, 그래서 우리는 그걸 2 번에 놓을거야 그럼 스타일링을 위해 내가 할 일은 스타일 탭, 글꼴을 클릭하십시오

우리는 그것을 오른쪽으로 정렬 할 것입니다 패딩의 경우 화면 끝에 너무 가까이 있지 않기를 원하기 때문에 5 % 오른쪽에 패딩하여 약간의 공간을줍니다 나는 그것이 좋아 보인다라고 생각한다 그리고 나서 우리는 이 단추를 얻고 그것을 복제하십시오 그래서 우리가 할 일은 여기에 타는 것입니다

확대하려면 50 %를 클릭하십시오 이동하기 쉽습니다 이제 버튼을 클릭하고 클릭 만하면됩니다 이 하단부 아래에 끌어서 다르게 그걸 더블 클릭하면 우리가 할 일이 생길거야 do는 실제로 우리의 액센트 컬러로 그 색을 바꾸기 때문에 우리의 배경 꽃 이미지와 잘 어울립니다

또한 배경이 흰색이기 때문에 흰색 배경으로 남기고 싶지 않습니다 어두운 색상의 단추 배경색을 사용하거나 악센트 색상을 사용하십시오 그래서 우리가 뭘 할거야? 실제로 다시 스크롤하여 여기에서 사용한 색상 코드를 얻습니다 두 번 클릭하면 실제로 타자기 모듈이 열립니다 스타일을 선택하고 타자기를 클릭하십시오

배경을 클릭하십시오 그런 다음 그 색상 코드를 클릭 한 다음 다시 아래로 스크롤하면됩니다 여기에 버튼을 클릭하고 해당 버튼을 두 번 클릭하십시오 따라서 자동으로 다른 모듈을 저장하므로 웹 사이트를 수정하는 것이 훨씬 빠릅니다 이제 우리가 할 일은 스타일을 정하는 것입니다

버튼 링크, 버튼 링크를 편집 중이므로 배경색을 변경하고 있습니다 그래서 우리는 흰색에서 그 fuschia 또는 핑크색으로 편집하고 싶습니다 배경 놓기, 우리가 할 일은 우리가 갈거야 0 ~ 255 좋아요, 그래서 당신은 그녀에게 색을 칠할 수 있습니다 이미 붙여 넣기로 입력했습니다

해당 해시를 삭제해야합니다 색상을 입력하십시오 그리고 나서 우리는 아마도 두 가지 음영을 더 어둡게 만들거나 밝은 색조로 갈 수 있습니다 그러나 나는 더 어두운 옵션이 더 좋을 것이라고 생각한다 해당 색상 코드를 클릭하십시오

과 그럼 우리가 할 일은 우리 웹 사이트로 돌아갈거야 링크를 붙여 넣은 다음 링크를 클릭하십시오 해당 링크 색상을 진한 회색에서 흰색으로 변경하고 싶습니다 색상 호버를 흰색으로 변경하십시오 우리가 할 일은 일반 탭을 클릭하는 것입니다

우린 그걸 오른쪽 편으로 옮길거야 그래서 텍스트는 오른쪽으로 정렬됩니다 패딩, 우리는 5 %를 더할 것입니다 이것은 5 %를 오른쪽으로 그리고 5 %를 오른쪽으로 클릭하고 done을 클릭합니다 나는 우리가 그것을 구할 수 있다고 생각한다

그것을 닫은 다음 약간의 미리보기를 해봅시다 좋아, 그렇게 생각해 거기에 약간의 간격을 줄여야 할 수도 있습니다 그건 너에게 달렸어하지만 너를 빨리 보여 줄게

그래서 빌더를 켜십시오 우리가 할 일은 그걸 두 번 클릭하는 것 뿐이라고 생각해 스타일을 지정하고 여백을 클릭하십시오 그런 다음 선택을 취소하고 마이너스를 넣으려고합니다 1% 글쎄, 어쩌면 2 % 좋아, 나는 2 %가 좋다라고 생각한다

따라서 마진과 패딩의 차이점은 내가 한 가지 예를 보여 드리겠습니다 그래서 패딩은 실제 상자 안에 있으므로 보이지 않는 라인 박스가 보이면 패딩은 상자 안에 있습니다 그래서 마진은 실제로 그 상자 밖에 있습니다 그래서 영웅 이미지에 패딩을 추가했습니다 내부 공간입니다

그래서 그것이 실제로 할 수있는 것은 내가 바깥 쪽 패딩을 바꾸고 싶다면입니다 그런 다음 옵션 스타일을 클릭하면 선택을 취소하고 20 % 위쪽으로 보이지 않는 상자 바깥 쪽의 간격을 편집합니다 그래서 그 차이가 있습니다 그래서 만약 당신이 일종의 감소를 원한다면 텍스트 모듈과 다른 모듈 사이의 간격은 마이너스 여백을 사용할 수 있습니다 바닥이나 꼭대기까지 좋아, 이제 저장 후 닫기를 클릭하겠습니다

다음 섹션에서는 추가하는 방법을 보여 드리겠습니다 비디오 배경뿐만 아니라 비디오 모듈 사용 우리가 실제로 당신의 작품과 그런 것들을 선보일 수있는 갤러리를 추가하는 방법을 보여줍니다 그래서 나는 뭔가를 알아 차렸다 나는 아래로 스크롤하고 있었다 따라서 스크롤 할 때 여기에 공백이 있음을 볼 수 있습니다

우리는 그것을 원치 않습니다 그래서 우리는 계속 진행하기 전에 그것을 바로 잡을 것입니다 그래서 Builder와 그런 다음 여기에서 행 옵션을 클릭하십시오 스타일, 배경으로 이동 배경 모드가 시차로 설정되어 있지만 배경 첨부가 고정되어 있는지 확인하십시오 좋아요, 그렇게 한 후에는 완료를 클릭하면 공백이 더 이상 나타나지 않습니다

그리고 그것은 여전히 ​​좋거나 좋지 않은 것처럼 보입니다 저장하고 닫습니다 기본적으로 동영상에 추가하는 두 가지 방법이 있습니다 첫 번째 방법은 동영상 배경으로 추가하는 것입니다 행 옵션으로 이동할 수 있습니다

스타일링, 배경, 동영상을 클릭 한 다음 YouTube로 이동하십시오 동영상을에 업로드해야합니다 자신보다 YouTube 서버에로드되므로 YouTube가 먼저로드되므로로드 속도가 빨라집니다 여기에 URL을 붙여 넣으십시오 그런 다음 외부를 클릭하면 표시됩니다

따라서 오디오를 비활성화하십시오 재생중인 반복 재생을 사용 중지 할 수도 있습니다 배경 이미지를 설정해야합니다 모바일에서는 동영상을 표시하지 않기 때문에 여기를 통해 업로드 한 배경 이미지가 표시됩니다 당신이 할 수있는 것은 약간의 패딩을 추가하는 것입니다

상단 20 %, 하단 20 % 그리고 나서 텍스트를 추가하고 버튼을 추가 할 수 있으며 여기에 표시 할 항목을 추가 할 수 있습니다 그래서 당신은 당신의 홈페이지를위한 영웅 비디오와 같은 종류로 사용할 수 있습니다 그래서 다른 방법은 비디오 모듈을 사용하는 것입니다 do가 먼저 완료되면 클릭하고 지금은 삭제할 것입니다 그런 다음 비디오 모듈을 드래그하여 거기에 넣습니다

좋아요, 그래서 당신이해야 할 일은 동일한 비디오 URL에 붙이기 만하면됩니다 그래, 완료를 클릭하면 실제로 두 열로 정렬 할 수 있습니다 여기에 비디오를 올릴 수 있습니다 여기에 텍스트를 넣을 수 있습니다 동영상이 무엇인지 설명하거나 영화 효과와 같은 일을 할 수 있습니다

그래서 저는 이것을 정말로 빨리하는 법을 보여 드릴 것입니다 그럼 여기를 클릭하십시오 하나의 열로 표시하려면 옵션을 클릭하십시오 스타일링 그런 다음 패딩을 클릭 할 것이므로 먼저 패딩을 설정하고 일부 간격을 둡니다 나는 5 %를 정상에 올릴거야

이 하나 나는 바닥에 3 % 할거야 좋아, 일단 끝나면 우리는 배경색을 할거야 그래서 예를 들어 우리는 뭔가 어둡게 갈 것입니다 222 시도하자

저렇거나 조금 더 가벼운 것 정말 의존합니다 그렇다면 지금은 222에 가서 행 오버레이를 클릭하십시오 오버레이 호버를 사용하면 실제로 어두운 색상으로 설정됩니다 그래서 우리는 그저 100 % 흑인에 대해서 그렇게 할 것입니다 좋아, 우리가 실제로 그것 위에 마우스를 가져갈 때, 그것은 더 어둡게된다

그것은 내가 한 짓과 같습니다 저장하고 그런 다음 닫으십시오 좋아요, 그러면 동영상으로 섹션으로 스크롤합니다 그래서 지금 당장 당신이 그것 위로 공중 선회하지 않을 때 그것은 일종의 어두운 회색과 비슷하지만 사람들이 마우스로 가리켜 들고있는 비디오를 보았을 때 그때 그것은 그것 주위에 어둡게된다

그래서 멋진 영화 효과를 만들어냅니다 또 다른주의 사항은 자신의 동영상을 업로드하는 경우입니다 비디오가 하나뿐입니다 그런 다음 동영상에 사용할 미리보기 이미지를 고려해야합니다 그래서 저는이 비디오를 골랐습니다

왜냐하면이 녹색 파란색 배경이 나머지 내 웹 사이트, 그라디언트 영역 및 내 영웅 이미지 따라서 디자인과 관련하여 생각하는 것이 좋습니다 그래서 우리는 빌더를 켜야합니다 그런 다음 갤러리 모듈을 사용하는 방법을 빠르게 보여 드리겠습니다 따라서 더하기 아이콘을 클릭하십시오 갤러리 모듈에 놓기 꽤 비슷한 그래서 나는 그것이 자동적으로 튀어 올랐다라고 생각한다

그러나 만일 그렇지 않으면 그것은 여기에서이 물건을 보여준다 삽입 갤러리를 클릭해야합니다 파일 업로드, 파일 선택 나는 또한 포함시켰다 실제로 업로드 할 수있는 6 개의 갤러리 이미지와 사진에 미리 잘라 냈습니다

그래서 이미 업로드했습니다 당신이 볼 수 있듯이, 그리고 그것을 자른 크기는 약 1,000 X 666입니다 그래서 중요합니다 그것들을 모두 똑같은 크기로 자르므로 홈페이지에 올릴 때 제대로 줄을 잡습니다 그래서이 6 개의 이미지를 선택합니다

갤러리에 추가 갤러리를 업데이트하면 다음과 같이 표시됩니다 좋아, 그럼 여기서 설정을 가지고 놀 수있다 예를 들어 3 열로 설정 따라서 이미지 모양으로도 놀 수 있습니다 하지만 필요하다고 생각하지는 않습니다 그러면 완료를 클릭하고 텍스트 모듈을 원할 경우 갤러리 제목을 추가 할 수 있습니다

그래서 우리는 지금 그것을 삭제할 것입니다 또한 이미지 모듈을 추가 할 수도 있습니다 이미지 모듈을 여기에 놓습니다 이미지를 업로드 한 다음 완료를 클릭하면 이미지를 정렬 할 수 있습니다 세 가지 다른 열 당신이 그런 이미지가 있습니다

그래서 내가 보여줄 다음 것은, 먼저 이것을 지울 것입니다 모바일 장치에서 모든 것이 완벽하게 반응하는지 확인하는 방법을 보여줍니다 그래서 당신이 이것을 볼 수있는 것처럼 여기에있는 텍스트는 잘 보이지 않습니다 좋아, 아래로 스크롤하면 이 섹션은 여기 이 텍스트는 일종의 노트북을 덮어 씌우고 보이지 않습니다 그래서 나는 그것을 실제로 고치는 법을 보여줄 것입니다

따라서 휴대 기기의 제목을 수정하려면 맞춤 설정을 클릭하십시오 Themify 옵션을 사용하고 있는지 확인하십시오 고급 탭을 클릭하고, 그런 다음 여기에서 제목을 클릭 할 수 있습니다 그래서 바닥에 여기, 당신은 실제로 스타일링을 얻었습니다 초상화와 모바일 용 타블렛 풍경 용 따라서 지금 실제로 제목 1 글꼴을 클릭하면 95라고 표시됩니다

태블릿을 클릭하면 풍경을위한 그런 다음 실제로 각 특정 장치 크기 그래서 내가 뭘 좋아하는지 태블릿은 5를 사용하고 5 EM으로 설정합니다 EM은 기본적으로 크기에 비례하여 크기가 축소됨을 의미합니다 나는 화면 크기와 세로로 타블렛을 클릭하면 4 또는 4

5 나는 4가 좋아 보이고, 그 다음 모바일을 클릭한다고 생각한다 이걸로 바꿀거야 35

나는 그것이 좋아 보인다 그래서 당신은 무엇에 따라 조정할 수 있습니다 결과는 실제로 얻을 수 있습니다 그래서 우리는 아래쪽으로 아래로 스크롤 할 것입니다 좋아, 실제로 모바일 기기에서,이 것은 실제로 화면에 훨씬 더 가깝다

그래서 우리는 실제로 제목을 여기 글꼴 그러나 실제로 여기에서 글꼴로 표제를 변경하면 그런 다음 예를 들어 다음과 같이 변경한다고 가정 해 보겠습니다 15 EM 또는 변경하자 1 EM for mobile devices

그 변화는 또한 우리가 사용하고있는 제목 2 이 섹션은 여기 그리고 우리는 그렇게하기를 원하지 않습니다 왜냐하면 그것은 너무 작아서 약간 더 커야하기 때문입니다 그래서 나는 그것을 전혀 바꾸지 않을 것입니다 먼저 게시 할 예정입니다 닫아 특정 모듈 자체로 변경하려고하므로 Builder를 사용하도록 설정합니다

오른쪽 아래로 스크롤 더블 클릭 스타일링으로 이동하십시오 두 번째 태그입니다 스타일을 선택하고 제목을 클릭하십시오 여기에 모바일 스타일을 클릭하고 싶습니다 그걸 바꾸세요

그런 다음 2 개의 글꼴을 클릭하면 15 EM으로 변경하려고합니다 제목 2에 해당됩니다 이 특정 모듈에 대해서만 편집 할 수 있습니다 여기 보이는 크기는 편집하지 않습니다

좋아요, 완료를 클릭하십시오 저장하겠습니다 그리고 그것을 가까이에주십시오 그래서 일단 완료되면 wwwresponsinator

com을 방문하십시오 URL 입력 우리는 갈 것이고 희망적으로 많이 좋아 보인다 좋아, 꽤 좋아 보인다 그냥 내려 가면, 그 크기는 그대로 유지됩니다 아래쪽으로 스크롤 그래서 조금 더 작게 만들었고 지금은 꽤 좋아 보인다

그래서 당신이하고 싶은 일 아마이 섹션을 원하지 않는다고 가정 해 봅시다 네가 거대한 블록을 가지고 있을지 모르겠다 텍스트가 너무 오래 걸리므로 사람들이 맨 아래로 스크롤하는 것을 원하지 않습니다 좋아, 그럼 특정 섹션을 제거 할 수도 있습니다 그래서 빌더를 돌릴 수 있고 그렇게 할 수 있습니다

아주 쉽습니다 각 행 또는 각 모듈에는이 세 개의 작은 점이 있으며, 마우스를 가져 가면 표시 여부를 설정할 수 있습니다 여기에 마우스를 올리면 가시성을 설정할 수 있습니다 이 섹션 전체를 제거하고 싶다고 가정 해 보겠습니다 공개 상태를 클릭하면 휴대 전화 및 태블릿에서도 숨길 수 있습니다 원하는 경우 완료를 클릭합니다

그래, 태블릿에서는 모바일에 표시되지 않습니다 잘 보이지 않을거야 데스크톱 용으로 데스크톱에 표시됩니다 이렇게하면 페이지의 레이아웃을 가지고 놀 수 있습니다 따라서 완료를 클릭하고 저장을 클릭하십시오

다음 섹션에서는 어떻게 할 것인지 보여 드리겠습니다 모든 것을 빌드하는 방법을 보여주고 싶지 않기 때문에 뒷 페이지의 레이아웃 가져 오기 당신은 지금 80 %의 것들을 알고 있습니다 나는 너에게 정말 멋진 것들을 보여줄거야 약 페이지를 클릭합시다 빌더를 켜고 여기로 마우스를 가져 가면 파일에서 가져오고 확인을 클릭합니다

업로드를 선택하고 약 페이지로 이동하여 zip 파일을 가져옵니다 그래,이 파일은 이전에 다운로드 한 이미지 및 플러그인 폴더 여야합니다 우리는 열려있어 그것은 본질적으로 당신을 위해 미리 만들어진 레이아웃을로드합니다 그리고 당신은 단지 이미지를 편집 할 수 있습니다

예를 들어 여기에서 행 옵션을 클릭하고 스타일 지정으로 이동할 수 있습니다 배경 및 찾아보기 라이브러리를 업로드하고 자신의 이미지를 업로드하십시오 모든 일을 동일하게 유지하십시오 이 섹션을 두 번 클릭하여 텍스트를 변경할 수 있습니다 이미지를 더블 클릭하여 이미지를 변경할 수도 있습니다

이 섹션을 두 번 클릭하여 내 정보를 변경하십시오 따라서 완료를 클릭하십시오 실제로 아이콘 섹션을 두 번 클릭하면 실제로 이메일에 넣을 수 있습니다 그래서 support@hoganchuacom 대신 귀하의 이메일을 넣으십시오

다음 콜론 그래서 사람들이 그것을 클릭하면 기본 전자 메일 브라우저가 열립니다 실제 이메일과 함께 이름을 보내기 위해서 그래서 우리는 아래로 스크롤 할거야 이건 나를 불렀다 그래서 T, L, 콜론을 누른 다음 거기에 전화 번호가 있습니다 그래서 당신도 그렇게 할 수 있습니다

사람들이 휴대 기기에서 클릭하면 전화 번호를 자동으로 전화 화면에 표시합니다 페이스 북과 동일하다 레이블도 변경할 수 있으며 Facebook 프로필 URL을 변경할 수 있습니다 좋아요, 정말 간단해서 각 아이콘의 색상을 바꿀 수 있습니다 그런 다음 done을 클릭 할 수 있습니다

내가 너에게 보여주고 싶은 한가지는 실제로 여기에 왼쪽 따라서 열 수를 변경할 수 있습니다 하지만 실제로는 열 정렬을 변경하는 것입니다 지금 당장은 첫 번째 옵션입니다 두 번째 옵션을 클릭하면 무슨 일이 일어나는지 여기에서 알아 차려 좋아, 그래서 그것은 기본적으로 중간에 텍스트와 아이콘을 정렬합니다

예를 들어, 기다려, 그걸로 바꿔 그것은 아래로 이동합니다 그런 다음 다시 변경하면 올라갑니다 그래서 우리는 그것을 중간에 유지하고 싶습니다 그래서 꽤 많이 있습니다

우리가 실제로 그것을 저장하면 주변에서 놀 수 있습니다 여기에 모든 종류의 모듈이 있습니다 우리는 그걸 닫고 그걸 먼저 미리보기로 할거야 보시다시피, 그 간격을 좁히기 위해 여기에 약간의 간격이 있습니다 편집 페이지를 클릭하십시오

그런 다음 사용자 지정 패널 Themify로 스크롤합니다 페이지 옵션 탭 콘텐츠의 경우 전체 너비를 선택합니다 업데이트를 클릭하십시오 그런 다음보기 페이지를 클릭하십시오

좋아, 그렇게 끝났어 다음 섹션에서는 실제로 어떻게 할 것인가를 보여 드리겠습니다 Themify가 미리 만든 레이아웃을 가져오고, 그리고 이것은 또한 정말 멋지기도합니다 왜냐하면 저는 여러분에게 어떻게 혼합 및 일치시켜 사용자 정의 레이아웃을 만들 수있는 미리 만들어진 행 가져 오기 그래서 우리는 서비스 페이지에 있습니다 켜기 빌더를 클릭합니다

그러면 우리가 할 일은이 레이아웃 아이콘 위로 마우스를 가져 가면로드 레이아웃을 클릭 할 것입니다 그래서 이것들은 모두 Themify에 의해 미리 디자인되었습니다 그리고 이들 중 하나를 선택할 수 있습니다 나는 레이아웃을 가져 오는 법을 보여주고 싶지 않았다 나는 더 빠른 튜토리얼을 만들 수있다

30 분 또는 60 분짜리 튜토리얼과 같을 수도 있습니다 최대한 빨리 웹 사이트를 구축하고 운영하기를 원하는 사람들을 보여줄 수 있습니다 그러나 기술을 배우는 것이 훨씬 중요하다고 생각합니다 왜냐하면 실제로 무작위 레이아웃을 가져 오는 경우 당신은 무엇을해야할지 정말로 알지 못할 것입니다 그럼 예를 들어 이것을 보겠습니다

우리는 그것을 선택하고 기존의 추가를 클릭 할 것입니다 잘만되면 팝업됩니다 그래, 그렇게 팝업하고 거기에 레이아웃을 가지고 우리는 50 %로 설정하여 진행 상황을 볼 수 있습니다 따라서 각 섹션에 대해 제거 할 수 있습니다

당신이 그것을 필요로하지 않는다면, 예를 들면 당신은 얼룩을지게 할 필요가 없습니다 단지 그것을 지우고 다시 스크롤하고 더블 클릭해서 페이지를 편집하십시오 정말 간단하고 거의 동일합니다 이전에 수정 한 모듈 그 밖에 할 수있는 일은 여기 아래로 스크롤 할 수 있다는 것입니다 행 위에 마우스를 올려 놓고 더하기 아이콘을 클릭하십시오 여기에서 행을 클릭 할 수도 있습니다

좋아, 다시 클릭 해 그래서 당신이 실제로 할 수있는 것은 사전 작성된 다른 행 가져 오기 그래서 당신이 볼 수 있듯이, 아마도이 영웅 배너 이미지를 가져올 수 있습니다 그걸 여기로 떨어 뜨려 라 그럼 기본적으로 혼합하고 일치시킬 수 있습니다 다른 행을 만들고 그런 레이아웃을 만드십시오

따라서이 섹션의 행을 클릭하여 행에 액세스 할 수도 있습니다 그래서 그렇게하기가 쉽습니다 이제 내가 보여줄 다음 부분은 블로그 페이지를 편집하는 것입니다 그래서 우리는 약 15 분 거리에 있습니다 거기서 끝내는 마무리

지금까지 동영상이 마음에 들면 좋아요를주고 친구들과 공유하십시오 정말 이처럼 더 많은 동영상을 만드는 데 도움이됩니다 좋아, 이제 그걸 끝내고 블로그 페이지를 클릭 할거야 블로그 게시물을 표시하는 방법과 사이드 바 섹션을 보여 드리겠습니다 그래서 우리는 먼저 Builder를 켤 필요가 있습니다

우리는 두 개의 열로 나누어야합니다 이 같은 그래서 우리가하고 싶은 것은 포스트 모듈에서 드래그하여 거기에 놓는 것입니다 게시 레이아웃의 경우 목록 게시물을 선택하겠습니다 그래서 아래로 스크롤 포스트 필터는 사용하지 않을 것입니다

일반적으로 여기에 필터가 있습니다 나는 아니오를 선택하겠다 그리고 나는 너에게 달려있는 5 개의 게시물로 제한 할 것이다 그리고 날짜에 따라 내림차순으로 오름차순으로 주문할 수 있습니다 여기에 다른 것들도 있습니다

전시를 위해, 나는 보통 발췌문을 보여주고 싶다 나는 다른 모든 것을 기본값으로 유지한다고 생각하지만 설정과 모든 것을 여기에서 할 수 있습니다 아래로 스크롤 일반적으로 페이지 탐색 기능이있을 수 있습니다 예를 들어 10 개의 게시물이있는 경우 그리고 5 개의 게시물을 표시하도록 설정 한 후에는 첫 번째 페이지가 표시 될 수 있습니다 그리고 두 번째 페이지는 # 2 일 것입니다

그래서 실제로 그것을 보여주고 싶습니다 아니, 그래서 그것을 숨기고 싶지 않아 그런 다음 스타일링을 할 수 있습니다 각 개인을 편집 할 수도 있습니다 블로그 게시물의 요소 예를 들어 게시물 제목 여기에 게시물 메타 섹션, 게시물 날짜, 글꼴 및 그런 것들을 편집 할 수 있습니다 좋아요, 그래서 나는 모든 것을 기본값으로두고 나서 done을 클릭 할 것입니다

다음 일은 내가 할 일은 여기에 가서 widgetize 모듈에 넣는 것이다 오른쪽으로 widgetize 영역의 경우 사이드 바를 선택합니다 완료를 클릭하십시오 그래서 기본적으로 다음과 같이 보입니다 자, 이제 위젯 섹션을 실제로 편집하는 방법을 보여 드리겠습니다

그래서 나는 save를 클릭 할 것이고 나는 지금 그것을 닫을 것이다 이제 대시 보드 아이콘 위로 마우스를 가져 가서 마우스 오른쪽 버튼을 클릭하여 새 탭에서 열어 보겠습니다 그러면 위젯 섹션이 열리 며 실제 위젯을 볼 수 있습니다 그래서 우리가 할 일은 메타를 제거하는 것입니다 보관 된 최근 댓글입니다

정말 간단합니다 아래쪽 화살표를 클릭하십시오 삭제 보관 처리, 삭제 메타, 삭제 해 따라서 위젯은 사용 가능한 위젯입니다 어느 드래그 할 수 있고 기본적으로 일단 넣으면 표시됩니다

예를 들어 보겠습니다 우리가 원하면 이미지 위젯에서 드래그하자 그래서 당신은 자신의 이미지를 가질 수 있습니다 이미지를 추가 할 수 있습니다 이미지를 추가 할 수 있습니다

저장을 클릭 할 수 있습니다 텍스트 위젯을 추가 할 수도 있습니다 따라서 위젯을 추가 할 수도 있습니다 말하자면, 나에 관해서 "안녕하세요, 저는 호간입니다

"그런 것 우리가 구할 수 있다면 아래의 Themify 소셜 링크를 누를 수도 있습니다 알았어, 새 창에서 링크 열기 우리는 구할 수있다 그런 다음 블로그 페이지를 새로 고침 한 다음 해당 블로그 페이지를 수정해야합니다 좋아요, 그래서 위젯을 구성하는 것은 정말 간단합니다

여기에이 중 하나를 사용하십시오 이제 우리가 할 일은 실제로 어떻게 할 것인가를 보여줄 것입니다 모든 것을 가운데에 놓고 날짜를 변경하고이 섹션을 중앙에 배치하는 방법을 보여줍니다 따라서 빌더 켜기를 클릭하십시오 포스트 모듈을 두 번 클릭 할 수 있습니다

스타일, 글꼴을 클릭하십시오 그런 다음 텍스트를 가운데로 클릭하면 모든 것이 가운데로 이동합니다 완료를 클릭하십시오 이 섹션을 두 번 클릭하십시오 스타일링 글꼴을 클릭하십시오

모든 것을 가운데 정렬하고 완료 따라서 어떤 사람들은 그 원 모양의 모습을 좋아하지 않으므로 인라인 텍스트로 바꿀 것입니다 저장하고 닫으십시오 대시 보드 영역으로 돌아 가자 Themify Ultra, Themify 설정으로 이동하십시오 나는 그 페이지를 닫을거야

기본 레이아웃을 클릭합시다 따라서 기본 보관 포스트 레이아웃의 경우 아래로 스크롤하십시오 게시물 날짜를 숨기고 게시물 날짜를 해당 서클 스타일 대신 인라인 텍스트로 표시 같은 것 기본 단일 게시물로 스크롤하십시오 인라인 텍스트로 표시하고 저장하십시오

이제 블로그 페이지로 돌아가 보겠습니다 그런 식으로 스크롤하십시오 그런 다음 그와 비슷한 것을 보여 주어야합니다 따라서 게시일이 실제로 중심에 있지 않다는 것을 알 수 있습니다 그 문제를 바로 잡는 방법을 보여 드리겠습니다

여기를 클릭하십시오 이제 귀하의 블로그 게시물입니다 호버 색상을 링크합니다 다른 모든 것은 괜찮아 보인다 나중에 버튼 색상을 편집하는 방법을 보여 드리겠습니다

그래서 우리가 할 일은 커스텀 섹션으로 가야합니다 그러면 실제로 할 수있는 일은 고급 옵션을 선택한 다음 게시하여 스크롤하여 게시 할 수 있습니다 그래서 이것은 게시일입니다 따라서 날짜를 게시하려면 아래로 스크롤하십시오 그런 것을 중심에 맞춰 봅시다

이것은 게시물 제목을 가리 킵니다 게시일부터 먼저 닫습니다 게시물 제목 마우스 오버 내가 할 일은 그것을 똑같은 푸른 색으로 바꾼다 그래서 우리는 실제로 몸을 클릭 할 수 있습니다 본문 링크를 클릭하십시오

이건 우리가 여기서 설정 한 것과 같은 푸른 색이야 여기에서 클립 보드로 바로 복사 한 다음 붙여 넣습니다 그래서 모든 것이 일관성있게 유지됩니다 색상 섹션에 붙여 넣기 그 것처럼 그래서 마우스를 가져 가면 파란색이어야합니다

좋아 보이네 게시를 클릭하십시오 보시다시피 사이드 바는 왼쪽에 정렬되어 있습니다 당신은 실제로 그것을 바꿀 수 있습니다 사이드 바를 찾을 수 있습니다

따라서 사이드 바 글꼴을 클릭 할 수 있으며, 중앙에있는 선으로 설정할 수 있습니다 그래서 그것을 닫고 게시하십시오 다음 섹션에서는 연락처 페이지를 편집하고 연락처 양식을 추가하는 방법을 보여 드리겠습니다 지도뿐만 아니라 그래서 우리는 접촉 페이지에 있으며 이미 빌더를 켰습니다 우리가 뭘 할거야? do는 영웅 이미지에서 정말 빨리 설정됩니다

옵션으로 갈 것입니다 그리고 나서 우리는 콘텐츠, 스타일링으로 가득 차게 될 것입니다 배경 및 배경 이미지입니다 우리는 도서관을 찾아보고 업로드 할 것입니다 파일, 파일 선택 및 업로드하려는 이미지는 연락처 영웅입니다

그걸 열어 파일 URL을 삽입하십시오 배경 모드를 선택하면, 아마도 전체 표지 만 선택할 것입니다 그런 다음 배경 위치에 대해서는 그대로 두겠습니다 배경 첨부 파일, 고정 된 것으로 설정하려고합니다

그리고 우리가 할 일은 패딩을 클릭하는 것입니다 상단에 15 %의 패딩을 추가합시다 15도 바닥까지 그리고 중간에 텍스트를 추가 할 것입니다 그래서 우리는 done을 클릭 할 것이다 그리고 맨 먼저이 간격을 제거하여 백엔드에서 편집합니다

우린 아래로 내려갈거야 Themify 사용자 정의 패널에 추가하십시오 페이지 옵션을 클릭하십시오 콘텐츠 너비에 대해 전체 너비 선택 최신 정보 업데이트가 완료되면보기 페이지를 클릭하여 연락처 양식으로 돌아갑니다 그렇게되었습니다

이제 빌더를 다시 켜고 텍스트를 설정합니다 그래서 우리는 텍스트 모듈에 들어가기 만하면됩니다 그리고 난 그냥 연락 할거야 제목 1 스타일 지정으로 이동 글꼴을 중앙에 먼저 정렬하고 글꼴 색상을 흰색으로 변경하여 더 잘 보이게하십시오 그런 다음 완료를 클릭하십시오

그래, 그럼 분명히 하위 헤드 라인을 추가 할 수는있어하지만 난 그걸 그대로 남겨 둘거야 두 번째 행에 열을 두 개로 구분할 것입니다 그래서 한 쪽은 문의 양식 용이고 다른 쪽은지도 용입니다 좋아요, 그럼 여기 실제로 스크롤하면 당신이 안으로 떨어 뜨릴 수있는 접촉 형태 단위가 없다 그래서 우리가해야 할 일은 실제로 그것을 먼저 저장하고 닫는 것입니다

대시 보드 섹션으로 가야합니다 따라서 대시 보드를 클릭하십시오 그런 다음 실제로 연락처 양식 7 플러그인 인 플러그인을 설치했는지 확인하십시오 그런 다음 여기에서 연락처를 클릭하면됩니다 그리고 기본적으로 연락처 양식 1이 이미 설정되어 있습니다

그래서 편집을 클릭하고 싶습니다 그런 다음 여기에서 메일 탭을 클릭하고 여기에 이메일을 설정했는지 확인하십시오 그래서 예를 들어 우리는 support@hoganchuacom에서 설정할 것입니다 모든 메시지가이 이메일로 전달됩니다

그런 다음 여기에서 양식을 클릭하겠습니다 당신은 또한 그것을 편집 할 수 있습니다 텍스트를 편집 할 수 있으며 실제 사용법을 배우기위한 문서 및 FAQ 필요한 것을 구성하십시오 하지만 우린 그걸로 남겨두고 우린 구해줄거야 완료되면 그럼 이것은 짧은 코드입니다

실제로이 단축 코드를 붙여 넣을 수 있습니다 귀하의 페이지 또는 귀하의 게시물이나 텍스트 위젯 어디서나 연락처 양식을 실제로 나타납니다 따라서 코드가 필요 없으므로이 단축 코드가 필요합니다 그걸 클립 보드에 복사하면 연락처 페이지로 돌아갈거야 연락처를 클릭하면 빌더가 다시 켜집니다 단축 코드를 추가하려면 텍스트 모듈을 드롭해야합니다

붙여 넣기 몇 초 안에 실제로드됩니다 친절하고 간단합니다 완료를 클릭하십시오 다음으로 할 일은지도를 추가하는 것입니다 따라서 여기에서지도 모듈을 찾아 드래그 할 수 있습니다

예를 들어 저는 호주 멜버른에 있습니다 주소도 입력 할 수 있습니다 줌에서 설정할 수도 있고, 높이로 설정할 수도 있습니다 나는 높이를 약으로 바꿀지도 모른다 500 픽셀이므로 조금 더 큽니다

저것을 5로 바꾸자 아주 좋아 보인다 그리고 당신은 또한 여기의 설정으로 놀 수있다 그래서 우리는 done을 클릭 할 것이다 그러면 우리가 실제로 할 일은 실제로 먼저 저장을 클릭하고 닫는 것입니다

지도가 없다는 것을 알게 될 것입니다 아직 나타났다 Google API를 실제로 추가해야하기 때문에 어떻게해야하는지 정확히 보여 드리겠습니다 그리고 나서 다시 돌아와 거기에 약간의 간격을두고 여기에 약간의 간격을 추가 할 것입니다 단추 색상을 변경하십시오

이제 대시 보드를 클릭하십시오 다음을 클릭하고 싶습니다 Themify Ultra, Themify 설정 위로 마우스 이동 그런 다음 Google지도로 스크롤하여 Google지도를 클릭하십시오 Google지도 키의 경우 여기에 API가 있어야합니다 그러므로 Google 또는 Gmail에 로그인하십시오

먼저 계정을 만든 다음 generate API를 클릭하십시오 자동으로 Google 개발자 계정에 로그인합니다 그래서 기본적으로 당신은 그럼 네가 할 일은 이 차례를 따라라 Google API 콘솔로 이동하십시오 로드가 끝날 때까지 기다렸다가 새로운 프로젝트를 만들 수 있습니다

계속을 클릭하십시오 조금 시간이 걸릴 수 있습니다 일단 완료되면 필요한 자격 증명을 클릭하십시오 기본적으로 여기에 API가 있습니다 따라서 해당 API를 복사 한 다음 완료를 클릭하면됩니다

따라서 API를 사용하면 Themify ultra로 돌아가서 여기에 붙여 넣을 수 있습니다 저장을 클릭하자 바라기를 우리가 다시 우리의 웹 사이트를 방문, 우리의 연락처 페이지로 이동하십시오 잘만되면 그지도가 실제로 나타납니다 연락을 클릭하십시오

아래로 스크롤하면지도가 나타납니다 그래서 우리는 빌더를 돌리고 우리 페이지를 약간 스타일화할 것입니다 옵션을 클릭하십시오 여기 스타일링을 클릭하고 위쪽과 아래쪽에 약간의 여백을 추가해 보겠습니다 상단 5 %, 하단 5 % 우리가 할 일은 click on done입니다

우리가 할 다음 일은 우리가 여기 왼쪽으로 움직일거야 그런 다음 가운데 정렬을 클릭하여 양식을 작성합니다 그게 다야 그만둬 버튼 양식 색상을 편집하여 닫으십시오

맞춤 설정 섹션으로 이동해야합니다 그러면이 양식이 연락처 양식이므로 여기서 양식을 클릭 할 수 있습니다 양식을 클릭하십시오 이것은 양식 단추입니다 폼 버튼을 클릭하면 배경색을 변경할 수 있습니다

그럼 어두운 회색으로 바꾸자 웹 사이트 및 헤더 포장 영역에 사용 된 주요 색상은 무엇입니까? 설정이 완료되면 호버 색상으로 설정할 수도 있습니다 그래서 폼 버튼을 마우스로 가리키면 0에서 255로 이동할 수 있습니다 색상을 입력하십시오, 222 색상을 입력하십시오 그리고 두 가지 음영을 더 어둡게하거나 두 가지 음영을 더 밝게 할 수 있습니다

아마도 두 가지 음영을 어둡게 보일 수도 있습니다 배경색은 그리고 나서 꽤 좋습니다 따라서 게시를 클릭 할 수 있습니다 그 위에 마우스를 올려 놓으면 어두워 져야합니다 닫아 그리고 나는 그것이 꽤 좋고 꽤 가기 좋아 보인다

이제 우리가 실제로 블로그와 블로그 포스트에 가면 당신은 그 연락처 – 나는 코멘트 섹션을 의미 버튼을 볼뿐만 아니라 변경됩니다 좋아요, 그래서 전체 주제와 정말 잘 어울립니다 이제 내가 보여주고 싶은 것은 웹 사이트를 마무리하는 것입니다 보시다시피, 바닥 글 거기에는 이런 종류의 슬라이드 경계가 있습니다 정말 좋지 않아 헤더에도 약간의 경계가 있습니다

그래서 나는 실제로 그것을 고치는 방법을 보여줄 것입니다 맞춤 설정하기 아래로 스크롤하여 사용자 정의 CSS를 클릭하십시오 따라서 개발자이거나 CSS를 알고 있다면 여기에 CSS를 추가 할 수 있습니다 따라서 해시를 입력 할 수 있습니다 보행인 덮개

그리고 나서 삐걱 거리는 소리를 내고 싶습니다 그게 뭐라 불리는 지 모르겠습니다 그래서 당신이해야 할 일은 교대를 클릭하는 것입니다 그리고 왼쪽 대괄호를 클릭해야합니다 그리고 나서 엔터를 눌러야합니다

그런 다음 경계를 입력하고 싶습니다 다음 콜론 없음 실제로 아래로 스크롤하면 테두리가 제거 된 것을 볼 수 있습니다 그리고 나서 당신이하고 싶은 것은 세미콜론입니다 끝났어 헤더에 대해서는 해시가 필요합니다

머리글을 감싸고 구불 구불 한 괄호 들어가다 국경, 콜론, 없음 세미콜론 및 완료 그런 다음 게시를 클릭하십시오 닫기를 클릭하십시오 좋아, 그렇게 작은 경계선이 제거된다 나는 당신이 그것을 볼 수 있는지 없는지는 모르겠다

아마도 그렇지는 않지만, 바닥 글에 대해서는 당신은 그것을 정말로 분명하게 볼 수 있습니다 정말 근사하고 깨끗해 보입니다 그것은 비디오를위한 것입니다 그래서 비디오를 따라 주셔서 대단히 감사합니다 당신이 그것을 좋아한다면, 당신은 그것이 도움이된다는 것을 알았습니다

그런 다음 엄지 손가락으로주고 더 많은 동영상을 구독하십시오 아래의 댓글 섹션에 질문이 있으면 알려주십시오 더 사적인 것이라면, support@hoganchuacom으로 보내주십시오