DE{CODE}: 추가 Dev. 덜 드라마

개발자로서 "더 쉬워야 한다는 것을 알고 있는" 작업을 하면서 시간을 보내는 것만큼 기술에 대한 열정을 죽이는 것은 없습니다. WP Engine과 같은 플랫폼에는 개발자로서의 삶을 단순화하는 데 활용할 수 있는 도구와 기능이 포함되어 있습니다. 이 세션에서는 자신이 열정을 갖고 있는 분야로 돌아갈 수 있도록 오프로드할 수 있는 방법과 대상에 대해 알아봅니다.

세션 슬라이드

전체 텍스트 성적 증명서

ROB STINSON : 안녕하세요, 여러분. DE{CODE} 세션에 오신 것을 환영합니다. 지금까지 이벤트를 즐기셨기를 바랍니다. 많은 것을 배웠기를 바랍니다. 계속해서 많이 배우셨으면 좋겠습니다. 특히 지금 이 세션에서 흥미로운 점을 배우시기 바랍니다. 제 이름은 롭 스틴슨입니다. 저는 저의 아주 좋은 친구인 Mr. Robert Li와 함께 이 세션을 진행하고 있습니다. 우리 둘 다 호주인입니다. 네, 안녕 로버트.

ROBERT LI: 얘들아 어떻게 지내니?

ROB STINSON: 한 세션에 두 명의 호주인이 있는데 둘 다 로버트라고 합니다. 얼마나 특별한가요? 이것은 더 많은 개발, 더 적은 드라마 세션입니다. 그리고 이 세션은 관리되는 WordPress 호스트의 기능과 도구를 더 잘 활용할 수 있는 방법에 관한 것입니다. WP 엔진이기를 바랍니다. 워크플로를 간소화하고 개선할 수 있습니다. 정말 하고 싶지 않은 일에 시간을 덜 할애하고 개발이나 사이트 구축과 같이 좋아하는 일에 더 많은 시간을 할애할 수 있다는 생각과 함께 말입니다.

그리고 여기 DE{CODE}에서 몇 가지 다른 세션에 앉아 있었다면 아마도 즐거운 세션을 경험했을 것입니다. 일부 아름답게 정제된 콘텐츠, 사랑스럽고 집중된 경험. 고급 식사 경험과 같습니다. 이것이 다른 DE{CODE} 세션에서 얻은 것입니다. 이제 이 세션은 조금 다릅니다. 좀 더 풍성한 뷔페에 가깝습니다. 우리는 통과해야 할 아주 많고 다양한 일들이 있습니다. 그리고 뷔페와 마찬가지로 여러분이 좋아하는 것들이 있을 것입니다. 오, 나는 그것을 별로 좋아하지 않지만 여러분이 좋아하는 것들이 있을 것이라고 장담합니다.

그러니 주위를 둘러보면서 우리가 검토할 모든 것을 들어보세요. 우리는 많은 것들의 표면을 훑어볼 것이지만, 그 사이에 흩어져 있는 금덩이가 있을 것이라고 확신합니다. 이는 개인 워크플로, 개발자 경험 및 WP 엔진의 다양한 도구와 기능 또는 다양한 오픈 소스 도구로 시간을 소비하는 많은 일을 오프로드하여 좋아하는 일에 더 많은 시간을 할애할 수 있습니다.

그리고 우리가 원하지 않는 이러한 일들을 설명합니다. 그리고 우리는 반드시 그렇게 하는 것을 좋아하지는 않습니다. 때때로 우리는 실제로 그러한 일을 하도록 특별히 돈을 받지도 않습니다. 그것은 우리가 하는 일, 우리가 하는 일의 구성 요소도 아니지만 잠재적으로 우리가 예상하지도 못한 일종의 도착하는 것입니다. 그리고 그것은 우리의 시간이 걸립니다.

이 로컬 환경 관리 또는 종속성 관리, 클라이언트 관리와 같은 것들이 있습니다. 모든 템플릿 관리, 재난 관리, 일이 잘못되었을 때 정말 많은 시간이 걸릴 수 있습니다. 파이프라인 관리도 마찬가지입니다. 이 세션에서 풀고자 하는 다양한 도구와 기능 전반에 걸쳐 이러한 모든 것입니다. 우리는 당신이 이것들에 소비해야 하는 시간을 줄일 수 있기를 원합니다.

따라서 첫 번째로 살펴볼 것은 로컬 환경 관리에 관한 것이며 많은 사람들이 여기 WP Engine에 있는 로컬 개발 도구인 Local에 익숙합니다. 널리 사랑받고 있습니다. 시장에서 WordPress 관리 도구에 가장 많이 사용되는 로컬 환경이라고 생각합니다. 환상적이지만 많은 사람들이 기능 세트가 얼마나 풍부한지 깨닫지 못합니다. 이 도구는 로컬 개발 경험을 크게 간소화하는 많은 기능을 제공합니다. 나는 그것들을 겪고 싶다.

매우 높은 수준에서 볼 때 즉시 사용할 수 있고 무료이며 바로 사용할 수 있는 도구입니다. 아름답고 친근한 UI. 매우 개발자 친화적입니다. 앱 자체를 스핀업하기가 매우 쉽고 새로운 WordPress 사이트를 매우 쉽게 만들어 로컬에서 빌드 및 개발을 시작할 수 있습니다.

내가 좋아하는 기능 중 하나는 청사진이며 Local의 청사진은 기본적으로 처음부터 시작할 필요가 없다는 의미입니다. 그리고 청사진은 원하는 것이 무엇이든 될 수 있습니다. 선호하는 테마 프레임워크 또는 선호하는 스타터 플러그인 모음을 포함하는 템플릿 웹사이트– 템플릿 WordPress 사이트일 수 있습니다. 또한 여러 플러그인을 가질 수도 있습니다. 특정 산업에 서비스를 제공할 수 있고 특정 산업 또는 특정 프로젝트 유형에 대한 청사진이 있을 수 있습니다. 특히 블로깅, 스타일 사이트에 맞춰진 청사진이 있을 수 있습니다. 또는 특히 더 큰 미디어에 맞춰진 것입니다.

