빠르게 변화하는 WordPress 환경에서 관련성 유지

인터뷰에 초대해주셔서 감사합니다! 🙂

나는 대학에 가서 비디오 게임에서 일하기 위해 3D 아트를 공부하기 시작했습니다. 3년 동안 3D 아트를 전공했지만 코스가 광범위하고 웹 디자인도 많이 했습니다. 이것은 1998년이었고 CSS가 하나의 물건이 되었을 때를 기억합니다. 그 당시 우리는 html에서 직접 글꼴 속성을 하드 코딩하고 있었습니다. 그래서 CSS 파일을 사용하여 한 곳에서 모든 것을 제어하는 ​​것은 놀라운 일이었습니다.

나는 나중에 Miniclip.com(온라인 게임 포털)에서 게임 아티스트로 취직했습니다. 저는 3번 직원이었고 웹 디자이너가 필요했습니다. 우리는 모두 모든 일을 조금씩 하고 있었고 가장 많은 경험을 했기 때문에 웹사이트를 관리하게 되었습니다. 결국 20명 이상의 팀을 감독하는 웹 개발 이사가 되었습니다. 그 당시 나는 블로그를 시작하고 싶었고(이미 집에서 키운 CMS가 있는 웹사이트를 갖고 있었습니다) WordPress를 찾았습니다. 그 이후로 개인 사이트에 WordPress를 사용해 왔습니다.

자신만의 WordPress 테마 개발에 전념하기로 결정한 이유는 무엇입니까?

저는 11년 동안 미니클립에서 일했습니다. 저는 웹 개발 이사가 되었지만 몇 년 후에 관리가 저와 맞지 않다고 판단하여 저를 대신할 사람을 고용하고 보다 진보적인 직책으로 옮겼습니다. 저는 매우 즐거웠습니다.

Minilip은 브라우저 기반 게임을 하는 게임 웹사이트였습니다. Flash 및 Unity 게임이 대부분입니다. 그러나 미래는 점점 모바일로 옮겨가고 있으며, 이에 따라 Miniclip은 포르투갈에 개발 스튜디오를 열어 게임을 제작했습니다. 플래시는 서서히 사라지고 있었고 온라인 게임에는 미래가 없어 보였습니다. 그래서 제 나름의 시도를 해볼 수 있는 좋은 시간이었던 것 같습니다.

저는 2007년에 WordPress 테마를 판매하기 시작했습니다. 우리는 최초의 테마 상점 중 하나였고 저는 Miniclip에서 풀타임으로 일하고 있었습니다. 워드프레스로 전일제 전환하는 용기를 얻는 데 8년이 걸렸습니다. 어떤 면에서는 더 빨리 끝내고 초기 성공을 활용했으면 하는 바램이 있습니다. 우리는 시작하기를 정말 잘했습니다. 지원과 모든 일을 할 사람을 고용했습니다. 하지만 지금은 다른 것들에 대해 떠들고 있을 뿐입니다.

2007년에 Pro Theme Design을 시작했으며 WordPress 템플릿이 부풀려진 올인원 선택이 아닌 특정 목적을 제공하는 것을 자랑스럽게 생각합니다. WordPress 사용자에게 특화된 테마를 제공하는 접근 방식의 근거는 무엇입니까?

나는 올인원 테마를 좋아하지 않는다. 그것들은 엉망이고 WordPress Twitter/ Facebook/ Slack 그룹에서 듣는 것은 테마 편집이 얼마나 어려운지에 대해 사람들이 불평한다는 것뿐입니다. 또는 테마가 얼마나 느리고 부풀려 있는지.

나는 사용자의 관점에서 호소력을 완전히 본다. 원하는 것은 무엇이든 할 수 있다는 꿈을 팔지만 현실은 사뭇 다릅니다. 사이트를 데모와 비슷하게 만드는 것은 종종 엄청나게 어렵습니다.

Gutenberg를 좋아하지 않는 개발자가 있다는 것을 알고 있지만 사용자 관점에서 설정을 훨씬 간단하게 만들 것이라고 생각합니다. 블록 편집기를 사용하면 매력적인 사이트를 매우 빠르게 구축할 수 있습니다.

