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

WordPress 테마를 설치했지만 제대로 작동하지 않을 수 있습니다. 운 좋게도 WordPress는 사용자 정의가 가능합니다. 올바른 방법을 선택하기만 하면 됩니다. 이 기사에서는 WordPress 테마를 안전하고 효율적으로 사용자 정의하는 여러 가지 방법을 알려드립니다.

WordPress 테마 사용자 지정 옵션

상황에 따라 WordPress 사이트의 테마를 사용자 지정하는 방법에 대한 다양한 옵션이 있습니다. 다음은 옵션에 대한 간략한 개요입니다.

• 테마에 기능을 추가하려면 플러그인을 설치하세요.
• WordPress 관리 화면에서 사용자 지정 프로그램을 사용하여 테마에 따라 글꼴, 색상 및 레이아웃을 사용자 지정합니다.
• 페이지 빌더 테마의 기능을 사용하여 사이트 디자인 사용자 지정
• 프레임워크 테마를 설치한 경우 사용 가능한 하위 테마 중 하나를 사용하여 웹사이트를 사용자 지정합니다.
• 기능이 있고 테마가 사이트에 고유한 경우 테마의 코드를 직접 편집할 수 있습니다.
• 타사 구성표의 코드를 편집하려면 하위 테마를 만드세요.

WordPress 테마를 사용자 정의해야 하는지 확인하는 방법

어떤 경우에는 실제로 테마를 사용자 정의할 필요가 없습니다. 대신 플러그인을 설치할 수 있습니다. 테마는 웹사이트의 디자인, 콘텐츠의 모양 및 표시 방식을 결정합니다. 플러그인은 단순히 추가 기능을 추가합니다. 필요한 변경 사항이 디자인보다 기능을 기반으로 하는 경우 테마를 사용자 지정하는 것보다 플러그인 설치를 고려할 수 있습니다. 플러그인을 작성하거나 플러그인 디렉토리에서 다운로드하거나 구매할 수 있습니다.

테마에서 functions.php 파일을 편집하려면 "나중에 테마를 바꾸면 이 기능을 유지하고 싶습니까?"라고 자문해 보십시오. 예라고 대답하면 해당 코드는 테마가 아닌 플러그인으로 이동해야 합니다. 위젯을 추가하고, 사용자 정의 게시물 유형 및 분류를 등록하고, 사용자 정의 필드를 생성하고, 상점 또는 SEO 향상과 같은 추가 기능을 추가하려는 경우 테마 대신 플러그인을 사용할 수 있습니다.

WordPress 관리 화면을 통해 WordPress 테마를 사용자 정의하는 방법

또 다른 옵션은 WordPress 관리 화면을 통해 WordPress 테마를 사용자 정의하는 것입니다. 이것은 변경하려는 변경 사항이 상당히 단순하고 디자인 중심인 경우 작동합니다. 커스터마이저는 테마 조정을 위한 몇 가지 선택 사항을 제공합니다. 사용 가능한 선택 사항은 테마에 따라 다릅니다. Appearance 메뉴에 Editor가 보이면 피하십시오.

사용자 지정 프로그램을 통해 WordPress 테마 사용자 지정

WordPress 테마를 사용자 지정하는 가장 간단한 방법은 WordPress 사용자 지정 프로그램을 사용하는 것입니다. 다음 두 가지 방법 중 하나로 이 작업을 수행할 수 있습니다.

• 로그인하여 웹사이트를 볼 때 화면 상단의 관리 표시줄에서 "사용자 지정" 링크를 클릭합니다.
• 또는 관리 화면에서 모양 > 사용자 지정을 클릭합니다.

어느 쪽이든 사용자 정의 프로그램으로 이동합니다.

WordPress 테마 편집기

WordPress 웹사이트의 관리 화면을 보면 "테마 편집기"라는 선택 항목이 표시될 수 있으며, 이는 모양 > 테마 편집기를 통해 볼 수 있습니다. 이렇게 하면 테마의 파일을 보고 직접 편집할 수 있습니다. 그러나 이것은 잘못된 생각입니다. CSS나 PHP를 작성하는 방법을 알고 있더라도 테마의 파일을 편집하는 것은 좋은 생각이 아닙니다. 우선 타사 테마를 구입하거나 다운로드한 경우 다음에 업데이트할 때 변경 사항이 손실됩니다. 둘째, 웹 사이트를 손상시키는 변경을 수행하면 추적되지 않으며 파일의 이전 버전은 변경되지 않습니다. 웹사이트가 영구적으로 손상될 수 있습니다.