WP Engine의 헤드리스 플랫폼인 Atlas를 활용하는 청사진이 있을 수도 있습니다. 따라서 청사진은 환상적인 기능입니다. WordPress 사이트 내에서 표준화하고 있는 일련의 항목이 있는 경우 다음에 해당 사이트 중 하나를 만들 때 정말 쉽게 만들 수 있도록 청사진을 만들 수 있습니다. 회전합니다.

로컬의 또 다른 뛰어난 기능은 라이브 링크입니다. 이제 함께 작업하는 경우 – 에이전시나 프리랜서가 있고 클라이언트와 함께 작업하고 현지에서 구축 및 개발하고 있으며 때로는 일종의 스테이징 또는 테스트 환경으로 밀어붙이는 것이 반드시 어려운 것은 아니지만 몇 분 더. 그리고 당신은 그 미리보기를 당신의 클라이언트에게, 당신의 고객에게 정말 쉽게 전달하고 싶을 뿐입니다. 라이브 링크가 바로 그것입니다. 그것이 하는 일은 기본적으로 클라이언트가 자신의 브라우저에 도달할 수 있게 하지만 로컬 시스템에 있는 사이트에 도달할 수 있습니다.

이것은 꽤 오랫동안 앱의 기능이었습니다. 약 12개월 전에 안정성과 유용성을 크게 개선하기 위해 실제로 재구성하고 재설계했습니다. 따라서 과거에 사용했지만 최근에 사용하지 않은 것이 있다면 확실히 확인할 가치가 있습니다. 그러나 이것이 처음이라면 피드백을 위해 클라이언트의 손에 구축한 것을 얻는 데 걸리는 시간을 단축할 수 있는 정말 강력한 기능입니다.

로컬 연결도 훌륭합니다. 기본적으로 호스팅 계정에서 WordPress 설치를 푸시 및 풀할 수 있습니다. 지금 바로 WP Engine 또는 Flywheel에 연결할 수 있습니다. 따라서 사이트를 로컬, 프로덕션 또는 스테이징까지 정말, 정말 쉽게 이동해야 할 때마다 사이트를 푸시 및 풀할 수 있으며 푸시 및 풀할 데이터베이스에 대해서도 선택할 수 있습니다. 따라서 코드를 푸시할 수 있지만 푸시하려는 특정 환경에 있는 데이터베이스를 덮어쓰고 싶지는 않을 것입니다. 환상적인 기능이 있습니다.

또 다른 하나는 – WP CLI는 몇 년 전에 WordPress 생태계에 도착한 판도를 바꾸는 도구 중 하나입니다. 지속적으로 개발 및 개선되고 있다는 점이 마음에 들지만 특히 개발자로서 발견했을 때 아름다운 작은 것 중 하나입니다. Local의 가장 좋은 점은 기본적으로 사이트를 마우스 오른쪽 버튼으로 클릭하고 사이트 셸을 열고 명령줄에서 로컬 인스턴스에 액세스하고 WP CLI 명령을 실행할 수 있다는 것입니다. 그리고 그것은 시간을 절약하는 데 환상적입니다.

핵심 앱에만 다른 것들이 많이 있습니다. 예쁜 URL은 잘 모르겠지만 헛된 것입니다. 다양한 임의의 문자가 아니라 브라우저에 좋은 사이트 로컬을 쌓아두는 것이 좋습니다. 물론 다중 사이트를 실행할 수 있습니다. SSL 인증서가 생성되면 개발 주기의 모든 계층에서 이를 중심으로 표준화해야 합니다.

한 번의 클릭 로그인으로 WordPress에 특별히 로그인할 필요가 없습니다. 버튼을 클릭하기만 하면 로컬 앱에서 바로 로그인됩니다. 설치 구성을 바꿀 수 있습니다. 개발 중인 플러그인에 대해 다른 PHP 버전을 테스트해야 하는 경우 환상적입니다. 아주 쉽게 할 수 있습니다.

그리고 Mailhog도 마찬가지입니다. 이 기능을 좋아합니다. 기본적으로 중간에 위치하며 WordPress에서 보내는 모든 이메일을 캡처합니다. 따라서 특히 WooCommerce를 실행하는 전자 상거래 사이트를 위해 로컬에서 개발 중이고 인보이스 또는 확인 이메일 전송 방법을 테스트하려는 경우입니다. Mailhog는 이메일이 전송되는 즉시 캡처하여 모든 것이 필요에 따라 실행되는지 확인할 수 있는 훌륭한 기능입니다.

이것이 핵심 기능의 전부이지만 Local에는 수많은 추가 기능도 있습니다. 그리고 이전 역사에서 이들 중 일부는 무료였고 일부는 프로였습니다. 그러나 약 12개월 전에 우리는 실제로 모든 것을 무료로 만들었습니다. 따라서 로컬 애드온 라이브러리의 모든 단일 애드온은 이제 WordPress 에코시스템의 모든 사용자가 무료로 사용할 수 있습니다. 확실히 체크 아웃 할 가치가 있습니다. Link Checker와 같은 몇 가지는 로컬 사이트에서 끊어진 링크를 확인하는 훌륭한 도구입니다. 끊어진 링크는 좋지 않습니다. 링크가 있는 위치를 찾아 수정하는 것은 매우 쉽습니다.

