How to Make a WordPress Website with the Avada Theme v. 4 and Website Design Tutorial

이 비디오를 보는 것은 아마 당신이 훌륭한 웹 사이트 이 비디오는 엄청난 헤드 스타트로 당신을 단계별로 보여줄 것입니다 처음부터 웹 사이트를 구축하는 방법을 정확히 알 수 있습니다

설정 호스팅 및 워드 프레스와 새로운 방법을 설정하고 이것을 구축하는 방법을 보여줍니다 정확한 웹 페이지는 여기에 있지만이 웹 페이지의 모양에만 국한되지 않습니다 사실 여기 도구는 당신에게 당신을 사용하는 방법을 보여줄 것입니다 웹 사이트를 만들면 Apple 웹 사이트 또는 Microsoft 홈 페이지 테슬라 모터스 또는 Spotify이 모든 훌륭한 찾고 웹 사이트에 의해 만들어진 전문 디자이너와 당신은 웹 사이트를 만들 수있는 도구를 배우게됩니다 이 웹 사이트는 예를 들어 이 사춘기를 사용하여 만들었습니다

이 웹 사이트는 아름답습니다 화려한 이 헤더를 확인하고 스크롤 다운하면 그 놀라운 것은 또 다른 위대한 것입니다 예를 들어 우리가 이와 같은 것을 만들 수있는 또 다른 아름다운 웹 사이트 코드를 아는 것은 너무 멋지다고 생각하고 또 다른 완전히 다른 모습을 확인하십시오 여전히 선명하고 깨끗한 좋은 메뉴 다른 헤더는 모두 같은 일을했습니다 테마는 지금 완전히 다른 메뉴와 멋져 보이는 웹 사이트입니다

같은 일로 코드를 알지 않고도이 모든 것을 할 수 있습니다 귀하의 비즈니스 또는 조직을위한 훌륭한 웹 사이트를 만들 준비가되었습니다 너 자신을보고 계속 지켜 보아라 정확히 어떻게해야 할지를 보여라 이 자습서에는 스폰서가 제공 한 도구를 제공하는 링크가 포함되어 있습니다

이 비디오에서 사용하려고합니다 훌륭한 고객 서비스를 제공하는 웹 호스트를 사용하기 쉽고 당신이 이미 그 위대한 모범을 보았던 혁신적인 주제 쉬운 웹 사이트를 구축하여 두 회사는 동영상 전체에서 사용하기 때문에 앞으로 비디오를 아래로 스크롤하면이 비디오 아래의 설명으로 스크롤됩니다 if 내 웹 사이트에서 이걸보고 있고 내 웹 사이트의 비디오 아래에서 계속해서 웹 호스팅 및 Aveda 테마 노래 링크를 클릭하십시오 우리가 필요로하는이 두 회사를 먼저 알아야합니다 우리 웹 사이트를 구축하는 것은 그것을 구축 할 수있는 장소를 가지는 것입니다 가장 쉬운 방법은 실시간으로 구축하는 것입니다

호스팅 회사에서 온라인 나는 몇 가지 대체 방법이 있고 당신은 볼 수 있습니다 아래의 설명에있는 내용이긴하지만 시작하기 만하면됩니다 누구든지 그가 가야 할 가장 쉽고 가장 좋은 방법은 온라인으로 귀하의 사이트를 구축하는 것입니다 당신이 이미 그와 행복하다면 당신은 이미 이것을 건너 뛰고 있습니다 이 섹션에서는 여기에서 호스팅을 얻는 방법을 보여 드리겠습니다

귀하의 웹 사이트 및 WordPress를 설치하는 방법을 권장하는 회사 및 아래 설명에서 그들에 대한 링크는 사이트 그라운드이며 당신은 계획을 볼 수 있습니다 그들은 여기있어이 놈들은 너를 안 줘서 정말 대단해 너가 필요로하지 않는 여분의 것 그리고 그들은 정말로 훌륭한 서비스를 제공한다 나는 그녀의지지가 놀랍고 정말 친절하고 친절하여 당신이 볼 수 있음을 알았습니다 우리는 여전히 간접적으로 억압적인 태도를 취하고 있습니다

그들은 가격이 다른 호스팅 회사들에게 어떤 영향을 미치는지 보여줍니다 까다로운 당신은 단지 놀라운 것을 보여줌으로써 영원히 그런 식으로되어 있지만 그렇지 않습니다 대부분의 사람들은 여기에 표준 가격이 시작될 것이라고 생각합니다 당신의 위치 수색에있는 추가 공간을 찾아내는 것을 시도는 진짜로 빨리 가고 매우 쉽게 다른 사람에게 문제를 접할 수 있도록 이동하십시오 시작을 클릭하면 새 도메인을 등록 할 수 있습니다

여기에 이미 도메인이있는 경우 가입에 무료로 포함되어 있습니다 그러면 여기에 입장 할 수 있습니다 그러면 그 지시를 전달할 것입니다 도메인 정보를 새 서버에 보내십시오 도메인과 그것은 결국 무료이며 다음을 클릭하십시오 진행 그리고 여기에 가서 귀하의 모든 결제 정보를 작성하십시오

여기 몇 가지 추가 사항은 도메인 개인 정보 보호가 있습니다 1 개월에 1 달러를 지불하면 귀하의 개인 정보가 귀하의 전화 번호와 주소가 온라인이 아닌 일반적인 정보 그게 좋은 생각이고 할 수있는 좋은 일이라고 생각해 그건 그렇지 않아 추가 할 돈이 많이 들고 해킹 경보 모니터링 기능이 있습니다 악의적 인 코드에 대한 사이트 및 불행히도 최근에 문제가있어서 그 중 하나가 선택 과목 나는 그것들을 둘 다 두는 것이 좋은 보호라고 생각할 것을 권한다

너 자신을 선택할 수 있다면 그걸 건너 뛸 수있다 지금 지불하기를 클릭하십시오 곧 무료 계정에 로그인 한 후 주문 확인을 요청할 수 있습니다 그들은 온라인 채팅이나 전화 통화를 할 수 있습니다 SiteGround의 훌륭한 보안 대책 중 일부는 귀하의 신용 카드 정보가 스톤이 아니며 귀하가 유효한 사람이라는 사실 정말로 보안을 진지하게 받아들이면 정말 두 가지를받는 것이 중요합니다

이 중 하나를 이메일로 보내면 다음과 같이 사용자 이름을 갖게됩니다 당신의 WordPress와는 다른 사이트 땅에 로그인하는 데 사용하십시오 웹 사이트 및 로그인 중에 작성한 암호와 두 번째 암호 이메일을 보내면 새 도메인 이름을 등록하면 요청한 것입니다 귀하가 작성한 정보가 정확하여 정확한 정보를 제공했는지 확인하십시오 해당 도메인 이름을 등록한 사람에 대한 정보 우리는이 전자 메일을 여기에 열어서 시작합니다

고객 영역에 로그인 한 다음 이미 한 번 로그인 한 상태입니다 정말 내 정보를 입력하여 귀하의 정보를 입력하도록 설정할 수 있습니다 당신이 만든 비밀 번호를 누른 다음 로그인을 여기에 우리는 우리의 호스팅에 있습니다 기업 패널 및 내 계정으로 시작하고 그것은 모든 정보를 가지고 우리가 하단에 서명 한 도메인 이름과 우리의 호스팅 회사 및 이메일에 대한 기타 정보를 원한다면 귀하의 도메인에서 이메일을 보내고 시작하십시오 여기에서 cPanel로 이동하십시오 cpanel 정말로 여기에서해야 할 필요는 없습니다 우리가 정말로해야 할 유일한 일입니다

지금 당장 우리 컴퓨터에 WordPress를 설치하여 클릭해야합니다 WordPress의 자동 설치 프로그램을 여기 또는 아래로 클릭하여 진행하십시오 이 설치 프로그램의 장점은 WordPress를 설치한다는 것입니다 올바르게 설정하고 모든 것이 올바르게 구성되었는지 확인합니다 필요한 것 이제 설치를 클릭하면 프로토콜을 설정할 수 있습니다

여기에 그것이 HTTP인지, http 또는 www가 있는지, 아니면 HTTPS인지 HTTPS인지는 WWW가 나타나기를 원한다면 이걸 갖게 될 것입니다 그래서이 경우 나는 9 개의 모습을 기본으로 사용할 수 있습니다 당신은 당신이 그것을 설치하기를 원하는 도메인 네임을 선택하기를 원할 것입니다 이 계정에 직접 설치 한 도메인이며이 계정은 당신은 당신의 메인 디렉토리 WordPress에 기본 URL 도트 닷컴을 추가하지 않아서 설치하는 것이 좋습니다 대부분의 사람들은 준비된 URL을 통해 혼자두고 나서 채울 것입니다