WordPress조차도 테마 편집기를 사용하는 것이 얼마나 위험한지 알고 있으며 액세스하려고 할 때 경고를 표시합니다. 따라서 WordPress의 조언을 따르고 테마 편집기를 사용하지 마십시오.

WordPress 테마에서 코드를 편집하려면 코드 편집기를 사용하면 됩니다. 그리고 스테이징 사이트에서 테스트할 때까지 라이브 웹 사이트의 파일을 편집하지 마십시오. 타사 테마를 수정해야 하는 경우 하위 테마를 통해 수정할 수 있습니다.

페이지 빌더 및 프레임워크를 사용하여 WordPress 테마를 사용자 정의하는 방법

많은 WordPress 테마에는 사용자 정의 옵션이 있습니다. 즉, 사용자 정의 프로그램으로 디자인과 레이아웃을 변경할 수 있습니다. 그러나 일부 테마는 실제로 확장 및 사용자 지정을 의미합니다. 이러한 테마를 실제로 프레임워크라고 합니다. 또는 페이지 빌더라고 하는 사용자 친화적인 인터페이스로 웹사이트를 디자인하는 데 도움이 되는 플러그인을 사용할 수 있습니다.

페이지 빌더를 사용하여 WordPress 테마 사용자 정의

Page Builder 플러그인의 요점은 웹사이트 디자인을 간단하게 설정하는 것입니다. 인터페이스를 통해 무엇을 얻을 수 있는지 미리 확인할 수 있습니다. 먼저 호환되는 테마가 있는 페이지 빌더 플러그인을 설치한 다음 옵션을 사용하여 원하는 대로 사이트를 디자인합니다. 가장 인기 있는 페이지 빌더 중 하나는 Elementor입니다. 그러나 몇 가지 옵션이 있습니다. 페이지 빌더의 장점 중 하나는 끌어서 놓기 인터페이스로 게시물과 페이지를 편집할 수 있다는 것입니다. 이를 통해 고유한 웹 페이지를 만들고 콘텐츠가 어떻게 표시되는지 확인할 수 있습니다. 또한 레이아웃 및 디자인과 관련하여 많은 유연성을 제공합니다.

테마 프레임워크를 사용하여 WordPress 테마 사용자 지정

페이지 빌더를 사용하지 않으려면 프레임워크를 사용하여 WordPress 테마를 사용자 지정할 수도 있습니다. 테마 프레임워크는 함께 작동하도록 설계된 테마 모음입니다. 프레임워크인 하나의 상위 테마와 기본 테마를 사용자 정의하고 원하는 대로 표시하는 데 사용할 수 있는 다양한 하위 테마가 있습니다. Divi는 테마 프레임워크의 예입니다. 페이지 빌더의 드래그 앤 드롭 인터페이스와 유사하게 자식 테마의 디자인을 훨씬 더 조정할 수 있는 사용자 지정 옵션이 있습니다.

WordPress 테마의 코드를 편집하는 방법

CSS 및/또는 PHP를 편집하는 방법을 알고 있다면 테마에서 코드를 편집하여 사용자 정의할 수 있습니다. 이를 통해 가장 많은 제어가 가능하지만 가장 기술적인 지식이 필요합니다. 자신의 웹사이트를 위해 특별히 개발된 자신만의 테마를 편집하는 경우 직접 편집할 수 있습니다. 그러나 타사 테마로 작업하는 경우 다음에 업데이트할 때 변경 사항이 손실되지 않도록 하위 테마를 만들어야 합니다.

테마 파일 편집 방법

WordPress 테마를 편집하는 첫 번째 단계는 어떤 테마 파일이 무엇을 제어하고 어떤 것을 편집해야 하는지 아는 것입니다.

스타일시트

각 WordPress 테마에는 style.css라는 스타일시트가 있습니다. 여기에는 레이아웃, 글꼴, 색 구성표 등을 포함하여 웹사이트 스타일을 지정하기 위한 모든 코드가 있습니다. 예를 들어 웹 사이트 테마의 색상을 변경하려는 경우 스타일시트를 편집할 수 있습니다. 새 글꼴을 추가하려면 스타일시트를 사용하여 본문 및 제목과 같은 다양한 요소에 원하는 글꼴을 적용할 수 있습니다.

