UStackUStack
EditlyCMS icon

EditlyCMS

EditlyCMS는 PHP·SQLite 기반의 셀프호스팅 플랫파일 CMS로, 기존 HTML 사이트에서 클릭 편집·초안/게시·원클릭 복원 지원

EditlyCMS

EditlyCMS란?

EditlyCMS는 HTML 템플릿으로 구축된 기존 웹사이트를 위한 셀프호스팅 콘텐츠 관리 시스템(CMS)입니다. 클릭-편집 인터페이스를 통해 라이브 사이트에서 페이지 콘텐츠를 코드 작성 없이 직접 편집할 수 있습니다.

핵심 아이디어는 CMS 레이어를 HTML 사이트에 “삽입”하여 콘텐츠를 제자리에서 수정할 수 있게 하는 것입니다. PHP와 SQLite로 실행되며, 사이트 콘텐츠를 별도 데이터베이스가 아닌 HTML 파일에 저장합니다.

주요 기능

  • 라이브 페이지에서 클릭-편집: 편집 표시된 요소를 선택하고 브라우저에서 직접 변경 입력. 굵게, 기울임꼴, 제목, 목록 등의 리치 텍스트 포맷팅 포함.
  • 툴바를 통한 미디어 및 임베드 편집: 에디터에 이미지를 드래그하여 업로드, YouTube나 Vimeo 콘텐츠 임베드, Google Maps 추가, 다운로드 파일 첨부.
  • 초안 및 게시 워크플로: 라이브 사이트 변경 없이 편집, 변경 미리보기 후 게시.
  • 백업 및 원클릭 복원: 게시 시 이전 버전 백업 생성, 대시보드에서 원클릭 복원 제공.
  • SQLite 메타데이터/백업을 사용한 플랫파일 콘텐츠: 콘텐츠는 HTML 파일에 유지; SQLite는 백그라운드에서 메타데이터와 백업 처리.
  • 비밀번호 보호 에디터: 사용자명/비밀번호 세션 인증으로 에디터 접근 보호, 에디터에서 자격 증명 변경 가능.

EditlyCMS 사용법

  1. CMS 폴더 복사: cms/ 폴더를 HTML 파일과 함께 웹사이트 루트 디렉터리에 복사.
  2. 편집 영역 표시: 에디터가 수정할 각 요소에 class="cms-content"와 고유 id 추가.
  3. 로그인 및 편집: 브라우저에서 /cms/ 열고 자격 증명으로 로그인 후 사이트 직접 편집 시작.

시작점으로 EditlyCMS와 바로 작동하는 제공된 레디메이드 템플릿(깔끔한 HTML 파일) 사용 가능.

사용 사례

  • CMS 설정 시간 없이 클라이언트 페이지 업데이트하는 프리랜서: 작은 HTML 사이트에서 EditlyCMS로 클라이언트가 콘텐츠를 제자리 편집하도록 하고, 기본 HTML/CSS 구조 유지.
  • 변경사항 라이브 전 스테이징이 필요한 에이전시: 초안/게시 워크플로로 클라이언트가 프로덕션 페이지 즉시 변경 위험 없이 업데이트 미리보기.
  • 텍스트와 미디어 자주 수정하는 포트폴리오 및 소규모 비즈니스 사이트: 페이지 내 툴바로 제목, 목록, 이미지, 임베드(YouTube/Vimeo), 지도 편집.
  • 게시 편집에 간단 롤백 원하는 팀: 게시마다 자동 백업 의존, 업데이트 되돌릴 때 원클릭 복원 사용.
  • 사이트 파일과 함께 콘텐츠 저장 선호 개발자: HTML 파일에 편집 가능 콘텐츠 유지, SQLite로 백그라운드 메타데이터 및 백업 관리.

자주 묻는 질문

  • EditlyCMS는 별도 데이터베이스가 필요하나요? 아니요. 제품은 콘텐츠를 HTML 파일에 사용하며, PHP & SQLite로 메타데이터와 백업 처리.

  • 라이브 페이지에서 콘텐츠를 직접 편집할 수 있나요? EditlyCMS는 클릭-편집을 제공하여 페이지 표시 요소 변경 가능, 게시 전 변경 스테이징하는 초안/게시 워크플로 포함.

  • 게시 방식은 어떻게 되고 변경을 되돌릴 수 있나요? 게시 시 이전 버전 백업 생성, 대시보드에 원클릭 복원 옵션 포함.

  • 어떤 유형의 콘텐츠를 편집할 수 있나요? 리치 텍스트 요소(예: 굵게/기울임꼴/제목/목록) 편집 및 툴바로 이미지, YouTube/Vimeo 임베드, Google Maps, 다운로드 파일 첨부 작업 가능.

  • 에디터가 안전한가요? 세션 인증으로 비밀번호 보호, 사용자명과 비밀번호 변경 가능.

대안

  • 전통 데이터베이스 기반 CMS (예: WordPress 스타일 시스템): 일반적으로 콘텐츠를 별도 백엔드 데이터베이스에 저장하고 “삽입” 접근보다 복잡한 설정 필요.
  • 에디터 내 워크플로를 가진 정적 사이트 생성기: 정적 출력 우선, 편집 시 빌드/배포 단계 필요하며 브라우저 직접 클릭-편집 아님.
  • 프론트엔드 편집 UI를 가진 헤드리스 CMS: 콘텐츠 관리와 사이트 프론트엔드를 분리, 프론트엔드 프레임워크 통합 필요하며 기존 HTML 페이지 직접 작동 아님.
  • 정적 웹사이트용 파일 기반 CMS: EditlyCMS처럼 경량 콘텐츠 저장 중심, 하지만 워크플로와 지원 편집 상호작용 다를 수 있음 (예: 렌더링된 페이지에서 제자리 편집 여부).