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

WordPress에는 다양한 테마가 내장되어 있습니다. 어떤 경우에는 표준 테마가 사이트의 모양과 느낌에 적합하지만 다른 경우에는 보다 개인화된 모양을 원할 수 있습니다. 즉, 웹 사이트를 사용자 정의하려고 합니다.

WordPress 테마를 사용자 정의하는 옵션은 변경하려는 항목과 기술 노하우에 따라 다릅니다. 이 기사에서는 사이트가 원하는 방식으로 표시되고 작동하도록 변경할 수 있는 다양한 방법에 중점을 둘 것입니다. 핵심은 귀하에게 적합한 옵션을 찾는 것입니다.

WordPress 테마는 무엇을 제어합니까?

사용자 정의에 대해 생각할 때 WordPress 테마 컨트롤이 무엇인지 아는 것이 시작하기에 좋은 위치입니다. 테마는 웹사이트와 콘텐츠가 표시되는 방식에 영향을 줍니다. 여기에는 글꼴, 색상, 사이트 레이아웃, 위젯 위치, 게시물 또는 아카이브 스타일과 같은 기능이 포함되며 다른 스타일 기반 세부 정보도 포함됩니다.

WordPress 테마를 사용자 정의하려는 이유 식별

테마를 변경하기 전에 그 욕망의 원인을 파악하는 것이 중요합니다. 웹 사이트가 보이는 방식에 대한 간단한 수정을 찾고 있다면 WordPress가 제공하는 기능을 통해 수행할 수 있습니다.

기능이 누락된 경우 찾고 있는 것은 올바른 플러그인입니다. 플러그인은 웹사이트의 기능을 확장하는 소프트웨어입니다. WordPress에는 사용 가능한 플러그인 데이터베이스가 많으므로 옵션을 탐색하는 것이 좋습니다. 올바른 플러그인으로 추가할 수 있는 기능에는 소셜 미디어 통합, 검색 엔진 최적화(SEO), 위젯 추가 등이 있습니다.

WordPress 대시보드에 액세스하고 '플러그인' 카테고리를 검색하여 플러그인을 찾을 수 있습니다. 일단 거기에, 당신은 당신의 필요에 맞는 것들을 검색할 수 있습니다.

테마를 사용자 정의하기 전에 취해야 할 예방 조치

웹사이트를 구축하는 데 많은 시간을 보냈으므로 마지막으로 하고 싶은 일은 변경을 시도하는 동안 웹사이트를 손상시키는 것입니다. WordPress가 제공하는 기능을 통해 변경하는 경우 문제가 없어야 하지만 여전히 주의해서 진행하십시오. 효과가 마음에 들지 않으면 원본으로 쉽게 되돌릴 수 있도록 한 번에 하나씩 변경하는 것이 좋습니다.

이 문서에서 더 자세히 설명하는 고급 옵션을 사용하는 경우 사이트의 로컬 개발 버전을 사용하는 것이 좋습니다. 이렇게 하면 이를 보호할 수 있고 완전히 구현하기 전에 변경 사항을 조정할 수 있습니다. 또한 공식적으로 시작하기 전에 변경 사항의 기능을 테스트할 수 있도록 준비 사이트를 사용해야 합니다.

고급 수준에서 테마를 사용자 지정하면 다른 버전이 생성됩니다. 여기에서 적절한 버전 관리가 필요합니다. 단순히 각 버전에 번호를 매기든, 버전 추적에 도움이 되는 서비스를 사용하든, 사이트에서 작동하는 항목을 보호할 수 있어야 합니다. 테마를 수정하고 결함을 발견하면 원래 테마로 쉽게 되돌릴 수 있어야 합니다.

WordPress 사용자 정의 기능을 사용하는 방법

색상, 글꼴 및 위젯 레이아웃과 같은 간단한 테마 변경은 WordPress의 테마 사용자 지정 기능을 확인해야 합니다. 사이트에 로그인하면 대시보드와 '사용자 정의' 링크에 액세스할 수 있습니다. 해당 카테고리 아래에는 WordPress Customizer를 사용하여 사이트 모양을 수정하는 옵션이 표시됩니다. 여기에서 사용 중인 테마에 대한 사용자 정의 가능성이 무엇인지 알 수 있습니다.

일부 테마에는 다른 것보다 더 많은 옵션이 있지만 최근 WordPress에는 다양한 조정이 가능한 테마가 포함되어 있습니다. 이 경로를 먼저 시도하는 것이 좋습니다. 매우 간단한 수정이지만 원하는 디자인을 제공할 수 있습니다.

테마를 변경하는 방법을 검색하는 동안 '모양 카테고리'에서 '테마 편집기'라는 항목을 발견할 수도 있습니다. 이 옵션을 사용하면 테마의 파일에 직접 액세스하여 편집할 수 있습니다. 꼭 필요한 것처럼 들리지만 그대로 두는 것이 권장되는 두 가지 큰 이유가 있습니다.

