3부: Elementor로 새로운 비즈니스를 위한 WordPress 웹사이트 구축

게시 됨: 2020-08-07

인기 있는 WordPress 페이지 빌더인 Elementor를 사용하여 새로운 비즈니스를 위한 WordPress 웹 사이트를 구축하는 데 필요한 모든 것을 다룰 8부 시리즈 중 세 번째 파트에 오신 것을 환영합니다.

3부에서는 웹사이트 구축을 빠르게 진행할 것입니다. 의제의 첫 번째 항목은 일부 호스팅을 선택하고 WordPress를 설치하는 것입니다. 그런 다음 페이지 빌더인 Elementor를 설치하고 새 웹 사이트의 기초가 될 테마를 가져옵니다. 마지막으로 핵심 기능에 익숙해지기 위해 Elementor 빌더를 살펴보겠습니다.

가자!

WordPress 호스트 선택

2부에서 논의한 바와 같이, 우리는 웹사이트에 자체 호스팅 버전의 WordPress를 사용할 것입니다. 이것은 새로운 사이트의 디자인과 기능 측면에서 최대한의 유연성을 제공하며 WordPress를 사용하는 사람들이 가장 많이 이용하는 경로입니다. 자체 호스팅이므로 빌드를 시작할 수 있으려면 자체 웹 사이트 호스팅을 구입해야 합니다.

참고: 호스팅 없이 컴퓨터에서 '로컬'로 WordPress 웹사이트를 구축할 수 있습니다. 그러나 이 접근 방식에는 상당한 양의 설정과 기술 노하우가 필요합니다. 대부분의 사람들은 선택한 호스트에 WordPress를 설정한 다음 이를 기반으로 직접 구축하는 것이 좋습니다.

WordPress 호스팅은 쉽게 구할 수 있습니다. Google에 검색하면 수백 개의 결과가 표시됩니다. 많은 WordPress 호스트가 있습니다. 이것은 소비자에게 여러 가지 면에서 좋은 소식이며 이는 선택의 폭이 많다는 것을 의미하지만 선택의 폭이 너무 커서 혼란스러울 수 있기 때문에 동등하게 선택은 양날의 검이 될 수 있습니다.

우리는 기업용 WordPress를 살펴보고 호스팅 옵션에 대해 자세히 설명하는 백서를 작성했습니다. 좀 더 자세히 알고 싶다면 여기를 읽어보세요. 시간이 없으신 경우 계속 읽으십시오. 그러면 호스팅 옵션을 신속하게 안내해 드리겠습니다.

WordPress 호스팅 옵션

가장 먼저 명심해야 할 것은 모든 호스팅이 평등하지는 않다는 것입니다. 동일한 방식으로 일부 자동차는 다른 자동차보다 성능이 높으며 호스팅에도 동일하게 적용됩니다. 아마도 예외가 있지만 실제로 비용은 WordPress 호스팅 부문의 성능을 나타내는 합리적인 지표입니다. 오늘 시장에서 찾을 수 있는 호스팅의 핵심 유형을 간단히 살펴보겠습니다.

공유 호스팅

이것은 WordPress 호스팅의 가장 일반적인 유형입니다. 웹사이트당 연간 20달러 정도의 비용이 들기 때문에 일반적으로 쉽게 구별할 수 있습니다. 최소 수준의 트래픽을 수신할 정말 기본적인 웹사이트의 경우 이것은 괜찮을 수 있습니다(그러나 단지). 그러나 실제로는 비즈니스에 대해 진지한 경우 문제가 해결되지 않습니다.

