콘텐츠 제작은 편집자 이상에 관한 것입니다

이것은 Modern Tribe의 파트너이자 아트 디렉터인 Reid Peifer가 작성한 게스트 게시물입니다. 이 게시물에서 Peifer는 자신의 경험, 의견 및 WordPress의 콘텐츠 생성 경험이 개선될 때 고려해야 할 사항을 공유합니다.

우리가 가진 도구가 우리를 제한하지 않고 대신 고유하고 상황에 맞는 사려 깊은 콘텐츠를 만들 수 있는 세상을 상상해 봅시다. 우리는 그들과 싸우지 않고 줄 바꿈과 여백에 대해 논쟁하지 않습니다.

우리는 두 개의 이미지가 정렬되어야 하는지 여부에 대해 논쟁하지 않습니다. 우리는 아이디어를 표현하기 위해 굵게, 기울임꼴, 밑줄 및 글머리 기호에 국한되지 않습니다. 우리는 우리 조직의 분류법과 보완적인 콘텐츠를 결정하는 둔한 관계형 알고리즘에 국한되지 않습니다.

이것이 우리가 가져야 할 현실입니다. 콘텐츠 관리는 TinyMCE 및 메타 박스 이상이어야 합니다. WordPress가 계속해서 성숙한 플랫폼으로 성장하는 동안 핵심 임무가 무엇인지에 대한 초점은 두 번째 자리를 차지했습니다.

우리(WordPress 커뮤니티 전체)는 WordPress를 멋지게 만드는 데 너무 열광했고, WordPress가 멋진 것을 만들 수 있도록 하는 우리의 책임을 잊어버렸습니다. 출판의 민주화를 위해. 사람들의 머리와 마음에서 나온 이야기를 세상에 알리기 위해.

내용을 잊어버렸습니다. 콘텐츠가 없으면 WordPress와 그 모든 비트와 밥은 아무 것도하지 않습니다. WordPress가 거의 상상할 수 없는 규모로 성장한 것은 사실이지만 오늘날 만드는 콘텐츠는 미래의 웹 요구 사항을 지원하지 않습니다.

저는 WordCamp US에 못 갔지만 2017년 편집자에게 집중하라는 영상을 들으며 기쁨에 멍하니 앉아 있었다는 것을 인정합니다.

make.wordpress.org와 slack 내에서 진행되는 초기 토론은 매우 고무적입니다. 커뮤니티는 이 책임을 맡았고 당면한 작업의 중요성을 반영하는 열정으로 앞으로 나아가고 있습니다.

나는 그들의 노력에 절대적으로 박수를 보내고 지금까지의 대화가 가치 있다고 생각하지만 즉시 편집자 자신에게 넘어갔습니다. 좋은 편집자는 무엇입니까? 토론은 UI, 데이터를 어떤 형식으로 저장해야 하는지, 단축 코드를 사용해야 하는지 등에 중점을 둡니다. 모든 좋은 질문이지만 먼저 답변을 하면 조회 범위가 제한됩니다.

첫 번째 질문은 '무엇이 좋은 콘텐츠를 만드는가'입니다. '컨텐츠'란? 콘텐츠가 게시물 또는 페이지에만 있습니까? 그 필수 요소는 무엇입니까? 이러한 요소는 어떻게 상호 작용하고 서로 관련됩니까? 콘텐츠의 수명 주기는 어떻게 됩니까? 사이트 전체에서 어디에서 어떻게 표시됩니까? 콘텐츠가 시나리오나 위치에 따라 다르게 작동합니까?

이러한 질문으로 시작하면 그 대답이 UI에 대한 우리의 목표가 됩니다. '좋은 편집자는 무엇인가'라는 질문에는 이러한 목표를 즐겁고 쉽게 달성할 수 있는 명확한 답이 있습니다.

보다 강력한 콘텐츠 제작 도구의 필요성은 새로운 것이 아닙니다.

