Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress Themes
Webdesign

깨끗한 WordPress 테마로 현대적인 웹 사이트를 만드는 방법

by
Difficulty:BeginnerLength:LongLanguages:

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

요즘 WordPress와 같은 플랫폼 덕분에 웹 사이트를 쉽게 만들 수 없었습니다. WordPress는 배우기가 매우 쉽을뿐 아니라 모든 유형의 웹 사이트를 만들 수있는 완벽한 플랫폼입니다.

엄청난 수의 테마 덕분에 비즈니스 사이트를 시작하거나, 뛰어난 포트폴리오를 만들거나, 개인 블로그를 시작하려는 경우에도 사이트를 가동하여 몇 시간 만에 실행할 수 있습니다.

깨끗하고 현대적인 웹 사이트를 만들고 싶다면 WordPress를 사용하십시오. 깨끗한 WordPress 테마는 콘텐츠에주의를 집중시키는 단순화 된 디자인으로 인해 거의 모든 비즈니스에서 최고의 선택입니다. 방문자가 귀하의 제품과 서비스에 집중할 수있게하고 더 많은 방문자를 고객과 고객으로 전환하는 데 도움을 줄 수 있습니다.

Modern homepage designs in Clean WordPress theme
깨끗한 Roneous WordPress 테마에서 현대 홈페이지 디자인 옵션.

깨끗한 WordPress 테마의 또 다른 이점은 단순한 디자인으로 인해 로딩 시간이 향상되므로 방문객이 사이트의로드를 기다릴 필요가 없음을 의미합니다.

마지막으로, 깨끗한 WP 테마는 기업이 더 많은 고객을 유치 할 수 있도록 도와 줄뿐만 아니라 이메일 목록을 늘리려는 블로거를 도울 수 있습니다. 깨끗한 디자인으로 최고의 트렌드 워드 프레스 테마를 발견하십시오.

이 튜토리얼에서는 깨끗한 WordPress 테마를 사용하여 최신 웹 사이트를 설정하는 방법을 안내합니다. 안으로 들어가봅시다!

깨끗한 WordPress 테마를 사용하여 현대 웹 사이트를 만드는 방법

자신 만의 웹 사이트를 만드는 것은 어려울 수 있지만, 명확한 계획을 세우면 신속하게 사이트를 시작할 수 있습니다. 테마 설정의 핵심 주제로 들어가기 전에 필요한 것들을 살펴 봅시다.

시작하려면 무엇이 필요할까요?

다음과 같은 최신 웹 사이트를 시작하는 데 필요한 몇 가지 중요한 구성 요소가 있습니다.

1. 나만의 고유한 도메인 이름

첫 번째 단계는 새 웹 사이트의 도메인 이름을 구입하는 것입니다. 비즈니스를위한 웹 사이트를 만드는 경우 도메인 이름에 대한 확실한 선택은 비즈니스 또는 대행사 이름입니다. 그러나 개인 블로그를 만드는 경우 향후 블로그의 주제와 관련된 도메인 이름을 사용하거나 도메인 이름으로 이름을 선택하십시오. 최상의 도메인 확장을 선택했는지 확인하십시오.

자신의 이름으로 사업하거나 개인 이력서 사이트에서 일하는 경우 도메인 이름으로 귀하의 이름을 선택하는 것도 좋은 선택입니다. 선택에 관계없이 이름의 철자가 쉽고 기억하기 쉽도록하십시오.

2. WordPress 지원으로 호스팅 계획

도메인 이름을 사용하면 호스팅 제공 업체를 선택할 때입니다. BlueHost, SiteGround 또는 이와 유사한 회사에서 귀하의 이름을 구입 한 경우, 동시에 호스팅 계획 중 하나에 가입 할 수 있습니다. ThemeForest의 많은 WordPress 테마에는 Envato Hosted 서비스에서 호스팅을 추가하는 옵션도 제공됩니다.

Envato Hosted - Premium WordPress Hosting
Envato Hosted - 프리미엄 WordPress 호스팅.

호스팅 회사의 좋은 대다수는 사실 계획에 가입 할 때 도메인 이름을 무료로 포함합니다. 도메인 이름을 다른 곳에서 구입 한 경우 호스팅 회사에 대해 조사하고 독립적 인 리뷰를 읽어 다른 사람들이 말하는 것을 확인하십시오.