Image Optimizer, 업계에는 이미지 최적화를 위한 다양한 도구가 있지만 Local용으로 특별히 제작된 애드온을 통한 도구가 있습니다. 이는 로컬 컴퓨터에서 구축하는 사이트의 공간을 줄이는 데 매우 좋습니다. 클라우드 백업도 마찬가지입니다. 일반적으로 표준 규칙으로 백업은 물론 프로덕션용뿐만 아니라 로컬 사이트용으로도 좋습니다. 클라우드 백업 – 또한 훌륭합니다. 사이트에서 작업한 적이 있을 수 있으며 물론 이를 보관하고 나중에 보관해야 하지만 일부 공간을 복원하기 위해 로컬 시스템에서 제거하고 싶을 수도 있습니다. 따라서 Google Drive 또는 Dropbox에 백업할 수 있습니다.

인스턴트 리로드도 마찬가지입니다. 특별히 코딩을 하고 있고 프런트 엔드 경험에 영향을 미치는 플러그인이나 테마를 작업하고 있다면 사이트에서 파일을 감시하고 변경 사항이 있으면 브라우저를 새로 고치는 것을 관찰하는 작은 관찰자입니다. 수동으로 브라우저를 클릭하고 새로고침을 클릭하는 대신 그래서 그런 작은 것들이 시간을 절약하는 데 환상적입니다.

그리고 더 많은 추가 기능도 있습니다. 내가 처음에 말했듯이 Local은 Local WordPress 개발을 위해 수행하는 작업으로 잘 알려져 있고 사랑받고 있지만 이 모든 추가 기능은 환상적이며 이러한 기능을 활용하기 시작하면 절약에 정말 정말 좋습니다. 당신은 시간.

localwp.com으로 이동하세요. 아직 Local이 없다면 무료로 다운로드할 수 있습니다. 그곳에서 커뮤니티에 가입하고 몇 가지 추가 리소스에 액세스할 수도 있습니다. 로컬용 애드온을 직접 개발할 수도 있습니다. 이에 대한 문서가 있습니다. 그러나 localwp.com에서 얻을 수 있습니다. 이제 Robert Li에게 하이파이브를 하려고 합니다. 그는 스마트 플러그인 관리자에 대해 조금 이야기할 것입니다.

ROBERT LI: 감사합니다 롭. 따라서 우리는 로컬에서 더 빠르고 쉽게 관리하고 개발할 수 있는 방법에 대해 이야기했습니다. 이제 환경에 가져와야 합니다, 그렇죠? 따라서 생각해야 할 것 중 하나는 WordPress의 핵심 요소 중 하나는 물론 종속성 관리입니다. 이러한 테마를 어떻게 관리합니까? 이러한 플러그인을 어떻게 관리합니까? 사실 전체의 2/3 정도는 보안 문제이고 전체 취약점의 2/3 정도는 오래된 플러그인 때문입니다.

그래서 워드프레스 관리에 정말 중요한 부분이지만 항상 가장 매력적인 것은 아닙니다. 그리고 플러그인을 업데이트하는 데 몇 시간을 허비하는 경우가 종종 있습니다. 또는 플러그인 업데이트에서 사이트를 중단한 경우 어디에서 중단했는지 알아내려고 합니다. 그래서 이제 WP Engine이 정말 안전하고 쉽게 예약된 방식으로 이 작업을 수행할 수 있는 도구 중 하나는 스마트 플러그인 관리자입니다.

따라서 실제로 WP 엔진의 모든 전용 환경과 함께 제공됩니다. 따라서 그 중 하나가 있는 경우 자유롭게 설치 중 하나에 할당하고 지금 바로 사용해 보십시오. 그러나 대량 라이센스도 가능하므로 5, 10, 25, 심지어 500개 사이트에 대해 이것을 얻을 수 있습니다. 원하는 경우 시간을 절약할 수 있는 비용이 매우 저렴합니다. 그러나 기본적으로 그것이 하는 일은 상자에 적힌 대로 하는 것입니다. 플러그인과 테마를 자동으로 최신 상태로 유지합니다. 그것은 안전하게 수행되었는지 확인하기 위해 테스트를 수행하고 이러한 일이 발생하는 시기를 제어할 수 있도록 하여 업데이트가 나올 때마다 무작위로 발생하지 않도록 합니다. 이는 WordPress의 핵심 업데이트 기능이 수행하는 작업입니다.

따라서 업데이트를 제어하는 ​​방법에 대해 알아보려면 분명히 업데이트를 수행할 때 해당 업데이트가 언제 나올지 예측할 수 있어야 합니다. 이를 통해 업데이트를 감시하고 아무 문제가 없는지 확인할 수 있습니다. 해당 프로세스를 모니터링할 수 있습니다. 따라서 원하는 빈도로 실제로 업데이트를 예약할 수 있습니다. 그리고 평일이나 주말에 일정을 잡을 수도 있습니다. 아무도 주말에 일하고 싶어하지 않기 때문입니다. 그렇죠? 그래서 당신은 평일에 그것을 넣고 싶습니다.

플러그인을 제외하고 선택할 수 있습니다. 일부 플러그인은 다른 것보다 더 복잡할 수 있으므로 어린이용 장갑을 조금 더 갖고 싶을 수 있고 일부는 그냥 실행할 수 있지만 사이트의 특정 섹션을 제외하도록 선택할 수도 있습니다. 예를 들어 클래스 또는 ID별로. 이를 통해 테스트가 수행되는 방식과 업데이트 프로세스가 수행되는 방식에 대해 정말 세부적으로 제어할 수 있습니다.

물론 그 다음은 업데이트를 완료한 다음과 같습니다. 사이트가 항상 중단되지 않고 고객이 전화를 걸지 않도록 안전하게 수행하려면 어떻게 해야 합니까? 사이트가 작동하지 않습니다. . 무슨 일이에요? 너 뭐하니? 당신은 그 대화를 원하지 않습니다. 그래서 분명히, 한 번도 없었던 문제가 해결해야 하는 문제보다 낫습니다. 그래서 우리는 실제로 Smart Plugin Manager의 일부로 시각적 회귀 테스트 프로토콜을 가지고 있습니다.