첫째, 타사 테마를 사용하는 경우 변경 사항은 다음에 업데이트가 있을 때 손실됩니다. 사이트의 테마 및 기타 측면은 사이트가 안전하게 유지되고 WordPress와 호환되는지 확인하기 위해 때때로 업데이트됩니다. 변경 사항이 손실될 수 있으므로 업데이트를 선택 해제하지 않는 것이 좋습니다.

둘째, 웹 디자인에 능숙하고 CSS 또는 PHP에 대해 알고 있더라도 일이 잘못될 수 있습니다. 테마 편집기를 사용하는 경우 파일 변경으로 인해 사이트가 완전히 손상될 수 있습니다. 테마를 직접 변경했으므로 원래 버전은 더 이상 존재하지 않으며 수정되지 않은 사이트로 되돌릴 수 없습니다.

기본 수준에서 테마를 편집하려면 코드 편집기가 가장 좋습니다. 타사 테마의 경우 하위 테마 사용을 권장합니다. 이러한 옵션에 대한 자세한 내용은 아래에서 확인할 수 있습니다.

페이지 빌더를 사용하여 테마를 사용자 정의하는 방법

이것은 WordPress 테마를 사용자 정의하는 데 도움이 되는 또 다른 사용하기 쉬운 옵션입니다. 페이지 빌더는 사용 중인 테마에 따라 설치하는 플러그인입니다. 플러그인은 테마와 호환되어야 하므로 일이 원활하게 진행되도록 조사를 수행해야 합니다.

페이지 빌더 플러그인을 사용할 때 진정으로 사용자 정의된 모양을 쉽게 얻을 수 있도록 하는 끌어서 놓기 기능을 볼 수 있습니다. 물건을 옮기는 동안 작업이 끝나면 사이트와 콘텐츠가 어떻게 보이는지 실시간으로 알 수 있습니다. 페이지 빌더는 더 많은 유연성을 제공하지만 여전히 사용자 친화적이기 때문에 좋은 옵션입니다.

프레임워크를 사용하여 테마를 사용자 지정하는 방법

프레임워크는 페이지 빌더의 대안이지만 일반적으로 사용하기 쉽습니다. 프레임워크를 사용하면 그룹화된 몇 가지 테마가 있습니다. 이 그룹에는 프레임워크로 알려진 주요 테마가 있습니다. 그룹의 다른 테마는 하위 테마로 알려져 있습니다.

프레임워크와 연결된 하위 테마를 변경하여 전체 테마가 표시되는 방식을 사용자 지정할 수 있습니다. 하위 테마를 수정하려는 경우 해당 작업을 수행할 수 있는 프로그램이 있습니다. 페이지 빌더 옵션과 마찬가지로 이러한 프레임워크 테마에도 끌어서 놓기 인터페이스가 있습니다.

코딩을 사용하여 테마를 사용자 지정하는 방법

코드 수준에서 WordPress 테마를 사용자 지정하는 것은 사용할 수 있는 가장 고급 옵션입니다. 또한 최종 제품이 무엇인지 가장 잘 제어할 수 있습니다. 물론 CSS나 PHP를 편집하는 데 능숙하지 않다면 시도해서는 안 됩니다. 그렇지 않은 경우 위에서 설명한 옵션을 고수하는 것이 가장 좋습니다.

사이트에서 사용자가 만든 테마를 사용하는 경우 파일을 변경하고 사이트에서 다시 로드할 수 있습니다. 타사 테마를 사용하는 경우 상황이 조금 더 복잡합니다. 여기에서 자식 테마를 만드는 것이 유용할 것입니다. 그러나 먼저 기본부터 시작합니다.

모든 WordPress 테마의 기본은 스타일시트이며 style.css로 표시됩니다. 여기에서 글꼴, 디스플레이, 레이아웃 등과 관련된 모든 코드를 찾을 수 있습니다. 특정 요소를 변경하려면 스타일시트에서 관련 코드를 찾아야 합니다.

변경할 코드를 찾을 때 검색에 매우 부지런해야 합니다. 일부 요소는 실제로 계층 구조에서 상위에 있는 다른 요소에서 스타일을 가져옵니다. 테마를 효과적으로 사용자 지정하려면 올바른 코드를 수정하고 있는지 확인해야 합니다.

요소의 CSS 소스를 찾으려면 브라우저의 인스펙터를 사용하세요. 예를 들어, Google 크롬에는 도움이 될 DevTools 기능이 있습니다.

위젯 및 추천 이미지와 같은 기능을 사용자 정의하는 데 더 관심이 있다면 함수 파일을 찾고 있습니다. 이것은 functions.php의 형식을 취합니다. 이 파일을 수정하면 테마의 전체 기능을 변경할 수 있습니다.