3. 깨끗한 디자인의 프리미엄 WordPress 테마

또한 사이트를 만들려면 전문적이고 깨끗한 WordPress 테마가 필요합니다. 온라인에서 찾을 수있는 무료 WordPress 테마가 있지만 프리미엄 WP 테마를 선택하면 테마 개발자의 전폭적 인 지원을받을 수 있습니다. 이렇게하면 테마가 정기적으로 업데이트되며 테마에 대한 도움이 필요하면 개발자와 연락 할 수 있습니다.

이 튜토리얼의 목적을 위해, 다양한 벽감에 사용할 수있는 인기있는 Roneous WordPress 테마를 사용하고 있습니다. 테마는 아름답고 깨끗한 디자인과 25 개 이상의 모던 홈페이지로 구성됩니다. 또한 가장 인기있는 플러그인이 포함되어 있으므로 사용자 정의 코드를 지원하는 것에 대해 걱정할 필요가 없습니다.

Clean modern Roneous WordPress theme
깨끗하고 현대적인 디자인으로 짙은 WordPress 테마. 깨끗한 현대 Roneous WordPress 테마

4. 콘텐츠 및 이미지

마지막으로 필요한 것은 웹 사이트에 올 모든 콘텐츠와 이미지를 수집하는 것입니다. Envato Elements의 전문 사진과 같은 고품질 이미지를 사용하는 것이 좋습니다. 그렇게하면 흐릿 해 보이지 않고 훌륭한 시각 자료가되어 이야기를하고 이상적인 잠재 고객과 소통 할 수 있습니다.

콘텐츠에 관해서는 웹 사이트에 어떤 페이지가 있을지 생각하십시오. 또한 몇 가지 블로그 게시물을 작성하여 시작할 수 있으므로 방문자가 브랜드를 알게되고 제공해야하는 것을 볼 수 있습니다. 특히 비즈니스 웹 사이트를 만드는 경우 과거 고객으로부터 회원 평가를 추가하는 것도 고려해 볼 수 있습니다.

시작하기

모든 것을 준비하고 나면 이제 웹 사이트를 만들 때입니다. 이를 위해 WordPress를 설치 한 다음 테마와 플러그인을 추가해야합니다. 모든 것을 설치 한 후에는 테마 설정 단계를 안내합니다.

1. WordPress 설치하기

WordPress를 설치하려면 호스팅 업체가 제공 한 세부 정보로 호스팅 cPanel에 로그인해야합니다. 환영 이메일에있는 사용자 이름과 암호를 사용하고 cPanel 로그인 페이지로 연결되는 링크를 따라 가십시오. 로그인 할 때 제공된 사용자 이름과 암호를 입력하십시오.

cPanel에서 Website Installers, Fantastico Installer 또는 Softaculous Installer 섹션으로 스크롤하십시오. WordPress 아이콘을 찾아 설치 버튼을 클릭하십시오. 다음 페이지에서 사용자 이름과 암호를 입력하고 WordPress를 설치할 도메인을 선택하라는 메시지가 표시됩니다.

대문자와 소문자는 물론 숫자와 특수 기호를 모두 포함하는 강력한 암호를 선택하는 것이 좋습니다. 나중에 WordPress 웹 사이트의 백엔드에 액세스 할 수 있도록 사용자 이름과 암호를 안전한 곳에서 작성하십시오.

모든 세부 정보를 입력 한 후 설치 버튼을 한 번 더 클릭하여 설치 프로세스를 완료하십시오. 설치 프로세스가 완료되면 WordPress 대시 보드 링크가있는 알림 메시지가 표시됩니다. 링크를 클릭 한 다음 설치 과정에서 선택한 사용자 이름과 암호를 입력하십시오.

2. WordPress 테마 설치하기

WordPress 대시 보드에 로그인 한 후 모양 > 테마 > 새로 추가를 클릭하십시오. 다음 화면에서 테마 업로드를 선택하십시오.

버튼을 클릭하여 테마 파일과 함께 압축 폴더를 선택한 다음 업로드를 클릭하십시오. 테마가 설치되면 활성화를 클릭하십시오.

3. 필수 플러그인 설치 및 활성화