몇 년 전 '잡지 레이아웃'이 새로운 화제였을 때 우리는 일부 대형 출판물과 작업할 수 있는 특권을 누렸습니다. 디자인 발견에서 우리는 콘텐츠의 표현에 대해 어떻게 생각했는지, 그날 발표한 콘텐츠에 따라 레이아웃이 어떻게 변경되는지 배웠습니다.

우리가 구축하는 데 익숙한 웹의 딱딱한 템플릿은 인쇄본에서 오랫동안 사용했던 전략을 도저히 충족시킬 수 없었습니다. 스포츠, 비즈니스 및 라이프스타일 섹션은 모두 즉각적인 필요에 따라 다양한 레이아웃과 프레젠테이션을 활용할 수 있어야 했습니다.

그들은 날마다 변화해야 했습니다. 우리는 WordPress에서 사이트를 구축하는 것에 대해 알고 있던 것을 버리려고 했습니다. 템플릿 계층 구조를 버리고 처음부터 시작해야 했습니다. 관리자의 분류 용어 페이지에서 잘리지 않았습니다.

그런 가운데 '아트 디렉팅'이나 '편집 포스트'가 화제가 됐다. Jason Santa Maria와 Trent Walton과 같은 사람들은 편집 디자인이 풍부한 아름다운 맞춤형 기사를 쏟아내고 있었습니다. 저는 Jason Santa Maria의 첫 기사를 보았을 때보다 웹의 잠재력에 대해 더 흥분한 적이 없습니다. 저는 좋은 콘텐츠 디자인에 열광합니다.

그 직후 어느 시점에서 NY Times는 Snowfall을 출판했고 우리가 이야기한 모든 사람은 '긴 형식'이 필요했습니다(그들이 왜 또는 그것이 의미하는 바를 모를지라도). 나는 WordPress에서 그 기능을 재현하기 위해 내 자신의 실험을 실행했습니다. 그 당시에는 전체 마크업과 많은 사용자 정의 CSS가 모두 WYSIWYG로 조리되었음을 의미했습니다. 아름다운 출력, 형편없는 경험.

이것들은 도구가 제공할 수 있는 것보다 더 많은 것을 필요로 하는 콘텐츠에 대한 두 가지 정말 일반적인(그리고 오래된) 예입니다.

우리는 수년에 걸쳐 이러한 과제를 해결하고 특정 사용 사례에 대해 해결했습니다. 모든 프로젝트는 자체 솔루션을 발전시킵니다. 다음은 우리가 배운 것 중 일부입니다.

(따라서 우리는 모두 같은 용어로 이야기하고 있습니다. 아래에서 콘텐츠 생성을 참조할 때 새로운 콘텐츠를 만드는 행위를 의미합니다. 콘텐츠 관리를 참조할 때 콘텐츠 모델과 콘텐츠의 구성 및 표현을 모두 의미합니다. 사이트 전체에.)

우리는 모듈식 개발과 원자 설계에서 배워야 합니다

콘텐츠 생성과 콘텐츠 관리 모두에 모듈식 개발 및 원자 설계 원칙을 적용해야 합니다.

우리는 코딩 관행에 모듈식의 체계적인 사고를 채택하여 한때 모놀리식 템플릿을 재사용 가능한 더 작은 부분으로 분해했습니다. 우리는 UI/UX 및 시각적 디자인 작업에 디자인 시스템 사고와 원자적 접근 방식을 적용했습니다.

작은 조각이 모여 구성 요소를 만들고, 함께 모여 완전한 경험을 만드는 페이지를 만듭니다. LEGO 블록 디자인 및 빌드 학교입니다. 이것은 우리 중 많은 사람들이 잘 알고 있는 후렴구입니다.

그 철학을 콘텐츠 제작 및 관리로 확장

우리가 설계하는 방법과 우리가 구축하는 인프라에서 체계적인 사고라는 아이디어를 수용했지만 유사한 모듈 방식으로 콘텐츠 생성 및 콘텐츠 관리(콘텐츠 전략)에 접근하는 방법에 대해서는 생각하지 않았습니다.