따라서 Smart Plugin 업데이트를 통해 업데이트가 실행될 때마다 실제로 사이트의 스냅샷을 찍을 것입니다. 시각적 회귀 테스트를 실행한 다음 문제가 있음을 감지하면 실제로 자동을 수행합니다. 자동 롤백을 수행하도록 선택하거나 알림을 보내도록 선택할 수 있습니다. 그래서 그것은 당신에게 달려 있습니다. 다시 말하지만, 그런 종류의 세분화되고 세밀한 제어입니다. 그러나 그것이 할 일은 당신에게 무슨 일이 일어나고 있는지 알려주는 보고서를 보낼 것입니다. 문제가 되지 않는 플러그인을 제거하고 어떤 플러그인이 문제인지 구체적으로 알려줍니다. 또한 시각적인 피드백을 제공합니다. 문제가 어디에서 왔는지 정확히 보여주는 영화 역할입니다. 가끔은 신경쓰지 않는 정말 사소한 것일 수도 있기 때문입니다. 따라서 어쨌든 업데이트를 강제로 진행할 수 있습니다.

이 시각적 회귀 테스트는 시간이 지남에 따라 지속적으로 개선되고 있는 것입니다. 실제로 기계 학습 기반입니다. 그리고 이 제품을 실제로 출시한 이후로 제공한 백만 건 이상의 업데이트 작업 데이터 세트에서 파생되었습니다. 또한 Smart Plugin Manager가 수행하는 다른 많은 업데이트 도구와 차별화되는 기능 중 하나는 이것으로 업데이트할 수 있는 항목에 제한이 없다는 것입니다. 특정 리포지토리를 수신하고 GitHub, Bitbucket 또는 GitLabs에서도 작동하고 테마를 업데이트할 수 있는 한 직접 구축한 사용자 지정 플러그인을 실제로 업데이트할 수 있습니다.

물론 이것은 WP Admin이 아닌 플랫폼 수준의 WP Engine 플랫폼에 존재하기 때문에 제가 싫어했던 것 중 하나는 이러한 업데이트를 실행하고 개별적으로 수행하기 위해 WP Admin을 클릭하고 해제해야 한다는 것입니다. . 이들은 이제 대량으로 작동합니다. 따라서 이것은 사용자 포털을 통해 관리하고 모든 사이트의 설정을 한 번에 업데이트할 수 있습니다. 따라서 출입할 필요가 없으며 분명히 분을 절약하고 시간이 지남에 따라 시간을 절약할 수 있습니다.

wpengine.com/smart-plugin-manager에서 가져오거나 WP Engine의 담당자와 대화할 수 있습니다. 이제 다른 Rob인 Rob에게 돌아가서 모든 것을 업데이트한 후에 예쁘게 보이게 하려면 어떻게 되는지에 대해 이야기하겠습니다.

ROB STINSON: 좋아요, 글쎄요, 우리는 실제로 바로 거기에서 멈출 수 있습니다. 로컬 및 스마트 플러그인 관리자만 사용하는 경우 매월 많은 시간을 절약할 수 있습니다. 하지만 더 있습니다. 개인적으로 매우 가깝고 소중한 특정 도구에 대해 이야기하고 싶습니다. 그것은 Genesis Custom Blocks라고 불리며 이것은 기본적으로 특히 블록 편집기의 맥락에서 WordPress에서 더 나은 사이트를 더 빠르게 구축할 수 있는 플러그인인 도구입니다.

따라서 관리자 인터페이스를 제공하는 WordPress 플러그인이며 관리자라고 말하면 WordPress 관리자 자체를 의미합니다. 그리고 정말 간단한 템플릿 시스템 또는 우리가 때때로 템플릿 엔진이라고 부르는데, 사용자 지정 구텐베르크 블록을 구축하기 위한 것입니다. 그리고 여기서 아이디어는 블록 편집기가 환상적이라는 것입니다. 지속적으로 개선되고 있지만 때로는 사이트에서 작업하고 많은 것을 구축했지만 정말 특정한 작업을 수행해야 하는 부분이 있습니다. 특정 방식으로 보이거나 특정 방식으로 행동해야 합니다. 다른 플러그인이나 타사 응용 프로그램과 통합해야 하며 기성품으로는 충분하지 않습니다. 직접 무언가를 구축해야 합니다.

따라서 Genesis Custom Blocks를 사용하면 자신만의 맞춤형 블록으로 이러한 작업을 정말 쉽게 수행할 수 있으며 Genesis에 익숙하다면 Genesis 프레임워크를 알고 있으며 다른 많은 플러그가 있음을 여기에서 알리는 것이 중요합니다. -ins, 이 플러그인 Genesis Custom Blocks는 이들에 의존하지 않습니다. 따라서 이것을 단독으로 사용할 수 있으며 모든 기능과 모든 것이 작동합니다.

wordpress.org에서 무료로 사용할 수 있습니다. 개인적으로 좋아하는 몇 가지 고급 기능이 포함된 프로 버전도 있지만 WordPress의 무료 버전은 정말 강력합니다. 이것이 당신이 시작하고 사용하고 구축하기를 원하는 것이라면 먼저 무료로 가서 그것에 갇히십시오. 왜냐하면 당신은 그것의 잠재력을 매우 빨리 이해할 것이기 때문입니다. 물론 추가 기능이 필요한 경우 프로로 업그레이드하십시오.

그러나 기본적으로 작동 방식은 WordPress에 로그인하고 새 블록, 새 사용자 정의 블록을 추가하는 것입니다. 그리고 거기에 화면이 있습니다. WordPress에서 양식을 작성하는 것과 비슷합니다. 다양한 필드, 텍스트 필드, 숫자 필드, 색상 필드, 이미지 필드를 추가하고 해당 값을 구성합니다. 이 작업을 완료하면 WordPress에 관한 한 사용자 정의 블록을 실제로 추가하고 구성한 것입니다.