이 정보는 여기에 자동으로 WordPress에 들어갑니다 우리가 사이트에 이름을 붙이려고 설치하면 스스로에게 기술 너는 너의 웹 사이트와 관련있는 무언가가 우리가 싶지 않다는 것을 확인하고 싶다 다중 사이트를 사용하도록 설정하면 관리자가 설정하게됩니다 계정과 그것은 WordPress의 설치를 위해있을거야 그리고 다시 내가 추천합니다 당신은 당신이 원하는 관리자처럼 무언가를 사용하고 싶지 않은 강력한 사용자 이름을 사용합니다 누군가가 쉽게 추측 할 수있는 창조적 인 일을하십시오

불행히도 거기 해커가 있고 그들은 모든 기본 사용자 이름을 시도합니다 그들은 모든 일반적인 암호 및 기타 모든 기본 암호를 시도 할 것입니다 그가 강한 사용자 이름을 여기에서 강하게 사용하고자하는 암호 조합 암호 및 건물 웹 사이트 나는 당신이 개인적으로 LastPass를 사용하여 어떤 종류의 암호 저장 시스템을 고려할 수 있습니다 LastPass를 사용하면 하나의 암호처럼 다른 암호도 사용할 수 있습니다 확실히 무언가를 강력하게 사용하고 싶다면 관리자로 들어가기를 원합니다 이메일을 보내주십시오

귀하의 웹 사이트와 다른 이메일 주소를 사용하는 것이 좋습니다 지금은 자신의 도메인에서 이메일 주소로 변경할 수 있습니다 나중에 네가 접근하기를 원한다면 나중에 네임을 쓴다 너에게 언어 그리고이 첫 번째 플러그를 확실히 설치하고 싶습니다 제한된 로그인 시도는 무엇이며 귀하의 웹 사이트를 해커가 로그인을 시도하고 모든 단일 암호와 사용자 이름을 사용합니다

가질 수있는 좋은 조합이며 사람들이 우리 자신을 선택하는 것을 원하지 않습니다 테마 및 걱정하지 않아도되는 고급 옵션을 클릭 한 다음 설치이 데이터 표시 줄은 설치가 진행 중임을 보여 주며 이제 설치가 성공적으로 완료되었으며 우리 도메인에 설치되어 있습니다 여기에이 링크를 만들었습니다 새로운 웹 사이트의 관리 영역을 이 정보 우리 웹 사이트의 패널에 로그인 한 다음 로그인을 클릭하십시오 우리 웹 사이트의 백 엔드가 될 것입니다

우리의 웹 사이트가 바로 여기에 있으므로 모든 것이 구성되었는지 확인하십시오 우리가 원하는 방식 제일 먼저 플러그인을 확인하고 싶습니다 여기 플러그인은 안녕 돌리 플러그인과이 Akismet 플러그인이 필요하지 않습니다 일단 실제로 당신의 웹 사이트의 설치 한 제비가 많으면 실제로 진짜로 좋은 플러그 접속 식 그것에 대한 의견을 말하지만 나는 그것을 활성화하고 어쩌면 그것을 삭제하는 것을 권 해드립니다 지금까지 당신이 필요로 할 때까지 개인적으로 제트 팩 플러그인을 사용하지 마십시오

그냥 비활성화 한 다음 삭제하면됩니다 거기에 우리가 지금 우리를 위해 설치된 제한된 로그인 플러그인을 가지고 갈 수 있습니다 그냥 우리 페이지를 확인하십시오 좋아, 페이지가 발견되지 않았다 우리는이 기본 게시물을 필요로하지 않는다

단지 휴지통을 클릭하면 거기에 한 가지만 더 있습니다 그러면 우리가 원하는 것입니다 설정으로 이동 한 다음 permalinks가 호스트 이름으로 설정되어 있는지 확인하고 싶습니다 모든 게시물과 페이지에 대한 검색 엔진 최적화되고 친숙한 URL 변경 사항 저장을 클릭하는 것이 정말 중요합니다 그래서 우리는 WordPress가 있습니다

호스트에 구성되어 있으므로 일단 웹 사이트를 구축 할 준비가되었습니다 WordPress가 설치되고 사이트에서 구성되었습니다 시작 시간입니다 테마를 설치하고 우리가 사용할 테마를 Avada 테마라고합니다 이것은 Avada 테마를 얻을 수있는 웹 사이트이며 실제로 링크를 클릭하면이 동영상의 설명에서 바로 여기로 연결됩니다

이 동영상 바로 아래에 있습니다 지금해야 할 일은 ThemeForest가있는 Envato 시장 마켓 플레이스에 계정을 만들고 나서 귀하의 계정 계속해서이 페이지로 이동하여 라이센스를 구입하십시오 면허 당신에게 이메일을 보내 귀하의 계정이 모두 설정되어 있는지 확인하십시오 준비가 끝나면 바로 여기에서 귀하의 계정으로 이동합니다 그런 다음 다운로드로 가서 설치 가능한 WordPress 파일을 다운로드하려고합니다

이 파일에는 설치 가능한 WordPress 만있는 모든 파일 문서가 있습니다 파일을 조금 더 복잡하게 만들면이 파일의 압축을 풀 수 있고 실제로 WordPress 파일을 설치하십시오 웹 사이트에 가서 이걸 클릭하고 다운로드하십시오 알고 있는지 확인하십시오 어디에서 다운로드 할 수 있습니까? 나중에 업로드 할 때 찾을 수 있어야합니다

웹 사이트를 방문한 다음 당사 웹 사이트로 다시 돌아가십시오 여기에 두 가지 외모, 테마를 클릭 한 다음 Add New를 클릭하고를 클릭하십시오 업로드 테마 및 여기에서 파일을 업로드 할 수있는 파일을 선택할 수 있습니다 누구나 볼 수있는 압축 파일입니다 설치 가능한 파일을 다운로드했는지, 너 뭐하는거야? zip 파일을 업로드 한 다음 지금 설치를 클릭하십시오

곧이 테마 파일이 귀하의 웹 사이트에 업로드 된 후 압축을 풀고 설치하면됩니다 여기에서 활성화를 클릭하기 만하면됩니다 이것은 귀하의 웹 사이트에 귀하의 적극적인 테마로 만들 것입니다 테마는 여기에서 볼 수 있지만 필수 플러그인 설치이므로 여기서는 계속해서 설치 플러그인을 설치 한 다음 여기를 클릭하십시오 그리고 나서 우리는 돌아 오러 간다

필요한 플러그인 설치 프로그램으로 돌아 가면 여기에 묶음이 있습니다 우리가 설치할 수있는 다른 플러그인의 설치를 권장하지 않습니다 추가 플러그인 웹 사이트에서 사용하는 추가 플러그인 잠재적 인 문제를 일으킬 필요는 없습니다 어떤 종류의 오류가 발생하거나 귀하의 웹 사이트 속도를 늦출 수 있습니다 이러한 추가 플러그인 중 하나가 플러그인을 설치하지 않고 기본 플러그인이 필요합니다

이 주제가 와서 환상적이며 그들이 할 수있는 많은 것들을 할 수 있도록 할 것입니다 귀하의 웹 사이트는 멋져 보이므로 핵심 플러그인 만 사용하는 것이 좋습니다 테마로 이제는이 탭을 여기에 설치 한 데모 탭이라고합니다 이것은 전문적으로 만들어진 데모가 모두 있습니다 그들이 훌륭한 데모를 가지고있는 Avada 전문 디자이너가 제작했습니다

리버스 엔지니어 중 일부를 사용하는 것이 좋습니다 이 데모에있는 것처럼 보이고 설치 버튼을 클릭합니다 여기에 귀하의 웹 사이트에 그것을 설치할거야 사실은 무리 이상의 라이트입니다 귀하의 웹 사이트에있는 모든 설정은 게시물 모음을 추가 할 수 있습니다 페이지 및 그런 것들을 그래서 나는 실제 사이트에서 그것을하는 것이 좋습니다 않는 빌드하고 사용하는 데 몇 가지 데모가 있습니다 Windows 컴퓨터 또는 Mac 컴퓨터에 WordPress를 설치하십시오