이는 주로 우리 도구가 콘텐츠 생성 및 관리에 모듈식 사고를 적용할 수 없기 때문입니다. WordPress를 포함한 CMS는 일반적으로 사전 정의된 구조 및 조직 모델로 제한됩니다.

전체 CMS 아키텍처에서 템플릿의 역할은 콘텐츠 제작자의 유연성을 제한합니다. 오늘날 콘텐츠 전략은 이전에 발생했으며 개발에 따라 결정되었습니다. 더 나은 세상에서 우리의 콘텐츠 전략은 디자인과 개발을 사용하여 시간이 지남에 따라 우아하게 성장하고 적응하고 변경할 수 있습니다. 우리의 출판 도구는 우리의 지속적인 콘텐츠 전략이 발전하는 방법이 될 수 있습니다.

모듈식 콘텐츠 제작

웹 콘텐츠의 개념에 대해 생각해 봅시다. 오늘날 우리가 웹에서 보는 대부분은 인쇄물에서 논리적으로 한 걸음 더 나아간 것입니다. 제목과 헤드라인, 카피 단락, 이미지, 인용구. 그 조각들은 1:1 아날로그입니다. 그것은 디지털 매체이고 우리는 너무 똑똑하기 때문에 비디오, 이미지 갤러리, 그런 회전 목마 및 기타 등등을 포함했습니다.

대부분의 경우 이러한 요소는 WYSIWYG 편집기를 사용하여 웹페이지에 배치됩니다. 당신은 패권을 위해 TinyMCE와 싸웁니다. 테마나 플러그인에 특수 요소 전용 메타 상자가 있을 수 있습니다. 페이지 상단에 슬라이드 쇼나 갤러리가 있을 수 있습니다.

웹에서 실행된 대부분의 콘텐츠를 볼 때 실제로는 인쇄 상대가 오랫동안(문자 그대로의 시대를 의미함) 수행해 온 것보다 덜 흥미롭고 덜 매력적이며 덜 아름답습니다.

우리는 모든 장점을 가지고 있지만 미리 포맷된 콘텐츠보다 더 흥미로운 것을 만드는 데 실패합니다. 콘텐츠와 프레젠테이션이 분리되어야 한다는 우리의 주장은 지나친 것입니다. 그것들은 핵심적으로 관련되어 있습니다. 어제 지구를 뒤흔드는 뉴스 기사가 있었나요? 유감스럽게도 다른 모든 이야기에서 얻을 수 있는 것과 동일한 400픽셀의 추천 이미지 슬롯을 갖게 됩니다.

이것이 우리가 할 수 있는 최선이라고 믿기를 거부합니다.

TinyMCE는 콘텐츠 제작 도구의 정점이 아닙니다.

콘텐츠 제작을 매력적이고 강력하게 만드는 방법을 알아낼 수 있는 플랫폼은 계속해서 성장할 플랫폼입니다. Calypso는 흥미로운 엔지니어링 위업이고 향후 개발에 유용한 모델이지만 WordPress 프레임워크 내에서 콘텐츠를 생성한다는 것이 실제로 의미하는 바를 추진하는 데는 거의 도움이 되지 않았습니다.

하나의 WYSIWYG에서 이 문제를 해결하려고 하면 짜증이 납니다.

콘텐츠 제작 도구를 사용하면 디자인에 대해 생각하는 것과 동일한 방식으로 콘텐츠 제작에 접근할 수 있습니다. 내 콘텐츠 전략의 원자적 요소는 무엇입니까? 흥미로운 콘텐츠를 만들기 위해 이러한 요소를 어떻게 리믹스, 재조립 및 작업할 수 있습니까?

체계적이어야 합니다. 모든 요소와 구성 요소는 일관된 전체를 형성하기 위해 전체 구조 및 전략의 일부로 작동해야 합니다. 우리의 디자인 작업과 우리의 개발 작업처럼. 우리의 전략, 디자인 및 개발 프로세스는 패턴을 식별하고 생성하는 데 중점을 둡니다.