그런 다음 개입하여 약간의 코드를 작성해야 하며 코드 작성은 일부 사람들을 놀라게 할 수 있지만 HTML 및 CSS의 기본과 같이 개발을 전혀 수행하지 않은 경우 좋아요. 템플릿이 Genesis Custom Blocks와 함께 작동하는 방식이 정말 정말 쉽기 때문입니다. 그리고 나는 그것을 여러분에게 아주 짧게 보여줄 것입니다. 하지만 일단 그렇게 하면 기본적으로 완료된 것입니다. 사용자 지정 블록을 사용할 준비가 되었습니다. 새 게시물이나 페이지로 이동하여 블록 추가를 클릭하면 페이지에 추가할 준비가 된 사용자 지정 블록이 있습니다. 정말 멋집니다.

그래서 지금부터 하나 보여드리겠습니다. 2분도 안 돼. 처음부터 맞춤형 블록을 만들 예정입니다. 그러니 자리를 지키십시오.

그래서 지금 보여드리고 싶은 맞춤 블록은 제가 실제로 이전에 만든 것입니다. 이것을 팀 타일 블록이라고 부르자. 여기 이 세 가지처럼 페이지에 원하는 만큼 추가할 수 있습니다. 이미지, 사람의 이름, 직책 및 몇 가지 소셜 링크를 추가할 수 있습니다.

WordPress Admin에서 이 사이트에 설치한 유일한 플러그인은 Genesis Custom Blocks입니다. 여기 왼쪽에 이 옵션이 있습니다. 이를 클릭하면 모든 사용자 정의 블록 목록을 볼 수 있습니다. 지금 우리는 이것만 가지고 있습니다. 그것을 클릭하면 내가 추가한 세 개의 필드를 볼 수 있습니다. 양식에 필드를 추가하는 것과 같다고 생각하십시오. 이미지 필드, 텍스트 필드 2개, URL 필드 2개가 있습니다. 물론 우리는 사용자 정의 블록에 제목을 지정하고 블록 설정을 위해 여기 오른쪽에 몇 가지를 구성했습니다.

편집기 내에는 실제로 3개의 열이 설정된 열 블록이 있으며 여기에 사용자 지정 블록을 3번 추가했습니다. 보시다시피 각 항목을 독립적으로 클릭할 수 있습니다. 상호 작용하고 사진을 변경하고 이름, 제목 및 URL을 변경할 수 있습니다.

코드 편집기에서 자식 테마 내에 2022 자식 블록 폴더를 추가했습니다. 그 안에는 사용자 정의 블록과 해당 블록 도트 PHP 및 블록 도트 CSS 내의 두 파일에 해당하는 팀 대시 타일 사진이 있습니다. PHP 파일에는 매우 간단한 HTML이 있습니다. 상호 작용할 수 있도록 사용자 지정 CSS 클래스를 추가했습니다.

그러나 가장 중요한 것은 이 블록 필드 기능을 사용하는 것입니다. 그리고 해당 블록 필드 함수 내에서 사용자 정의 블록 내의 필드에 해당하는 속성을 전달합니다. 사진, 이름, 다시 이름, 제목, Twitter URL 및 Dribble URL이 있습니다. 물론 CSS 파일입니다. 제가 CSS를 이렇게 작성했다는 것을 알고 계시겠지만, 이 파일을 사용하면 작성할 수 있습니다. 원하는 대로 CSS를 작성할 수 있습니다. 여기에 있는 이 파일은 사용자 정의 블록이 로드됩니다. 그리고 그렇게 간단하게도 우리는 우리가 원하는 대로 정확하게 보이고 작동하는 맞춤형 블록을 갖게 되었습니다.

괜찮은. 그래서 우리는 Genesis Custom Blocks와 관련하여 많은 일을 겪었습니다. WordPress 내에서 사용자 정의 경험을 구축하는 것이 얼마나 쉬운지 실제로 보여주었기를 바랍니다. 자세한 내용을 알고 플러그인을 다운로드하고 자세한 정보를 찾으려면 wpengine.com/genesis-custom-blocks를 방문하십시오. 멋지다, 다시 로버트 리에게. 그는 백업에 대해 이야기할 것입니다.

ROBERT LI: 감사합니다 롭. 분명히 우리는 이미 사이트를 개발했습니다. 우리는 플러그인을 유지하고 있으며 이제 보기 좋게 만들고 있습니다. 하지만 물론, 당신이 한 이 모든 일을 잃게 될 것입니다, 그렇죠? 이제 템플릿 관리와 재해 복구에 대해 이야기하겠습니다. 내가 그것들을 짝지은 것이 좀 이상하지만, 잠시 후에 그 이유를 알게 될 것입니다.

그래서 가장 먼저 이야기하고 싶은 것은 백업 시스템입니다. 물론 WordPress 사이트에서 수행하는 모든 작업을 백업하는 것이 매우 중요합니다. Word 문서인 경우에도 생성하는 모든 종류의 자산이 해당됩니다. 내가 무언가를 쓰고 나서 컴퓨터가 꺼졌다가 다시 돌아가서 그게 사라진 횟수를 상상할 수 없습니다. 당신은 일할 시간을 잃었습니다. 그래서 당신은 그런 일이 일어나기를 원하지 않습니다.

그리고 가장 좋은 점은 WP Engine에 이러한 기능이 내장되어 있다는 것입니다. 자동화되어 있으며 매일 발생합니다. 이제 추가 세분성을 위해 물론 추가 백업 플러그인을 설치하고 선택한 외부 클라우드 스토리지에 저장하거나 로컬에서도 수행할 수 있습니다. 따라서 많은 옵션이 있습니다. 그러나 아무것도 할 필요가 없고 안전하고 탄력적이며 플랫폼에 내장된 것을 원한다면 WP 엔진이 당신을 위해 그것을 가지고 있습니다.