WordPress에 설치하는 기술을 사용하는 것이 좋습니다 이 데모 중 일부를 설치하는 컴퓨터로 돌아가서 전문 디자이너가 특정 모양을 얻기 위해 사이트를 구성한 경우 특정 모양은 당신이 당신이 다운로드 할 수있는 귀하의 사이트에 구현하려는 것 그 데모 이 튜토리얼에서 정확히 어떻게하는지 살펴 보겠습니다 정확히 어떻게 페이지를 만들고 다른 요소가 얼마나 많은지 보여주는 방법 하지만 분명히 모든 것이 작동한다는 것을 보여줄 수는 없습니다 이제 시작하겠습니다 Avada를 구성하기위한 바로 가기 기술을 제공 할 것입니다

테마를 사용하여 귀하의 브랜딩 웹 사이트와 일치하여 원하는대로 시작하십시오 여기서 Avada 메뉴로 이동 한 다음 테마 옵션이나 Avada 메뉴로 이동하십시오 대시 보드를 열고 옵션을 클릭하면 내가 제일 좋아하는 것이 있습니다 내 로고를 설치하고 일반적으로 내 브랜드의 모든 로고를 웹 사이트가 귀하의 웹 사이트에 로고를 설치하려면 여기를 클릭하십시오 제거를 클릭하십시오

기본 아바다 로고를 클릭 한 다음 업로드를 클릭하면 내 로고가 표시됩니다 여기 파일에 250의 로고 파일을 선택했습니다 125라고 생각합니다 이 웹 사이트에 로고의 크기를 알기 원하면 Select를 클릭하십시오 이 로고는 우리 웹 사이트에 있고 내가하고 싶은 것은 색상을 얻는 것입니다

로고의 기본 색상에 대한 사진에서 당사 웹 사이트의 브랜드와 일치하는 이 웹 사이트의 스타일은 여기에 있어야 스타일을 선택할 수 있습니다 주제 스킨은 주로 메인 페이지의 배경입니다 웹 사이트에서 나는이 웹 사이트에 대한 빛을 좋아하지만 어둡기도합니다 어두운 회색 배경과 밝은 텍스트 다른 옵션과 우리는 이것을 얻는다 사전 정의 된 색 구성표를 녹색으로 설정하고 몇 가지 다른 옵션이 있습니다

여기에 자신 만의 맞춤 옵션을 사용하는 것이 더 낫다고 생각합니다 혼자 앉아있는 것만 놔둬 두는 것이 좋습니다 나중에 결정하면 이 사용자 지정 설정을 덮어 쓰게 될이 설정을 변경하십시오 너는 여기에 이렇게 설정했다 Avada 테마 실제로 필요한 색상을 쉽게 파악할 수 있습니다

로고와 웹 사이트를 변경하기 위해 강조 할 색상을 변경하십시오 그 때문에이 밝은 녹색 색상이 Avada 강조 색상이었습니다 어떻게 강조 표시 색으로 바꿀 수 있을까요? 이 웹 사이트의 기본 로고 색상을 클릭하고 여기를 클릭하여 색상을 선택할 수 있습니다 색상 선택 도구를 사용하거나 정확하고 정확하게 사용하려면 여기를 클릭하십시오 전체적으로 일관성있는 색상을 추천합니다

웹 사이트에서 정확히 16 진수 코드가 무엇인지 알아 낸 다음 그냥 헤더 배경색에 다른 것을 붙여 넣습니다 그런 다음 그곳에 있습니다 요소 색상 아래 여기 롤오버 이미지 그라디언트 색상이 그곳에 있습니다 메인 메뉴의 색상을 여기로 변경하십시오 거기에 우리의 색과 그게 그 밖의 모든 것들은 꽤 중립적 인 색입니다

기회는 당신이 그 (것)들을 내버려 둘 수있다이다 그러나 당연히 거기 당신에 특정한 무언가가있다 당신의 색깔을 바꾸고 싶습니다 아마 여기에서 그것을 찾을 수 있습니다 우리가 바꾸고 싶은 또 하나의 장소 또는 색상과 짧은 코드에 있습니다 섹션에는 여기에 버튼 단축 코드 섹션이 있습니다 이것은 일종의 귀하의 웹 사이트를 추가 할 수있는 기본 버튼과 우리는이 두 가지를 가지고 있습니다

여기의 색상은 버튼 그라디언트 상단 색상과 버튼 그라데이션 하단 색상 당신은 이것을 그라데이션없이 단지 하나의 색으로 놓기를 원할 것입니다 이 두 가지 모두에 대해 동일한 코드가 있으며 여기에서 내가 할 일은 내가 약간 다를 때였습니다 이와 같은 버튼 위에 마우스를 올려 놓으면 색상 위로 마우스를 가져 가기위한 색상 색상이 약간 변경되어 사람들이 활성 버튼임을 알게됩니다 그래서 나는 여기 내 색깔이 약간 다르다 그런 다음 3D 버튼을 사용하려면 색상을 추가하고 그림자를 적용 할 수 있습니다

그 때문에 3D 버튼을 실제로 사용하지는 않지만, 혹시라도 거기에 넣어 라 나중에 나는 설정이 어디에 있는지 다시 생각하기로 결정했다 저기에 우리가 넣을 곳이 몇 군데 더 있습니다 색상을 강조 표시하여 다른 요소 중 일부를 호출합니다 레이아웃에 넣을 수있는 항목에는 변경해야하는 강조 색상이 있습니다

체크리스트에서 짧은 코드를 기본 강조 색상으로 변경하고 콘텐츠 박스의 짧은 코드 아래에서 카운트 다운 shortcode 아래 우리는 카운트 다운 배경색 및 카운터 상자 짧은 코드 및 원하는 경우 서면 파기와 같이 어떻게했는지에 대한 단계별 지침 서면 지침을보고 싶다면 실제 웹 사이트 힌트로 갈 수 있습니다 도트 컴은 아바다 튜토리얼을 슬래시하고 모든 지시 사항을이 곳에서 작성했습니다 카운터 서클 단축 코드 드롭 캡숏 코드 받기 플립 박스 단축 코드를 사용하면 어디를 가야하는지 쉽게 파악할 수 있습니다 전에 말했듯이 당신은 밝은 녹색을 모두 가지고 있기 때문에 그것을 만들 수 있습니다 정말 좋은 가격 테이블 shortcode 마지막 하나는 진행 표시 줄 단축 코드이며 여기에서 정말로 중요한 점은 모든 변경 사항 저장을 클릭하면 변경 사항이 저장되고 다음으로 다음 작업이 저장됩니다

타이포그래피 설정을 변경하는 것은 타이포그래피를 얻는 것과 같습니다 지형보다는 내 웹 사이트에서 필요로하는 것을 사용하는 것이 좋습니다 가장 쉬운 방법과 가장 널리 인식되는 Google 글꼴 웹과 당신은 당신이 당신의 글꼴을 위해 원하는 다른 모양을 가지고 있을지도 모르지만 나는 예를 보여주고이 글꼴을 여기에서 바꿔서이 글꼴을 바꿀 것입니다 여기에 Questrial과 나는 메뉴 글꼴을 Monserrate로 바 꾸었습니다 그런 다음 제목으로 이동하여 Footfair Fontf에서 Playfair 디스플레이로 변경했다고 생각합니다

플레이 페어 디스플레이 SC로 바뀌었고 선택 버튼에서도 똑같이했습니다 이 세팅의 앞부분은 똑같은 부분이고 내가 한 다른 부분은 모두 변화된 부분이다 내 독자들이 쉽게 읽을 수 있도록하기 때문에 재미있는 크기의 내 웹 사이트에있는 콘텐츠 때문에이 표준 글꼴 크기를 모두 두 개까지 늘 렸습니다 그러니 시간을 낭비하지 말고 모든 것을 바꾼 후에 계속 건너 뛰십시오 이들 그리고 제목 글자 크기에 대해 나는 이것을 훨씬 더 크게하기를 원했다

이들 각각에 대해 약 20 정도 정도 펌프를 작동시켜 펌프가 작동하는지 확인하십시오 내 시청자가 내 웹 사이트에서 제목을 읽는 것이 정말 쉽습니다 계속 시간을 낭비하고 모든 것을 조정 한 후에 건너 뜁니다 다음 게시물 제목 글꼴에 나는이 두 가지를 부딪 혔고 그 다음에는 그 중 몇 가지를 모두 만들었습니다 변경 사항을 확인한 다음 여기를 클릭하고 모두 저장을 클릭하십시오