현대 WordPress 테마가 설치되었으므로 대시 보드에 테마에 추가 플러그인이 필요하다는 알림이 표시됩니다. 플러그인 설치 중 링크를 클릭하여 필요한 플러그인을 설치할 수 있습니다. 모든 플러그인을 선택하고 드롭 다운 메뉴에서 설치를 클릭하십시오. 플러그인이 즉시 활성화되므로 사이트를 설정하는 다음 단계로 이동할 수 있습니다.

required plugins
필요한 WordPress 플러그인을 설치하십시오.

깨끗한 WordPress 사이트를 만드는 방법 - 빠르게

깨끗한 WordPress 테마와 최신 플러그인이 설치된 상태에서 페이지를 설정하고 테마 설정을 살펴 보겠습니다. 그렇게하면 다양한 설정의 위치와 새 사이트의 색상, 글꼴 및 레이아웃을 사용자 정의하는 방법을 이해할 수 있습니다.

홈페이지를 만드는 방법

첫 번째 단계는 사이트의 홈페이지를 만드는 것입니다. 그러려면 페이지> 새로 추가를 클릭하고 이름을 Home으로 지정하십시오. 스크린 샷에서 볼 수 있듯이 Visual Composer 빌더를 사용할 수있는 추가 단추가 있습니다.

이 시점에서 백엔드 편집기 단추 또는 프론트엔드 편집기 단추를 클릭 할 수 있습니다.

Adding a homepage
현대의 WordPress 사이트에 홈페이지를 추가합니다.

백엔드 편집기를 사용하면 요소, 텍스트 블록을 삽입하거나 템플릿을 선택할 수 있습니다.

Visual Composer elements
비주얼 콤포저 요소.

DIY 경로를 선호하는 경우 행을 추가 한 다음 열 수를 선택하십시오. 해당 섹션의 구조를 결정하면 이미지, 텍스트 블록 등과 같은 요소를 배치 할 수 있습니다.

Backend editor
백엔드 편집기보기.

또 다른 빠른 옵션은 사전 제작 된 템플릿 중 하나를 사용하는 것입니다. 대부분의 경우 테마 설명서에는 데모 컨텐츠 및 템플릿을 가져 오는 방법에 대한 자세한 지침이 있습니다. Roneous 테마의 경우 텍스트 파일의 내용을 텍스트 편집기에 붙여 넣기 만하면됩니다. 이 예에서는 비즈니스 대행사 템플릿의 콘텐츠를 가져 왔습니다.

Modern WordPress website theme demo homepage
Roneous WordPress 테마의 데모 홈페이지.

홈페이지의 마지막 부분에는 헤더와 페이지 제목이 제거되어 페이지가 데모처럼 보입니다. 이렇게하려면 페이지 편집기 화면에서 페이지 설정 섹션이 나타날 때까지 아래로 스크롤하십시오. 여기에서 Header layout (헤더 레이아웃) 아래 No header (헤더 없음)를 선택하고 Page Title Layout (페이지 제목 레이아웃) 아래에 No Title (제목 없음)

PPage Settings of your WordPress theme
WordPress 테마의 페이지 설정.

페이지 작업이 끝나면 게시를 클릭하십시오. 그런 다음 설정 > 읽기로 이동 한 다음 전면 페이지 표시에서 새로 작성한 홈페이지를 선택하십시오. 변경 사항 저장을 클릭하십시오.

Reading Settings
귀하의 Wordpress 사이트에서 설정을 읽으십시오.

블로그 페이지를 만드는 방법

비슷한 방식으로 블로그 페이지를 만듭니다. 페이지 > 새로 추가로 이동하고 이번에는 페이지 블로그의 이름을 지정하십시오. 블로그 페이지의 경우 최신 블로그 게시물을 표시하므로 내용을 입력 할 필요가 없습니다. 블로그 페이지를 게시하려면 게시를 클릭하고 설정 > 읽기로 돌아가서 게시물 페이지에 대해 방금 만든 블로그 페이지를 선택하십시오. 변경 사항을 한 번 더 저장하십시오.

사이트의 나머지 페이지를 만드는 데 필요한만큼 이 프로세스를 반복 할 수 있습니다.

데모 내용을 가져 오는 방법