개인적으로 나는 즉시 데모처럼 보이는 WordPress 테마를 만들고 싶습니다. 활성화하는 즉시 99%가 완료됩니다. 몇 가지 더 유연한 요소와 사용자 지정 도구의 일부 설정을 추가하고 싶지만 대부분 '그냥 작동'합니다.

Pro Theme Design의 역사를 조금 더 깊이 파고들면 처음 웹사이트를 시작했을 때 어땠나요? 첫 번째 유료 고객을 온보딩하는 방법은 무엇입니까?

지금은 기억도 안나! 오래 전 일이지만 매우 쉬웠던 것으로 기억합니다. 다른 테마 상점이 몇 개 밖에 없었기 때문에 사람들은 물건을 정말 빨리 샀습니다. 첫 번째 고객 중 하나는 WooThemes를 공동 설립한 Adii였습니다.

나는 우리가 잡지 테마를 만든 최초의 사람들이었다는 것을 기억합니다. Darren은 Mimbo라는 무료 테마를 만들었고 우리의 첫 번째 유료 테마는 Mimbo Pro였습니다. 다른 사람들은 모두 블로그 테마를 만들고 있었습니다.

그 당시에는 다양한 WordPress 뉴스 블로그가 있었고(WPTavern이 유일하게 인기 있는 블로그라고 생각합니다) 모든 사람들이 이 블로그를 읽었습니다. 그래서 기본적으로 우리는 열심히 일할 필요가 없었습니다. 방금 일어난 일입니다. 우리는 몇 사람에게 이야기하고 돈을 벌었습니다.

불행히도 더 이상 그런 일이 발생하지 않습니다.

당신은 또한 당신이 테마 웹사이트의 웹 개발자, 소유자 및 지원 담당자라고 언급했습니다. 기본적으로 어떤 테마를 만들지 결정하고 테마를 만들고 고객 질문에 대한 답변도 제공해야 합니다. 이것이 요지일 뿐이지만 이러한 역할에는 모두 몇 가지 심각한 책임이 따릅니다. 이 세 가지의 균형을 맞추기 위해 시간 관리에 어떻게 접근합니까?

Darren은 초기에 많은 디자인 작업을 수행했지만 지금은 실제로 참여하지 않습니다. 그는 음악 제작으로 옮겼습니다. 그래서 나는 모든 것을 합니다.

나는 시간 관리에 대해 생각하지 않는다. 제 철학은 최대한 단순화하거나 자동화하는 것입니다. 그래서 테마 업데이트를 처리하는 빌드 프로세스가 있습니다. 자주 묻는 질문에 답하는 포괄적인 문서가 있습니다. IFTTT를 사용하여 사람들이 지원 포럼에 게시할 때 알려줍니다.

가능하면 스스로 물건을 만들지만 내 삶을 더 쉽게 만들어주는 서비스에 대한 비용을 지불하는 것을 두려워하지 않습니다. 내가 가장 좋아하는 것은 내 계정의 많은 부분을 담당하는 FreeAgent입니다.

해야 하는 일의 양을 줄이기 위해 할 수 있는 모든 일을 할 것입니다.

말씀하신 대로 Darren Hoyt와 협력하여 Mimbo Pro를 만들었습니다. 플랫폼의 원래 프리미엄 매거진 테마 중 하나입니다. 개발은 또한 이미지 크기 조정 스크립트 TimThumb의 생성으로 이어졌습니다. 존경받는 이 프로젝트를 완료하는 데 Darren과 함께 작업하는 것은 어땠나요? 결과에 얼마나 만족하시나요?

정말 재미있었어요. 그 당시에는 아무도 버전 제어를 사용하지 않았기 때문에 우리는 개발 서버에서 실시간으로 파일을 편집하는 데 많은 저녁을 보냈습니다. 우리는 정기적으로 서로의 변경 사항을 덮어 쓰고 깨는 방법을 몰랐습니다. 따라서 빌드하는 데 필요한 것보다 훨씬 더 오래 걸렸습니다.

