뉴스 및 기타갤러리 업데이트

뉴스 업데이트

1. 관리자 모드로 로그인 하여 뉴스 리스트 이동

- Pages > DB > News_List

 

2. 본문 작성

- 좌측 메뉴에서 + 눌러 새글 작성

스크린샷 2016-07-16 오전 11.34.01.png

- 공지 설정은 카테고리 설정을 통해 선택함

 

 

3. 첨부파일 

 

- 본문의 텍스트를 드래그한 후 위 메뉴에서 Edit Link 선택

 

- Files 메뉴 선택 후 + 혹은 Add a file로 파일 추가

- Open in New Window 체크 해 줄 것

- 용량은 20MB 제한

 

 

4. 뉴스 작성은 아이폰 어플로도 가능 

 

기타 갤러리

1. 관리자로 로그인 후 Pages > Gallery 하위의 해당 갤러리 선택

스크린샷 2016-07-16 오전 11.45.30.png

Poster_Gallery : 대문의 커밍순 포스터

Community_Gallery :  홈페이지 뉴스 메뉴의 하부 갤러리

 

프로필 업데이트 (템플릿 사용)

<기본 프로필 업데이트 내용을 참고로 추가 사항만 기술함>

 

 

1. 관리자 모드로 로그인 하여 프로필 DB 이동

- Pages > DB > ProfieDB 

- Drafts 메뉴 선택 후 Draft XX란 이름 중 하나를 골라 더블 클릭

 

2. 제목 변경

- Post > Edit 후 Setting으로 들어감

- Content 제목을 수정 (Draft XX --> 감독이름)

 

3. 태그 및 카테고리 입력

- Tags, Categories 입력

- 규칙은 기본 프로필 업데이트 참고

- 입력하지 않으면 목록에 등록이 안됨

 

4. Draft 상태 변경

draft_.png

- 수정 완료 후 하단의 Draft를 Publish 상태로 변경 후 저장

- 이 과정을 거쳐야 목록에 뜸

 

 

5. Publish 날짜 변경

- 목록의 이름은 자동정렬이 안됨

- 날짜를 임의로 기준으로 이용 정렬하는 방식을 사용

- 가나다 순을 고려하여 들어가야할 위치의 앞 뒤 감독 프로필의 퍼블리시 날짜를 확인

- 뒤 감독의 퍼블리시일과 동일한 날짜로 변경

- 최신 글 순으로 먼저 표시되므로 퍼블리시 날짜가 같아도 먼저 등장함

- 목록으로 정렬이 제대로 되는지 확인

 

 

6. 대문 변경

 - 관리자 모드 상태에서 홈으로 이동

- Cinematographer 본문 Edit

- 가나다 순을 고려하여 이름 입력 

프로필 업데이트

1. 관리자 모드로 로그인

 

2. CINEMATOGRAPHER 메뉴로 이동 

- 관리자 메뉴 X

- 일반 홈페이지 메뉴 이용

 

 

3. 감독명 선택

 

 

4. 수정 모드

- 본문 마우스 오버

- Post > Edit

- 수정 후 반드시 상단의 Save

 

 

5. 이름 및 영문 수정

- Heading3 양식

- 한글 이름 부분만 볼드처리

 

 

6. 프로필 이미지

- 좌측 작은 박스 선택 후 EDIT 클릭

- Remove 선택하여 박스 이미지 삭제

- Add an image 선택하여 프로필 이미지 업로드

 

 

 

7. 필모그래피

- 프로필 이미지 수정과 동일

- 필모 세부사항은 템플릿 PSD 이용 (구글 드라이브 자료실)

 

 

8. 네이버 영화정보 

- Markdown > Edit

. 'http://movie.naver.com" 로 되있는 주소 부분만 해당 감독의 정보로 수정

- 구글 URL 줄이기 사이트를 이용

- https://goo.gl/ (네이버 url을 복사하여 넣으면 자동으로 생성됨)

- Apply 버튼 선택

 

 

9. 썸네일 (상단 이미지 및 목차의 썸네일)

- 상단 메뉴 > Setting

- Edit Post > Options 이동

- 좌측 이미지 선택 후 수정 (프로필 이미지 수정 과 동일)

 

 

10. 썸네일 영문명 및 URL

- 9번에 이어...

- Edit Post > Options

- 하단 <Excerpt>에 영문명 입력 (목차에 썸네일 및 영문명이 됨)

- 상단 Post URL에 영문명 기준으로 주소 입력

- URL은 /profiledb/이름 이니셜 + 성

- Ex.) Seung-gi, Gang -> sggang  --- /profiledb/sggang

 

 

11. 태그 및 카테고리 확인

- Edit Post > Content 

- 하단 확인

- Tags : 감독이름과 같아야함

- Categories : # + 한글 이니셜 첫자

- 없으면 + 누르고 그냥 치면 됨

- 태그와 카테고리가 정확치 않으면 목차에 뜨지 않음

 

 