따라서 이것들은 확실히 내구성 있는 백업이며 복제됩니다. 최대 60개가 있습니다. 따라서 몇 달 전으로 돌아가고 싶다면 그렇게 할 수 있습니다. 또한 저장 및 전송 중에도 암호화되어 백업된 데이터의 보안을 보장합니다. 이제 가용성 측면을 자세히 살펴보겠습니다. 이것이 실제로 재해 복구에 적용되기 때문입니다. 사람들은 묻습니다. 백업을 완료하면 정말 필요할 때 백업이 있을 건가요? 물론 자신의 로컬 저장소에 백업하고 싶지는 않을 것입니다. 서버에 액세스할 수 없는 경우 이는 일종의 중복입니다.

그래서 WP Engine에서 우리가 하는 일은 실제로 3개의 가용 영역에 걸쳐 백업을 9번 복사하는 것입니다. 다시 말하지만, 이들은 미사용 및 전송 중에도 암호화되며 이는 우리가 99.999%의 가용성을 위해 이것을 작성한다는 것을 의미합니다. 그들은 기본적으로 방탄입니다. 따라서 최악의 시나리오에서는 특정 지역이 다운되어 해당 백업을 끌어올 수 있고 다른 곳에서 스핀업할 수 있습니다.

이러한 백업은 세분화되어 있으며 세분화란 데이터베이스 또는 파일 시스템을 선택할 수 있다는 의미입니다. 이동이 가능하므로 zip으로 다운로드하여 원하는 위치에 둘 수 있습니다. 물론 제가 권장하는 것은 이차적인 형태의 중복 백업이 있는지 확인하기 위해 가끔씩 해당 zip을 주기적으로 덤프 스토리지나 콜드 스토리지에 저장하는 것입니다.

그런 다음 그것들은 또한 템플릿화할 수 있습니다. 이것이 저를 다음 요점으로 안내합니다. 이러한 백업으로 수행할 수 있는 작업 중 하나는 WP 엔진 플랫폼에 존재하기 때문에 다른 환경에서 재사용할 수 있다는 것입니다. 제가 의미하는 다양한 환경은 안전에 관한 것입니다. 우리는 파괴적이지 않은 방식으로 개발하는 것에 대해 이야기하고 있습니다. 서로 다른 환경에서 개발하고 있는지 확인하여 모범 사례를 관찰하고 싶고 WP Engine에 있는 것은 이를 가능하게 하는 푸시-풀 배포 워크플로입니다.

따라서 이전에 이 작업을 수행하지 않았거나 일종의 스테이징 환경을 생성했을 수 있는 경우 기존 WordPress 설치의 하위 디렉터리 내에 있을 수 있습니다. 부랑자가 될 수 있습니다. ? 그리고 단일 사이트에 대해 여러 환경을 관리하는 것은 골칫거리가 될 수 있습니다. 투입해야 하는 추가 작업 시간 또는 인건비일 뿐입니다. 따라서 WP Engine은 모든 사이트에 분리된 제품 스테이징 및 개발 환경을 생성할 수 있는 기능을 제공하여 해당 프로세스를 자동화했습니다. 즉, 이러한 환경 중 어느 것도 서로 상호 작용하지 않습니다. 한 환경에서 작업을 수행하면 다른 환경에 지장을 주지 않습니다.

이러한 환경의 좋은 점은 한 번의 클릭으로 설정할 수 있고 한 번의 클릭으로 푸시 및 풀할 수 있다는 것입니다. 그래서 매우 쉽게 할 수 있습니다. 해야 할 일을 다운로드하거나 업로드할 필요가 없습니다. 하지만 그때 저는 종종 이런 질문을 받습니다. 좋습니다. 만약 제가 밀고 당기고 아주 간단하다면 그것도 엄청나게 무차별적인 힘이 될 것입니다. 우리는 최근 이러한 환경 사이에서 밀고 당기는 것이 정말 안전한 데이터의 일부 요소를 제어할 수 있는 몇 가지 세분화된 컨트롤을 출시했다고 말할 것입니다.

따라서 이러한 환경은 분리되어 있을 뿐만 아니라 어떤 데이터를 가져오고 푸시할지 제어할 수 있습니다. 이제 밀고 당길 수 있는 특정 테이블을 선택할 수 있습니다. 맞습니까? 예를 들어 거래를 처리하는 전자 상거래 사이트가 있다고 가정해 보겠습니다. 이러한 트랜잭션을 덮어쓰고 싶지 않습니다. 마찬가지로 풀다운을 원할 때 기능을 테스트할 수 있도록 작업할 몇 가지 예제 트랜잭션이 필요합니다. 맞습니까? 그리고 이것은 당신이 그렇게 할 수 있게 해줍니다. 또한 이 푸쉬풀을 할 때 그 자리에서 후진할 수 있는 능력도 있어서 원래의 지점으로 돌아가는 것입니다.

이제 이 모든 작업을 완료하고 모든 작업을 백업하고 안전하게 만들었으므로 돈을 받고 싶습니까? 어떻게 합니까? 나는 그것에 대해 이야기하기 위해 Rob에게 돌아갈 것입니다.

ROB STINSON: 감사합니다. 자, 당신이 프리랜서라면 당신은 대행사이고 개발자이고 당신의 클라이언트를 위해, 당신의 고객들을 위해 이 일을 하고 있습니다. 당신이 좋아하는 모든 일을 하고 있고 이 사이트를 배포하고 있습니다. 환상적입니다. 좋습니다. 아마도 이것에 대한 대가를 받아야 할 것 같습니다. 그것은 일종의 중요한 것들 중 하나입니다. 그러나 클라이언트 청구 및 클라이언트 관리와 관련된 관리는 약간 골칫거리가 될 수 있으며 시스템을 구축하고 설정하지 않으면 실시간 싱크가 될 수 있습니다. 그렇지 않으면 청구할 수 있거나 생산, 생성 및 개발에 지출할 수 있는 매주 및 매월 시간을 잃을 수 있습니다.