프로젝트의 콘텐츠 전략 및 디자인 부분 전반에 걸쳐 우리는 이러한 패턴의 핵심이 무엇인지 식별하는 데 중점을 둡니다. 그것들을 가장 작은 부분으로 어떻게 쪼개나요? 그런 다음 설계 및 개발을 통해 내부 목표와 최종 사용자 목표를 지원하는 방식으로 이러한 부분을 결합하기 시작합니다.

• 요소 – 가장 단순한 단위. 텍스트 문자열, 단일 이미지, 비디오, 양식 입력 필드 또는 버튼
• 구성 요소 또는 블록 – 응집력 있는 단위를 형성하는 요소 그룹
• 모듈 – 더 큰 전체를 위한 보완 구성 요소의 그룹화
• 페이지(또는 게시물, CPTS 등) – 완전한 콘텐츠를 형성하기 위한 모듈 그룹화

WordPress의 콘텐츠 제작 도구를 발전시키려면 이러한 요소, 구성 요소 및 모듈이 무엇인지, 서로 어떻게 관련되어 있는지 살펴봐야 합니다. 그들은 즉석에서 만들어 졌는지, 독단적이거나 유연합니다. 그런 다음 어떻게 생성합니까? 주제 및 데이터 신성함과 어떤 관련이 있습니까? 그리고 계속해서.

모듈식 콘텐츠 관리(모듈식 콘텐츠 전략)

모듈식 콘텐츠 생성 도구가 어떻게 생겼는지 상상하기에 충분한 시각적 참조가 있지만 모듈식 콘텐츠 관리는 시각화하기가 조금 더 어렵습니다.

최신 CMS에는 몇 가지 도구가 있습니다. 상위/하위 관계와 결합된 태그 및 카테고리는 WordPress로 조리된 기본 조직 구조입니다. 물론 그것들은 상상할 수 있는 어떤 수의 분류학적 구조도 포함하도록 확장될 수 있습니다.

포스트 투 포스트(P2P)와 같은 도구는 1:1, 1:다 또는 다:다 관계를 생성할 수 있는 흥미로운 P2P 계층을 제공하고 생성합니다.

그 정도입니다. 관계 역학이 정의되고 코드에 종속됩니다. 정의된 버킷에 콘텐츠를 할당할 수 있습니다. 미리 정해진 방식으로 버킷을 표시하는 고정 템플릿이 있습니다. 내가 그것과 다르고 관계를 만들고 콘텐츠 관리자 또는 콘텐츠 제작자로서 콘텐츠를 리믹스하고 싶다면 나는 운이 좋지 않습니다.

WordPress의 카테고리 용어 화면에 대해 생각해보십시오. 그곳에서 어떤 종류의 콘텐츠 관리 도구를 사용할 수 있습니까? 당신은 무엇을 할 수 있나요? 무엇을 관리 할 수 있습니까? 별로. WordPress 릴리스의 역사를 뒤돌아보십시오. 해당 화면이 언제 변경되었습니까?

콘텐츠 관리의 만능인 분류 체계에 머물면 우리의 잠재력에 부응하지 못합니다.

루프는 워드프레스 콘텐츠 관리의 핵심 개념 중 하나입니다. 콘텐츠에 대해 생각하는 방법을 이해하는 데 매우 강력하고 중요하지만 콘텐츠 관리의 끝이 아니라 시작입니다. 콘텐츠 전략의 정점인 '목록'에 그칠 수는 없습니다.

시간 경과에 따른 변화 필요

우리는 대학과 학교를 위해 많은 일을 합니다. 모든 학생에게는 현재 학생 전용 카테고리 랜딩 페이지가 있습니다. 일년 내내 그들은 학생들을 위한 모든 종류의 다양한 요소, 콘텐츠 및 도구를 수집하고 표면화하기를 원합니다.