이러한 유형의 호스팅에서 발생할 수 있는 문제는 다음과 같습니다.

  • 느린 속도 : 누군가 방문했을 때 웹사이트가 얼마나 빨리 로드되는지가 중요합니다. 웹사이트를 로드하는 데 15초 이상 걸리는 일부 공유 호스팅 계획을 보았습니다. 이제 여기에서 자신의 경험을 손에 넣고 웹 사이트가 로드되기를 기다리기 위해 이 긴 시간 동안 마지막으로 갇혀 있었던 때를 생각해 보십시오. 아마 절대 없을 것입니다! 고객이 이렇게 오래 기다리기를 원하십니까? 대답은 아니오여야 합니다. 일부 공유 호스팅은 빠르게 로드될 수 있다는 점에 유의하는 것이 중요합니다(이상적으로는 웹사이트가 3초 이내에 로드되기를 원함). 문제는 이러한 로드 시간이 불규칙해질 수 있다는 것입니다. 어떤 날은 빠르고, 어떤 날은 고통스러울 정도로 느릴 것입니다. 일관된 로드 속도를 달성하려면 더 나은 것을 원할 것입니다.
  • 보안 문제 : 공유 호스팅은 말 그대로 다른 웹사이트와 서버 리소스를 공유하여 작동합니다. 다른 사람들이 귀하의 컴퓨터를 공유하도록 하는 것과 같습니다. 이 때문에 맬웨어 및 기타 보안 '블리드 스루' 문제가 웹사이트를 손상시킬 가능성이 있습니다. 귀하의 웹사이트를 얼마나 잘 보호하더라도 귀하의 사이트는 귀하가 통제할 수 없는 요소의 결과로 해킹당할 위험이 있습니다.
  • 지원 문제 : 어느 시점에서 도움을 요청해야 하는 문제에 직면하게 됩니다. 이 단계에서 저렴한 공유 호스팅의 문제가 실제로 빛날 수 있습니다. 귀하가 받을 가능성이 높은 지원의 품질은 최상의 시간에 낮을 것입니다. 여러 면에서 이것은 호스트의 '잘못'이 아닙니다. 그냥 현실을 갉아먹을 뿐입니다. 호스팅에 대해 최저 가격을 지불하고 가능한 최고의 지원을 받을 것으로 기대할 수는 없습니다. 고품질 지원이란 호스트가 고도로 훈련된 엔지니어를 고용해야 한다는 것을 의미하며 이러한 호스트에게는 재정적으로 적합하지 않습니다. 삶의 대부분의 일과 마찬가지로 당신은 당신이 지불하는 것을 얻습니다!
  • 도구 없음 : 특히 자신의 웹사이트를 구축하는 경우 장기적으로 삶을 훨씬 더 쉽게 만들어줄 백업 및 준비 사이트와 같은 다양한 도구에 액세스하는 것이 매우 유용할 수 있습니다. 공유 호스트는 이러한 종류의 WordPress 전용 도구를 제공하지 않습니다. 예, 대부분의 경우 타사 추가 기능을 사용하여 예를 들어 웹 사이트를 백업할 수 있지만 이렇게 하면 작업 부하와 비용이 증가합니다(좋은 백업 시스템은 비용이 많이 듭니다).

관리형 워드프레스 호스팅

호스팅 옵션에 대한 약간의 연구를 수행하면 '관리형 WordPress 호스팅'이라는 다른 유형의 WordPress 호스팅도 빠르게 발견할 수 있습니다. WordPress는 때때로 약간 복잡할 수 있습니다. 로드된 서버가 최적의 WordPress 성능을 위해 신중하게 구성되었을 때 확실히 가장 잘 실행됩니다. 여기에서 관리형 WordPress 호스트가 시작됩니다. 표준 공유 호스트와 달리 관리형 WordPress 호스트는 WordPress와 함께 작동하도록 서버를 특별히 조정했습니다. 또한 일반적으로 WordPress용으로 특별히 설계된 도구 및 기타 리소스를 제공합니다. 이 전문성은 WordPress 전문 지식이 있는 지원 팀을 찾을 것으로 예상되는 지원 서비스로 확장됩니다. 즉, 필요할 때 더 우수하고 관련성 높은 지원을 받아야 합니다.

관리형 WordPress 호스팅은 일반적으로 프리미엄 서비스로 제공되며 가격표에는 이를 반영합니다. 좋은 관리형 WordPress 호스트는 일반적으로 웹 사이트당 약 $25/월을 청구하며 호스팅할 웹 사이트가 여러 개인 경우 이 가격은 웹사이트당 약 $10/월로 떨어집니다.

좋은 관리형 WordPress 호스팅의 이점은 다음과 같습니다.

  • 속도 : 귀하의 웹사이트는 WordPress에 최적화된 서버에서 호스팅되기 때문에 훨씬 더 빠르고 안정적으로 로드해야 합니다. 또한 이러한 유형의 호스팅은 '프리미엄' 서비스로 판매되기 때문에 호스트 측에서는 이러한 로드 속도를 일관되게 유지하기 위해 더 많은 노력을 기울입니다.
  • 보안 : Managed WordPress 호스트 서버 시스템의 설계로 인해 사이트는 더 저렴한 공유 호스팅 플랫폼에서 호스팅되는 사이트보다 해킹이나 맬웨어 감염에 덜 취약해야 합니다. 다시 말하지만, 제공되는 서비스는 프리미엄 서비스이기 때문에 관리되는 WordPress 호스트는 일반적으로 사이트를 안전하게 유지하기 위해 상당한 노력을 기울입니다. 해킹이 발생한 경우 청소를 지원할 수 있어야 합니다.
  • 지원 : 관리되는 WordPress 호스트는 WordPress를 전문으로 합니다. 이 때문에 지원 팀은 WordPress 관련 문제에 대해 훨씬 더 잘 알고 있어야 하고 필요한 경우 기꺼이 도와야 합니다.
  • 도구 : 많은 Managed WordPress 호스트는 백업 시스템 및 웹사이트 스테이징 서버와 같은 유용한 도구를 패키지에 번들로 제공합니다. 이렇게 하면 삶이 훨씬 쉬워지고 백업의 경우 문제가 발생할 경우 사이트를 보호하는 데 도움이 됩니다.