따라서 우수한 고객 관리 및 고객 청구 솔루션 또는 시스템은 정말 가치가 있습니다. 그리고 저는 Growth Suite라는 것에 여러분의 관심을 환기시키고 싶습니다. 자세한 내용은 getflywheel.com/growth-suite에서 확인할 수 있습니다. 그러나 그것은 단지 환상적인 해결책일 뿐입니다. 클라이언트 관리, 클라이언트 청구, 클라이언트 구독, 재판매, WordPress 호스팅을 위한 환상적인 플랫폼입니다. 따라서 모든 계층을 체계화하고 간소화하는 데 정말 유용하며 맨 위에서 말했듯이 다시 한 번 수행하고 싶은 작업을 수행할 수 있습니다.

구독 및 청구 측면에서 정시에 지불하는 것은 물론 환상적입니다. 돈이 은행 계좌에 입금되면 재투자가 가능하고 사람들은 적시에 지불을 받을 수 있습니다. 그래서 항상 좋습니다. 구독 구성 요소와 같은 반복 결제 또는 일회성 결제를 설정할 수 있습니다. 여러 통화 지원이 있습니다. 따라서 여기 호주와 같은 특정 지역에 있고 미국 고객이 있으면 영국 고객이 있습니다. 해당 클라이언트와 합의한 통화에 따라 청구를 설정할 수 있습니다.

이러한 다양한 트랜잭션에 메모를 추가할 수 있습니다. 또한 할인을 추가할 수 있습니다. Growth Suite 내에서 설정한 표준화된 서비스가 있을 수 있습니다. 예를 들어 월간 유지 보수, 어떤 이유로 월간 사이트 유지 보수. 그리고 당신은 그것을 당신의 고객들에게 한 달에 수백 달러에 팔고 있습니다. 하지만 당신의 이모는 당신의 고객 중 한 명이고 당신은 그녀를 사랑하고 물론 거기에는 가족 할인이 있습니다. 그래서 당신은 그녀에게 50% 할인을 주고 싶습니다. 특정 고객에 대해 정말 쉽게 할인을 설정할 수 있습니다.

고객 보고는 많은 에이전시와 프리랜서가 고객에게 제공하는 서비스이며, 특히 일정 수준의 리테이너 또는 가입 서비스에 있는 경우에 더욱 그렇습니다. 보고는 지속적인 상호 작용의 지점을 통해 서비스 제공자로서 브랜드로서 고객의 마음에 가장 먼저 남을 수 있을 뿐만 아니라 고객에게 제공하고 있는 지속적인 가치 계층을 보여줍니다. 따라서 그들이 수백 달러를 지출하거나 매월 귀하와 함께 이 보고서 계층을 그들에게 제공하는 것이 보기를 보여주는 것이라면 내가 여기 있습니다. 나는 일을 하고 있다. 가치를 제공하고 있습니다. 귀하의 돈이 은행 계좌에서 빠져나가는 것이 아니라 아무 일도 일어나지 않습니다.

따라서 Growth Suite 내에서 이러한 보고서를 정말 쉽게 설정하여 기본적으로 전체 경험을 체계화할 수 있습니다. 그리고 그것들을 반복적으로 만들 수 있고 당신이 클라이언트와 정의한 구조가 무엇이든 매주, 매월 또는 분기별로 나가도록 설정할 수 있습니다. 그렇게 할 수 있습니다.

그리고 좋은 점은 그것이 당신의 대행사라는 것입니다. 당신의 브랜드입니다. 색상이건 로고이건 당신에게서 당신의 고객에게 전달될 것입니다. WP Engine, Flywheel 또는 Growth Suite 브랜딩에 포함되지 않습니다. 온통 ABC 에이전시가 될 것입니다. 따라서 고객 경험에서 보고서와 그 상호 작용 지점이 귀하와 함께 있다는 것은 정말 훌륭합니다.

그 아이디어를 계속 이어가면 실제로 클라이언트 포털을 가질 수 있습니다. 고객이 자신만의 작은 로그인 계정을 만들 수 있는 곳입니다. 그리고 그들은 거기에 들어갑니다. 그들은 당신의 브랜드를 봅니다. 그들은 Growth Suite, WP Engine, Flywheel 등을 보지 못합니다. 그들이 당신의 대행사 브랜드를 본다는 것. They can log in and they can view the services that are associated with their account. They can make payments. They can see past payments that have occurred. They can update their credit card information, for instance if they're on a subscription.

That's just a really simplified and consolidated experience, but it does a couple of things. One, it reinforces your brand. Two, it streamlines that whole interaction point, right? You're able to hand that off to the client to have them log in and fill out all those details. So it does a few things to really streamline things there, which is fantastic.

And of course, look, Growth Suite is built on top of our infrastructure and we've been WordPress hosting, Managed WordPress hosting for over a decade. And we know how to do it. We know how to do it well. We also know how to do reselling really, really well. So a lot of our Growth Suite existing customers resell as well and that layer of our service is baked in to Growth Suite.

It's optional, you don't have to do it. You may only ever want to run your SEO subscription service through Growth Suite. 괜찮습니다. You don't have to resell, but for those agencies and freelancers that do do that, it is baked in and it works really, really efficiently. And I actually encourage any agency out there, any freelancer out there who's consistently building WordPress sites and who wants to retain an ongoing style of relationship with those clients. Recently hosting is just– it's just a fantastic option for increasing that revenue flow for your own business.