12. 기타 이미지 1

- 본문의 프로필 이미지 하단의 박스

- Summary > Edit

- Summary > Display

- 하단의 Tag Filter

- 태그가 해당 감독이름인지 확인

 

 

13. 기타 이미지 2

- 관리자 메뉴로 이동

- Pages > Gallery > Profie_Src_Gallery

- 윈도우 탐색기에서 원하는 사진들을 드래그하여 왼쪽 메뉴에 끌어다 놓음

- 각 사진들의  Edit로 들어가 Tags 수정

- 태그명은 감독 이름

- 태그명이 정확해야 프로필 이미지에 뜸

 

 

13. 대문과 연결하기

- 관리자 모드 상태에서 홈으로 이동

- Cinematographer 본문 Edit

- 조합원 명단에 이름을 드래그하고 상단에서 Edit Link 메뉴 선

- 10번에서 만든 URL입력 후 엔터

계정 및 기본정보

관리자 모드

1. 관리자 모드로 로그인 

- https://www.squarespace.com/login

 - ID : cgk.webmaster@gmail.com  - PW : qawsed3131  &nbsp; * 홈페이지 및 구글 계정&nbsp;동일

- ID : cgk.webmaster@gmail.com

- PW : qawsed3131

  * 홈페이지 및 구글 계정 동일

관리자 모드

2. 메뉴 이동

 

- 좌측 메뉴에서 PAGES 클릭

 - 세부 메뉴 이동  - DB 폴더 및 Gallery 폴더 하위의 페이지를 클릭하여 작업  - 프로필과 뉴스 업데이트에 관련된 모든 페이지는 이곳에 있음  - DB / Gallery외에&nbsp;다른 페이지는  절대 건들지 말 것

- 세부 메뉴 이동

- DB 폴더 및 Gallery 폴더 하위의 페이지를 클릭하여 작업

- 프로필과 뉴스 업데이트에 관련된 모든 페이지는 이곳에 있음

- DB / Gallery외에 다른 페이지는 절대 건들지 말 것

3. 작업 후 로그 아웃

 - 홈에서 좌측 하단의 로고 클릭

- 홈에서 좌측 하단의 로고 클릭

 - 좌측 상단의 Logout 클릭하여 로그아웃  - 관리자 모드의 경우 무겁고 링크가 꼬일 수 있으므로 작업 후 반드시 로그아웃 할 것

- 좌측 상단의 Logout 클릭하여 로그아웃

- 관리자 모드의 경우 무겁고 링크가 꼬일 수 있으므로 작업 후 반드시 로그아웃 할 것


G메일 및 구글 드라이브

- 아이디 및 비번은 홈페이지와 동일

- 모든 사이트 관련 자료는 구글 드라이브에 있음 

drive.google.com

 

기타 관리 계정

- 도메인 : 고도몰 (masaru000 / cgkwebmaster3131)

- DNS 설정 : Dnszi.com (cgkwebmaster / qawsed3131)

 

 

 

 

스크립트

네이버 마크다운

<span style="color:Green">**NAVER**&nbsp;</span>
<a href="http://movie.naver.com" target="_blank">http://movie.naver.com</a>

배너

<SCRIPT>
// 삽입될 이미지와 링크
var pictures =[
'<A href ="http://www.arri.com/" target=”_blank”><img src="https://static1.squarespace.com/static/56e1f105e707ebda10e4eaa9/576640634402432fcc188fcc/576640848419c234752014dd/1466318982004/banner01.gif?format=1500w" border = "0"></A>',

'<A href ="http://somefnd.com/" target=”_blank”><img src="https://static1.squarespace.com/static/56e1f105e707ebda10e4eaa9/576640634402432fcc188fcc/576640838419c234752014da/1466318980404/banner02.jpg?format=1500w" border = "0"></A>',  
  
'<A href ="http://thecolor.kr/" target=”_blank”><img src="https://static1.squarespace.com/static/56e1f105e707ebda10e4eaa9/576640634402432fcc188fcc/576640834402432fcc189288/1466318980377/banner03.jpg?format=1500w" border = "0"></A>'
];
// 이미지 갱신 주기( 1000 == 1초 )
var refreshTime = 5000;

function outRandomImage()
{
randomId = Math.floor( Math.random() * pictures.length ); // 랜덤 값 추출
viewImage( randomId ); // viewImage 호출
}

function viewImage( randomId )
{
randomId++; // 랜덤값 1증가
if( randomId == pictures.length ) randomId = 0; // 랜덤값이 배열 크기와 같을 경우 가장 처음 이미지..
image.innerHTML = pictures[ randomId ]; // 이미지 출력
setTimeout( "viewImage(" + randomId + ")", refreshTime ); // 1초마다 이미지 갱신
}
</SCRIPT>

목차

  1. 계정 정보 
  2. 프로필 업데이트  
  3. 프로필 업데이트(템플릿 사용) 
  4. 뉴스 업데이트 
  5. 소스코드