WordPress 용어로 비디오 갤러리 외에도 페이지, 블로그 게시물, 이벤트, 도구, 리소스, 주요 날짜, 응용 프로그램 및 파일이 있으며 콘텐츠 전략이 어떤 다른 CPT를 형성했는지 아는 사람이 있습니다.

가을에는 환영 자료, 겨울에는 중간고사, 봄에는 취업 지원 및 인턴십 프로그램 등 학생들의 요구 사항이 연중 변합니다. 우리 대학 친구들이 이러한 요구 사항이 코드로 명시되어 있는 템플릿에 묶여 있다면 콘텐츠 전략을 업데이트하고 최소한 분기별로 접근하기 위해 내부로 돌아가야 합니다.

관계는 분류 용어보다 더 풍부해야 합니다.

진정한 콘텐츠 관리를 통해 콘텐츠 제작자는 자신이 만든 것을 사려 깊고 독특한 방식으로 패키징하고 발표할 수 있습니다. 함께 그들은 응집력 있는 전체가 됩니다. 가치가 있는 콘텐츠 전략입니다. 그렇게 할 수 없다면 콘텐츠 전략은 카테고리와 태그의 사려 깊은 목록일 뿐입니다.

당사의 콘텐츠 관리 도구는 콘텐츠를 수집하고 필요한 방식으로 제시할 수 있도록 하고 권한을 부여해야 합니다. 목록과 알고리즘만으로 제한되어서는 안 됩니다. 우리는 고객이 미리 구운 템플릿이 있는 곳이 아니라 필요한 곳에 고유한 콘텐츠 단면을 만들 수 있기를 바랍니다.

시각화에 도움이 되는 예: 우리 대학생과 함께 등록 기관이 재정 지원 신청 마감일을 발표한다고 상상해 보십시오. 주거 생활 부서는 기숙사에 자리를 얻기 위해 양식을 업데이트했습니다.

학생 생활부는 신입생들이 서로 만날 수 있는 행사 목록을 게시합니다. 각 콘텐츠는 대학 웹사이트의 서로 다른 위치에 있는 자체 사일로에 있습니다. 이제 여러분이 커뮤니케이션 부서에 있고 신입생들이 필요한 정보를 얻도록 하는 책임을 맡고 있다고 상상해 보십시오.

당신 은 A: 사이드바 위젯에 있는 콘텐츠의 일부에 대한 발췌문을 수동으로 입력하고, 링크를 버튼처럼 보이게 하는 특정 클래스를 적용하려고 시도하는 일부 링크를 하드코딩하지만 그것이 .btn_round 또는 .btnround 또는 .round_btn_blue_large인지 기억할 수 없습니다. 그리고 그것이 같은 위치에 있기를 기도합니다 . 또는 B: 각 콘텐츠를 동적으로 참조하여 '신입생을 위한 주요 정보' 모듈을 만들고 홈페이지 상단으로 드래그하여 삭제하는 것을 잊어버린 구식 시작 갤러리를 대체합니다. 지난 봄?

올드 스쿨은 옵션 A입니다. 뉴 스쿨 옵션 B는 (멋진 올드 스쿨이 아니라 절름발이 실망스러운 올드 스쿨입니다).

앞으로의 길은 모듈식입니다

원자 설계의 개념이 처음이라면 Brad Frost의 이 글을 먼저 읽으십시오. 우리가 이러한 문제 중 일부를 구체적으로 해결한 방법을 보고 싶다면 여기와 여기에서 이 문제에 대해 하프를 거는 두 개의 WordPress.TV 대화가 있습니다.

우리는 업데이트된 WYSIWYG 편집기 그 이상을 위해 노력해야 합니다. 우리는 콘텐츠가 무엇이고 무엇이 될 수 있는지에 대한 더 크고 더 넓은 이해를 열망해야 합니다. 우리가 그 비전을 갖게 되면 그것을 실현하는 데 도움이 되는 도구를 만들 수 있을 것입니다.