통합 매뉴얼 15.클럽 뉴스 메인화면에 출력하기
2010-10-21 11:29:42

2 클럽 뉴스 메인화면에 출력하기

뉴스/기사를 출력하기 위해서는 등록된 뉴스/기사가 저장되어 있어야 합니다. 솔루션 관리자에서 출력할 뉴스/기사를 등록한 후 프로그램마법사를 통해 등록한 뉴스/기사를 메인화면에 출력해 보겠습니다.

아래 빨간박스 부분이 클럽뉴스가 출력되어야 할 자리입니다.

EMB000011a03cc2 src

(1) 기사 분류 생성하기

우리가 흔히 접하는 인터넷 뉴스를 보면 정치/연예/오락 등 기사를 분류해 놓은 것을 볼 수 있습니다. 이처럼 뉴스기사를 분류해 두면 관리하기가 쉽고, 메인화면에 출력할 뉴스를 분야별로 불러올 수 있기 때문에 기사를 분류하는 방법에 대해서 먼저 살펴보도록 하겠습니다.

EMB000011a03cc3 src

[뉴스/기사》기사 분류 관리》분류 관리]에서 “대메뉴(최상위)생성“을 클릭하면 “기사분류 생성“창이 나타납니다.

EMB000011a03cc4 src

필자는 기사 분류를 웹디모클럽, 연예, 스포츠. 정치의 4가지로 분류 하겠습니다. “기사 분류 생성“창의텍스트 분류명에 “웹디모클럽“이라고 적은 후 등록버튼을 클릭합니다.

위의 ~ 을 반복하여 연예, 스포츠, 정치 목록을 생성합니다. [뉴스/기사》기사 분류 관리》분류 관리]

[뉴스/기사》기사 분류 관리》분류 관리]에서 생성한 목록을 확인하면 아래그림처럼 생성한 분류별로 기사목록이 나타납니다.

EMB000011a03cc5 src

tip) [뉴스/기사》기사 분류 관리》분류 관리]에서 생성한 “웹디모 클럽”기사목록의 하위 목록을 만들고자 할 때는 [웹디모 클럽 >하위분류생성]을 통해 생성할 수 있습니다.

EMB000011a03cc6 src

(2) 뉴스/기사 등록하기

“기사 분류 생성“후 뉴스기사를 등록합니다. [상품 관리》상품분류 관리》상품분류 관리]에서 “기사 등록“버튼을 통해 기사를 등록해 보겠습니다.

EMB000011a03cc7 src

[뉴스/기사》기사 관리》기사 목록]에서 “기사 등록“을 클릭하면 “기사 등록“창이 나타납니다.

EMB000011a03cc8 src

분류 위치를 지정해 줍니다. 앞서 배운 “기사 분류 목록“ 중 선택 할 수 있습니다.

썸네일 이미지를 등록합니다. 기사를 메인이나, 목록별로 출력할 때 사용되는 이미지입니다.

뉴스기사의 타이틀 제목을 입력합니다.

상세정보란에 뉴스기사의 사진과 내용을 입력합니다.

취재일을 설정하고, 등록버튼을 클릭하면 기사가 등록됩니다.

EMB000011a03cc9 src

필자는 위의 ~ 을 반복하여 여러 개의 기사를 등록하였습니다.

Check point) 웹디모 솔루션에서 등록한 기사는 다른 분류로 이동하거나 복사할 수 있습니다.

EMB000011a03cca src

[뉴스/기사》기사 관리》기사 이동/복사]의 기사목록에서 이동/복사할 기사를 선택합니다.

선택한 기사가 체크상태가 되면“선택추가“버튼을 클릭합니다.

이동/복사할 기사분류를 지정합니다. 필자는 연예목록으로 이동해 보겠습니다.

해당 기사를 이동 할 것인지 복사할 것인지를 선택합니다. 필자는 해당 기사를 연예목록으로 복사했습니다.

다음 그림과 같이 복사된 기사가 목록으로 표시됩니다.

EMB000011a03ccb src

(3) 뉴스/기사 메인화면에 출력하기

이제 뉴스기사를 메인화면에 출력할 수 있는 준비가 완료되었습니다. 뉴스기사를 출력하기위해 [왼쪽디자인 코딩하기 >게시물 출력하기]에서 사용한 프로그램 마법사를 사용하겠습니다.

[디자인관리》고급 디자인 관리》그룹디자인 관리]에서 “프로그램 마법사생성”을 클릭하면 프로그램 마법사 생성창이 나타납니다.

EMB000011a03ccc src

[뉴스/기사]데이타 출력 선택합니다.

종합컨텐츠를 선택하면 프로그램 마법사 환경설정창이 나타납니다.

그룹코드를 입력합니다. 필자는 news라고 입력했습니다.

알아보기 쉬운 그룹디자인 제목을 입력합니다.

썸네일 이미지 크기, 뉴스/기사분류코드선택, 본문 내용 글자수, 제목 글자수란에 알맞게 입력합니다.

‘등록”버튼을 클릭하면 다음과 같이 뉴스/기사가 출력됩니다.

EMB000011a03ccd src