변경 사항을 진행하고 체크 아웃하십시오 우리 웹 사이트의 첫 페이지가 Avada Theme와 어떻게 생겼는지 여기에 와서 사이트를 방문하십시오 계속 반복하려면 모든 변경 사항 저장을 클릭하십시오 다시 돌아가서 모든 변경 사항을 다시 적용 할 필요가 없습니다 여기에 방문 사이트를 포함하여 우리가 그렇게 많이 볼 수는 없지만 지금 볼 수 있습니다

강조 표시가있는 링크를 마우스로 가리키면 볼 수 있습니다 우리의 로고는 내가 좋아하지 않는 또 다른 한 가지를 넣어왔다 기본적으로 여기에 제목 표시 줄이 붙어 있으므로 제거하고 제거하십시오 그래서 우리가 만드는 모든 단일 페이지에 기본적으로 표시되지 않습니다 각 개별 페이지에 대한 설정을 추가하는 것이 매우 쉽습니다

이 제목 표시 줄을 개별 페이지에 표시하고 싶을 수 있습니다 이 제목 표시 줄을 제거하면 Avada 메뉴로 이동하여 이동합니다 테마 옵션을 선택한 다음 여기 왼쪽에서 페이지 제목 표시 줄을 찾습니다 탭 언더 페이지 제목 표시 줄을 클릭하고 숨기기를 클릭 한 다음 변경 사항 저장을 클릭하십시오 그럼 일단 당신이 기본 설정에서 원하는 모든 변경을 완료했습니다

Veda 테마 백업 탭에서 아래로 스크롤 한 다음을 클릭하는 것이 좋습니다 백업 옵션을 사용하고 방금 변경 한 모든 사항을 백업합니다 우리의 설정을 확인하려면 다음 할 일은 우리의 홈페이지를 구축하기 시작하는 것입니다 웹 사이트에서 그렇게하기 위해 우리는 실제로 두 개의 새로운 페이지를 만들 것입니다 우리의 홈 페이지를 위해 그리고 우리의 블로그 포스트를 위해 하나 샘플 페이지에서 휴지통을 클릭 한 다음 여기를 클릭 한 다음 추가를 클릭합니다

새 페이지를 추가하고 집에서 전화가 왔을 때 홈 페이지가 될 것입니다 확산 페이지 빌더를 활성화하려면 우리 홈페이지에 대해 그리고이 모든 설정이이 페이지에서 어떻게 작동하는지 살펴 보겠습니다 지금 게시를 클릭하십시오 하나 이상의 새로운 페이지를 추가하십시오 그러면 우리의 모든 게시물이 당신이 원할 때까지 이것을 부를 수 있도록 나타나십시오

너는 그것을 뉴스 또는 귀하의 산업 또는 회사와 관련이 있지만 예제 나는 그것을 블로그라고 부르고 출판을 클릭 할 것이고 아무 것도 할 필요가 없다 그렇지 않으면이 페이지 테마와 WordPress는 기본적으로 우리 게시물을 추가 할 것입니다 다른 두 가지 설정 방법을 설정하는 즉시이 페이지에 생성하십시오 이 설정을 읽으려면 여기를 클릭하십시오 정적 인 페이지는 우리의 프론트 페이지를 집에두고 그들의 포스트 페이지는 우리 블로그가 생성 된 블로그 페이지에 게시하고 변경하려는 경우 게시물에 대한 설정을 여기에서 변경할 수 있습니다

내가 좋아하는 한 가지 변경 사항은 전체 텍스트에서 항상 블로그 페이지의 요약 정보까지입니다 글을 올리면 페이지에 전체 텍스트가 있고 그 다음 글이 올 것입니다 전체 텍스트 뒤에 나타난다 첫 번째 블로그 게시물에서이 방법으로 나타났습니다 당신의 블로그 포스트에서 원본은 그 때 아마 아마 1 개 이상 포스트를 얻을 것이다 변경 사항 저장을 클릭하면 다른 하나의 장소가됩니다

여기에서 이러한 설정 중 일부를 얻을 수 있으며 WordPress는 지난 몇 년 동안 여러 가지 작업을 해왔습니다 여기에 사이트를 방문한 다음 맞춤 설정으로 이동하십시오 우리는 몇 가지를 설정했습니다 이것들은이 주제와 관련이 없지만 메뉴가 적용되고 조금 익숙해집니다 비트와 정적 인 첫 페이지는 이것과 동일한 설정으로 우리 웹 사이트의 설정을 변경하고 독서 섹션을 대시 보드로 되돌립니다

그리고 예제 페이지에서 내가 그 호텔 페이지를 보여 주었다 만든 호텔의 거대한 전체 창 이미지 였고 어떻게하는지 보여줍니다 그리고 실제로 우리가 퓨전 슬라이더를 사용하는 홈 페이지에서는 직접 그렇게하지 않습니다 슬라이더를 추가하거나 편집하기 위해 새 슬라이더를 만들려면이 슬라이더를 사용하십시오 함수는 슬라이드를 넣는 곳이며 실제로 하나의 슬라이드 만 선택할 수 있습니다

단 하나의 이미지 만 있으면이 슬라이더라고 부릅니다 홈 페이지를 클릭 한 다음 여기에있는이 설정에서 전체로 스크롤하면 화면 슬라이더를 사용하면 시청자가 처음으로 페이지를 방문 할 때 이미지는 웹 사이트 전체 화면 또는 전체 창을 채 웁니다 그런 다음이 시차 스크롤 효과와 그 효과를 확인하려고했습니다 콘텐츠가 아래에서 올라 오는 것처럼 보이게 만드는 것은 실제로 진행됩니다 원래 이미지 위에 그리고 그 효과와 비슷합니다

그런 다음 클릭합니다 아래쪽으로 스크롤 한 다음 Add 슬라이더를 클릭하여 여기까지 스크롤하면됩니다 홈페이지 슬라이더가 추가 된 것을보고 다음으로해야 할 일은 이 슬라이더로 슬라이드합니다 우리는 여기에 덧셈과 덧셈을 말하는 융합 슬라이더 아래를 클릭합니다 슬라이드를 편집 한 다음 여기로 이동하여 새 슬라이드를 추가하면이 슬라이드가 필요합니다

나중에 슬라이드를 추가하기로 결정한 경우를 가정에서 이것이 무엇이며 기본 이미지의 배경 유형 및 이것이 우리가이 콘텐츠를 위해 사용할 내용입니다 맞춤은 우리의 콘텐츠에 입력하려는 콘텐츠 또는 텍스트입니다 슬라이드와 우리가 그것을 사용할 수있는 제목 텍스트를 중심으로 정렬되기를 바랍니다 호텔 말타의 제목과 우리는 이것에 대한 분리 기호를 선택할 수 없습니다 당신이 그들의 다양한 스타일을하고 싶다면 텍스트 옆에 갈 것입니다

우리는 표제 글꼴 크기에 대한 옵션을 가지고 있고 이것을 82를 크게 변경하면 색상을 조절할 수 있지만 기본 색상 및 제목 배경처럼 예 텍스트를 읽고 쓰기 쉽도록 배경을 배경으로 배경 이미지 네, 그게 좋고 기본 배경이 마음에 들었어요 색상과 캡션 영역에서 여기에 약간의 텍스트를 추가 할 수 있습니다 내가 이미 작성한 일부 텍스트를 여기에 붙여 넣으십시오 단일 솔리드는 그 모양을보고 글꼴 크기를 약간 조정합니다

여기에 이것을 만들기 위해 60과 캡션 배경을 다시 사용하면 텍스트 사이에 이런 종류의 분리가 생깁니다 시청자를 위해 더 쉽게 읽을 수있는 이미지를 제공합니다 버튼의 설정을 선택하고 전체 슬라이드 만 하나를 선택할 수도 있습니다 큰 거대하지만이 경우에이 버튼을 보도록하겠습니다 조금 감사합니다 이 주제에서 혼란 스럽다

그들은 정말 쉽게 설정을 할 수있는 정말 좋은 일을했습니다 그리고이 주제의 많은 부분들 그러나 이것은 조금은 그 것들 중 하나입니다 까다 롭습니다 우선이 코드를 짧은 코드라고 부릅니다 읽다 워드 프레스가 등장하고 나에게 읽기 쉽도록 코딩하는 스타일 확실히 모든 것이 잘 쓰여지고 설명 될 수 있지만 조금 있습니다