궁극적으로 어떤 호스트를 선택하든 웹사이트가 비즈니스를 위해 무엇을 해야 하는지 신중하게 생각해야 합니다. 비즈니스의 중앙 '관문' 역할을 하고 많은 고객이 방문한다면 고품질 Managed WordPress 호스팅은 가치 있는 투자입니다. 비용이 더 많이 들 수 있지만(새로운 비즈니스를 시작할 때 비용 절감을 모색하고 싶을 수 있음을 이해합니다) 빠르게 로드되는 우수한 웹사이트에서 얻을 수 있는 수익은 이 비용을 훨씬 능가합니다.

반대로, 호스팅에 몇 달러를 절약하는 것은 처음에는 유혹을 느끼면서도 도움이 되지 않는 지원을 처리하거나 해킹된 웹사이트를 복구하려고 시간을 할애할 때 예상치 못한 비용으로 빠르게 수백 달러로 바뀔 수 있습니다. 무엇보다 느린 로드 시간으로 인해 웹사이트를 포기한 고객이 경험한 성능 문제로 인해 비즈니스를 잃게 될 것이 거의 확실합니다.

워드프레스 설치

관리형 WordPress 호스트로서 우리는 자체 호스팅을 사용하여 Press Plumbers용 웹사이트를 호스팅할 것입니다. 우리는 다른 호스트(특히 저렴한 공유 호스트)에서 사용할 수 없는 특정 기능을 사용할 것입니다. 물론 귀하가 당사와 함께 새로운 비즈니스 웹사이트를 호스팅하도록 선택하기를 원합니다. 당사의 표준 플랜에서 60일 동안 위험 부담 없이 그렇게 할 수 있습니다.

WordPress를 처음 설정할 때 호스트마다 차이가 있지만 WordPress 사이트를 구축하는 실제 프로세스는 다르지 않습니다(저렴한 호스팅에서는 성능 문제가 발생할 수 있음). 이를 염두에 두고 Pressidium을 사용하여 WordPress를 설정하는 방법을 빠르게 살펴보겠습니다. 따라 하시려면 여기에서 빠르고 쉽게 계정에 가입하십시오.

1단계

https://dashboard.pressidium.com/에서 계정에 로그인합니다. 버튼 클릭으로 새 웹사이트 설치를 생성할 수 있는 대시보드로 이동합니다.

'새로 만들기' 버튼을 클릭하면 팝업 창이 열립니다. 새 사이트의 이름을 입력합니다(참고용일 뿐이므로 선택한 이름을 사용할 수 없거나 필드에 비해 너무 길더라도 걱정하지 마십시오).

이메일 주소를 추가하고 비밀번호를 선택한 후 '웹사이트 만들기'를 클릭하세요. 웹사이트가 설정되고 최신 버전의 WordPress가 자동으로 설치되는 동안 몇 분 안에 커피를 마시러 갈 수 있습니다.

설정 프로세스가 완료되면 준비가 되었음을 알리는 이메일이 전송됩니다. 그리고 그게 다야! WordPress가 설치되었으며 이제 새 사이트에 로그인할 수 있습니다.

Pressidium 대시보드 내에서 사이트 설정에 대한 보다 포괄적인 개요를 보려면 다음 기사를 살펴보십시오. Pressidium으로 단 10분 만에 WordPress 웹 사이트 시작

이렇게 하려면 대시보드 내에서 '웹사이트 관리' 사이트라는 버튼을 클릭합니다. 현재 기본 도메인을 포함하여 사이트에 대한 몇 가지 기본 통계를 제공하는 개요 페이지로 이동합니다. 이건 중요하다. Pressidium은 귀하가 처음 사이트를 생성할 때 귀하의 사이트에 고유한 특별한 하위 도메인을 할당합니다. 이 하위 도메인을 통해 처음에 사이트에 액세스하고 작업합니다. 우리는 적절한 시기에 실제 도메인을 귀하의 사이트에 추가할 것입니다(저희의 경우 이것은 pressplumbing.co일 것입니다).

지금은 사이트에 할당된 고유한 하위 도메인을 찾아 클릭합니다.

다음과 같은 페이지로 이동합니다.

WordPress에 로그인하려면 검색 창의 URL 끝에 /wp-admin을 추가하고 Enter를 클릭하십시오. 따라서 우리의 경우 다음과 같이 보일 것입니다. pressplumb.onpressidium.com/wp-admin

