WordPress 개발 모범 사례

게시 됨: 2019-04-17

​오늘날 웹에서 사용할 수 있는 가장 강력한 오픈 소스 콘텐츠 관리 시스템(CMS)인 WordPress를 사용하면 디자이너와 개발자가 웹 사이트를 깊이 있게 사용자 지정할 수 있습니다. WordPress 개발의 안팎을 이해하면 고객에게 깊은 인상을 주고, 더 나은 프로젝트에 입찰하고, 전반적인 기술을 강화할 수 있는 여지가 더 많이 생깁니다.

이 플랫폼으로 여정을 시작할 때부터 모범 사례를 채택하는 것이 중요합니다. 이것은 이 CMS에서 구축하고 WordPress 개발 기술을 더욱 연마할 때 경력에 엄청난 가치가 될 것입니다.

말 그대로 온라인에서 읽을 수 있는 수백 개의 워드프레스 튜토리얼이 있으며, 혼자서 몇 시간을 보낼 수 있습니다. 이 가이드의 목표는 복잡성을 없애고 가능한 한 쉽게 이 플랫폼을 시작하는 데 필요한 실행 가능한 정보를 직접 제공하는 것입니다.

WordPress 코딩 표준 따르기

플랫폼의 코딩 표준은 다음과 같은 이유로 설정되었습니다. WordPress 커뮤니티의 사람들에게 이 커뮤니티의 다른 부분 내에서 함께 작업할 수 있는 출발점을 제공하기 위함입니다. 여기에는 플러그인, 테마 및 핵심 코드와 같은 영역이 포함됩니다.

WordPress 코딩 표준 따르기
이미지 크레디트: 성제혁

모든 개발자가 동일한 표준을 따를 경우 다음과 같은 이점이 있습니다.

  • 더 읽기 쉬운 코드
  • 일반적인 코딩 실수 피하기
  • 수정 단순화

플랫폼은 협업 플랫폼이므로 필요한 경우 코드를 언제 누가 작성했는지에 관계없이 코드 섹션을 이해하고 수정할 수 있는 환경을 만드는 것이 좋습니다.

간단히 말해서 이 CMS에서 개발하는 것에 대해 진지하고 경력에서 더 많은 성과를 거두고 싶다면 이것이 처음부터 따라야 하는 가장 기본적인 규칙입니다.

코드를 잘 작성하십시오

코드를 잘 작성하려면 다음 원칙이 필요합니다.

  • 가독성 – 앞서 언급한 WordPress 코딩 표준 준수
  • 안정성 – WordPress API를 사용하여 코드가 오류 없이 동일한 작업을 반복적으로 수행하는지 확인합니다.
  • 재사용성 – 코드 조각을 복사하여 붙여넣는 대신 코드를 추상화하십시오. 그 이상으로 코드를 별도의 플러그인으로 패키징합니다.
  • 유연성 – 나중에 편집할 수 있도록 가능한 모든 위치에서 상대 URL 경로를 활용합니다.
  • 확장성 – 잘 배치된 몇 가지 작업 및 필터 후크를 추가하여 다른 사람들이 귀하가 구축한 것을 사용하고 추가할 수 있도록 합니다.

코드를 잘 구성하십시오

코드를 구조화하면 읽기 쉽고 찾기 쉽고 일관성이 있습니다. 다음은 몇 가지 기본 원칙입니다.

  • 파일 구조 – 더 나은 구성을 위해 단일 파일에 단일 PHP 클래스만 포함되도록 합니다.
  • 구분 및 공백 – 쉼표 뒤와 시작 괄호 앞에 공백을 넣은 다음 닫는 괄호 뒤에 공백을 넣습니다. 닫는 PHP 태그가 없는지 확인하십시오. 코드 끝에서 공백을 제거하십시오. 가변적일 때만 배열 항목 주위에 공백을 둡니다(WordPress의 PHP 코딩 표준에 대한 자세한 정보).
  • 소프트웨어 디자인 패턴 – 용어를 검색하거나 PHP 패턴 라이브러리를 검색하여 PHP 디자인 패턴을 배우고 익히십시오.