조금 혼란스러워서이 버튼을 제거함으로써 실제로 시작합니다 우리 사이트에 하나의 버튼 만 있으면 여기에 링크되어 있습니다 버튼으로 이동하려는 페이지의 URL을 입력하십시오 우리가 다른 페이지를 가지고 있지 않은이 경우 그가 가고 싶었던 곳이 있습니다 우리가 해쉬에 넣을 장소 마커입니다

스타일을 지정하려면 먼저 해시를 요구하는 링크가 필요합니다 롤오버처럼 실제로 링크가있는 경우에만 작동합니다 그것에 대해 무엇이 보이고 느끼는지 보도록 허락 해주었습니다 나중에 다시 들어가서이 페이지가 원하는 실제 URL을 입력 할 수 있습니다 우리가 변경하고자하는 다음 항목은 단추 텍스트 또는 단추의 내용입니다

그리고 그것은 바로 여기 끝에있는 일종의 것입니다 그리고 이것을 'Learn More'라고 부르겠습니다 그리고 이제는 기본값이됩니다 이 버튼의 색상은 이미 Google에서 추가 한 강조 색상이 될 것입니다 단락 코드를 조정하려고 시도 할 색에 대해서만 걱정할 필요가 있습니다

이 설정 버튼은이 링크를 클릭하면 함께 제공됩니다 의 모양을 변경하는 방법에 대해 이야기하는 잘 쓰여진 페이지로 버튼을 누른 다음 상단을 나사로 고정하고 게시 버튼을 클릭하여이 버튼을 게시하십시오 우리가해야 할 일이 더 있습니다 그 슬라이더에 추가해야 할 것이 있습니다 우리가 홈 페이지를 클릭하여 여기에 홈 페이지 슬라이더로 만든 다음 우리는 업데이트하고 이제 할 일은 다음을 추가하는 것입니다

우리 홈페이지로 돌아가서 두 페이지를 모든 페이지로 되돌려 보겠습니다 여기 또는 클릭 할 수있는 홈 페이지를 편집하고 아래쪽으로 스크롤하십시오 그래서 이것들은 페이지 설정이 커스터마이징 할 많은 다른 설정을 알고 있다는 것입니다 특정 페이지의 모양과 그 중 하나가 바로이 슬라이더 탭입니다 첫 번째 탭에서 슬라이더 위치 기본값은 정상적으로 작동하지만 그대로 두도록하십시오

기본적으로 머리글과 메뉴 모음을 맨 위에 놓은 다음 이미지는 그 아래에 있고 슬라이더 유형에는 퓨전 슬라이더가 있습니다 우리가 사용하고있는 것이므로 우리는 가지고 있지 않은 퓨전 슬라이더를 선택할 것입니다 우리가 이것을 무시할 수있는 슬라이더 슬라이더와 퓨전 슬라이더에 필요한 슬라이더 표시 할 슬라이더를 선택하면 홈페이지 슬라이더가됩니다 우리가 방금 생성 한 다음해야 할 일은 우리를 구하기 위해 여기를 클릭하여 업데이트하는 것입니다 설정은 항상 홈 페이지의 설정을 조정할 때마다 기억합니다

완료하기 전에 페이지를보고 싶으면 업데이트를 클릭하십시오 그렇지 않으면 설정이 손실됩니다 정말로 중요한 것은 내가 자주하는 것을 잊어 버렸습니다 돌아가서 변화해야하는 좌절감 나는 항상 너를 밀어 붙일 것이다 이 업데이트 버튼을 클릭하면 그 모습을 볼 수 있습니다

여기 페이지보기 페이지는 여기에이 이미지가 있지만, 슬라이더에 배경을 추가하는 것을 잊어 버렸으므로 그 배경을 추가 할 수 있습니다 이미지로 돌아가서 대시 보드 퓨전 슬라이더를 클릭합니다 슬라이드를 추가하거나 편집합니다 집의 한면을 편집하고 여기에서 옙을 입력하십시오 슬라이더 이미지이므로 확인을 클릭하십시오

추천 이미지 파일 업로드 및 이미 이 파일을 드래그하도록 선택 했으므로 여기서 큰 이미지는 전체 창을 채울 것입니다 실제로는 아마도 더 큰 이미지 일 것입니다 이 1280×720은 아마도 1440×900 정도를 추천 할 것입니다 이 이미지의 경우 항상 최적화 된 이미지를 업로드하고 싶습니다 시청자에게 빠르게로드되는 이미지와 페이지 속도가 정말 좋다 귀하의 Google 순위에 중요한 정보를 입력 한 다음 추천 기능 설정을 클릭하십시오

이미지를 클릭하고 여기에서 업데이트를 클릭합니다 이제 돌아가서 우리 홈 사이트 홈 페이지를 확인해 봅시다 우리가 간다, 당신은 하나의 이미지를 볼 수있는이 위대한 찾고 전체 창을 가지고있어 우리가 다음에하고 싶은 것은이 헤더를 투명하게 바꾸기 위해서입니다 그래서 우리의 이미지가 실제로 전체 화면에 걸쳐 펼쳐지는 것처럼 보입니다

그러니 그녀가 여기에서 편집 페이지를 클릭하고 여기로 스크롤 할 수있게하십시오 이 머리글 탭으로 이동 한 다음이 배경 불투명도를 0으로 변경할 수 있습니다 머리글의 배경에서 모든 색을 제거하고 명확하게 만듭니다 그래서 여기에있는 업데이트를 클릭하고 그 모습을 보자 여기에 우리 로고있어 결국 우리는 메뉴를 채우고 많은 사람들이 보여줄 것입니다

바로 여기에 있지만 이것은 웹 사이트를위한 훌륭한 시작입니다 우리 홈 페이지에 더 많은 콘텐츠를 추가하고 페이지 편집을 클릭하면 퓨전 페이지 빌더를 사용하면 페이지 빌더가 정말 좋은 방법입니다 내용 추가 및 페이지 모양 사용자 정의 쉽게 페이지 빌더 또는 페이지 빌더에서 사용할 수있는 두 가지 주요 기능이 있습니다 열 옵션을 사용하여 전체 너비 컨테이너를 추가하면 우리의 콘텐츠를 넣고 다른 열을 갖고 싶으면 분리하고 싶다면 드롭 할 수있는 컨테이너 안의 다른 섹션 너비 첫 번째 컨테이너에 대한 이러한 요소는 전체 너비를 사용하려는 것입니다 이미지를 클릭 한 다음 여기에 텍스트 나 다른 종류의 요소를 추가하려면 여기를 클릭하십시오 빌더 요소 및 이미지로 시작할 위치

그래서 우리는 이미지 프레임을 사용할 것입니다 그걸 여기에서 드래그하면 이것에 대한 다른 좋은 점은 당신이 설정을 시작한 후에입니다 물건을 클릭하고 드래그하지 않고 주위로 이동하려는 경우 주위에 우리는 한 가지 일을 설정했습니다 하지만 그게 네가 할 수있는 일이야이 펜 도구로 이리 가서 그게 네가하는 방법이야

각 요소에 대한 조정 그래서 우리가해야 할 일은 여기에 약간의 방법으로 아래로 스크롤하면됩니다 이미지 섹션을 만들면 원하는 이미지를 광고에 업로드 할 수 있습니다 여기에 업로드를 클릭하고 로고 이미지를 사용하지만 약간 큰 이미지가 필요합니다 로고 이미지 새 로고 파일 업로드 여기를 마우스 오른쪽 버튼으로 클릭하여 드래그하십시오

저장하려면 여기 오른쪽 하단의 페이지에 삽입하십시오 이 텍스트 바로 아래에 텍스트를 추가하면이 모든 텍스트 블록을 찾을 수 있습니다 물건은 알파벳 순서로 여기에있다 TextBlock을 드래그하여 편집 한 다음 여기에 텍스트를 입력하고 다음에 여기에 약간의 제목 텍스트를 추가 할 것입니다 과거에 그것을 중심으로 한 다음 이것을 가운데 정렬 한 다음이 크기를 수정하거나 스타일 태그를 사용하면이 툴바를 사용하여 여기를 클릭 한 다음 토글 할 수 있습니다

여기에이 텍스트를 강조 표시하고 이것을 위해 Heading 3 태그를 사용하겠습니다 다음 빠른 저장은 여기에 다음에이 텍스트 사이에 구분 기호를 추가합니다 텍스트의 단락은 거기에 그 구분 기호를 드래그하십시오 펜 도구를 사용하여 조정하십시오 스타일을 단일 테두리로 변경한다

