WordPress 테마를 사용자 정의하는 방법 – 초보자를 위한 DIY 가이드

게시 됨: 2020-12-17

사이트에 적합한 WordPress 테마를 선택하는 것은 항상 어려운 일입니다. 특히 초보자라면 더욱 그렇습니다. 이전 게시물 중 하나 에서 WordPress 테마를 선택하는 방법에 대해 이미 논의했습니다. 사이트에 대한 WordPress 테마를 선택하면 요구 사항에 따라 사용자 정의할 수 있습니다. WordPress 초보자는 테마 사용자 정의 프로세스에 익숙하지 않을 수 있습니다. WordPress 테마를 사용자 정의하고 싶지만 어떻게 해야할지 모르겠다면 이 기사를 계속 읽으십시오. 여기에서는 다양한 방법으로 WordPress 테마를 사용자 정의하는 방법에 대해 설명합니다.

목차

WordPress 테마를 사용자 정의하시겠습니까?

실제로 WordPress 테마 사용자 지정을 시작하기 전에 그렇게 하는 것이 정말로 필요한지 자문해야 합니다.

때로는 WordPress 테마를 사용자 정의할 필요가 없습니다. 대신 플러그인을 설치해야 합니다. 테마는 WordPress 사이트를 디자인하는 데 도움이 됩니다. 반면 플러그인은 사이트에 추가 기능을 추가하는 데 도움이 됩니다. 따라서 변경하려는 변경 사항이 디자인이 아닌 기능과 관련된 경우 WordPress 플러그인 사용을 고려해야 합니다. 예를 들어, 사이트에 위젯을 추가하거나, 사용자 정의 필드를 생성하고, 사용자 정의 게시물 유형 및 분류를 등록하거나, 온라인 상점 또는 SEO 향상과 같은 추가 기능을 추가하려는 경우 WordPress 테마를 사용자 정의하는 대신 플러그인을 사용해야 합니다. WordPress 플러그인 디렉토리 에는 수천 개의 플러그인이 있습니다. 플러그인 디렉토리로 이동하여 사용하려는 플러그인을 검색하고 웹사이트에 설치하기만 하면 됩니다.

그러나 완전히 디자인 중심으로 변경하려면 WordPress 테마를 사용자 지정해야 합니다. 그리고 이를 수행하는 다양한 방법이 있습니다. 가장 적합한 방법을 선택할 수 있습니다.

WordPress 테마를 사용자 정의하는 다양한 방법

이제 WordPress 테마를 사용자 정의하는 방법을 배울 시간입니다. 그러나 WordPress 테마 사용자 지정을 시작하기 전에 WordPress 테마를 사용자 지정하는 다양한 방법에 익숙해져야 합니다. 다음은 상황에 따라 사용할 수 있는 옵션에 대한 개요입니다.

  • WordPress에는 WordPress 테마에 따라 글꼴, 색상, 헤더 이미지 및 레이아웃을 쉽게 사용자 정의할 수 있는 사용자 정의 기능이 내장되어 있습니다. 테마 커스터마이저는 WordPress 대시보드에서 사용할 수 있습니다.
  • WordPress 테마에 페이지 빌더가 있는 경우 이를 사용하여 웹사이트 디자인을 사용자 정의할 수도 있습니다.
  • 웹사이트의 CSS 또는 PHP 파일을 편집하는 것이 편하다면 WordPress 테마에서 코드 편집을 고려해야 합니다.

#1 – 워드프레스 커스터마이저 사용

WordPress 테마를 사용자 지정하는 가장 쉬운 방법을 찾고 있다면 WordPress 테마 사용자 지정 프로그램을 반드시 사용해야 합니다. WordPress 테마에 따라 WordPress 사이트를 변경할 수 있는 다양한 설정이 있습니다. 그렇게 하려면 사용자 지정 페이지로 이동해야 합니다. 아래 표시된 단계를 따르십시오.