코드를 철저히 테스트

WordPress 개발에서 일하는 모든 전문가가 코드를 테스트하거나 기본 디버깅을 귀찮게 하는 것은 아닙니다. 이는 실수입니다. 디버깅 기본 사항에 대한 자세한 내용은 WordPress.tv의 클래식 비디오를 참조하세요.

전담 WordPress 개발자는 PHPStorm과 같은 IDE에 의존하고 플랫폼용 디버거인 Xdebug와 같은 것을 실행하는 것을 고려해야 합니다.

프리미엄 테마 또는 플러그인을 구축하는 경우 가능한 한 많은 환경에서 코드를 테스트하는 것이 좋습니다. 사용자가 코드를 베타 테스트하게 하거나 Vagrant와 같은 것을 사용하여 가상 머신을 통해 정확한 구성을 테스트하도록 합니다.

코드를 철저히 테스트
이미지 크레디트: 조슈아 아라곤

고려해야 할 다른 접근 방식은 단위 테스트와 품질 보증입니다.

단위 테스트는 SaaS(Software as a Service) 제품 또는 소프트웨어 제품을 구축하는 경우에 유용합니다. 여기에서 개별 코드 조각이 테스트되며 이 접근 방식을 사용하면 변경한 내용이 코드를 손상시키는 경우 조기에 식별할 수 있습니다. 결과적으로 버그를 포착하고 새싹을 제거하고 최종 사용자에게 버그가 있는 코드를 배송하지 않을 가능성이 더 높습니다. 다음은 단위 테스트를 처리하는 방법에 대한 WordPress의 정보입니다.

WordPress 개발에서 품질 보증은 코드가 올바르게 작동하고 사용자 인터페이스가 브라우저에 제대로 표시되는지 확인하는 것과 관련이 있습니다. 일반적으로 시간이 많이 소요되는 프로세스인 품질 보증이란 사용 가능한 각 브라우저와 장치에서 누군가가 귀하의 사이트나 앱을 보게 하는 것을 의미합니다. 이 시간 소모적인 절차를 좀 더 효율적으로 만드는 두 가지 귀중한 도구는 Selenium과 BrowserStack입니다.

현명하게 플러그인 선택

사이트에서 제공하는 콘텐츠를 최적화하기 위해 선택할 수 있는 다양한 타사 테마 및 플러그인이 있습니다.

WordPress 개발의 황금률 중 하나는 선택한 플러그인을 식별하는 것입니다. 정기적으로 업데이트되고 사용자의 만족도가 높은 플러그인을 사용하십시오. 정기적인 업데이트는 플러그인 개발자가 최신 버전의 WordPress와 호환성을 유지하기 위해 최선을 다하고 있음을 나타낼 뿐만 아니라 코드에 문제가 발생하면 플러그인 개발자로부터 도움을 받을 가능성이 더 커집니다.

현명하게 플러그인 선택
이미지 크레디트: 호스트 분류기

또 다른 팁은 플러그인의 사용자 기반을 살펴보는 것입니다. 플러그인의 효율성에 대한 신뢰할 수 있는 척도인 플러그인의 많은 활성 설치(수천 개)는 플러그인을 성공적으로 설치한 다른 개발자가 많이 있음을 나타냅니다.

그 모든 것을 말하면서 ...

플러그인에서 쉽게 이동

물론 WordPress에는 수많은 플러그인이 있으며 사이트의 사용성과 UX를 향상시킬 수 있지만… 너무 많이 사용하지 마십시오. 너무 많이 설치하면 이러한 추가 플러그인을 모두 처리하는 데 걸리는 로드 시간이 길어지기 때문에 사이트 속도가 급격히 느려집니다. 그리고 오늘날의 세상에서 아무도 사이트를 사용하기 위해 오랜 시간을 기다리기를 원하지 않습니다. Google의 조사에 따르면 모바일 사이트를 방문하는 사람들의 53%는 페이지를 로드하는 데 3초 이상 걸리면 사이트를 떠납니다.

이러한 다루기 힘든 사이트를 피하려면 정말 중요한 경우에만 플러그인을 사용하십시오.