여백 상단을 추가 할 것입니다 이것은 그릴 선과 공간 사이의 공간입니다 라인 위의 여백 바닥 공간을 라인 아래에 놓습니다 그들의 마진 상부 (40)의 부분 및 마진 하부 (50) 및 그럼 우리가 사용하려고하는이 작은 막대의 색에 하이라이트 색을 사용합시다 별도의 일을하므로 여기를 클릭하여 여기에 붙여 넣습니다

그러면 하단의 저장을 클릭합니다 아래에 더 많은 텍스트와 이미지를 추가해 보도록하겠습니다 열 옵션을 사용하고 그 아래 1/3 블록을 드래그했습니다 구분 기호를 사용하고 그 아래 2/3 블록을 드래그하여 결정하면 나중에 너는 너의 너비를 바꾸고 싶다 너는 항상 클릭 할 수있다

추가 할 때이 섹션의 너비를 변경하는 더하기 및 빼기 버튼 그런 다음 여기에 텍스트 블록을 추가하십시오 빌더 요소를 클릭 한 다음 텍스트 블록을 오른쪽으로 드래그하면 텍스트가 표시됩니다 우리는 이것을 중심에두고 아무도없는 멋지고 큰 중심으로 만들고 싶습니다 큰 h1 태그 그 다음 우리 호텔에 관한 약간의 글자를 더할 예정이다 그리고 이것은 단지 필러 다

나는 여기에있다 그런 다음 저장을 클릭합니다 그 아래에 우리는 버튼을 추가하여 버튼을 클릭하면 여기에 버튼 요소가 있습니다 우리가 방금 입력 한 텍스트와이 텍스트를 수정해야합니다 버튼을 사용하여 페이지를 만들 때까지 자신의 광고를 자리 표시 자로 삽입하십시오

버튼이 우리가 커스텀을 사용하고자하는 버튼 스타일을 위해 그렇게 될 것입니다 우리가이 사각형을 만들기를 원했던 버튼 모양을 위해 여분의 크기를 사용하고자하는 크기의 경우 단추 제목이 단추에 나타날 때 단추 제목을 '지금 예약'을 클릭 한 다음 상단의 그라디언트 색상을 보자 주요 강조 색상은 하단 그래디언트 색상에 대해 동일하게 적용됩니다 실제로 이것에 그라데이션을 가지고 싶습니다 그리고 나서 마우스 오버를 사용합니다

그라디언트를 위아래로 위아래로 움직일 수있는 색상이며 강조 색상이 필요하지 않습니다 다음으로해야 할 일은 아이콘을 추가하여 더보기 좋게 만드는 것입니다 재미있는 것은 오른쪽 화살표 또는 당근 아이콘의 작은 종류를 여기에서 사용한다 그리고 그들은하지 않을 것이다 아이콘 위치를 오른쪽에 표시하도록하고 분할자를 사용하여 텍스트와 거기에있는 아이콘 사이를 약간 떼어 놓으십시오

하단의 저장을 클릭하십시오 이 섹션에서 우리가 할 수있는 마지막 일은 여기 우리 호텔의 이미지를 추가 할거야 우리가 이미지 프레임에 간다 드래그하여 여기 프레임 스타일을 편집합니다 마우스를 놓기위한 그림자를 선택합니다

우리가 선택하려고하는 타입은 깔끔한 것 같은 것을 보여주는 것입니다 작은 효과는 테두리 크기를 두 개의 pix 및 경계 색상 만 테두리로 만듭니다 반지름은 테두리 모서리를 둥글게하고 싶으면 테두리를 추가 할 수 있습니다 반경을 조정하면 이미지의 정렬을 가운데로 변경할 수 있으므로 원하지 않습니다 이미지 라이트 박스를 만들고 여기에서 이미 사용하고 싶은 이미지를 업로드하십시오

이미지를 골라 내고 그냥 여기로 드래그 한 다음 삽입을 클릭하십시오 페이지로 이동 한 다음 다른 이름으로 저장을 클릭하십시오 여기에서 업데이트 버튼을 클릭하십시오 우리 페이지가 어떻게 보이는지 아래로 스크롤하면 볼 수 있습니다 흰색 표시 줄이 나타나 헤더가 쉽고 분리되어 있는지 확인합니다

메뉴가 여기에 나타날 것이고 우리는 그것에 대해 알게 될 것입니다 꽤 좋은 우리는 당신이 이것을 중심으로하고 싶습니다 배경 이미지는 여기에 그리고 만약이 이미지가 조금 더 컸다면 배경 이미지를 추가하고이 이미지의 중앙에 배치하십시오 다시 편집으로 돌아 가자 페이지로 이동 한 다음 여기를 중심으로 줄 바꿈으로 이동합니다

그런 다음이 이미지 크기에서 어떤 일이 일어나는지 보도록하겠습니다 여기에 이미지가 너무 크면 페이지에 삽입을 클릭합니다 저장하고 이미지를 뒤에 추가합니다 이 전체 섹션은 전체 너비 컨테이너에 대한 설정이므로 배경을 클릭 한 다음 여기를 클릭하여 배경 이미지는 이미이 이미지를 드래그하여 배경 이미지를 선택했습니다 여기에 전체 크기로 설정되어 있는지 확인하십시오

따라서 1400을 권장합니다 폭 이미지를 입력 한 다음 페이지에 삽입을 클릭 한 다음 저장을 클릭합니다 처럼 우리가 여기서 바꿀 필요가있는 몇 가지 다른 설정이 있습니다하지만이 설정이 무엇인지 보여 드리려고합니다 이제는 문제가 생겨서 문제를 해결하는 방법을 알게 될 것입니다

그러니 계속 진행하여 지금 페이지를 업데이트하십시오 우리는이 배경을 가지고 있습니다 이미지가 전체 폭을 가로 지르지 않고이 텍스트가 지금은 이미지에 들어 있기 때문에 읽기가 조금 어려웠습니다 배경 우리가 지금해야 할 일은 여기에 배경 섹션을 추가하는 것입니다 이미지 주변의 배경은 배경과 분리하기에 좋을 수도 있습니다

이미지 및 우리는이 이미지를 여기 배경 이미지를 전체 너비로 만들고 싶습니다 이제 우리는 편집 페이지를 클릭하여 배경 이미지 전체 너비 실제로 여기에서이 페이지 템플릿을 변경하는 것입니다 ~ 100 % 너비로 컨테이너를 만들 수 있습니다 우리가 이것을 위해했던 배경 이미지를 포함하여 우리 페이지는 다음을 위해 여기에 배경을 추가하려면 여기를 클릭하십시오 이에 대한 설정을 조정할 것입니다

아래쪽 스크롤 아이콘 옆에있는 펜 아이콘을 사용하여 1/3 섹션을 선택하면 배경색 나는 흰색을 선택할 것이고 우리는 이것 주위에 약간의 공간을두고 싶다 텍스트에 배경이 주위에 약간의 공간을 가지고있다 그런 다음이 1/3 섹션과 동일한 것은 센터 콘텐츠를 선택합니다 수직으로 배경색을 흰색으로 바꾼다 그 패딩을 20으로 만들고 저장을 클릭하십시오

우리가 방금 작성한 변경 사항을 업데이트하기 위해 업데이트로 이동하십시오 저장을 클릭하십시오 이 추가 항목 중 하나는 클릭 할 때까지 일시적으로 저장됩니다 업데이트 및 업데이트를 클릭하지 않으면 페이지의 모든 설정이 저장됩니다 여기에서 만든 모든 설정을 잃어 버리십시오

귀하의 페이지가 지금 그래서 우리가 간다 꽤 좋은 찾고 지금까지 함께 가자 여기에 우리 페이지에 몇 개의 섹션을 더 추가하겠습니다 우리는 편집 페이지를 본질적으로 클릭합니다 웹 사이트의 다음 섹션에서 다음과 같은 배경을 갖고 싶지는 않습니다 이 전폭 용기

우리는 다른 너비의 컨테이너를 추가하십시오 전폭 컨테이너를 드래그하는 대신 추가하는 방법 아래로 누르거나 실제로 fullwidth 컨테이너를 클릭하면 자동으로 여기에 태그를 추가하려고합니다 다른 요소를 사용해 봅시다 태그 라인 요소를 사용해 보겠습니다 빌더 요소 태그 라인 태그 라인 상자를 클릭하십시오