1단계: 먼저 WordPress 대시보드를 열어야 합니다. 관리자로 로그인했는지 확인하세요.

2단계: WordPress 대시보드에서 모양 > 테마 를 클릭합니다.

Accessing themes from the WordPress dashboard

3단계: 테마 페이지로 이동합니다. 여기에서 강조 표시된 활성 테마와 함께 설치한 모든 테마를 볼 수 있습니다. 활성 테마에서 사용자 지정 을 클릭합니다.

customize a WordPress theme

4단계: WordPress 사이트를 실시간으로 사용자 정의할 수 있는 WordPress 사용자 정의 페이지로 이동합니다. 페이지 왼쪽에 사용 가능한 옵션 목록이 표시됩니다. 반면 페이지의 오른쪽에는 변경 사항에 대한 실시간 미리보기가 표시됩니다.

WordPress Theme Customizer

5단계: 변경한 후 상단의 게시 버튼을 클릭하여 변경 사항을 저장할 수 있습니다.

참고: 일부 WordPress 테마에는 다양한 사용자 지정 옵션이 있을 수 있습니다. 따라서 웹 사이트 디자인과 관련된 거의 모든 것을 쉽게 사용자 지정할 수 있습니다.

How to Customize a WordPress Theme – DIY Guide for Beginners 1

몇 가지 유용한 정보를 보려면 이 기사를 참조하십시오 – WordPress Theme Customizer를 Pro처럼 사용하는 방법 .

2 – 페이지 빌더 사용

페이지 빌더를 사용하여 WordPress 테마를 사용자 정의할 수도 있습니다. 웹 페이지의 레이아웃과 디자인에 많은 유연성을 제공합니다. 많은 WordPress 테마에는 페이지 빌더가 내장되어 있습니다. 따라서 테마에 페이지 빌더가 있는 경우 이를 사용하여 WordPress 사이트의 디자인과 레이아웃을 사용자 정의할 수 있습니다. WordPress 테마에 페이지 빌더가 없는 경우 Elementor 와 같은 페이지 빌더 플러그인을 간단히 설치할 수 있습니다.

WordPress Elementor Page Builder

Elementor와 같은 도움으로 웹 사이트 디자인을 쉽게 설정할 수 있습니다. Elementor의 사용자 친화적인 드래그 앤 드롭 인터페이스를 통해 변경 사항을 확인할 수 있습니다. Elementor에는 원하는 방식으로 웹사이트를 디자인할 수 있는 다양한 옵션이 있습니다. 페이지 왼쪽에 표시된 옵션에서 요소를 끌어다 놓기만 하면 됩니다. 콘텐츠가 어떻게 보이는지 확인하고 각 웹 페이지가 고유한지 확인할 수도 있습니다.

3 – 테마 코드 편집

WordPress 테마를 사용자 지정하려면 테마 코드를 편집할 수 있습니다. 이 방법을 사용하면 사용자 정의를 완전히 제어할 수 있지만 CSS 또는 PHP 파일을 편집하는 데 익숙한 경우에만 시도해야 합니다. 이 방법은 웹사이트용으로 특별히 설계된 고유한 테마를 편집하는 경우 매우 유용합니다. WordPress 테마의 코드를 편집하기만 하면 변경할 수 있습니다.

참고: 타사 WordPress 테마를 사용 중이고 편집하려는 경우 먼저 하위 테마를 만들어야 합니다. 이렇게 하면 테마를 업데이트할 때마다 변경 사항이 손실되는 것을 방지할 수 있습니다.

워드프레스 테마의 코드를 편집하기 전에 테마 파일마다 기능이나 컨트롤이 다르기 때문에 어떤 테마 파일을 편집해야 하는지 이해해야 합니다. 일반적으로 편집해야 할 3가지 주요 파일이 있습니다. 스타일시트 , 기능 파일 , 테마 템플릿 파일 입니다.

