웹사이트를 만들기 전, 웹사이트의 목표와 방향성을 결정하는 것이 중요합니다. 새 웹사이트의 목표와 대상 고객의 요구 사항을 분석하면, 웹사이트 디자인에 필요한 자료 및 레이아웃을 결정할 수 있습니다. 웹 호스팅 회사를 결정한 후, WordPress 설치를 하여, 적합한 테마를 선택해야 합니다. 테마 선택 시, 반응형 테마, 필수 기능, 리뷰 및 평점, 사용자 지정 옵션, 지원 및 비용 등을 고려해야 합니다.
1. 웹사이트의 목표와 목적을 결정합니다.
1부에서 보았듯이, 웹 사이트에서 원하는 것을 정확히 알고 목표 군중이 누구인지는 디자인을 시작하기 전에 매우 중요합니다. 다음은 고려해야 할 몇 가지 사항입니다.
- 달성하려는 목표: 웹사이트 제작 프로세스의 중요한 단계는 새 웹사이트의 목표 또는 초점을 결정하는 것입니다. 무엇을 위한 것입니까? 블로그? 또는 전자 상거래? 학습 플랫폼? 혼합하다? 주문형 인쇄?
- 목표 설정: 웹사이트에 대한 목표를 결정합니다. 리드를 생성하거나 상품을 제공하거나 정보를 제공하고 싶습니까? 당신의 꿈은 웹사이트의 레이아웃과 자료에 영향을 미칠 것입니다.
- 의도한 시장 인식: 의도한 인구 통계를 식별합니다. 그들의 취향과 필요는 무엇입니까? 그들이 찾고 있는 구체적인 세부 사항은 무엇입니까? 그들이 누구인지 알면 청중의 요구 사항에 맞게 웹 사이트를 더 잘 조정할 수 있습니다.
- 라이벌의 웹 페이지를 조사하여 그들이 제대로 하고 있는 것과 더 잘할 수 있는 것이 무엇인지 알아보십시오. 이렇게 함으로써 귀하의 웹사이트를 그들의 웹사이트와 차별화하고 고유한 판매 포인트를 제공할 수 있습니다.
- 브랜드 아이덴티티를 확립하십시오. 귀하의 웹사이트는 이를 나타내야 합니다. 웹 사이트의 톤과 모양이 귀하의 정체성과 일치하는지 확인하십시오.
- 사이트맵 만들기: 사이트맵은 웹사이트의 모든 사이트를 계층적으로 분류한 것입니다. 이를 사용하여 웹사이트를 구성하고 적절한 자료를 선택할 수 있습니다.
이러한 단계는 새 웹사이트의 초점 또는 포인트를 식별하고 대상 고객의 요구 사항에 맞게 디자인하여 성공적으로 만드는 데 도움이 됩니다.
2. 웹 개발 플랫폼 선택
수많은 플랫폼이 있습니다 각각 장단점이 있는 웹 제작용. 가장 인기 있는 웹 개발 도구는 다음과 같습니다.
- WordPress: 웹페이지 및 블로그 구축에 널리 사용되는 WordPress는 오픈 소스 콘텐츠 관리 시스템(CMS)입니다. 다양한 플러그인과 테마를 제공하며 상당한 규모의 개발자 커뮤니티가 있습니다.
- Wix: Wix는 클라우드에서 실행되고 사용자가 웹사이트를 구성할 수 있는 드래그 앤 드롭 웹사이트 빌더입니다. 다양한 템플릿과 기능을 제공하여 초보자도 쉽게 시작할 수 있습니다.
- Shopify: 사용자는 이 전자 상거래 플랫폼을 사용하여 온라인 상점을 쉽게 구축할 수 있습니다. 수많은 템플릿과 기능을 사용할 수 있으며 체크아웃 절차는 안전합니다.
- Squarespace: 사용자는 이 웹 사이트 빌더를 사용하여 전문적인 모습으로 웹 사이트를 구축할 수 있습니다. 끌어서 놓기 UI, 여러 템플릿 및 기능이 있습니다.
- Drupal: 복잡한 웹사이트 및 앱 구축을 위한 인기 있는 오픈 소스 CMS는 Drupal입니다. 다양한 모듈을 제공하고 상당한 규모의 개발자 커뮤니티를 보유하고 있습니다.
- Joomla: Joomla는 웹사이트 및 앱 구축에 널리 사용되는 오픈 소스 CMS입니다. 상당한 규모의 개발자 그룹이 있으며 다양한 템플릿과 확장 기능을 제공합니다.
- React: 사용자 경험 구축을 위한 인기 있는 JavaScript 라이브러리는 React입니다. 상당한 규모의 도구 및 리소스 생태계를 보유하고 있으며 코더가 많이 활용합니다.
- JavaScript 프레임워크 Angular는 동적 웹 앱을 빌드하는 데 자주 사용됩니다. 다양한 기능과 도구가 있으며 개발자가 광범위하게 사용합니다.
이상적인 웹 개발 플랫폼은 궁극적으로 고유한 요구 사항과 목표에 따라 달라집니다. 자신에게 가장 적합한 플랫폼을 선택하려면 몇 가지 조사를 수행하고 다양한 옵션을 비교하는 것이 중요합니다. 웹 사이트를 구축하는 방법은 다양하지만 이 글의 나머지 부분에서는 가장 일반적인 것 중 하나인 WordPress에 중점을 둘 것입니다.
3. 웹호스팅 업체 선택
그러나 다른 작업을 수행하기 전에 다음을 선택해야 합니다. 웹 호스팅 회사 웹 사이트를 온라인에서 사용할 수 있도록 합니다. HostGator, SiteGround 및 Bluehost는 잘 알려진 몇 가지 공급자입니다.
그들은 모두 장단점이 있으므로 조사하여 필요, 예산 등에 맞는 것을 찾으십시오. 그러나 선택한 웹 호스팅 회사는 WordPress 및 기타 플랫폼의 필수품인 PHP 및 MySQL을 제공해야 합니다.
4. WordPress 설치(또는 설치 안 함)
사이트 호스팅 회사를 결정한 후, 워드프레스를 설치할 수 있습니다. 대부분의 호스팅 회사는 원 클릭 설치를 제공하므로 간단하게 시작할 수 있습니다.
원클릭 설치를 제공하지 않는 경우(오늘날에는 보기 드문 일임) 대부분의 경우 일반적으로 다음 단계를 완료해야 합니다.
- 웹 호스팅 회사를 선택한 후 호스팅 제어 인터페이스를 사용하여 MySQL 데이터베이스를 생성합니다. 로그인, 암호 및 데이터베이스 이름을 가까이에 두십시오.
- WordPress 설치: 최신 버전은 공식 WordPress 웹사이트(https://wordpress.org/download/)를 방문하십시오.
- WordPress 파일은 FileZilla와 같은 FTP 클라이언트를 사용하여 웹 호스트에 업로드해야 합니다. 웹사이트의 루트 또는 하위 디렉토리에 업로드할 때 주의하십시오.
- WordPress를 다운로드하는 것은 브라우저에서 웹사이트로 이동하여 WordPress 다운로드 버튼을 클릭하는 것만큼 간단합니다. 선택한 언어를 선택한 후 “계속” 버튼을 누릅니다. 그런 다음 데이터베이스에 대한 데이터를 입력하고 “제출” 버튼을 누르십시오.
- WordPress 설치: 다음 페이지에 웹사이트 이름, 관리자 사용자 이름 및 비밀번호를 입력합니다. 이 시점에서 몇 가지 필수 WordPress 플러그인을 추가하도록 결정할 수도 있습니다.
- “워드프레스 설치” 버튼을 클릭하면 웹사이트에 워드프레스가 로드됩니다.
다운로드가 완료되면 http://yourdomain.com/wp-admin/에서 WordPress 대시보드에 로그인하여 웹사이트를 개인화할 수 있습니다.
5. 테마 선택
워드프레스는 대규모 템플릿 선택 이미 구축되어 있으며 웹 사이트의 모양과 느낌을 변경하는 데 사용할 수 있습니다. 웹 사이트의 목표와 목적을 지원하는 테마를 선택하십시오.
테마를 선택할 때 몇 가지 “경험 법칙”은 다음과 같습니다. –
- 반응형 테마는 스마트폰과 태블릿을 포함한 다양한 화면 크기에 맞게 레이아웃과 디자인을 조정합니다. 웹 사이트가 멋지게 보이고 모든 장치에서 올바르게 작동하도록 보장하므로 반응형 테마가 중요합니다.
- 테마 하이라이트 확인: 맞춤 메뉴, 위젯 영역, 페이지 레이아웃 등 필수 기능이 포함된 테마를 찾아보세요. 최신 WordPress 버전 및 널리 사용되는 플러그인에서 테마가 작동하는지 확인합니다.
- 점수 및 리뷰 보기: 고려 중인 주제의 평점 및 리뷰를 조회합니다. 테마의 장점과 단점에 대한 다른 사용자의 의견을 읽으면 장점과 단점에 대한 이해를 크게 높일 수 있습니다.
- 이를 고려하려면 색 구성표 및 글꼴과 같은 사용자 지정 옵션을 제공하는 테마를 찾으십시오. 이렇게 하면 웹 사이트를 사용자 정의하고 구별할 수 있습니다.
- 문헌 및 지원 확인: 선택한 테마에 확실한 문서 및 지원이 있는지 확인하십시오. 문제나 질문에 대한 지원을 받을 수 있도록 테마에 대한 지원 스레드 또는 문서를 사용할 수 있어야 합니다.
- 비용만을 기준으로 모티프를 선택하지 마십시오. 풍부한 무료 테마에도 불구하고 비용을 지불한 만큼 얻게 된다는 점을 기억하는 것이 중요합니다. 일반적으로 더 많은 기능, 우수한 지원 및 지속적인 업데이트를 제공하므로 프리미엄 테마에 대한 투자는 장기적으로 가치가 있는 경우가 많습니다.
일반적으로 언제 WordPress 테마 선택웹 사이트의 요구 사항, 테마의 기능, 리뷰 및 평가, 사용자 지정 옵션, 지원 및 비용을 신중하게 고려해야 합니다.