이리 기본 색상 대신 여기를 클릭하여 편집 된 태그 라인 상자 흰색을 사용하고 테두리 색상을 짙은 회색으로 만들 때 상자 선택되었거나 a5a5a5의 16 진수 코드를 사용하려고합니다 그런 다음 우리가이 상자 안에 넣는 모든 것이 중심에 놓이게 될 것입니다 그러면이 기능을 버튼과 함께 추가 할 수 있습니다 일부 버튼 텍스트는 여기에 우리가 임시 링크를 여기에 넣을 수 있습니다 해시 및 버튼 크기를 선택하게 될 것이며 버튼 유형은 평평해질 것입니다

모양을 정사각형으로 설정하고 버튼을 누릅니다 우리가 찾은 색 기본 값은 우리가 가지고있는 설정에서 벗어날 것입니다 이미 여기에 태그 라인의 제목을 만든 다음 우리의 태그 라인 그리고 우리는 여기서 설명 할 수 있지만 실제로는 설명 및이 텍스트 상자를 클릭 한 다음 저장을 클릭하여 그 내용을 확인하십시오 보이는 군 업데이트를 클릭하십시오

이 페이지에서 나가기 전에 항상 업데이트를 클릭하십시오 보기 페이지를 클릭하십시오 그래서 우리는이 재미있는 작은 상자에 더 많은 정보와 정보를 제공합니다 좋은 작은 단추는 그래서 더 약간을 추가하게한다 편집 페이지를 클릭합시다

우리 호텔 스파에 대한 정보를 추가하자 여기에있는 섹션과 매우 비슷한 것이므로 새로운 너비 컨테이너를 추가 할 것입니다 우리는 3 분의 1 상자와 2/3 상자를 추가 할 것입니다 이제 3 분의 1과 2 분의 3 상자를 볼 수 있습니다 우리의 전체 너비 컨테이너 아래에 3 분의 2가 추가됩니다

항상 보관하는 것이 좋습니다 컨테이너로 가득 찬 콘텐츠가 여기에 컨테이너를 넣고 올바르게 주문했다 이제 텍스트 블록을이 1/3 섹션으로 드래그하고 제목 섹션으로 사용하면 실제로 두 가지 종류가 있습니다 제목과 두 가지 스타일의 제목을 선택하고 텍스트 블록을 클릭하십시오 가서 아래로 드래그하십시오

여기를 1/3 섹션으로 드래그하여 편집을 클릭 한 다음 텍스트를 추가하십시오 첫 번째 텍스트 줄 우리는 h3 태그를 사용하려고합니다 센터와 텍스트의 두 번째 줄은 우리는 이것을 좀 더 큰 종류로 만들 것이고, 이것에 흥미있는 모습을 보여줄 것입니다 섹션을 클릭 한 다음 저장을 클릭하면 그 아래에 분리 기호 섹션이 추가됩니다 그것을 텍스트에서 분리하십시오

우리가 가질거야 해당 구분 구역을 오른쪽으로 드래그 한 다음 편집을 클릭하십시오 스타일을 위해 우리는 하나의 경계를 할 것입니다 Se 마진 상단을 30, 하단을 30으로 만듭니다 구분 기호 색상은 강조 표시 색상

저기에 붙여 넣으세요 그리고 우리는 이것을 위해 모든 길을 가고 싶지 않습니다 분리 기호 너비는 20을 사용하고 저장을 클릭합니다 그런 다음 다른 텍스트 블록을 추가하여 이 호텔 스파에 대한 설명은 여기에 텍스트를 입력하고 저장하고 지금 클릭하십시오 우리 1/3 섹션에서 우리 스파의 작은 이미지를 여기에 추가하고 이미지 프레임을 드래그하여 추가하십시오 이리 우리는 프레임 스타일을 클릭하고 드롭 섀도우 호버 유형으로 변경합니다

조금만 변경하면됩니다 테두리 색상을 들어 올리면 a5a5a5를 사용합니다이 테두리를 두 개의 pix로 만듭니다 여기에서 백그라운드 스크롤과 분리 된 정렬 센터 및 이미지 라이트 박스 선택하기 사용하고 싶으면 페이지에 삽입을 클릭합니다 어떻게 생겼는지 보자

업데이트 조회 좋아 보이는 멋진 여기에 흥미로운 섹션을 추가 할 것입니다 여기에는 전체 너비를 채우는 이미지가있을 것입니다 중간에 일부 텍스트가 있으므로 웹 사이트의 멋진 구분선을 만들 것입니다 이리 편집 페이지를 클릭하면 여기에 전체 너비의 컨테이너를 클릭하고 1/3을 추가합니다

컨테이너와 3 분의 1 컨테이너를 세 번 클릭하면됩니다 자동으로 여기에 페이지 하단에 추가하고 전체 너비의 컨테이너 그리고 이들 각각의 뒤에는 그들에게 dd의 배경을 보냅시다 첫 번째 1/3 컨테이너의 경우 배경 이미지를 추가하고 여기에서 설정하십시오 그래서 나는 열 간격을 '아니오'로 설정하면 열 사이에 간격이 없음을 의미합니다 아무 것도 없을거야

이 내용은 중요하지 않으며 우리는 백그라운드 이미지 업로드를 추가 할 것입니다 여기에 배경 이미지 나는이 로맨틱 한 이미지를 로맨틱 한 저녁 식사 이미지로 가득 차있다 크기를 선택하고 삽입 및 페이지를 클릭하면 마지막으로 배경 이미지가 나타납니다 계속 진행하고 변경할 섹션 알아야 할 간격은 배경 이미지와 그의 마지막 이미지가 다른 모든 것 위에 있음을 나타냅니다

웹 사이트의 이미지는이 이미지를 제외하고 실제로 찍은 이미지입니다 여기와이 해변 이미지 그리고 실제 웹 사이트 힌트에 블로그 게시물이 있습니다 com slash 귀하의 웹 사이트에서 무료 이미지를 사용할 수있는 곳을 보여주는 무료 이미지 페이지에 삽입 한 다음 저장을 클릭하면이 중간 섹션입니다 그런 다음 배경 색상을주고 여기에 텍스트가있을 때 select 색상 또는 내가 선택한 다음 사용하고자하는 색상을 선택하십시오 우리가 여기에서하고 싶은 일은 텍스트 주위에 약간의 공백을 두는 것입니다

그의 상자에서 우리가 패딩을 바꾸기 위해 여기로 내려갈거야 패딩을 바꿔라 ~ 40 픽셀 텍스트 주위에 좋은 공간이 많이있어 안전합니다 이 열 간격을 '아니요'로 변경하면 열을 추가하고 텍스트를 추가해 보겠습니다 섹션을 참조하십시오

진행하고 편집 할 수 있습니다 제목 크기 1을 사용하려고합니다 가장 큰 크기입니다 내가 텍스트 정렬 센터라고했을 때의 크기 구분자를 'none'으로 설정하면 구분자가 필요하지 않습니다 구분 기호 색상은 유형에 상관 없습니다

로맨스와 그 텍스트를 설정하려면 여기를 클릭하고 저장을 클릭하십시오 이제 그 아래에 구분 기호 항목을 클릭하십시오 구분 기호를 클릭하십시오 스타일을 위해 우리는 하나의 경계 여백을 추가 할 것입니다 40 마진 바닥 40 색상을 흰색으로 구분하고 저장을 클릭하십시오

아래에 하나의 텍스트 상자를 추가하십시오 보시다시피 구분 기호는 구분 기호 색상이 없으므로 여기에 아무것도 표시되지 않습니다 흰색 이었으므로 분리 기호가 흰색이라는 것을 알아야합니다 그냥 텍스트를 작성하고 우리 호텔에서 로맨스에 대한 텍스트를 여기에 추가하십시오 이 텍스트 센터에 새 라인을 포함하여 강조 표시하십시오

center를 선택하고 여기에서 텍스트 색상을 변경하여 배경이 정말 좋았습니다 그리고 그들이 하얀색으로 바꿀 때 여기에 그 자리를 사용하십시오 하얗게 말한 것은 이것에 대해 알아야 할 것이 있습니다 여기에 문자가 없기 때문에 배경 색상이 흰색으로 표시됩니다 편집기의 기본 배경색도 흰색이지만 텍스트가 저장을 클릭하십시오

아직 끝나지 않았습니다 아직 끝나지 않았습니다 이것은 지금과 같이 보입니다 그러면 어떻게 수정하여 업데이트를 클릭할까요? 빠른 업데이트를 이동하기 전에 설정을 변경할 때마다 여기에서 페이지보기를 클릭하십시오 우리는 간다 분명히 그것은 여기에 전체 너비가 아니지만 꽤 괜찮아 보입니다

