CMS 반응형 제작도구
수백개의 블록템플릿과
자동코드생성 프로그램
코드, 디자인 몰라도 가능합니다.
강력한 반응형 편집도구와 백엔드솔루션
CMSHOM 웹빌더 + 백엔드솔루션은 최고의 기능과 가장 많은 편집도구 그리고 완벽한 반응형 코드자동생성을 제공합니다.
CMSHOM의 강력한 웹 개발도구들을 확인하실 수 있습니다.
라이브 에디터를 미리 테스트해보실 수도 있습니다.
라이브 미리 테스트해보기   ▸
CMS 라이브에디트 1
CMS 라이브에디트 2
CMS 라이브에디트 3
홈페이지관리 소개
35개의 글
유투브 영상이 삽입된 게시글 작성하기   2025-10-19
텍스트와 이미지 그리고 유투브 동영상이 포함된 게시글을 작성해보았습니다. cmshom 편집도구를 사용하여 쉽고 빠르게 글을 작성할 수 있습니다. 유투브 영상을 삽입하고 모달창으로 플레이 하는 것은 일반 사용자들에게 어려운 과제이지만, cmshom으로 쉽게 하실 수 있습니다.
메인 게시판 최근글 설치   2025-10-19
게시판에 등로고디는 글 중에서 최근 글들을 최근 순으로 메인에 출력하는 프로그램을 설치하고 설정해봅니다. 복잡하고 어려운 프로그램 작업을 누구나 쉽게 처리할 수 있습니다. 이어지는 영상들에서 좀 더 많은 정보를 확인하실 수 있습니다.
여섯번째-메인 게시판 최근글 설치   2025-10-19
게시판에 등로고디는 글 중에서 최근 글들을 최근 순으로 메인에 출력하는 프로그램을 설치하고 설정해봅니다. 복잡하고 어려운 프로그램 작업을 누구나 쉽게 처리할 수 있습니다. 이어지는 영상들에서 좀 더 많은 정보를 확인하실 수 있습니다.
게시글 편집해서 등록하기 1   2025-10-14
기본 글등록방법으로 등록한 글을 편집해서 업데이트 하는 방법을 소개합니다. 새로운 글 등록에도 물론 이 방법을 적용할 수 있습니다. 다양한 게시글 편집 방법을 이어지는 영상들에서 소개합니다.
가장 기본적인 게시글 등록방법   2025-10-14
게시글 등록에 대해서 알아보겠습니다. 이 영상에서는 가장 기본적인 글 등록과정을 소개합니다. 기본적인 글 등록은 별도의 매뉴얼이 필요치 않습니다. 일반 게시판과 동일한 방법으로 등록하면됩니다. 다만, 글 등록하는 과정에서 제목을 먼저 등록한 후 내용을 편집한다는 점에서 차이가 있습니다.
게시판 생성, 설치하는 방법   2025-10-14
게시판을 생성하고 설치하려는 카테고리를 지정하는 방법을 알아보겠습니다. 게시판의 추가 설치는 매우 쉽고 간단하기 때문에 불과 5분이면 설치작업이 완료됩니다.
박스만들어 콘텐츠 디자인하기   2025-10-13
기본 박스를 만들고, 내부박스를 만든 후 사이즈 지정하고 그 안에 이미지와 텍스트를 넣어서 콘텐츠 디자인 코딩을 완성하는 과정을 보여드립니다. 비교적 간단한 작업 예제를 진행하면서 꼭 알아두면 좋은 기능 부분을 코멘트와 함께 보여드립니다.
다섯번째-메인콘텐츠 만들기   2025-10-12
템플릿으로 메인 콘텐츠를 추가해보겠습니다. CMS웹빌더는 미리 제작해놓은 사이트 스킨이 전혀 필요치 않습니다. 불과 1시간 정도면 자신이 원하는 디자인의 사이트 스킨을 완셩할 수 있습니다.
원하는 위치에 박스만들기   2025-10-12
div 박스를 만드는 것은 모든 코딩의 시작이고 완결입니다. div 박스를 제대로 만들 수 없다면 코딩 작업은 실패할 것입니다. cms 편집도구는 가장 완벽한 반응형 박스를 만들 수 있는 솔루션입니다. 모든 위치에 필요한 박스들을 정확하게 만들 수 있습니다.
기본css, span과 img 태그 코드생성   2025-10-11
라이브편집도구의 기능을 순서대로 소개합니다. 기본 csst삽입과 span, img 태그를 생성하는 도구들을 소개합니다. 편집작업을 쉽게 해주는 도구들이고, 초보자들에게 어려울 수 있는 소스코드들을 자동 생성해줍니다.
이미지 관리 도구   2025-10-11
라이브 에디터와 기타 용도에 사용되는 이미지들을 업로드하고 관리할 수 있는 도구입니다. 폴더만들기, 삭제, 업/다운, 링크복사, 미리보기 등의 기능을 가지고 있습니다. 여기에 업로드한 후 사이트 전체에 공용으로 사용할 수 있습니다.
반응형 부라우저 미리보기   2025-10-11
반응형 사이트 제작을 위한 미리보기 도구입니다. 부라우저의 사이즈 변화에 따른 레이아웃 변경 상태를 미리 보면서 편집할 수 있습니다.
서브비주얼 복사와 페이지톱 매뉴 설정   2025-10-02
서브 비주얼은 각 카테고리별로 다른 디자인을 할 수도 있고, 하나를 만든 후 복사해서 전체 카테고리에 공통 사용할 수도 있습니다. 복사하더라도 이미지와 내용글들은 카테고리별로 다르게 만들 수 있습니다. 그리고 서브 페이지의 맨위에 나오는 페이지톱 매뉴 설정 방법도 알아봅니다.
다국어 페이지 만들기   2025-10-02
한국어로 먼저 페이지 내용을 만든 후 다국어 페이지를 추가 제작하는 과정을 보여드립니다. 매우 쉽고 간단하게 다국어 페이지를 추가 제작할 수 있습니다.
매뉴이름과 페이지 연결 변경합니다   2025-10-02
매뉴명과 연결되는 페이지를 변결하는 것은 카테고리 리스트에서 쉽고 간단하게 처리할 수 있습니다. 카테고리(매뉴)를 숨김처리할 수도 있기 때문에 이 기능은 매우 유용하게 사용될 수도 있습니다.
텍스트와 이미지를 수정,변경합니다   2025-10-02
텍스트와 이미지를 수정 또는 변경해보겠습니다. 홈페이지 관리를 위해 가장 많이 하게되는 작업일 것입니다. CMS편집도구를 사용해서 처리하는 과정을 보여드리겠습니다.
라이브편집의 중요한 개념 : 요소의 고유한 이름   2025-10-01
라이브편집도구를 사용하기 위해서 꼭 알아야할 요소의 이름(아이디, 클래스)를 알아보겠습니다. 우리가 편집하려는 텍스트나 이미지와 같은 무엇인가를 요소라 하고, 그 요소는 고유한 이름이 있어야 합니다. 고유한 이름이 없다면 그 요소의 속성을 정의할 방법이 없을 것입니다. 이 개념은 매우 중요합니다.
네번째-서브페이지 만들고 블록템플릿 사용하기   2025-10-01
서브페이지를 만들어 보겠습니다. 카테고리를 만들고, 페이지를 생성한 후 페이지 내용을 편집해 넣으면 완료됩니다. 페이지 내용은 직접 제작할 수도 있고 페이지 블록을 사용해서 쉽게 제작할 수도 있습니다.
다국어 해더 만들기   2025-09-28
다국어로 매뉴를 만들어 봅니다. 기본정보에서 언어 설정하고 각 카테고리 이름을 언어 추가해줍니다. 현재 영어와 일본어를 기본 지원하고 있으나, 요청이 있을 경우 추가할 수 있습니다.
5-다국어 해더 만들기   2025-09-28
다국어로 매뉴를 만들어 봅니다. 기본정보에서 언어 설정하고 각 카테고리 이름을 언어 추가해줍니다. 현재 영어와 일본어를 기본 지원하고 있으나, 요청이 있을 경우 추가할 수 있습니다.
TOP