2.October CMS , Basic Concepts ( 기본 개념 )

2.October CMS , Basic Concepts ( 기본 개념 )

* Backend 접속 하기

URL : myoctober:8000/backend

ID/PW : admin/admin

1) 컨셉 1, Pages

- CMS -> Pages메뉴에서 '+Add'를 통해서 생성

- TITLE의 입력시

--입력값에 따라 URL 및 Filename을 자동 생성( 필요에 따라 변경 가능 )

-- [hostname:port]/URL로 접근 가능

-- 설정 항목 : Filename, Layout, Description, Markup(HTML)

- Markup내에서

-- Content 사용시:
 --- 사용 문법 : {% content "welcome.htm" %}
  --- 저장 위치 : themes/demo/content/welcome.html

-- Layout 선택 : default

     --- 저장 위치 :  themes/demo/layouts/default.htm

     --- Partial 사용시 : footer
         ---- 저장 위치 : themes/demo/partials/footer.htm
         ---- 사용 문법 : {% partial 'footer' %}

- Page의 물리적인 파일 구조와 저장 위치

    -- 위치 : themes/demo/pages/homepage.thm ( 기본 설치는 themes/demo에 위치 )

    -- 파일 : 속성 영역과 HTML Code영역으로 구분되어서 저장

예) 신규 Page : 'about'

- 설정 화면 : Layout(default)

- 결과 화면

2) 컨셉2, Plugin

- 설치 메뉴 

-- Settings -> SYSTEM -> Updates & Plugins -> Install Plugins

- blog plugin 설치후 사용하기 

-- 카테고리와 글을 추가

-- Categories -> New(새 카테고리) : New cat (Name ), new-cat ( Slug )

-- New post(새 포스트) -> (edit text) ->Save ( Manage, Published선택 )

- 목록 화면을 보여주기 위해서 페이지 추가

-- Pages -> +Add

--- blog라는 TITLE로 생성 (blog.htm)

-- Components -> BLOG를 선택하고 'Post List'를 'Markup' 영역으로 이동후 Save

--- blog.htm : {% component 'blogPosts' %}

-- 실행 화면 : myoctober:800/blog

- 내용 화면을 보여주기 위해서 페이지 추가

-- Pages -> +Add

--- blog-post라는 TITLE로 생성 (blog-post.htm, url : /blog/:slug )

-- Components -> BLOG를 선택하고 'Post'를 'Markup' 영역으로 이동후 Save

--- blog-post.htm : {% component 'blogPost' %}

-- 목록 페이지의 Post List 컴포넌트의 Links(Post page)에 연결

-- 실행 화면 ( 목록에서 선택시 )  : Layout(default) 미적용

* Backend 스크린샷

-Dashboard

-CMS

-- Pages, Partials, Layouts, Content, Assets, Components

-Media

-- Images, Video, Audio, Documents

-Setting

-- CMS : Front-end theme, Maintenance mode
-- SYSTEM : Updates & Plugins, Administrators, Customize back-end, Editor settings
-- MAIL : Mail Configuration, Mail templates
-- LOGS : Event log, Request log, Access log

관련 동영상 : Part2 Basic Concepts

http://watch-learn.com/series/making-websites-with-october-cms

사전 준비 : October CMS on Homestead 설치, http://printhelloworld.tistory.com/79