하지만 변경하기 전에 해당 변경 사항을 현재 테마에만 적용할지 아니면 사이트 전체에 적용할지 여부를 고려해야 합니다. 사용 중인 테마에 관계없이 해당 기능을 갖고 싶다면 대신 플러그인을 만드는 것이 좋습니다. 그렇게 하면 항상 해당 기능을 사용할 수 있습니다.

수정할 수 있는 또 다른 파일은 테마 템플릿입니다. WordPress 테마는 템플릿을 사용하여 템플릿 계층 구조에 따라 주어진 페이지에 콘텐츠를 배치하는 방법을 결정합니다. 페이지와 콘텐츠가 표시되는 방식을 변경하려면 기존 PHP 파일을 수정하여 자신만의 파일을 만들 수 있습니다. 이것은 까다로울 수 있으므로 웹 사이트 손상을 방지하기 위해 로컬 또는 스테이징 사이트를 사용하십시오.

마지막으로 다룰 것은 타사 테마를 사용자 정의해야 할 때 하위 테마를 사용하는 것입니다. 일반적으로 이것은 4단계 프로세스입니다.

1. wp-content/themes에 새 폴더를 만들어야 합니다.
2. 해당 폴더에 스타일시트를 만들고 현재 사용 중인 테마의 하위 테마임을 WordPress에 알립니다.
3. 편집하려는 테마 파일의 복사본을 해당 스타일시트에 배치하고 편집을 수행합니다.
4. 사이트에서 새 하위 테마를 활성화합니다.

하위 테마가 활성화되면 원하는 변경 사항이 표시되어야 합니다. 이는 상위 테마에 계층 구조에서 더 높은 위치에 있는 다른 파일이 없는 한 WordPress는 일반적으로 하위 테마의 정보를 사용하기 때문입니다. 또한 두 가지 버전이 있는 경우 WordPress는 하위 테마를 우선적으로 사용합니다. 즉, 새로 업로드한 하위 테마가 상위 테마의 파일보다 우선 적용됩니다.

그러나 이전에 언급했듯이 테마의 코드를 수정하는 것은 최후의 수단이어야 합니다. 이 기사의 시작 부분에 언급된 필요한 예방 조치를 취하더라도 상황이 여전히 잘못될 수 있습니다. 항상 사용 가능한 다른 옵션을 먼저 시도해야 합니다.

WordPress 테마를 사용자 정의할 때 고려해야 할 기타 요소

WordPress 테마를 사용자 정의할 때 무엇이 ​​효과가 있는지 생각해야 합니다. 다른 두 가지 고려 사항은 테마의 반응성과 모든 사용자가 계속 액세스할 수 있는지 확인하는 것입니다.

민감도

이는 웹사이트에 액세스하는 데 사용되는 장치에 따라 웹사이트의 디자인과 기능이 쉽게 변경되는 것을 나타냅니다. WordPress 테마를 사용자 정의할 때 웹사이트의 응답성에 부정적인 영향을 미치지 않았는지 확인해야 합니다.

점점 더 많은 사람들이 태블릿이나 휴대폰을 사용하여 온라인 정보에 액세스하고 있으므로 응답성에 주의를 기울이는 것이 중요합니다. 웹사이트가 반응형이 아니면 웹 트래픽과 검색 엔진 순위에 영향을 미칩니다. 사용자를 잃게 되면 테마를 변경해도 도움이 되지 않습니다.

접근성

웹사이트는 반응형이어야 할 뿐만 아니라 장애가 있거나 감각적 요소에 민감한 사람들이 계속 액세스할 수 있어야 합니다. 즉, 너무 밝은 색상, 너무 작은 글꼴 또는 이러한 사람들이 탐색하기 어려운 스타일을 피해야 합니다.

사이트의 접근성을 확인하는 방법을 잘 모르는 경우 좋은 접근성 검사기를 사용하는 것이 좋습니다. 필요한 경우 온라인에서 유용한 도구를 찾을 수 있습니다.

결론

WordPress 테마를 사용자 정의하는 것은 간단하거나 복잡할 수 있습니다. 당신이 취하는 경로는 당신이 만들고자 하는 변화와 당신의 기술에 달려 있습니다. 사용자 지정하기 전에 가장 적합한 옵션을 선택하고 웹 사이트를 보호하기 위해 필요한 예방 조치를 취했는지 확인하십시오. 달성하고자 하는 것에 적합한 도구를 선택하는 것도 중요합니다.

개인화 된 디자인을 갖는 것은 좋은 생각이지만 전환율과 검색 엔진 순위를 희생시키면서 그것을 하지 마십시오. 변경 사항이 사이트 성능에 영향을 미치지 않았는지 항상 확인해야 합니다.