그러면 WordPress 로그인 화면이 표시됩니다. 사이트를 처음 설정할 때 제공한 사용자 이름과 비밀번호를 입력하고 로그인합니다. 이러한 세부 정보를 잊어버린 경우에도 걱정하지 마십시오. '비밀번호 분실' 링크를 클릭하고 사이트를 설정할 때 사용한 이메일 주소를 입력하기만 하면 됩니다. 비밀번호 재설정에 사용할 수 있는 링크와 함께 전송된 사용자 이름에 대한 알림을 받게 됩니다.

암호 선택: 시간을 내어 암호가 강력한지 확인하는 것이 좋습니다. 귀하의 로그인 페이지는 전 세계 모든 사람이 액세스할 수 있으므로 귀하의 비밀번호는 귀하의 사이트와 사이트 사이에 있는 유일한 것입니다.

로그인하면 WordPress 대시보드가 ​​표시됩니다. 이제 우리는 정말로 깨질 수 있습니다!

도메인 이름을 WordPress 웹사이트로 가리키기

웹 사이트 빌드를 더 진행하기 전에 먼저 도메인 이름을 WordPress 설치로 지정해야 합니다. 이 작업을 수행하는 방법은 호스트에 관계없이 일반적이며 우리가 다룰 몇 가지 작은 예외가 있습니다.

기술적으로 우리는 라이브 준비가 될 때까지 Pressidium으로 호스팅되는 사이트에서 도메인 이름을 가리킬 필요가 없습니다. 처음에 제공된 하위 도메인(이 경우 pressplum.onpressidium.co)을 사용하여 사이트에 액세스하고 구축할 수 있습니다. 프레시디움의 고급 도메인 이름 검색 및 교체 도구를 사용하면 모든 단계에서 도메인을 쉽게 추가할 수 있습니다.

지금 당장 크랙을 시작하고 도메인을 우리 사이트로 연결하는 이유는 로고와 연락처 세부 정보를 표시할 '출시 예정' 페이지를 로드할 수 있기 때문입니다. 이를 준비하면 비즈니스 홍보를 시작하거나 고객이 웹사이트를 방문하려고 시도하면 볼 것이 있다는 사실을 알고 안전하게 연락할 수 있습니다. 결국 우리는 현실주의자이며 모든 작업이 이상적인 순서로 흐를 수는 없음을 이해합니다. 당신은 (우리의 가상 사업인 Press Plumbers의 경우) 이미 가게에 현재 사인을 쓰고 있는 밴을 가지고 있을 수 있습니다. 앞으로 몇 주 동안 웹사이트를 완성할 시간이 없을 수도 있지만 그 동안에는 나가서 고객에게 서비스를 제공하기 시작해야 합니다. 대기 페이지가 없으면 사이트를 방문하는 모든 사람에게 '이 사이트에 연결할 수 없습니다'라는 오류 메시지가 표시되어 자신감을 불러일으킬 수 없습니다. 보류 페이지는 이 문제를 한 번에 해결합니다.

Cloudflare를 사용하여 도메인 이름 DNS 처리

이 일련의 기사는 도메인 이름 DNS, 네임서버 등의 어둡고 탁한 세계를 탐구하기에 충분히 포괄적이지 않습니다! 우리는 당신을 위해 일할 수 있도록 현명하게 할 수 있는 한 이것을 짧게 유지할 것입니다.

그래서 이게 다 뭐야? 글쎄요, 귀하의 도메인 이름은 우편번호와 비슷하지만 인터넷용입니다. 사람들이 브라우저에 입력하면 웹사이트로 이동합니다. 그러나 이것이 발생하려면 도메인 이름이 웹사이트의 위치를 ​​'알고' 있어야 합니다.

귀하의 웹사이트는 파일 모음일 뿐이며 이러한 파일은 전 세계 어딘가에 있는 서버에서 호스팅됩니다. 서버는 말 그대로 어디에나 있을 수 있습니다. 따라서 도메인 이름에 웹사이트 파일에 액세스하기 위해 방문해야 하는 서버를 알려줄 수 있으며 그렇게 함으로써 고객을 위해 웹사이트를 표시할 수 있습니다.

이를 위해 도메인 이름 시스템(Domain Name System) 또는 줄여서 DNS라고 하는 세계적인 시스템이 구축되어 있습니다. 주소록과 비슷하며 어떤 도메인 이름이 어떤 서버를 가리키는지 추적합니다. 위성 내비게이션에 우편번호를 입력하는 것과 비슷합니다. 위성 내비게이션(지도)의 시스템은 이 우편번호의 위치를 ​​알고 있으므로 그곳으로 데려다 줄 수 있습니다.

전 세계적으로 다양한 DNS '주소록'이 있으며 일부는 다른 것보다 빠르게 작동합니다. Cloudflare에서 제공하는 DNS 시스템을 사용할 것입니다. 그들의 시스템은 강력하고 무엇보다 빠릅니다. 즉, 도메인 이름 '전화번호부' 주소에 대한 업데이트가 신속하게 이루어집니다. Cloudflare에 대해 자세히 알아보려면 여기에서 이 기사를 확인하세요.