스타일시트(CSS) 편집

edit stylesheet file on WordPress

모든 WordPress 테마에는 styles.css 라는 스타일시트 파일이 있습니다. 이름에서 알 수 있듯이 style.css 파일에는 글꼴, 색상, 레이아웃 등 웹사이트의 스타일을 지정하는 모든 코드가 포함되어 있습니다. 예를 들어, WordPress 테마에서 색상과 관련된 변경을 하려면 스타일시트를 편집해야 합니다. 그리고 WordPress 사이트에 새 글꼴을 추가하려면 스타일시트를 사용하여 본문, 제목 등과 같은 다른 요소에 새로 추가된 글꼴을 적용해야 합니다. 자세한 내용은 이 문서를 참조하십시오 – 방법 WordPress CSS 파일 편집 .

함수 파일 편집

함수 파일(일명 functions.php)은 모든 WordPress 테마에서 사용할 수 있는 또 다른 공통 파일입니다. WordPress 테마에는 레이아웃에 있어야 하는 사이드바 수, 각 이미지에 대해 생성해야 하는 썸네일 수 등과 같은 많은 기능이 있습니다. 이러한 각 기능은 functions.php라는 파일에 등록됩니다. WordPress 테마의 컨트롤러 파일로 작동하여 필요한 출력을 생성합니다.

edit theme functions file

새로운 기능 코드를 추가하거나 기존 코드를 편집하려는 경우 작업해야 하는 파일입니다. 자세한 내용은 이 문서를 참조하십시오 – functions.php 파일 편집 방법 .

참고: 기능 파일을 편집하는 동안 다음 사항을 염두에 두십시오.

  • 매우 필요한 경우에만 함수 파일을 편집해야 합니다. 가능하면 함수에 새 코드를 추가하는 대신 플러그인을 간단히 작성할 수 있습니다. 이렇게 하면 나중에 새 테마로 전환할 때 새로 추가된 기능을 유지할 수 있습니다.
  • 함수 파일은 PHP로 작성되었으므로 잘 알고 있어야 합니다. Google에서 복사한 코드를 맹목적으로 사용하지 마십시오. 코드를 추가하기 전에 코드에 대해 더 많이 이해하십시오.

테마 템플릿 파일 편집

WordPress 테마에 있는 대부분의 파일을 테마 템플릿 파일이라고 합니다. 템플릿 계층 구조에 따라 WordPress가 특정 페이지에 표시할 콘텐츠 유형을 결정합니다. 콘텐츠가 특정 게시물이나 페이지에 표시되는 방식을 변경하려면 테마 템플릿 파일 중 하나를 편집하거나 사용할 수 없는 경우 새 템플릿을 만들어야 합니다.

예를 들어 WordPress 테마에는 카테고리 및 태그의 아카이브 페이지를 표시하는 데 사용되는 archive.php 파일이 있습니다. 태그가 표시되는 방식을 변경하려고 합니다. 따라서 변경 사항이 있는 archive.php 파일을 기반으로 tag.php 라는 새 파일을 생성해야 합니다.

몇 가지 유용한 정보는 이 기사를 참조하십시오 – WordPress 테마 HTML을 편집하는 방법 배우기 .

결론

WordPress 테마를 사용자 정의한다는 것은 WordPress 테마를 변경하고 요구 사항에 따라 사이트를 디자인하는 것을 의미합니다. 오늘날 대부분의 WordPress 테마는 완전히 사용자 정의할 수 있습니다. 따라서 WordPress 테마를 쉽게 사용자 정의하여 원하는 방식으로 웹 사이트를 디자인할 수 있습니다. 이 기사에서는 WordPress 테마를 사용자 정의하는 다양한 방법을 설명했습니다. 이제 어떤 방법을 선택할지 결정해야 합니다.

크레딧

vectorjuice가 만든 추상 벡터 – www.freepik.com