시작하기
엘리멘터 편집 화면에서 키보드의 Control + i 혹은 Command + i 키를 눌러 Structure 패널을 항상 열어두세요.
템플릿 소개
특정 주식 종목의 실시간 정보를 제공하는 템플릿입니다. 템플릿 자체는 디자인 측면의 수정이 아닌 이상 별도의 수정 부분이 없습니다.
API 연결 및 노출
아래 코드(구독자 전용)을 functions.php 혹은 Code Snippets 플러그인을 통해 삽입합니다. 수정해야 할 부분은 35와 36 라인 두 군데입니다.
35 라인에는 주식정보를 가져올 페이지를 명시적으로 지정할 수 있습니다. 보통 본 템플릿이 포함되어 있는 페이지의 포스트 ID로 변경합니다. 포스트 ID는 관리자 화면에서 게시물에 마우스를 올렸을 때 나타나는 URL 주소에서 확인할 수 있습니다.
36라인에는 가져올 주식의 종목 코드를 지정합니다. 종목 코드는 증권사 웹사이트에서 확인할 수 있습니다.
템플릿 CSS 스타일 수정
- Jetcraft의 템플릿은 공통된 방식으로 CSS 스타일을 수정할 수 있습니다. 자세한 내용은 템플릿의 스타일을 관리하는 방법 게시물을 참고해 주세요.
- 엘리멘터가 CSS를 처리하는 원리에 대해 이해하면 템플릿과 위젯의 CSS를 보다 장기적의고 체계적으로 관리할 수 있습니다. 엘리멘터 사용에 익숙해 졌다면 엘리멘터 위젯과 템플릿을 효과적으로 관리하는 법 블로그 게시물을 통해 보다 효율적으로 스타일을 관리하세요.