최고의 WordPress 테마를 만들고 실수하지 않는 방법
게시 됨: 2020-10-22WordPress는 The New York Times, 스웨덴 공식 사이트 TechCrunch, Vogue 등 수백만 개의 웹사이트가 실행되면서 다른 CMS 중에서 뛰어난 위치를 차지했습니다. 플랫폼의 구조가 매우 다기능적이어서 대기업 사이트와 마찬가지로 소규모 개인 블로그 사이트에 적합합니다.
이 CMS의 인기는 수많은 무료 테마, 플러그인 및 높은 업데이트 빈도를 비롯한 여러 요인 때문입니다. 또한 다른 많은 플랫폼과 달리 WordPress에는 거대한 사용자 커뮤니티가 있습니다. 시스템을 사용하는 동안 문제가 발생하거나 같은 생각을 가진 사람들과 이야기해야 하는 경우 사용 가능한 수천 개의 포럼을 통해 커뮤니티에 연락할 수 있습니다. WordPress 테마는 웹사이트의 모양을 정의하는 파일 모음입니다. 테마에는 JavaScript 및 HTML 프로그래밍 이 포함되며 JavaScript 개발자 또는 jQuery 개발자 가 포함되는 경우가 많습니다 .
WordPress는 사용자 친화적이어서 블로거를 꿈꾸는 사람들에게 최고의 플랫폼 중 하나입니다. 잘 구성된 메뉴와 간단한 컨트롤은 코드를 파헤칠 필요가 없습니다. 사용자가 HTML에 대한 기본 지식이 없더라도 WordPress 사이트를 만드는 데 많은 시간이 걸리지 않고 추가 작업이 필요하지 않습니다.
그러나 이 기사에서는 주제를 만드는 데 주의를 기울이고자 합니다. 가능한 한 효율적으로 이 문제에 접근하고 실수를 피하는 방법입니다.
출처: kinsta.com
나만의 WordPress 테마를 만드는 것이 중요한 이유
WordPress에는 수백 개의 무료 테마가 있는 내부 라이브러리가 있습니다. 모든 목적과 선호도에 적합합니다. 그렇다면 수많은 무료 테마가 있는데 JS 개발자 가 맞춤형 테마를 만들어야 하는 이유는 무엇입니까?
사용자 지정 테마는 무료 테마보다 더 많은 이점이 있으며 그 이유는 다음과 같습니다.
- 디자인의 독창성.
인터넷에 있는 모든 사이트의 29%가 WordPress에 의해 구동된다는 점에 유의하십시오. 누군가가 당신과 같은 주제를 가질 가능성은 상당히 높습니다. 당신의 브랜드가 당신과만 연결되기 위해서는 프리랜서 JS 개발자나 사내 전문가의 도움을 받아 사전에 이를 관리해야 합니다.
- 개인화된 기능.
WordPress 및 플러그인은 개별 요소를 저장해야 합니다. 고유한 테마를 위해 개발자는 특정 틈새 시장에서 탁월한 성능을 발휘하는 데 필요한 요소를 정확히 만들 수 있습니다.
- 기본 테마 를 변경할 수 있는 기능이 제한되어 있습니다 .
대부분의 경우 표준 테마의 사용자는 색상, 글꼴 및 이미지와 같은 간단한 항목에 영향을 줄 수 있습니다. 테마를 만들 때 기능과 기능을 무제한으로 추가할 수 있습니다. 귀하의 사이트가 발전함에 따라 이러한 아이디어가 떠오를 수 있으며 테마의 기능을 향상시킬 수 있는 기회는 항상 귀하와 함께할 것입니다.
결과는 기본 테마 개발자의 예기치 않은 업데이트가 아니라 변경 사항에 영향을 주는 고유한 블로그 또는 웹 사이트 디자인이 됩니다.
WordPress 테마를 개발할 때 저지르는 일반적인 실수는 무엇입니까?
자신만의 테마를 만들기로 결정할 때 알고 피해야 하는 몇 가지 일반적인 실수가 있습니다.
- 작업 및 필터를 사용하지 않고 테마 만들기
작업과 필터를 사용하여 독립 실행형 테마를 만듭니다. 이렇게 하면 원본 테마를 편집하지 않고 기능을 수정할 수 있습니다. 또한 나중에 Origin 테마에 의존하는 Premium 확장을 만들고 싶다면 쉽게 확장할 수 있는 Origin 테마를 개발해야 합니다.
- 추가 작업 찾기
무언가를 개선하려고 할 때, 특히 이미 존재하는 다른 기능과 거의 동일한 기능을 수행하는 기능을 생성할 때 주의하십시오. "예쁜" 코드를 더 많이 추가할수록 앞으로 유지 관리하기가 더 어려워집니다. 키 입력은 개발자로서의 생산성을 측정하는 것이 아닙니다. 코드를 작성하는 것보다 코드에 대해 생각하는 데 더 많은 시간을 보내는 것이 좋습니다.
- 테마에서 변수 사용
일부 불필요한 최적화를 완료하면 테마에 훨씬 적은 수의 변수가 있음을 알 수 있습니다. 일부 논리적 조건이 필수 불가결하더라도 변수를 포기하는 것이 좋습니다. 이 경우 테마에서 불필요한 부분을 최대한 제거하여 테마의 가독성을 높이는 것이 가장 좋습니다.
WordPress 테마를 만드는 단계
JavaScript 개발자가 가장 먼저 해야 할 일은 컴퓨터에 WordPress를 다운로드하여 설치하는 것입니다. 또한 작업을 위해 텍스트 편집기를 사용할 필요가 있습니다. 다음으로, 워드프레스가 설치된 드라이브에서 wp-content \ 테마 디렉토리를 찾아 그 안에 미래 테마의 이름으로 새 폴더를 생성해야 합니다. 표준 WordPress 테마도 여기에 저장됩니다.
각 테마에는 index.php 및 style.css라는 두 개의 파일과 테마에 대한 이미지가 있는 이미지 폴더가 포함되어야 합니다. 우선 이러한 파일을 생성한 다음 채우기를 시작하면 됩니다. index.php 파일은 텍스트 편집기에서 독립적으로 작성하거나 전문가에게 주문하거나 다른 주제에서 기성품 콘텐츠를 가져올 수 있습니다.
테마의 경우 테마 폴더에 원하는 확장자 1200×900 픽셀의 스크린샷.png 파일을 업로드해야 합니다. 지정된 형식에 맞는 모든 이미지가 될 수 있습니다. index.php의 코드를 메모장에 복사하고 PHP 확장을 지정하여 새 테마 폴더에 저장해야 합니다. 또한 이 파일에는 사이트에서 보고 싶은 모든 요소를 추가할 수 있습니다.
이제 style.css 파일을 채워야 합니다. 이전 단계와 유사하게 텍스트 편집기를 열고 다음 콘텐츠를 추가합니다.
/ *
테마 이름: 테마 이름
테마 URI: 이 주제 전용 사이트의 URL
설명: 테마 설명
버전: 테마 버전
저자: 저자 이름
작성자 URI: 주제 작성자 주소
* /
index.php 파일에는 사이트에 대한 일반 정보가 포함되어 있습니다. 여기에는 각 페이지에 대해 반복되는 요소가 포함됩니다. 모든 콘텐츠가 제대로 작동하려면 머리글, 사이드바 및 바닥글에 대해 별도의 파일을 만들어야 합니다. 그것들은 모두 공유 폴더에 저장되며 각각 PHP 확장이 할당됩니다.
예를 들어 header.php 파일을 먼저 생성해 보겠습니다. 이렇게 하려면 index.php에서 헤더 행을 선택하고 복사합니다. 나머지 파일에 대해서도 동일한 단계를 수행해야 합니다.
귀하의 재량에 따라 보완 및 편집할 수 있습니다. 예를 들어 검색 표시줄, 로고 및 기타 요소를 사용하여 헤더에 고유한 이미지를 추가할 수 있습니다.
머리글, 사이드바 및 바닥글이 올바르게 표시되도록 하려면 별도의 파일을 기본(인덱스)에 연결해야 합니다. 이렇게 하려면 index.php 파일의 시작 부분에 다음 행을 추가하십시오.
<? PHP get_header(); ?>
모든 WordPress 테마의 핵심에는 index.php와 style.css라는 두 개의 파일이 있습니다. 그것들을 만든 후에는 테마의 다양한 요소와 기능을 실험하여 각 페이지에 고유한 디자인을 만들 수 있습니다.
결론
WordPress용 테마를 만드는 것은 비즈니스 소유자, 블로거, 서비스 판매자에게 충분한 기회를 제공합니다. 고유한 테마를 사용하여 JavaScript 프로그래머 는 특정 사이트에 대한 가장 편리한 기능 집합으로 특수 테마를 만들 수 있습니다.