Bulk Site Management as well. So if you are reselling and you've got a number of sites within that account, Bulk Site Management as well. So it kind of like– some of the value proposition of what we saw earlier with this Smart Plugin manager, you can see all of the sites, you can get an, at a glance insights into the status of various things. And things are filter-able, and sortable. So you don't have to log in to every individual site to get key information for the sites within your portfolio. Next one, I want to hand back over to Robert. He's going to talk a little bit about SSH gateway.

ROBERT LI: Sweet. Thanks, Rob. So we're getting into the homestretch. We're getting into real nerd territory now, right? So this is the stuff that makes me super excited. Let's say you've gotten to the point where you've scaled up. You've got hundreds of sites under your management. And you're like, man my finger is cramping up because I have to click on so many things, right? Let's do this programmatically. How do you manage your installs programmatically? How do you manage your deploys programmatically?

First question, how do you manage your installs programmatically? SSH Gateway. That's what you want to use. This is actually a feature that's built into WP Engine's platform. It's not something you need to buy or anything like that. I highly encourage you to use it, but effectively this is the most powerful way to interact with WordPress. We spoke about it earlier. The fact that local has this within its application allows you to do WP CLI, but you can also do that on the platform.

So once you've tested out those commands on local go on. Do a SSH Gateway. Replicate those commands, and that way you can interact with the database programmatically, you can interact with the WordPress site programmatically, you can spin up installs, et cetera, et cetera, et cetera. There's so many things that you can do, right? But with that power also comes some responsibility. So not only can you, like I say, you're executing all of these custom PHP functions and you're executing like remote database commands and stuff, but you want to do that safely.

And the way that SSH gateway makes that safe is that it actually goes through a Bastion Host. That's why we call it a gateway and what I mean by a Bastion Host is this is what governs the connection between you and the origin server itself. There's no direct connection to the actual server, which means you are safe to do any sort of testing or anything that you want to do without the risk of blowing up that environment. But also, that connection is encrypted so no one can listen in. And the session is destructible, so that means that once you leave no one else can hijack that session. So not only is it powerful, but this is a safe way to manage installs.

Let's say you've got this down pat and now you want to do this across all of your installs. Then you want to have a look at our GitHub Action. And super proud to announce that this has been recently updated and released. It is generally available. I'll show you where you can get it later, but effectively this is the most powerful way you can deploy to WP Engine.

Of course, everyone– a lot of you developers probably are aware of Git. If you're not aware of it, then have a look up what versioning WordPress looks like. It is kind of the industry standard. But this allows you to use Git at speed and with flexibility on WP Engine. It allows you to deploy to different environments on WP Engine from different branches. Right now it is just available on GitHub, but we are rolling this out to Bitbucket next, so keep an eye out for that.

But the coolest thing about this– and this is something that I actually personally do, so I'm a super advocate of this– is that this is an open source community driven project. And what that means is that you can take this and run with it what you like. The basics are it's going to log into your WP Engine platform and it's going to push your installs to the right environment. But after that, or during that there's a lot that you can do. For example, there are flags built into the GitHub action that allow you to do cache control so you can tell it to clear cache once you've deployed. And PHP linting, so you can observe PHP coding standards, make sure you're not doing anything dodgy.

Then also, you can deploy scripts, post deploy. For example, you might want to activate all of those plug-ins once you've deployed it. You might want to run a security audit, or you might want to spit out some sort of an output to your local terminal, or something like that.

What this allows you then to do, as I mentioned before, is manage those installs programmatically at bulk. Just like how WordPress core, whenever there's an update that goes out, it goes out to all of the WordPress sites in the ecosystem. Imagine you as an agency have a framework that is common, that you guys have built that you're super proud of, but it's used across all of your sites, and right now what you need to do is you need to log into every site, or SSH into every site and do all of those updates manually. Now you don't need to do that. Once you've set up an organization key, you can actually manage that framework and update that from a central repository and spit that out to every install that you manage, which is super duper handy and it saves tens of hours of work. 매우 강력합니다.

I highly encourage you to visit github.com/wpengine/ that string. It's too long, not going to say it, but you can see it right there and check this out yourself. As I mentioned, this is open source community driven. Please feel free to fork it. I've done that myself, and play around with it. It is just a boilerplate and start managing your sites at scale with speed and flexibility.

So this actually gets us to the end of this DE{CODE} presentation. Hopefully through this you've gained some value. As Rob mentioned, this is a buffet. It's like a Sizzler or a Las Vegas buffet. Some of the things are going to be real tasty and some of the things you're not going to like very much, but I guarantee you you've gotten something out of it, right? And hopefully from this you're able to manage your sites at speed and scale and do more of the stuff that you love and less of the things you don't. I'm Rob Li, this has been Rob Stinson. 함께해주셔서 감사합니다.

ROB STINSON: Thanks, everyone. 나중에 봐요.

And that is a wrap for DE{CODE} 2022. I hope you found it inspirational and are leaving with more WordPress expertise and new community connections. 금요일부터 사이트에서 녹화된 콘텐츠를 찾아보고 놓친 내용을 확인하거나 동영상을 다시 시청하세요.

I want to say a final thank you to our sponsor partners, Amsive Digital, BOX UK, Candyspace, Drewl, Elementary Digital, Illustrate Digital, Kanopi Studios, Springbox, StudioMalt StrategiQ, WebDev Studios, and 10up. DE{CODE} 모금 행사에 기부해 주셔서 대단히 감사합니다. 여러분의 관대함에 진심으로 감사드립니다.

Now for everybody that has been interacting with us in our Attendee Hub and our sessions, we will pick the top three winners and let you know how you can claim your prize at the end of DE{CODE} We look forward to seeing you again at our future events, either in-person or virtually. 최신 WordPress 개발 동향과 이를 구현하여 WordPress 사이트를 더 빠르게 구축할 수 있는 방법에 대해 더 많이 알려드리고 싶습니다. 그게 전부입니다. 많은 관심과 참여 부탁드립니다.