또한이 이미지들은 일종의 높은 저점이 낮은 것 여기에서 편집 페이지에 포함하도록 수정하고 변경하십시오 우리는 여기서 전체 너비 컨테이너를 편집하고 설정을 변경해야합니다 내부 콘텐츠의 너비를 '예'100으로 변경해야합니다 내부 내용이 '예'라고 말하는 방식으로 화면 전체에 걸쳐 표시됩니다 우리는 같은 높이의 컬럼을 설정하여 카드를 강제로 만들려고합니다

하나의 텍스트가 다른 텍스트보다 더 크게 블록되도록 높이를 같게 한 다음 클릭하십시오 구하다 우리는 클릭 할 것이다 업데이트 후 페이지보기 가능 그들은 우리가 여기서 정말 멋진 섹션을 보러 갈거야 마지막으로 너에게 보여줄거야

마지막으로해야 할 일은이 저작권 섹션을 조정하는 방법입니다 여기에 귀하의 회사에 대한 정보를 반영한 ​​다음 중요한 일과 어떻게 추가하는지 알려줍니다 여기에 귀하의 웹 사이트의 바닥 글 영역에 몇 가지 추가 콘텐츠 및 방법 여기에 메뉴를 설정하여 링크 할 수있는 다른 페이지를 만들었습니다 우리 웹 사이트의 바닥 글 부분을 편집하기 위해 지금 당장하겠습니다 대시 보드로 이동 한 다음 Avada 테마 옵션으로 돌아가서 클릭합니다

바닥 글은 여기에 있고 우리는 여기서 스크롤 할 수 있습니다이 주제가 정말 멋집니다 바닥 글을 정말 쉽게 조정할 수있는 능력을주었습니다 많은 그 (것)들 다른 주제는 진짜로 그들의 꼬리표에서 그들의 이름이 있고 그것을 당신이 실제로 그것을 들어가기 위해 당신이 그것을 바꿀 수 있도록 약간의 작은 비트 거기 및 웹 사이트의 코드를 변경하지만 다행히도 그들은 그것을 가지고 바로 여기에서 우리는이 텍스트를 여기에서 바꿀 수 있습니다 여기에 약간의 코드가 있습니다

이것은 여기 링크 코드와 같습니다 Avada 테마를 만드는 팀 퓨전 웹 사이트에 코드가 존재하지 않았습니다 이 텍스트를 삭제하는 것만으로이 텍스트를 좋아하는 것입니다 텍스트를 입력 한 다음 변경 사항 저장 버튼을 클릭하여 섹션이나 위젯으로 이동하여 위젯을 볼 수 있습니다 동일한 콘텐츠를 표시하려는 웹 사이트의 미리 정의 된 영역 다시이 주제에 대한이 예제에서 우리는 블로그를 가지고 있습니다

블로그 페이지의 사이드 바를 통해 위젯을 볼 수 있습니다 삭제를 선택하면 삭제 버튼을 클릭하기 만하면됩니다 바닥 글 위젯 영역이 있습니다 여기에 우리가 할 수있는 콘텐츠가 있습니다 꼬리말에 추가해서 앞으로 나아갈 것입니다

이제 그는 우리가 한 두 가지를 얻었습니다 3, 4 명이 왼쪽 왼쪽에 관한 것이 될 것입니다 오른쪽 중간에 3 개의 중간 오른쪽을 모두 넣었지만 추가하면 콘텐츠가 4 ~ 3 개, 예를 들어이 콘텐츠가 슬라이드 될 것입니다 자동으로 CSS 코드가 표시되는 방식으로 왼쪽으로 자동 이동합니다 웹 사이트에서 작동하는 것은 기본적으로 왼쪽 아래에 머 무르므로 당신이 선택하는 콘텐츠가 무엇이든간에 그것을 느끼지 마십시오

왼쪽으로 가서이 서버에 몇 가지 컨텐츠 항목을 추가하십시오 1 콘텐츠는 연락처 정보를 추가하는 데 필요한 기본 연락처 정보입니다 여기 섹션과 운전 전화 번호 번호 이메일 여기에이 섹션을 사용하는 링크를 누른 다음 우리가 가질 수 우리는 빠른 안전이 위젯 섹션을 위해 이것을 닫고 필요로했던 웹 사이트 이 최근의 작품을 잘 사용하려면 여기에서 물건을 표시하지 않아도됩니다 우리 웹 사이트의 포트폴리오 섹션과 일부 포트폴리오 항목을 추가 할 예정입니다 포트폴리오 섹션에 이미지를 넣으면이 이미지가 나타납니다

최근의 작품과 모양이 정말 좋지만 포트폴리오가없는 경우 포트폴리오 아이템은 당신이 내 코트 인이 섹션을 추가하지 않을 것입니다 영역 3은 바로 거기에 트위터 위젯을 추가하자 이 지시는 바로 여기에 있습니다 가장 쉬운 방법은 다음과 같습니다 트위터 스타일을 사용하고 당신에게 약간의 통제력을 제공합니다

트위터 위젯 ID에이를 수행하는 방법에 대한 지침을 추가해야합니다 이 페이지에서이 링크를 클릭하고 내 트위트 위젯에 입력하십시오 D 수용체가 홈 페이지 편집기 색상에서 가장 잘 보이는 딱 한 트윗으로 바닥 글의 색상이 어둡고 어둡게 변경하고 링크 색상을 만들어 링크 색상은 기본 색상이며 그 색상이 저조하기에 충분히 늦었습니다 꼬리말이나 머리글과 바닥 글이 확실하지 않은 테두리를 표시하지 않도록하십시오 트위터 상자의 순서와 내가 단지 그들을 위해 가장 좋아 보인다 고 생각하는 저장하면 바닥 글 섹션을 준수하는 추가 작업을 하나 더 추가 할 수 있습니다

사회적인 연결 mckinney이 사회 연결 단면도는 여기에서 좋다는 것을 우리의 소셜 미디어 링크를 보여주세요 지금은 링크가 없지만 다양한 소셜 미디어 플랫폼과 절반 정도 볼 수 있습니다 아래쪽에 보이는 모습은 이제 메뉴 추가에 대해 살펴 보겠습니다 나를 강제로 여기 몇 가지 임시 페이지에 몇 페이지를 추가하는 것입니다 앞으로 몇 페이지를 추가 한 직후에 곧 돌아올 것입니다 귀하의 웹 사이트 많은 사람들을 조정하고 너무 많이 조정하면 외모 메뉴로 이동합니다

그런 다음 여기에 새 메뉴 만들기를하러갔습니다 이미 여기에 설정되어 있다고 생각합니다 주 메뉴 이름에서이 하나의 메인 메뉴를 호출합니다 메뉴를 만든 다음 여기에 메뉴에 추가 할 페이지를 추가 할 수 있습니다 시청자가 쉽게 홈 페이지로 돌아가서 다음을 추가 할 수있는 집 여기에 추가 페이지가 있었고 그다지 간단하지 않은 페이지가 너무 많았습니다

주문이 오른쪽에서 아래로 진행될 예정이므로 홈페이지를 첫 번째 블로그 페이지가되고 두 ​​번째 페이지가되고 123 페이지가 나오면 드래그하면 볼 수 있습니다 오른쪽에 조금씩이 메뉴를 만들어 드롭 다운 메뉴로 만듭니다 이 경우에 항목은 여기에두고 싶지는 않습니다 그런 다음 웹 사이트가 주 탐색 영역에 추가하도록했습니다 우리 웹 사이트의 메인 네비게이션을 알고 있어야합니다

웹 사이트의 주요 제목이며 자동으로 거기에 추가됩니다 그러면이 상자를 선택하지 않으려 고하지만 자동으로이 상자를 추가 할 수 있습니다 새로운 최상위 페이지 이 많은 것들이 너무 멋져서 저장 메뉴를 확인한 후 지금 가자 앞서 우리 사이트가 여기에 보이는 것과 같이 우리가 지금 간다 찾고있는 웹 사이트와 나는 Aveda 테마를 사용하는 방법을 보여줄 것입니다 Aveda 팀이 귀하의 사이트를 멋지게 보이게 만드는 힘 Aveda 팀을 사용하는 방법에 대해 더 궁금한 점이 있으시면 아래의 주석과 우리는 이미이 튜토리얼에 대한 지침을 작성했다

당신은 실제 웹 사이트에서 그를 발견 할 수 있습니다 내 채널을 구독하여 더 많은 팁과 트릭을 만드는 방법과 튜토리얼을 만드는 방법 웹 사이트를 가능한 한 쉽게 구축 할 수 있습니다