시작하려면 https://dash.cloudflare.com/sign-up에서 무료 Cloudflare 계정에 가입해야 합니다.

이 작업을 완료했으면 파란색 '사이트 추가' 버튼을 클릭합니다. 도메인 이름을 입력하십시오(이 경우에는 pressplumbing.co가 될 것입니다. 그런 다음 '사이트 추가'를 클릭하십시오.

무료 요금제($0/월)를 선택하고 '요금제 확인'을 클릭합니다. Cloudflare는 이제 도메인을 스캔하고 다음과 같이 보이는 많은 레코드를 가져옵니다.

이 레코드를 모두 삭제하십시오. 일부와 함께 '삭제' 텍스트가 표시됩니다. 다른 사용자의 경우 '편집' 버튼을 누르면 왼쪽 하단에 삭제 버튼이 표시됩니다. 이 작업을 완료했으면 '계속'을 클릭합니다.

참고: 현재 이메일 서비스를 사용하지 않거나 도메인 이름에 연결된 다른 서비스가 있는 경우에만 이 레코드를 삭제하십시오. 이를 삭제하면 해당 서비스가 작동하지 않습니다.

Cloudflare는 사이트를 활성화할 수 없다는 경고를 표시합니다. 이건 괜찮아. '확인'을 클릭합니다. 이제 아래와 같은 화면이 표시됩니다.

새 브라우저 창을 열고 도메인 등록 기관의 웹사이트로 이동하여 로그인합니다. 이 경우 Namecheap입니다. 도메인 이름 옆에 있는 '관리' 버튼을 클릭하면 'NameCheap 기본 DNS'라는 드롭다운 상자가 표시됩니다. 목록에서 '사용자 지정 DNS'를 선택합니다.

Namecheap을 도메인 등록 대행자로 사용하지 않는 경우 제어판에서 도메인 네임서버를 업데이트할 수 있는 섹션으로 이동해야 합니다. 이것을 어디에서 찾을 수 있는지 모르는 경우 도메인 등록 기관이 도움을 드릴 수 있습니다.

Custom Nameserver 섹션에서 Cloudflare에서 제공하는 두 개의 값을 붙여넣어야 합니다. Cloudflare로 돌아가서 'Cloudflare의 네임서버로 교체' 섹션에 제공된 두 줄을 복사합니다. 이 작업을 완료했으면 '완료' 네임서버 확인'을 클릭합니다. Namecheap에서 녹색 체크 아이콘을 클릭하여 복사한 네임서버를 저장해야 합니다.

약 30분 후에 Cloudflare에서 네임서버가 업데이트되었음을 ​​확인하는 이메일을 받게 됩니다(더 길더라도 걱정하지 마세요). 이제 Namecheap(또는 다른 도메인 등록기관) 계정에서 로그아웃할 수 있습니다. 도메인을 갱신할 때까지 다시 로그인할 필요가 없습니다!

Pressidium에서 도메인 이름 업데이트

이제 Cloudflare를 가리키도록 네임서버를 변경하는 힘든 작업을 완료했으며 도메인이 Pressidium의 웹사이트를 가리키도록 하는 데 필요한 마지막 단계를 수행할 수 있습니다. 웹사이트를 호스팅하기 위해 Pressidium을 사용하지 않는 경우 이를 수행하는 데 필요한 단계는 약간 다르지만 기본 원칙은 동일합니다.

1단계

귀하의 프레시디움 계정에 로그인하고 '웹사이트 관리'를 클릭한 다음 '도메인' 탭을 클릭하십시오.

그런 다음 '도메인 추가'를 클릭하고 메시지에 따라 상자에 도메인을 입력합니다. 우리의 경우 'pressplumbing.co'를 입력합니다. 도메인 마법사를 따라 Cloudflare에 추가해야 하는 일부 NS 레코드가 제공되는 2단계로 이동합니다.

2단계

Cloudflare 계정에 로그인하고 도메인으로 이동합니다. 이 도메인이 이제 Cloudflare 계정에서 활성화되었다는 확인 양식 Cloudflare를 이메일로 받았을 것입니다.

DNS 탭을 클릭한 다음 '레코드 추가'를 클릭합니다. 이 버튼 아래에 'A 레코드' 항목으로 필요에 따라 유용하게 구성된 상자 팝업이 표시됩니다. 첫 번째 www IP 주소 값 을 Pressidium에서 Cloudflare로 복사하여 다음과 같이 보이게 합니다(단, 자체 제어판에서 제공한 IP 주소로 대체됨).

주황색 구름 아이콘을 클릭하여 회색으로 바꾼 다음 '저장'을 클릭합니다. 두 번째 www 값에 대해 반복합니다.

다음으로 마지막 두 개의 IP 값(여기서 호스트는 @임)에 대해 정확히 같은 방식으로 Cloudflare에 입력하여 다음과 같이 보이게 합니다.

완료되면 Cloudflare에 다음과 같이 표시되어야 합니다.

3단계

Pressidium 대시보드로 돌아가서 '4단계 중 3단계'를 클릭하십시오. 두 섹션 모두에 대해 '웹사이트 직접 보기'라는 라디오 토글을 클릭합니다. 다음과 같이 표시됩니다.

'4단계 중 4단계'를 클릭한 다음 3개 섹션 모두에 대해 '예'를 클릭하면 다음과 같이 표시됩니다.

제출을 클릭하면 됩니다! 시스템은 이러한 모든 설정을 구성하고 도메인을 프로비저닝하는 데 몇 분 정도 걸립니다. 이 작업이 완료되면 확인 이메일을 받게 됩니다. 이제 '새' 웹사이트를 새 주소로 방문할 수 있습니다. 이 경우 https://pressplumbing.co 입니다.

참고: 모든 시스템이 완전히 업데이트되고 보안 인증서가 설치되는 데 1시간 정도 걸릴 수 있습니다. 이 시간이 지나도 제대로 작동하지 않으면 지원 팀에 언제든지 문의하세요(Pressidium으로 호스팅하는 경우).

Pressidium으로 호스팅하지 않는 경우 도메인을 호스팅으로 지정하고 SSL 인증서를 설치하기 위해 호스트에서 제공한 지침을 확인해야 합니다. 이 작업을 수행하는 방법은 프레시디움과 다르지만 기본 개념은 동일합니다. 매우 유사한 방식으로 Cloudflare에 입력해야 하는 레코드 IP 주소가 제공됩니다.

유지 관리 페이지 설정

우리는 지금 앞서 가고 있습니다. 도메인 설정 프로세스로 인해 웹사이트 구축이 지연되지 않기를 바랍니다... 다소 번거로울 수 있지만 일회성 작업입니다. 이제 모든 구성이 완료되었고 웹사이트가 기술적으로 '라이브' 상태가 되었습니다. 최종 웹사이트를 구축하는 동안 방문자가 볼 수 있도록 유지 관리 페이지를 추가하고 추가해야 합니다. 이것은 상당히 빠른 작업이며 WordPress 사용의 좋은 맛을 줄 것입니다.

1단계

웹사이트에 로그인합니다. 이렇게 하려면 https://yourwebsiteadddress.com /wp-admin으로 이동합니다. 이는 https://pressplumbing.co/wp-admin으로 이동하는 것을 의미합니다.

들어가면 왼쪽 메뉴에서 '플러그인'으로 이동합니다. 플러그인은 WordPress의 놀라운 기능입니다. 이를 통해 웹사이트의 기능을 다양한 방식으로 빠르고 쉽게 확장할 수 있습니다. WordPress 플러그인 마켓플레이스는 Apple App Store와 약간 비슷합니다. 전 세계의 개발자들이 플러그인을 시장에 기여합니다. 대부분은 무료로 사용할 수 있지만 일부는 프리미엄 기능에 대해 요금이 부과됩니다.

이 경우 'Coming Soon' 홈페이지를 빠르게 설정하려고 합니다. 이를 수행하는 몇 가지 방법이 있습니다. 첫 번째는 '홈페이지'를 디자인하여 게시하는 것이지만 개발 중인 다른 페이지가 노출되지 않도록 주의해야 합니다. 더 나은 방법은 모든 힘든 작업을 수행하는 '유지 관리' 플러그인을 사용하는 것입니다.

플러그인 페이지에 도달하면 아직 추가하지 않았으므로 나열된 항목이 표시되지 않습니다. '새 항목 추가'를 클릭한 다음 검색 상자에 '유지 관리'를 입력합니다. 다음과 같은 항목이 표시됩니다.

WP 유지 관리(현재 목록에서 두 번째)에서 '유지 관리'라는 항목을 선택하고 '지금 설치'를 클릭합니다. 이제 WordPress가 이 플러그인을 다운로드하여 설치합니다. 이 작업이 완료되면 '지금 설치' 버튼이 파란색으로 바뀌고 '활성화'로 표시됩니다. 이것을 클릭하십시오.

이제 WordPress의 기본 플러그인 페이지로 돌아가서 목록이 표시됩니다. 여기에서 사이트에서 플러그인을 활성화/비활성화 및 삭제할 수 있습니다. 플러그인은 엄청나게 강력하지만 플러그인에 미쳐 부하를 추가하지 않는 것이 중요합니다. 사람들이 100을 추가한 사이트를 가끔 볼 수 있지만 이것은 올바른 방법이 아닙니다. 대부분의 사이트에서 아마도 6개 정도가 될 것입니다.

2단계

왼쪽 메뉴를 잘 보세요. 이제 이전에는 없었던 '유지 관리' 링크가 표시됩니다. 많은 플러그인이 왼쪽 메뉴에 표시되는 이와 같은 링크를 생성합니다. 이것을 클릭하면 일반적으로 특정 플러그인에 대한 옵션을 구성할 수 있는 플러그인 설정으로 이동합니다. 지금 유지 관리 페이지 설정으로 이동하려면 이것을 클릭하십시오.

다음과 같은 화면이 표시됩니다.

사이트에서 유지 관리 페이지가 활성화되었지만 로고 또는 비즈니스 정보가 아직 표시되지 않습니다. WordPress 웹사이트에 로그인했기 때문에 이것이 어떻게 보이는지 볼 수 없으므로 컴퓨터에서 시크릿 창을 열고 살펴보겠습니다. Chrome(권장 브라우저)을 사용하여 이 작업을 수행하는 방법에 대한 지침은 여기를 참조하십시오.

다음 내용이 표시되어야 합니다.

이제 귀하의 비즈니스에 맞게 이를 개인화해야 합니다.

WordPress의 유지 관리 화면으로 돌아가 페이지 제목, 헤드라인, 설명 및 바닥글 텍스트를 다음으로 업데이트합니다(물론 비즈니스에 맞게 조정).

페이지 제목 : 프레스 배관

헤드라인 : 새로운 웹사이트 출시 예정

설명 : 우리는 곧 나올 새로운 웹사이트를 작업 중입니다. 그동안 01234 567890으로 연락주시기 바랍니다. 감사합니다. 언론배관팀.

바닥글 텍스트 : Press Plumbing & Co 2020

다음으로 로고 사본(폭이 약 1,000픽셀 이상 – https://picresize.com에서 크기 조정 가능)을 얻고 '로고 업로드' 버튼을 클릭하여 업로드합니다. '로고 너비 설정'이라고 표시된 크기를 약 450px로 변경합니다. 'Retina 로고 업로드'라고 표시된 것과 동일한 로고를 업로드합니다.

배경 이미지 위로 마우스를 가져가면 'X' 팝업이 표시됩니다. 배경을 제거하려면 이것을 클릭하십시오. 배경색과 로그인 블록 배경색을 로고의 배경으로 사용된 것과 같은 색으로 변경한 다음(또는 로고의 배경으로 가장 적합한 색으로 결정한 색) 저장을 클릭합니다.

아래로 스크롤하면 'Custom CSS'라는 상자가 표시됩니다. 이 상자에 다음 코드를 복사하여 붙여넣습니다.

 body > .main-container:after { background-color: transparent; } .logo-box img { max-width: 100%; margin-top: 200px; } .site-content h2.heading { font-size: 35px; font-weight: lighter; margin-bottom: 20px; }

'변경 사항 저장'을 누른 다음 시크릿 창을 새로 고치면 모든 것이 업데이트된 것을 볼 수 있습니다. 물론 돌아가서 필요에 맞게 색상, 텍스트 등을 조정할 수 있습니다. 이러한 변경 사항을 보려면 시크릿 창에서 페이지를 계속 새로고침하세요.

새로운 유지 관리 페이지는 다음과 같습니다.

유지 관리 페이지는 활성 상태로 유지되며 웹사이트가 구축된 후 이 페이지를 끌 때까지 웹사이트를 방문하는 모든 사람에게 표시됩니다. 물론 이 페이지를 귀하의 비즈니스에 대한 기타 관련 정보로 주기적으로 업데이트할 수 있습니다.

지금까지 완료한 작업에 대한 간략한 요약:

  • 도메인 이름을 구입했습니다
  • 디자인된 로고
  • 호스팅 설정 및 WordPress 설치
  • Cloudflare를 구성하고 도메인 이름을 호스팅에 지정했습니다.
  • 유지 관리 화면 설치

이제 위의 모든 작업을 완료하여 웹 사이트 디자인을 진행할 수 있습니다!

Elementor 및 스타터 테마 설치

새 웹사이트에서 작업을 시작하려면 두 가지 작업을 수행해야 합니다.

  1. 엘리멘터 설치
  2. 당사 웹사이트의 기반이 될 스타터 테마를 설치합니다.

이 두 작업 모두 WordPress에 더 많은 플러그인을 추가하는 작업을 포함합니다. 이 작업을 수행하는 프로세스는 유지 관리 플러그인을 설치할 때 했던 것과 정확히 같습니다.

엘리멘터 설치하기

플러그인 페이지로 이동합니다. '새로 추가'를 클릭하고 플러그인 추가 페이지의 검색 창에 'Elementor'를 입력합니다. 다음 내용이 표시되어야 합니다.

유지 관리 플러그인에 대해 수행한 것처럼 지금 설치를 클릭한 다음 활성화를 클릭합니다. 현재 이것이 Elementor와 관련하여 필요한 모든 것입니다.

스타터 테마 설치하기

논의한 바와 같이, 우리는 높은 평가를 받고 잘 코딩되어 있으며 Elementor와 원활하게 작동하는 Astra라는 테마를 사용할 것입니다. 그것을 설치하기 위해 우리는 우리 사이트에 다른 플러그인을 추가할 것입니다.

플러그인 페이지로 이동합니다. '새로 추가'를 클릭하고 플러그인 추가 페이지의 검색 창에 'Astra'를 입력합니다. 다음 내용이 표시되어야 합니다.

Astra는 테마를 원활하게 가져올 수 있는 플러그인을 제공합니다. 이 플러그인은 '스타터 템플릿'이라고 하며 Brainstorm Force에서 제작했습니다. 이 플러그인을 설치하고 활성화하십시오.

이 작업이 완료되면 왼쪽 메뉴에 있는 '모양'을 클릭한 다음 이 아래의 하위 메뉴에서 '시작 템플릿'을 선택합니다. 다음 내용이 표시됩니다.

지금쯤이면 이해하셨겠지만 Elementor를 Page Builder로 사용할 것입니다. 몇 가지 다른 옵션이 있지만 Elementor는 사용 가능한 가장 강력하고 기능이 풍부한 페이지 작성 경험을 제공한다고 생각합니다.

Elementor 아이콘을 클릭하면 바로 사용할 수 있는 웹사이트 디자인 목록이 표시됩니다. 일부는 '에이전시' 태그로 표시됩니다. 즉, Agency 플랜에 가입한 경우에만 사용할 수 있는 프리미엄 디자인입니다. 이 작업을 수행하려면 Astra 웹 사이트로 이동하십시오. 그들은 돈을 위해 훌륭한 가치이므로 마음에 드는 디자인을 보았지만 에이전시 중 하나라면 구매를 고려하십시오.

이 예에서는 Co Working Space라는 무료 템플릿을 사용합니다. 한 번의 클릭으로 이 템플릿을 당사 웹사이트로 가져올 수 있습니다.

참고: 웹사이트 백업

Pressidium으로 호스팅하는 경우 스냅샷 백업 서비스에 액세스할 수 있습니다. 이를 통해 웹사이트를 신속하게 즉시 백업할 수 있습니다. 이것은 매우 유용합니다. 타임머신이라고 생각하시면 됩니다. 백업을 수행하면 백업이 수행된 후 변경 사항을 백업 시점으로 롤백할 수 있습니다.

웹 사이트에서 더 중요한 작업을 수행하려고 할 때 백업을 수행하는 것이 좋습니다. 예를 들어 사이트의 일부 텍스트를 업데이트하는 데 문제가 있을 가능성은 거의 없지만 새 테마를 가져오는 것과 같은 보다 중요한 프로세스는 문제가 발생할 가능성이 더 큽니다. 이와 같은 작업을 수행하기 전에 사이트를 백업하면 문제가 발생할 경우 사이트를 '롤백'할 수 있다는 사실을 알고 안심할 수 있습니다.

WordPress 사이트의 왼쪽 상단에 있는 Pressidium 메뉴로 백업 헤드를 가져오려면. 하위 메뉴에서 '백업 서비스'를 선택한 다음 '즉석 백업 수행'을 선택합니다. 이 작업이 완료되면 이메일을 받게 됩니다(일반적으로 1분 정도 소요). 이 작업이 완료되면 템플릿 가져오기를 자신 있게 진행할 수 있습니다.

스타터 템플릿 섹션에서 아래로 스크롤하여 '공동 작업' 공간을 선택합니다. '전체 사이트 가져오기'를 클릭합니다.

가져오기가 완료될 때까지 기다리십시오. 이 작업은 몇 분 정도 걸릴 수 있습니다. 가져오기가 완료될 때까지 페이지를 닫지 마십시오. 가져오기가 완료되면 사이트를 방문할 수 있는 버튼이 표시됩니다. 이것을 클릭하면 이제 홈페이지가 다음과 같이 표시되어야 합니다.

그리고 그게 다야! 이제 웹사이트를 구축할 수 있는 견고한 기반이 마련되었습니다.

이 시리즈의 4부에서는 사이트 구축에 중요한 부분을 추가할 것입니다. 먼저 우리의 비즈니스와 관련이 있도록 홈페이지를 다시 디자인할 것입니다. 여기에는 레이아웃, 콘텐츠 및 이미지를 변경하여 Press Plumbers 고유의 스타일과 모양을 만드는 작업이 포함됩니다. 그런 다음 서비스 페이지의 레이아웃을 디자인하는 작업을 진행합니다. 이 두 가지 작업을 모두 마치면 비즈니스를 위한 새로운 사이트를 시작할 수 있습니다!