워드프레스 홈페이지 만들기 가이드를 찾고 계신가요? 해당 포스팅을 통해 워드프레스를 이용하여 홈페이지를 제작하는 방법에 대해 확인해보세요!
워드프레스는 다소 낯설게 느껴질 수 있지만, 금방 익숙해질 수 있을 것이라고 생각합니다. 워드프레스를 이용하여 홈페이지를 제작하는 과정에는 코딩 지식이 필요하지 않으므로, 처음 접하시는 분들이더라도 잘 따라 하시면 간단하게 워드프레스 홈페이지를 제작하실 수 있습니다.
그렇다면, 지금부터 워드프레스를 이용하여 홈페이지를 만드는 과정에 대해 알아보도록 하겠습니다.
▶워드프레스 블로그 제작 가이드
Wordpress Guide
워드프레스 웹사이트(홈페이지) 만들기
Wordpress Hosting
워드프레스 호스팅 및 도메인 선택
워드프레스 웹사이트를 제작하기에 앞서 도메인과 호스팅을 선택하여야 합니다. 많은 사람들이 사용하는 호스팅으로는 블루호스트와 클라우드웨이즈가 있습니다.
저렴하고 간편한 호스팅을 선택하고자 하신다면 ‘블루호스트’ 호스팅을 추천드리며, 가격대가 높지만 빠른 속도와 전문성을 갖춘 호스팅을 선택하고자 하신다면 ‘클라우드웨이즈’를 추천드립니다.
각각의 호스팅을 이용하여 워드프레스를 제작하는 과정은 아래의 링크를 통해 확인하실 수 있습니다.
Wordpress Theme
워드프레스 테마 선택하기
워드프레스(WordPress)에서 좋은 테마를 선택하는 것은 여러 가지 이유로 매우 중요합니다.
- 전문적인 인상: 웹사이트의 테마는 방문자에게 처음 느끼는 인상을 결정짓는 중요한 역할을 합니다. 전문적이고 매력적인 디자인은 방문자의 주목을 끄며, 사이트에 대한 신뢰를 높일 수 있습니다.
- 사용자 경험 향상: 좋은 테마는 사용자 경험(UX)을 개선하는 데 핵심적입니다. 직관적인 내비게이션, 가독성 좋은 글꼴, 반응형 레이아웃은 사용자가 웹사이트를 쉽게 탐색하고 콘텐츠를 소비하는 데 도움을 줍니다.
- 반응형 디자인: 모바일 기기 사용자가 계속 증가하고 있기 때문에, 반응형 테마를 선택하는 것이 중요합니다. 이를 통해 웹사이트가 다양한 디바이스와 화면 크기에서 잘 보이고 작동함을 보장할 수 있습니다.
- SEO 최적화: 잘 디자인된 테마는 검색 엔진 최적화(SEO)를 위한 이점을 제공합니다. 빠른 로딩 속도, 깔끔한 코드, 올바른 HTML 마크업은 검색 엔진 랭킹을 높이는 데 도움이 됩니다.
- 보안과 호환성: 안정적이고 업데이트가 지속적으로 이루어지는 테마는 보안 문제를 최소화합니다. 또한, 최신 워드프레스 버전 및 플러그인과의 호환성을 보장하여 웹사이트의 안정성을 보호합니다.
- 커스터마이제이션 옵션: 좋은 테마는 사용자가 쉽게 커스터마이즈할 수 있는 옵션을 제공합니다. 이를 통해 색상, 레이아웃, 글꼴 등을 변경하여 웹사이트를 자신만의 스타일과 브랜드로 구성할 수 있습니다.
- 지원 및 문서: 제공되는 지원과 상세한 문서는 테마를 사용하는 동안 발생할 수 있는 문제를 해결하는 데 큰 도움이 됩니다. 훌륭한 테마 개발자는 정기적인 업데이트와 사용자 지원을 제공합니다.
- 웹사이트 목적에 부합: 테마는 웹사이트의 목적과 잘 일치해야 합니다. 예를 들어, 온라인 상점, 블로그, 포트폴리오와 같은 다양한 목적에 맞는 기능을 제공하는 테마를 선택하는 것이 중요합니다.
좋은 테마를 선택하는 것은 웹사이트의 성공에 직결되는 중요한 결정입니다. 따라서, 웹사이트의 목적과 요구 사항에 따라 신중하게 테마를 선택하는 것이 필요합니다.
워드프레스 무료 테마 선택하기
만약 무료 테마를 이용하고 싶으신 경우 아래와 같은 방법을 이용하시면 됩니다.
워드프레스 관리자 좌측 메뉴 중 [외모] – [테마]로 들어갑니다.
상단의 [새로추가] 또는 하단의 [+새로운 테마 추가]를 클릭합니다.
원하는 테마 위에 마우스를 올려 놓으신 뒤 ‘설치’를 클릭합니다. 설치가 완료된 후 ‘활성화’를 클릭하여 테마를 활성화 하셔야 해당 웹사이트에 테마가 적용됩니다.
워드프레스 테마 구매하기
워드프레스 블로그가 아닌 기능을 하는 홈페이지(웹사이트)를 제작하고 싶으신 경우 주로 회사의 성격에 맞는 테마를 선택하고자 할 것입니다. 다만, 무료 테마는 기능과 외모가 제한적이기 때문에 원하는 테마를 선택하지 못하실 수 있습니다. 만약 더욱 전문적이고 멋진 테마를 구매하고자 하시는 경우 아래의 사이트에서 테마를 구매하실 수 있습니다.
-구매가 완료되면, ‘다운로드’ 섹션으로 이동하여 테마 파일을 다운로드합니다. 이 파일은 일반적으로 .zip 형식으로 제공됩니다.
-[DownLoad]에서 [Installable WordPress file olny]를 클릭하여 해당 파일을 다운로드 합니다.
-‘새로 추가하기’ 버튼을 클릭한 후, ‘테마 업로드’ 버튼을 선택합니다.
-다운로드한 .zip 파일을 선택하거나 파일을 드래그하여 업로드합니다.
-설치가 완료되면, ‘활성화’ 버튼을 클릭하여 새로운 테마를 활성화합니다.
-[Download]를 클릭하신 후 [License certificate & purchase code]를 클릭하시면 라이센스 코드가 적힌 파일을 다운로드 하실 수 있습니다.
이 과정을 통해 ThemeForest에서 구매한 테마를 워드프레스 사이트에 성공적으로 적용할 수 있습니다. 테마에 따라 추가 설정이나 사용자 정의 옵션이 다를 수 있으므로, 해당 테마의 문서를 자세히 살펴보는 것이 중요합니다.
Wordpress Plugin
워드프레스 플러그인 설치하기
워드프레스 플러그인은 워드프레스 웹사이트의 기능을 확장하고 특정 기능을 추가하는 데 사용되는 소프트웨어 확장 기능입니다. 이러한 플러그인은 워드프레스의 유연성과 강력함을 핵심적으로 보완하며, 웹사이트 소유자가 코딩 지식 없이도 다양한 기능을 간편하게 추가할 수 있도록 돕습니다.
워드프레스 무료 플러그인 설치하기
워드프레스 관리자 페이지에서 아래와 같은 방법으로 무료로 플러그인을 설치할 수 있습니다.
좌측의 관리자 메뉴 중 [플러그인] – [새로추가]로 들어갑니다.
좌측의 검색창에 자신이 원하는 플러그인을 검색합니다.
플러그인 우측의 ‘지금 설치’를 클릭하여 플러그인을 설치하신 뒤 ‘활성화’를 클릭하여 설치한 플러그인을 활성화 합니다.
워드프레스 플러그인 구매하기
만약 원하는 기능을 제공하는 플러그인이 없다면 유료 버전의 플러그인을 구매하는 것을 고려해볼 수 있습니다. 많은 사람들이 이용하는 플러그인 구매 웹 사이트로는 ‘코드캐니언(Codecanyon)’이 있습니다.
CodeCanyon에서 구매한 워드프레스 플러그인을 자신의 워드프레스 사이트에 적용하는 과정은 아래와 같습니다.
-구매가 완료되면, ‘다운로드’ 섹션으로 이동하여 플러그인 파일을 다운로드합니다. 일반적으로 이 파일은 .zip 형식으로 제공됩니다.
-페이지 상단의 ‘플러그인 업로드’ 버튼을 클릭합니다.
-다운로드한 .zip 파일을 선택하거나 파일을 드래그하여 업로드합니다.
-설치가 완료되면, ‘활성화’ 버튼을 클릭하여 플러그인을 활성화합니다.
이러한 단계를 따라 CodeCanyon에서 구매한 워드프레스 플러그인을 웹사이트에 성공적으로 적용할 수 있습니다. 플러그인마다 설정 및 사용 방법이 다를 수 있으므로, 해당 플러그인의 문서를 자세히 살펴보는 것이 중요합니다.
Contents
워드프레스 콘텐츠 제작하기
워드프레스에서 콘텐츠를 추가하는 과정은 간단하며, 주로 ‘게시물’과 ‘페이지’ 두 가지 주요 유형의 콘텐츠를 추가할 수 있습니다. 이 두 유형은 비슷한 방법으로 추가되지만, 사용 목적에 따라 약간의 차이가 있습니다. ‘게시물’은 블로그 포스트나 뉴스 기사와 같은 동적 콘텐츠에 사용되며, ‘페이지’는 ‘회사 소개’, ‘연락처 정보’와 같은 정적 콘텐츠에 주로 활용됩니다.
게시물(글) 추가하기
워드프레스 좌측의 메뉴 중 [글] – [새로추가]를 클릭합니다.
위와 같은 글쓰기 화면에서 좌측의 메뉴를 선택하여 블록을 선택하실 수 있습니다. 좌측 블록 메뉴는 자신의 테마에 따라 다를 수 있으며 기본적으로 제목, 문단, 표 등의 기능을 추가하여 글을 작성하실 수 있습니다.
워드프레스 5.0 이상 버전에서는 블록 에디터(Gutenberg)를 사용하여 콘텐츠를 추가하고 편집할 수 있습니다. 텍스트, 이미지, 비디오, 버튼 등 다양한 블록을 사용할 수 있습니다.
글쓰기 화면의 좌측메뉴(상단의 네모 버튼 클릭)에서는 카테고리, 특성이미지(썸네일) 등을 설정하실 수 있습니다. 글쓰기를 모두 완료하셨다면 , 상단의 ‘공개’ 버튼을 클릭하여 워드프레스 블로그 글을 발행하실 수 있습니다.
페이지 추가하기
워드프레스 페이지는 위에서 설명드린 게시물(글) 작성과 유사합니다.
좌측의 메뉴 중 [페이지] – [새로추가]를 클릭하여 새로운 페이지를 작성하실 수 있습니다.
메뉴 및 위젯 설정하기
워드프레스 메뉴 설정하기
워드프레스의 메뉴는 웹사이트를 탐색하는 데 사용되는 중요한 네비게이션 시스템입니다. 이 메뉴를 통해 방문자는 웹사이트의 다양한 섹션으로 쉽게 이동할 수 있으며, 웹사이트의 사용자 경험을 크게 개선할 수 있습니다.
좌측의 메뉴 중 [외모] – [메뉴]로 들어갑니다.
그 다음 ‘새 메뉴 만들기’ 버튼을 클릭하여 새로운 메뉴를 생성합니다. 메뉴에 이름을 부여하고 ‘메뉴 생성’ 버튼을 클릭합니다. 이제 해당 메뉴에 들어갈 항목을 선택할 차례입니다.
생성된 메뉴에 원하는 페이지, 카테고리, 맞춤 링크 등을 메뉴 항목으로 추가할 수 있습니다. 원하는 항목을 선택하고 ‘메뉴에 추가’ 버튼을 클릭합니다. 예를 들어, ‘페이지’ 상자에서 원하는 페이지를 선택하고 추가할 수 있습니다.
메뉴 항목을 드래그 앤 드롭하여 순서를 조정할 수 있습니다. 들여쓰기를 사용하여 하위 메뉴(드롭다운 메뉴)를 만들 수 있습니다. 각 메뉴 항목 옆의 ‘▼’를 클릭하여 라벨, 타이틀 속성 등을 수정할 수 있습니다.
대부분의 테마는 여러 메뉴 위치(예: 상단 메뉴, 푸터 메뉴)를 지원합니다. ‘메뉴 설정’ 섹션에서 메뉴를 표시할 위치를 선택합니다. ‘주 메뉴’나 ‘사회적 메뉴’와 같은 옵션을 선택할 수 있습니다.
메뉴가 상단 바에 노출되게 하기 위해서는 주메뉴(Primary Menu)를 클릭하신 후 메뉴 저장을 클릭하시면 됩니다.
워드프레스 위젯 설정하기
워드프레스 위젯은 웹사이트의 여러 부분에 추가할 수 있는 작은 블록이나 요소로, 주로 사이드바, 푸터 또는 다른 위젯 지원 영역에 배치됩니다. 이러한 위젯은 다양한 형태로 제공되며, 텍스트, 이미지, 최근 게시물 목록, 탐색 메뉴, 검색 바 등과 같은 다양한 기능을 수행하여 웹사이트의 기능성과 사용자 경험을 향상시키는 데 사용됩니다.
좌측 메뉴 중 [외모] – [위젯]으로 들어갑니다.
대부분의 테마는 사이드바, 푸터 등 다양한 영역에 위젯을 추가할 수 있도록 여러 옵션을 제공합니다. 원하는 위젯 영역을 선택합니다. 사용 가능한 위젯 목록에서 필요한 위젯을 선택하고, 해당 위젯을 추가하고자 하는 영역으로 드래그 앤 드롭하거나 클릭하여 추가합니다. 위젯을 영역에 추가한 후, 위젯의 제목, 옵션 등을 설정합니다. 예를 들어, ‘최근 게시물’ 위젯의 경우 표시할 게시물 수, 날짜 표시 여부 등을 설정할 수 있습니다.
- 위젯 순서 조정: 위젯은 드래그 앤 드롭으로 쉽게 순서를 변경할 수 있습니다. 위젯 영역 내에서 위젯을 원하는 위치로 이동시키면 됩니다.
- 커스텀 위젯 사용: 일부 플러그인은 추가적인 커스텀 위젯을 제공합니다. 예를 들어, 소셜 미디어 피드, 사용자 맞춤형 HTML, 특정 카테고리의 게시물 목록 등이 있습니다.
- 위젯 가시성 관리: 일부 고급 위젯 플러그인이나 테마에서는 위젯의 가시성을 특정 페이지나 게시물 유형에 따라 조절하는 기능을 제공하기도 합니다.
- 위젯 제거: 위젯을 더 이상 사용하지 않을 경우, 위젯 설정에서 ‘삭제’를 클릭하여 해당 위젯을 제거할 수 있습니다.
워드프레스 위젯은 웹사이트의 기능성과 사용자 경험을 쉽게 향상시킬 수 있는 강력한 도구입니다. 위젯을 통해 사이트 방문자에게 유용한 정보를 제공하고, 웹사이트의 전반적인 디자인과 기능성을 개선할 수 있습니다.
Wordpress Homepage
워드프레스 홈페이지 설정
자신의 워드프레스 여러가지 페이지 중 꾸민 페이지를 홈화면으로 설정하는 방법에 대해 알아보겠습니다.
좌측 메뉴 중 [설정]-[읽기]로 들어갑니다.
그 다음, 홈페이지 표시 우측의 선택 버튼 중 ‘정적인 페이지’를 클릭합니다. 그 다음 드롭다운 버튼을 클릭하여 자신의 홈페이지로 설정할 페이지를 선택한 후 ‘변경사항 저장’을 클릭합니다.
이상으로 워드프레스 웹사이트의 홈페이지를 설정 완료하였습니다.
자신이 제작한 웹사이트를 검색엔진(구글, 네이버 등)에 등록하는 방법은 아래의 글에서 내용 확인 가능합니다.