Darren은 또한 디자이너의 관점에서 사물에 접근했습니다. 그는 기술적인 측면에 덜 관심이 있었고 매력적이고 사용하기 쉬운 것을 만드는 데 더 관심이 있었습니다. 그래서 우리는 TimThumb 및 회전 목마와 같은 것을 생각해 냈습니다. 그 당시에는 아무도 하지 않았던 일. 초기에 우리는 우리가 만든 모든 테마에 대해 고유한 기능을 갖기 위해 노력했습니다. 다른 사람들과 조금 다른 점이 있었습니다.

Mimbo Pro는 그 이후로 4번이나 재작성되었지만 이제 그 시대를 보여주고 있으며 더 이상 블록 빌딩의 세계에 적합하지 않다고 생각합니다. 하지만 그것은 엄청난 배움의 경험이었고 그 당시 내가 즐겨 하는 일이었습니다.

TimThumb은 완전히 다른 것이었습니다. 추천 이미지가 WordPress에 포함된 것은 TimThumb 덕분입니다. 그것은 엄청난 계시였고 우리가 일찍부터 잘했던 이유 중 일부라고 생각합니다. 사람들은 우리가 어떻게 사용했는지 보고 자신의 테마에 스크립트를 추가하기를 원했습니다.

프로 테마 디자인을 지원하는 1인 팀으로서 다음 테마를 브레인스토밍하는 방법은 무엇입니까? 프로젝트 작업을 시작하기로 결정하기 전에 고려하는 주요 매개변수는 무엇입니까?

저는 테마 디자인에 Sketch를 사용합니다. 약 50개의 디자인이 포함된 스케치 파일이 있습니다. "스케치" 책과 같은 역할을 합니다. 그냥 생각나는 대로 추가합니다. 대부분의 디자인이 완성되지 않고 말 그대로 디지털 기념일 로고이지만 때로는 뭔가 효과가 있어서 더 개발합니다.

그래도 기획을 많이 하지 않는다. 저는 테마의 느낌을 주기 위해 홈페이지를 디자인한 다음 브라우저에서 빌드를 시작하는 경향이 있습니다. 홈페이지가 구축됨에 따라 나머지 디자인은 대부분 자연스럽게 자리를 잡습니다. 막힐 때마다 Sketch로 돌아가서 막힌 요소를 디자인합니다.

요즘은 테마를 많이 안 만든다고. 나는 몇 년 동안 새로운 것을 발표하지 않았습니다. 테마의 미래는 상당히 제한적이며 점점 더 WordPress 코어에서 사용하게 될 것이라고 생각합니다. 그것들은 대부분 블록 편집기로 대체될 것입니다.

그렇기 때문에 어떻게 하면 계속해서 관련성을 유지할 수 있을지 고민하는 데 많은 시간을 할애했습니다. 그리고 저에게 미래는 WordPress 플러그인/블록에 있습니다. 그래서 저는 그것에 시간을 할애하고 있습니다.

또한 윤리, 개인 정보 보호, 지속 가능성 및 접근성에도 관심이 있습니다. 제가 현재 작업하고 있는 테마 중 하나는 초경량이며 접근이 용이하도록 설계되었습니다. 이를 통해 모든 사람이 빠르고 효율적이며 쉽게 사용할 수 있습니다. 코드는 Github에 있으므로 누구나 기여/포크할 수 있습니다. Binary Moon에서 디자인을 볼 수 있습니다.

Binary Moon에 대해 자세히 알려주세요. 여기에는 포트폴리오와 사용자가 각 게시물에 정기적으로 댓글을 다는 매우 활발한 블로그가 포함되어 있습니다. 사이트의 목적에 대해 자세히 알려주세요.

BinaryMoon.co.uk는 인터넷을 위한 디자인을 시작한 이후로 제 개인 사이트였습니다. 아마 1999년이겠지. 2005년에 블로그가 되었습니다. 수입 측면에서 얼마나 중요했는지 모릅니다. 우리가 시작할 때 더 중요했을 것 같아요. 요즘은 테마를 만들어 내 제품이 필요하지 않은 다른 개발자들과 주로 이야기하고 있습니다.