그러나 스타일시트를 편집할 때 주의하십시오. 특이성은 요소에 대한 코드가 항상 생각하는 위치에서 오는 것은 아님을 의미합니다. 예를 들어 요소는 하위 요소에 고유한 스타일을 추가하지 않는 한 페이지 계층 구조에서 상위에 있는 다른 요소의 스타일을 상속합니다.

CSS가 페이지의 각 요소에 어떤 영향을 미치는지 보려면 브라우저에서 속성을 사용하여 CSS를 볼 수 있습니다. 그런 다음 이를 사용하여 변경하려는 페이지의 개별 요소 또는 요소 또는 클래스 범위를 대상으로 하는 새 CSS를 작성할 수 있습니다.

CSS 및 특정성에 대한 이 이야기가 새롭고 혼란스럽다면 테마의 CSS를 직접 편집하지 말고 WordPress 테마를 사용자 정의하기 위해 다른 옵션을 시도하거나 SEO Design Chicago의 전문가에게 도움을 받는 것이 좋습니다!

함수 파일

대부분의 테마에는 functions.php라는 함수 파일도 있습니다. 함수 파일은 전적으로 PHP로 작성되었습니다. 이 파일은 테마 작업의 많은 부분을 만듭니다. 이 파일에서 코드를 찾아 추천 이미지, 위젯 등과 같은 테마 기능을 등록할 수 있습니다. 기능 파일의 테마에 기능 코드를 추가할 수도 있습니다. 그러나 함수 파일에 코드를 추가하는 대신 플러그인 작성을 고려할 수 있습니다.

테마 템플릿 파일

테마에 있는 대부분의 파일은 테마 템플릿 파일입니다. 이 파일은 WordPress가 주어진 페이지에서 출력하는 콘텐츠를 결정하고 템플릿 계층에 따라 선택됩니다. 특정 게시물 유형, 페이지 또는 아카이브에서 콘텐츠가 출력되는 방식을 변경하기 위해 이러한 파일을 편집하거나 새 파일을 만들 수 있습니다.

예를 들어 테마에 카테고리 및 태그에 대한 아카이브 페이지를 출력하는 데 사용되는 archive.php 파일이 있는 경우 태그가 출력되는 방식을 변경할 수 있습니다. 그런 다음 변경 사항이 있는 archive.php를 기반으로 하는 "tag.php"라는 파일을 만듭니다.

다시 한 번 말하지만 파일을 편집할 때는 사이트가 손상될 수 있으므로 주의하십시오. 항상 스테이징 사이트를 먼저 사용하십시오!

하위 테마로 타사 테마 사용자 정의

웹사이트에서 타사 테마를 실행 중이고 해당 코드를 편집하려면 하위 테마를 만들어야 합니다. 테마를 직접 편집한 다음 업데이트하면 모든 변경 사항이 손실됩니다.

하위 테마를 만드는 방법

1. wp-content/themes에서 새 폴더를 만듭니다.
2. 이 폴더에서 스타일시트를 만듭니다. 새 스타일시트에서 이것이 기존 테마의 하위 테마임을 WordPress에 알립니다.
3. 그런 다음 편집하려는 파일의 복사본을 하위 테마에 추가합니다. 이 폴더의 파일을 편집합니다.
4. 마지막으로 웹사이트에서 하위 테마를 활성화합니다.

WordPress는 상위 테마의 계층 구조에서 상위 파일이 없는 경우를 제외하고 항상 하위 테마의 파일을 사용하여 콘텐츠를 출력합니다. 동일한 파일의 두 가지 버전이 있더라도 WordPress는 하위 테마의 버전을 사용합니다. 기본적으로 자식 테마의 새 파일은 항상 부모 테마의 파일을 재정의합니다.

WordPress 테마를 사용자 지정하는 방법에 대한 모범 사례

다음은 WordPress 테마를 사용자 지정할 때 따라야 할 몇 가지 모범 사례입니다.

가능할 때마다 코드를 추가하지 않고 사용자 정의

