AtoM의 HTML 페이지에서 Timeline JS 붙이는 방법
2. Admin 메뉴의 Static pages 클릭
3. Add new 버튼 눌러서 입력 항목 작성 후 새 페이지 생성
Title : 해당 페이지의 제목 입력
Slug : URL 뒤에 붙는 주소값(영문 또는 숫자 사용)
Content : Timeline JS의 HTML 코드값 붙여넣기
* Timeline JS의 HTML 코드값 만드는 방법은 https://timeline.knightlab.com 참고.
아래의 캡쳐 이미지에 적용된 HTML 코드값은 인간과기억아카이브의 연혁용 타임라인 코드임.
<iframe src="//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=17HAJE-zK4U_Eymy8B91V2VFtaAQpXag4jgTdtzbKq3k&font=OpenSans-GentiumBook&lang=ko&initial_zoom=2&height=650" frameborder="0" width="100%" height="650"></iframe>
Slug : URL 뒤에 붙는 주소값(영문 또는 숫자 사용)
Content : Timeline JS의 HTML 코드값 붙여넣기
* Timeline JS의 HTML 코드값 만드는 방법은 https://timeline.knightlab.com 참고.
아래의 캡쳐 이미지에 적용된 HTML 코드값은 인간과기억아카이브의 연혁용 타임라인 코드임.
<iframe src="//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=17HAJE-zK4U_Eymy8B91V2VFtaAQpXag4jgTdtzbKq3k&font=OpenSans-GentiumBook&lang=ko&initial_zoom=2&height=650" frameborder="0" width="100%" height="650"></iframe>