궁극적 인 WordPress 개발 환경

코어 포인트

WordPress 개발 도구의 상당한 발전은 WordPress 웹 사이트 구축의 번거 로움과 반복적 인 작업을 줄입니다.

가상화 된 환경이 분리되어 있고 재건하기 쉽고 생산 환경을 복제 할 수 있으며 단일 컴퓨터에서 여러 서버 환경을 실행할 수 있기 때문에 WordPress 개발을 위해 MAMP/WAMP/XAMP 대신 가상화 된 개발 환경을 사용하는 것이 좋습니다. 개발 팀은 둘 사이의 일관성의 이점에 대해.

WP-CLI는 WordPress 설치, WordPress 업데이트, 플러그인 설치, WordPress 데이터베이스 재설정 및 컨텐츠 가져 오기 등 WordPress 설치를 관리하는 데 유용한 명령 줄 도구입니다.
• PHPStorm은 적극 권장되는 PHP 및 WordPress Development IDE로 필요한 모든 도구, 한 곳에서 심층적 인 WordPress 통합을 제공하며 최고 WordPress 개발자에게 널리 사용됩니다. 또한 PHP CodesNiffer는 코드가 WordPress 코드 사양을 따릅니다.
• 최근 몇 년 동안 WordPress 개발 도구는 큰 진전을 이루었습니다. 과거에는 WordPress 웹 사이트를 개발하려면 일종의 MAMP/WAMP LocalHost 설정이 필요했으며 거의 ​​항상 번거 롭습니다. 어쩌면 당신은 생산 환경에서 웹 사이트를 개발하는 개발자 일 수도 있습니다.
운 좋게도 시간이 바뀌었고 이제 컴퓨터에 WordPress 웹 사이트를 구축하는 번거 로움과 반복적 인 작업을 제거하는 데 도움이되는 도구가 있습니다.
지난 12 월 WordPress 개발에서 거의 완전히 벗어난 지 3 년 후, 나는 풀 타임 WordPress 개발자가되었습니다. 그 전에는 3 년 동안 지불 산업에서 일하면서 풀 타임 WordPress 서명이되었습니다.
• 특정 산업에서 3 년이 걸렸을 때 컴퓨팅 분야, 특히 웹 개발 분야의 변화 속도에 대한 독특한 관점을 제공했습니다. WordPress 개발도 예외는 아닙니다.
지난 12 월 WordPress 개발로 돌아 왔을 때 완벽한 WordPress 개발 환경을 구축하는 방법을 살펴보기로 결정했습니다. 놀랍게도, WordPress 주변의 도구는 너무나 향상되었으며, 페라리를 포드와 거래하는 것과 같습니다.

물론 나는 여전히 모든 도구를 탐색하게되어 매우 흥분하며, 오늘의 게시물에서 내가 배운 내용의 요약을 공유 할 것입니다. 현재 환경을 조정하고 사용 가능한 도구 중 일부를 구현하는 데 도움이되기를 바랍니다.

서버로 시작하십시오

우선, WordPress 개발 환경 문제의 가장 중요한 부분은 서버입니다. 서버가 없으면 우리는 아무것도 할 수 없습니다.

오늘날 지역 환경에서 WordPress 웹 사이트를 호스팅하기위한 여러 가지 옵션이 있으므로 어떤 것을 사용해야하는지 알기가 어렵습니다.

MAMP/WAMP/XAMP를 포기하고 가상화 된 개발 환경을 사용하는 것이 좋습니다.

왜? 여러 가지 이유가 있습니다 :