플러그인에서 쉽게 이동
이미지 크레디트: Daria Nepriakhina

물론 때로는 몇 가지 플러그인으로 작업할 수 없습니다. 많은 작업을 해야 하는 경우 어떻게 됩니까? 이러한 시나리오에서는 최소한 사용 중인 항목을 최상으로 유지해야 합니다. Plugin Organizer와 같은 것은 플러그인을 효율적으로 설치하고 관리할 때 유용합니다. 이를 사용하여 특정 웹 페이지에서 활성화된 플러그인을 지정할 수 있습니다. 이 선택적 로드는 사이트 속도를 높이는 데 도움이 됩니다.

동시에, P3(플러그인 성능 프로파일러)와 같은 도구는 사이트의 중요한 리소스를 고갈시켜 속도를 늦추는 플러그인을 결정할 때 필수 불가결합니다.

캐싱 활용

이는 사이트 성능을 크게 향상시켜 이탈률을 최소화하는 데 도움이 되는 접근 방식입니다. WordPress 전용 캐싱 기능이 있는 호스트와 함께 작업하는 경우 훌륭하지만 그렇지 않은 경우 Wpengine 및 Siteground와 같이 이 CMS에 최적화된 호스팅 서비스를 사용할 수도 있습니다.

캐싱 활용
이미지 크레디트: 캠페인 작성자

루트 액세스 권한이 있는 VPS 서버에 있는 경우 Google PageSpeed는 nginx 및 Apache와 호환되는 캐싱 솔루션입니다.

또는 모든 작업을 수행하고 싶지 않은 사용자를 위해 CDN 및 캐싱 서비스인 Cloudflare가 항상 있습니다.

보안 작업 1 만들기

웹은 위험한 곳입니다. 귀하의 사이트에 악의적으로 액세스하려는 봇, 사용자 및 서비스가 완전히 뒤섞여 있습니다. 바람직하지 않은 액세스에는 다음이 포함됩니다.

  • 스팸 댓글
  • 귀하의 사이트를 다운시킬 목적으로 과도한 사이트 트래픽을 보내는 봇
  • 스팸 로그인 시도

다행히 WordPress 개발에서 추가 보안 예방 조치를 취하는 것은 어렵지 않습니다.

보안 작업 1 만들기
이미지 크레디트: 콜린 암스트롱

우선 보안 사용자 이름과 비밀번호를 사용하십시오. 문자, 숫자 및 특수 문자의 조합을 포함하는 복잡한 암호에는 단순한 이름과 추측하기 쉬운 암호를 사용하지 마십시오.

양식에서 Captcha 또는 다른 필터링 접근 방식을 활용합니다. 결과적으로 스패머와 봇은 해당 양식에 반복 요청을 쉽게 보낼 수 없습니다.

보안 플러그인 및 서비스를 활용하십시오. All In One WP Security & Firewall 및 iThemes Security와 같은 보안 플러그인은 가짜 로그인 시도를 처리하고, 사용자 활동을 추적하고, 화이트리스트 및 블랙리스트 기능을 제공하고, 무차별 대입 공격자를 차단합니다.

이 WordPress 개발 팁을 시도하십시오

WordPress 개발을 배우는 것은 플랫폼에서 막 시작하는 누구에게나 어려울 수 있습니다. 흡수할 정보가 너무 많기 때문입니다. 이 플랫폼에 대한 수년간의 개발 경험이 있는 사람들도 학습을 멈추지 않습니다. 이 CMS에서 개발하는 것은 실제로 진행 중인 교육 과정이며 편안하게 작업하는 데 시간이 걸릴 것입니다.

이 주제는 많은 관련 영역을 다루며 필요한 기술 지식은 책을 통한 학습이 아닌 경험을 통해 가장 잘 배울 수 있습니다.

즉, 이러한 모범 사례는 이 플랫폼 내에서 잘 작동하는 방법을 이해할 수 있는 견고한 기반을 제공하지만 이 플랫폼에서 수행할 수 있는 모든 것에 대한 호기심을 더욱 자극하는 역할을 해야 합니다.