학습 측면에서 가장 좋은 학습 방법은 실제 프로젝트에서 직접 테스트하는 것이라고 생각합니다. 내 사이트에서 테마를 사용할 때 로컬에서 얼마나 많이 테스트했는지는 중요하지 않습니다. 항상 문제를 찾습니다. 하지만 다른 사람들이 볼 수 없도록 이러한 문제를 수정할 수 있기 때문에 정말 좋습니다.

앞서 언급했듯이; 현재 Binary Moon에서 실행 중인 테마는 현재 작업 중인 테마인 Jarvis입니다. 나는 그것으로 새로운 기능을 시험해 볼 수 있습니다. 예를 들어 밝고 어두운 모드가 있으며 색 구성표를 자동으로 변경합니다. 밝고 어두운 배경색을 선택하면 다른 모든 색상이 변경되어 여전히 읽을 수 있습니다.

사용자의 관점에서 이것은 정말 간단합니다. 변경할 설정은 두 가지뿐이며 완전히 다른 웹사이트가 있습니다. 또한 방문자의 설정을 존중합니다. WordPress에는 단일 색상만 설정할 수 있는 배경색 설정이 내장되어 있기 때문에 WordPress에서 많이 볼 수 없는 멋진 기능이라고 생각합니다.

당신은 지난 12년 동안 WordPress 개발 커뮤니티에 있었습니다. 이것은 당신에게 뒤를 돌아볼 수 있는 독특한 능력을 제공할 뿐만 아니라 지평선 너머에 무엇이 있는지 볼 때 당신에게 독특한 우위를 제공합니다. 2020년에 WordPress 개발에 뛰어들려는 초보자에게 어떤 세 가지 조언을 하시겠습니까?

1. 테마 판매 금지

이것은 조언입니다. 테마를 판매하고 싶다면 내가 당신을 막지 못하게하십시오. 하지만 진입하기가 정말 어려운 사업이고 예전에 존재하던 급한 돈은 이미 사라진 지 오래입니다.

나는 WordPress.com에서 내 테마를 판매할 수 있을 만큼 충분히 운이 좋으며 그곳에서 대부분의 수입을 얻습니다. 그것만 아니었다면 아마 다른 일을 했을 것입니다.

2. 자바스크립트 배우기

자바스크립트를 제대로 배우면 프로그래밍에 정말 좋은 기초를 다질 것입니다. 일부 언어에 비해 상당히 쉽지만 매우 강력하기도 하고 현재로서는 웹이 움직이는 방식인 것 같습니다.

WordPress 편집기용으로 무언가를 만들고 싶다면 React를 배우는 것도 가치가 있습니다. 이는 Gatsby와 같은 소프트웨어로 헤드리스 사이트를 구축하려는 경우에도 유용합니다.

그러나 React를 먼저 배우지 마십시오. 자바스크립트를 배우세요.

Javascript로 시작하면 React, Vue 및 Node.js 간에 기술을 더 쉽게 이전할 수 있습니다. Deno, 그리고 앞으로 어떤 것이 나올지 모릅니다. React만 배우면 플랫폼 간에 전환하는 것이 훨씬 더 어렵다는 것을 알게 될 것입니다.

3. 다른 일을 하십시오

워드프레스가 아닌 일을 하라는 것이 아니라 워드프레스로 전에 해보지 않은 일을 하라는 뜻입니다. 창의력을 발휘하십시오. 제공할 고유한 것이 있거나 이미 존재하는 것보다 더 잘할 수 있다고 생각하지 않는 한 다른 블록 컬렉션을 만들지 마십시오. 블록 편집기를 위해 무언가를 만들고 싶다고 가정하면 아직 달성하지 못한 많은 가능성이 있다고 확신합니다. 아직 새롭기 때문에 문제가 있는 부분을 파악하고 수정하기만 하면 됩니다.