이것은 고립 된 환경입니다. 가상화 된 환경을 사용하면 호스트 운영 체제에서 격리 된 개발 서버를 만들 수 있습니다. 가상 머신에 원하는 운영 체제를 설치하고 호스트에 영향을 미치지 않고 시작/중지/재시작 할 수 있습니다. 개발을 마치고 더 이상 필요하지 않으면 찢어지기 쉽습니다.
나사? 괜찮아요! 환경을 재건하십시오. 나는 우리 모두가 딜레마를 가지고 있다고 생각합니다. 우리는 서버 설정을 수정하고 물건을 엉망으로 만들었습니다. 이 문제는 가상 환경을 재건하거나 단순히 스냅 샷을 사용하여 쉽게 해결할 수 있습니다. 이제 실패에 대해 걱정하지 않고 원하는대로 설정을 시도하고 조정할 수 있습니다.
2. 가능한 한 생산 환경에 가깝습니다. 원하는 경우 생산 환경을 로컬 호스트에 복사 할 수 있습니다. 이 두 환경을 정확히 동일하게 만드는 것은 디버깅, 튜닝 및 배포에 도움이됩니다.
하나의 컴퓨터에서 여러 다른 서버 환경을 실행할 수 있습니다. 한 고객이 Apache를 사용하고 다른 고객은 Nginx를 사용합니까? 문제 없습니다. 가상 머신 에서이 두 가지 환경을 만듭니다.
3. 개발 팀의 환경을 통합하십시오. 개발 팀의 모든 사람이 동일한 설정을 사용하는 경우 개발 시간을 가속화 할 수 있으며 X-Man의 기계에서 무언가가 작동하지 않는 이유에 대한 질문이 적습니다.
4. 이제 가상화 환경을 수락했습니다. 무엇을 사용해야합니까?
나는 vvv를 사용하고 있습니다. 일어나기 쉽고 실행하기가 매우 쉽고 좋은 지원 시스템을 가지고 있으며 XWP를 포함한 많은 대형 WordPress 개발 기관에서 사용합니다.
5. 가상화 된 WordPress 개발 환경에 대한 기타 옵션에는 HGV, Wocker, VIP QuickStart가 있습니다.
VVV를 사용하기로 결정한 경우 VVV를 더 높은 수준으로 끌어 올리는 다음 플러그인과 도구를 확실히 권장합니다.

Vagrant-Hostsupdater-이 플러그인을 사용하면 Vagrant 설치가 컴퓨터 호스트 파일의 항목을 업데이트하여 도메인 이름 맵을 IP 주소에 추가 할 수 있습니다. 즉, 호스트 파일에 항목을 수동으로 추가 할 필요가 없습니다.

변수 VVV - VVV의 가장 유용한 도구를 Variable VVV라고하므로 명령 줄을 사용하여 새로운 VVV WordPress 설치를 빠르고 쉽게 만들 수 있습니다. 이것을 확인해야합니다.

Aleksander Koko는 이전에 VVV에 대해 글을 썼으며 최근에 자신의 컴퓨터에서 VVV를 설정하는 방법에 대한 비디오를 녹음했습니다.

명령 줄의 전력

누가 작은 명령 줄 작동을 좋아하지 않습니까? WP-CLI는 내부 명령 행 소원에 대한 답입니다.

