Netlify CMS에 초안 → 검토 중 → 게시 상태 워크 플로우 도입

소개

여기의 기사에서 소개한 방법으로 블로그의 운용은 할 수 있습니다만, 초안을 보존해 두고 싶을 때에 불편을 느끼는 것이라고 생각하므로, Netlify CMS의 워크플로우 기능에 대해 해설하고 싶습니다.

워크플로우 기능

Netlify CMS 공식 참조에 설명되어 있지만 Netlify CMS 구성 파일을 편집하여 아래 그림과 같이 Workflow 탭을 선택할 수 있습니다.

활성화 절차

/admin/config.yml에 publish_mode: editorial_workflow를 추가하거나 다시 작성하여 활성화할 수 있습니다.
다음은 마지막으로 만든 앱의 예입니다.
추가 완료 후 GitHub의 리포지토리로 푸시합니다. 이것만으로 활성화할 수 있어야 합니다.

gatsby-demo-app/static/admin/config.yml

backend:
  name: git-gateway
  branch: master                 ← [補足]ここでどのブランチを参照するのか設定できます。

media_folder: static/img         ← [補足]ここで設定したディレクトリにアップロードした画像が格納されます。
public_folder: /img

publish_mode: editorial_workflow  ←　この一行を追加

{省略}

워크플로 확인

'https://<블로그 URL>/admin'에 접속하여 로그인까지 완료하면 아래 이미지와 같이 'Workflow' 탭이 표시됩니다.


Workflow 탭을 클릭하면 워크플로 화면으로 전환되므로 New Post → Blog를 클릭하여 기사를 작성해 봅니다.


기사 내용을 입력한 후 Save를 클릭합니다.


"Save"를 클릭하고 잠시 후 아래 그림과 같이 버튼이 여러 개 나옵니다.


'설정 상태'를 클릭하면 기사가 어떤 상태에 있는지 확인할 수 있습니다.


또한 워크플로 화면의 Draft에 방금 만든 기사가 표시됩니다.


현재 상태에서 계속 진행하려면 워크플로에 표시되는 기사를 진행하려는 상태로 드래그 앤 드롭으로 이동할 수 있습니다.


기사 상태를 Ready로 진행하면 기사 게시 준비가 완료됩니다.
※ 어디까지나 기사의 공개 준비가 된 것만으로, Publish(GitHub 에의 Push)를 실행할 때까지는 공개는 되지 않습니다.


기사의 공개는, 「Publish new entry」→「OK」의 순서로 클릭하면 실행됩니다.



블로그를 검토하면 기사가 게시되었음을 알 수 있습니다.



이것으로 설정이 완료되었습니다.
워크플로 기능을 추가하면 기사 초안을 유지할 수 있게 되므로 보다 실용적인 블로그가 될까 생각합니다.

이번에 작성한 애플리케이션의 리포지토리는 여기
사이트는 여기