데모 컨텐츠를 가져 오려면 Tools > Import로 이동하여 WordPress Importer를 선택하십시오. 플러그인을 설치하고 활성화 한 다음 가져 오기 도구를 실행하십시오. 최신 WordPress 테마와 함께 제공된 .xml 파일을 업로드하고 파일 업로드 및 가져 오기를 클릭하십시오.

다음 화면에서 자신에게 게시물을 할당하고 첨부 파일 다운로드라는 상자를 선택하십시오. 제출 버튼을 클릭하면 데모 콘텐츠를 가져옵니다.

WordPress 테마 설정 사용자 정의

이제 구조가 완성되었으므로 브랜드의 색상, 글꼴 등으로 사이트를 사용자 정의 할 수 있습니다. 일부 최신 WordPress 테마에는 전용 Theme Options 패널이 제공되는 반면, 다른 일부는 기본 제공 WordPress Live Customizer를 사용합니다. 이 경우 설정을 조정하려면 모양 > 사용자 정의로 이동하십시오. 이 화면에서 색상, 글꼴, 로고 업로드, 바닥 글 레이아웃 선택 등을 변경할 수 있습니다.

Theme customizer
WordPress의 테마 커스터 마이저.

레이아웃을 변경하려면 Visual Composer로 편집을 클릭하기 만하면됩니다. 여기에서 이미있는 요소의 설정을 편집하고, 열 레이아웃을 변경하고, 요소를 웹 사이트에 더 적합한 요소로 바꿀 수 있습니다.

훌륭한 현대 웹 사이트를 만드는 것은 무엇입니까?

요즘 깨끗하고 최소의 웹 사이트는 모두 분노하고 있으며 귀하의 비즈니스에 현대적인 온라인 환경을 제공 할 수 있습니다. 다음은 이 디자인 트렌드를 최대한 활용하는 데 도움이되는 몇 가지 팁입니다.

1. 많은 화이트 스페이스

공백은 귀하의 콘텐츠에 중점을 두는 데 도움이됩니다. 이미지와 텍스트와 같이 페이지의 여러 요소 사이의 간격이지만 반드시 흰색 일 필요는 없습니다. 올바르게 사용하면 웹 사이트가 깨끗하고 현대적으로 보이게되므로 페이지의 요소가 너무 가깝지 않은지 확인하십시오. 그렇게하면 콘텐츠와 행동 강령이 돋보일 수 있습니다.

2. 큰 이미지

이미지는 관객과 연결하는 데 도움이 될뿐만 아니라 공간을 메우고 아름다운 색채를 만들 수도 있습니다. 헤더로 사용하거나 배경으로 제공하거나 과거의 작업 포트폴리오 또는 제공하는 제품을 보여주는 갤러리를 만들 수 있습니다.

Envato Elements 및 웹 템플릿, 그래픽 등에 대한 무제한 스톡 사진을 얻으십시오.

3. 굵은 타이포그래피

제목과 표제에 대담하고 큰 글꼴을 사용하여 사이트의 다른 섹션에주의를 기울이십시오. 서로 다른 크기의 글꼴을 함께 사용하면 시각적 계층을 구성하는 데 도움이 될 수 있습니다.

4. 최소 네비게이션

웹 사이트를 가능한 한 깨끗하게 유지하려면 가장 중요한 페이지 만 메인 네비게이션에 추가하십시오. 이렇게하면 독자가 귀하의 사이트를보다 쉽게 ​​탐색 할 수 있으며 필요할 때 더 중요한 페이지가 있다고 느끼면 드롭 다운 메뉴를 추가 할 수 있습니다.

5. 대담한 색상

마지막으로, 색상은 시각적 인 흥미를 높이고 섹션 간의 구별을 만드는 데 도움이됩니다. 또한 귀하의 행동 요청에주의를 기울여 귀하의 페이지에서 더 눈에 띄게 할 수 있습니다.

깨끗한 WordPress 테마로 현대 웹 사이트 만들기

최신 웹 사이트를 만드는 것은 훌륭한 현대 사이트를 만드는 것이 무엇인지 알 때나 직업에 적합한 도구를 사용하면 쉽습니다. 위의 도움말을 사용하여 깨끗한 WordPress 테마 컬렉션을 확인하여 사이트를 신속하게 구축하고 최신 온라인 존재를 창출하십시오.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.