• WP-CLI를 사용하면 명령 줄에서 WordPress 설치를 관리 할 수 ​​있습니다 (VVV와 함께 제공됨).
지역 개발 환경에서 WP-CLI를 사용하는 방법에 대한 실용적인 예를 살펴 보겠습니다.
• <.> WordPress를 설치하십시오. SSH 서버에 연결하고 WordPress를 빨리 설치해야합니까? WP-CLI를 사용하여 새 WordPress 설치를 만듭니다.
  • <.> WordPress 업데이트. 모든 웹 사이트를 방문하고 로그인하고, 클릭하고, 많은 WordPress 사이트를 업데이트하는 것보다 더 고통스러운 것은 없습니다. 하나의 명령으로 명령 줄에서 직접이를 수행 할 수 있습니다.
  플러그인 설치. 훌륭한 플러그인을 찾아 여러 사이트에 설치하려면 다시 하나의 명령과 함께 WP-CLI를 사용하십시오.
  • WordPress 데이터베이스를 재설정하십시오. 뭔가를 망쳐 놓고 다시 시작하고 싶었나요? 단순, 하나의 명령 (이것은 약간 복제되지 않습니까?)
  • 컨텐츠 가져 오기. 예, 당신은 그것을 추측했습니다. 하나의 명령을 사용하여 컨텐츠를 WordPress 설치 또는 여러 설치로 가져올 수 있습니다.
  • 기다려 기다려
  이 모든 것은 명령 줄에서 할 수있는 매우 편리한 작업입니다. 더 좋은 점은 다음 섹션에서는 이러한 모든 명령을 직접 실행할 수있는 IDE에 대해 논의 할 것입니다.
  • 더 많은 것을 배우는 데 관심이 있으시면 Ahsan Parwez의 WP-CLI에 대해이 기사를 확인하십시오.
  • 패턴을 바꾸는 ide
  오늘 제가 이야기 한 모든 도구 중에서 이것이 가장 논란의 여지가 있다고 생각합니다. IDES와 편집자와 관련하여 많은 사람들이 좋아하지 않는 개인 공간을 침략하는 것과 거의 같습니다.

  나는 IDE가 텍스트 편집기보다 낫고 그 반대도 마찬가지라고 말하려고하지 않을 것입니다. 내가하고 싶은 것은 IDE로 전환 한 경험과 그것이 어떻게 작동하는지 알려주는 것입니다.

  나는 항상 IDE를 좋아하지 않는 사람이었습니다. 그것을 좋아하지 않는 것은 완곡주의일지도 모른다. 나는 그들을 싫어한다. 나는 그들이 부풀어 오르고 느리고 지저분하다고 생각합니다.

  나는 숭고한 텍스트의 열렬한 팬이었다 (나는 여전히, 나는 매일 그것을 사용한다).

  12 월에 WordPress 개발을 다시 시작했을 때, 나는 편집자가 WordPress 코드를 작성하는 데 어떤 편집자를 사용할 수 있는지 살펴 보았습니다. phpstorm이라는 IDE를 계속 언급했을 때 나는 매우 놀랐습니다.

  나는 마지 못해보고 너무 기뻤습니다! PHPStorm은 제 생각에 최고의 PHP 및 WordPress 개발 IDE입니다. WordPress 웹 사이트, 플러그인 및 테마를 구축하는 데 필요한 모든 것을 제공하며 놀라운 WordPress 통합이 있습니다 (실제로 확인해야합니다). 다음은 올해 WordPress 개발에 phpstorm을 사용하는 것을 고려해야하는 세 가지 이유입니다.

  모든 것이 필요합니다. 모든 것이 있습니다. FTP - 점검, 데이터베이스 지원 - 확인, 터미널 - 확인, 버전 제어 - 확인, 디버그 - 확인, 리팩토링 - 점검, 우수한 지능형 인식 및 자동 완성 - 이중 점검! 기다렸다가 기다립니다.
  1. Phpstorm의 WordPress 통합은 다음과 같습니다. PHPStorm은 WordPress를 심층적으로 살펴 봅니다. WordPress 프로젝트에 연결되면 모든 것이 어떻게 연결되어 있는지 알고 있습니다. WordPress 기능을 자동으로 완료하고 조작 및 필터를 자동으로 완료합니다.
  많은 최고 WordPress 개발자와 조직은 이제 PhpStorm을 사용하여 코드를 개발합니다. 저에게 이것은 이것이 최고의 WordPress 개발 IDE 중 하나라는 분명한 신호입니다.
  phpstorm을 시작하는 데 관심이 있다면이 ID를 시작하는 데 도움이되는 7 개의 phpstorm 비디오를 확인하십시오.
  코드가 깨끗하고 깔끔한 지 확인하십시오 오늘 제가 쓰고 싶은 마지막 도구는 좋은 일입니다! 나는 특히 코드 작성에 대해 특히 특히 그렇습니다. 나는 그것이 깨끗하고 깔끔하고 WordPress 코드 사양을 완전히 따릅니다.
  그러나 특히 우리는 모두 인간입니다. 그리고 나는 종종 내가 쓴 코드를 탐색하고 누락 된 공간이나 여분의 선이 나쁘다는 것에 대해 화를 낸다.

  오픈 소스 세계에서 개발자가 프로젝트에 의해 정의 된 코드 사양을 고수하는 것이 매우 중요합니다. 그렇지 않으면 특히 WordPress와 같은 인기있는 오픈 소스 프로젝트에서 코드 기반이 매우 빠르게 저하됩니다.

  실제로 WordPress Core 팀은 특히 코드 사양 및 규정 준수에 특히 엄격합니다.

  그렇다면 코드가 WordPress 코드 사양을 따르는 방법은 어떻게하나요? 대답은 간단합니다. WordPress 코드 사양 규칙 세트가있는 PHP CodesNiffer라는 도구입니다. 두 유틸리티는 코드의 차이점과 WordPress 프로젝트가 작성 될 예정인 방법에 대해 코드를 스캔하고 무엇이 잘못되었는지 알려줍니다. 정말 놀랍습니다!

  가장 좋은 점은 그들이 가지고있는 고급 보안 문제를 알려주는 것입니다. 물론 모든 보안 문제를 캡처하지는 않으므로 코드를 작성할 때 항상 보안을 고려해야하지만 첫 번째 방어선입니다.

  물론, PHPStorm이 PHP CodesNiffer에 대한 내장 지원을 받았다고 언급하지 않고는이 섹션을 완료 할 수 없습니다. PHPStorm, PHPC 및 WordPress 코드 사양에 대한 규칙 세트를 결합하는 방법에 대한 비디오를 게시했습니다.

  결론
  앞서 언급 한 도구 외에 많은 대안이 있으며, 적어도 오늘 제가 이야기 한 모든 것이 WordPress 개발에 관한 훌륭한 도구를 탐색하는 데 관심이 있기를 바랍니다.

  위의 도구를 사용하기로 선택한 경우 이러한 도구는 WordPress 개발에 대한 간소화되고 자동화 된 접근 방식으로 시작하는 좋은 기초를 제공합니다.

  다른 도구를 사용하는 경우 아래 의견에서 귀하의 의견을 듣고 싶습니다!

  WordPress 개발 환경에 대한 자주 질문 WordPress 개발 환경이란 무엇이며 왜 중요한가요?

  WordPress 개발 환경은 개발자가 프로덕션 웹 사이트에 영향을 미치지 않고 WordPress 웹 사이트의 변경, 업데이트 및 새로운 기능을 테스트 할 수있는 안전하고 고립 된 공간입니다. 개발자가 프로덕션 사이트에 영향을 미치기 전에 문제 나 오류를 식별하고 수정하여 원활한 사용자 경험을 보장하기 때문에 중요합니다. 일반적으로 로컬 (개발자의 기계), 임시 스토리지 (제작 웹 사이트 사본) 및 제작 (제작 웹 사이트)의 세 단계로 구성됩니다.

  로컬 워드 프레스 개발 환경을 설정하는 방법은 무엇입니까?

  로컬 WordPress 개발 환경 설정에는 MAMP, WAMP 또는 XAMPP와 같은 로컬 서버 환경 설치가 포함됩니다. 설치되면 로컬 서버에 WordPress를 설치할 수 있습니다. 이를 통해 인터넷 연결없이 컴퓨터에서 직접 WordPress 웹 사이트를 처리 할 수 ​​있습니다.

  WordPress 개발에 임시 환경을 사용하면 어떤 이점이 있습니까?

  스테이징 환경은 프로덕션 웹 사이트의 복제품으로 제작 웹 사이트에 영향을 미치지 않고 변경 사항을 테스트 할 수 있습니다. 웹 사이트 기능을 제작할 위험없이 문제를 해결하고 업데이트를 테스트하며 변경할 수 있기 때문에 유익합니다. 또한 변경 사항이 생기기 전에 검토 및 승인을위한 플랫폼을 고객에게 제공합니다.

  내 WordPress 웹 사이트를 로컬 환경에서 프로덕션 서버로 마이그레이션하는 방법은 무엇입니까?

  로컬 환경에서 WordPress 웹 사이트를 제작 서버로 마이그레이션하는 데는 웹 사이트의 파일 및 데이터베이스가 포함됩니다. 이 작업을 수동으로 수행하거나 복제기 또는 올인원 WP 마이그레이션과 같은 플러그인을 사용할 수 있습니다. 데이터 손실을 방지하기 위해 마이그레이션하기 전에 항상 생산 웹 사이트를 백업하는 것을 잊지 마십시오.

  어떤 WordPress 개발 도구를 사용할 수 있습니까?

  WordPress 개발에 사용할 수있는 많은 도구가 있습니다. 여기에는 Subrime Text 또는 Atom과 같은 코드 편집기, Flywheel 또는 Desktopserver의 로컬 개발 환경, GIT와 같은 버전 제어 시스템 및 쿼리 모니터 또는 디버그 바와 같은 디버깅 도구가 포함됩니다.

  WordPress에서 어린이 테마를 만드는 방법은 무엇입니까?

  WordPress에서 자식 테마를 만들려면 테마 폴더에서 새 디렉토리를 작성하고 특정 제목이있는 Style.css 파일을 만들고 부모 테마의 스타일을 가져 오는 것과 관련이 있습니다. 그런 다음 WordPress 대시 보드에서 자식 테마를 활성화하고 상위 테마에 영향을주지 않고 사용자 정의를 시작할 수 있습니다.

  내 WordPress 웹 사이트를 안전하게 업데이트하는 방법은 무엇입니까?

  WordPress 사이트를 안전하게 업데이트하려면 사이트 백업, 스테이징 환경에서 업데이트 테스트, 프로덕션 사이트에 업데이트를 적용하는 것이 포함됩니다. 이를 통해 업데이트 프로세스 중에 문제가있는 경우 웹 사이트를 이전 상태로 쉽게 복원 할 수 있습니다.

  버전 제어 시스템이란 무엇이며 왜 WordPress 개발에 사용해야합니까?

  버전 제어 시스템은 시간이 지남에 따라 코드가 어떻게 변하는 지 추적하는 도구입니다. WordPress 개발에있어서 문제가 발생하면 이전 버전의 코드로 복원하고 다른 개발자와 협력하며 변화의 기록을 유지할 수 있기 때문에 중요합니다. GIT는 WordPress 개발에 사용되는 인기있는 버전 제어 시스템입니다.

  WordPress 웹 사이트에서 문제를 해결하는 방법은 무엇입니까?

  WordPress 웹 사이트의 문제 문제 해결 문제에는 문제 식별, 스테이징 환경에서의 솔루션 테스트 및 프로덕션 사이트에 수정 사항을 적용하는 것이 포함됩니다. 쿼리 모니터 또는 디버그 바와 같은 도구는 문제를 식별하는 데 도움이 될 수 있습니다. 문제 해결 전에 웹 사이트를 백업하는 것을 잊지 마십시오.

  성능을 위해 내 WordPress 웹 사이트를 최적화하는 방법은 무엇입니까?

  WordPress 웹 사이트 최적화 성능 향상 캐시 플러그인 사용, 이미지 최적화, CDN (Content Distribution Network) 및 CSS 및 JavaScript 파일 최소화가 포함됩니다. Google Pagespeed Insights 또는 GTMetrix와 같은 도구를 사용하여 개선이 필요한 영역을 식별 할 수도 있습니다.

위 내용은 궁극적 인 WordPress 개발 환경의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!