사용자 지정 도구를 통해 또는 관리 화면의 다른 곳에서 언제든지 사용자 지정을 수행할 수 있는 경우 코드를 편집하는 것보다 훨씬 더 나은 옵션입니다. CSS 및 PHP에 익숙하고 안전하게 수행하는 방법을 알고 있는 경우에만 코드를 편집하십시오.

지역 개발 사이트를 사용하여 변경

테마의 코드를 편집하거나 변경하기 위해 하위 테마를 만드는 경우 항상 테마가 설치되고 라이브 사이트에서 콘텐츠를 복사한 상태에서 WordPress의 로컬 설치에서 개발 작업을 수행하십시오. 이런 식으로 미러 사이트에서 업데이트를 실시간으로 테스트할 수 있습니다. 이것은 라이브 사이트에 영향을 미치지 않으며 훨씬 빠릅니다.

버전 관리 사용

WordPress 테마를 변경할 때마다 버전 관리를 사용하여 변경 사항을 추적해야 합니다. 최소한 테마의 버전 번호를 변경하고 두 버전의 복사본을 유지해야 합니다. 그러나 버전 제어를 올바르게 수행하려면 서비스(예: GitHub)를 사용하여 변경 사항을 추적해야 합니다. 변경으로 인해 문제가 발생하면 수동으로 편집하지 않고 간단히 롤백할 수 있습니다. 이것은 팀으로 작업하는 경우 특히 중요한 단계입니다.

스테이징 사이트를 사용하여 변경 사항 테스트

준비 사이트에 액세스할 수 있는 경우 라이브 사이트에서 새 테마를 활성화하기 전에 이 사이트에서 테스트해야 합니다. 모든 로컬 사이트는 다른 서버에 있고 다른 버전의 PHP에서 실행될 수 있기 때문에 실제 사이트와 약간의 차이가 있습니다. 스테이징 서버에서 라이브 사이트의 복사본을 만든 다음 새 테마를 업로드하고 활성화합니다. 먼저 사이트를 테스트하여 모든 것이 올바르게 작동하는지 확인한 다음 변경 사항을 실제 사이트에 푸시합니다.

모바일 반응형 테마 만들기

새 테마가 데스크톱뿐만 아니라 모바일에서도 반응하도록 하는 것이 중요합니다. 2021년에는 모바일이 웹 트래픽의 절반을 차지합니다. 그렇기 때문에 새로운 WordPress 테마가 모바일 친화적이어야 하는 것이 중요합니다. 그렇지 않으면 트래픽이 최대 절반까지 손실될 수 있습니다. 언제든지 BrowserStack과 같은 도구를 사용하여 웹사이트가 다양한 장치에서 어떻게 나타나는지 확인할 수 있습니다.

모든 사용자가 사용자 정의에 액세스할 수 있는지 확인

웹사이트에 대한 모든 사용자 정의는 장애가 있거나 감각 장애가 있는 사용자를 포함하여 모든 사람이 액세스할 수 있어야 합니다. 색상을 밝게 하거나 텍스트를 작게 만드는 것과 같은 변경 사항을 고려하고 ADA를 준수하는지 확인하십시오.

WordPress 코딩 표준 준수

WordPress 테마에서 코드를 편집하거나 자식 테마를 만들 때마다 코드가 WordPress 코딩 표준에 맞는지 확인해야 합니다. 이러한 표준은 코드가 일관되고 고품질임을 보장하기 위한 것입니다.

SEO 디자인 시카고로 WordPress 테마 사용자 지정

WordPress가 웹 사이트 구축을 위한 최고의 플랫폼인 이유 중 하나는 매우 사용자 정의가 가능하기 때문입니다. 그러나 사이트를 사용자 정의하는 것은 어려울 수 있습니다. SEO 디자인 Chicago의 웹 개발자는 WordPress 전문가이며 테마를 사용자 정의할 수 있으므로 원하는 정확한 웹 사이트를 얻을 수 있습니다. 오늘 저희에게 연락하십시오!

자주 묻는 질문:

• WordPress 테마를 사용자 정의해야 합니까?
• WordPress 테마 편집기를 사용하면 안 되는 이유는 무엇입니까?
• WordPress에서 사용자 지정 프로그램을 어떻게 찾나요?
• WordPress 테마의 레이아웃, 글꼴 및 색상을 어떻게 편집합니까?
• WordPress 테마를 사용자 지정하기 위한 모범 사례는 무엇입니까?