블로그를 운용할 때 가끔 HTML TAG를 사용하는 경우가 있다.
자주 사용하는 개발자의 경우는 별로 어려움이 없겠지만 간혹 사용하는 경우라면 단순한 HTML TAG라 할지라도 기억이 나지 않아 사용하기가 녹녹치 않다 .
이런 경우 Dynamic Template 를 사용하여 간단한 기능을 미리 예약해 두고 사용하면 편리하다
- 설치하기
링크를 클릭하여 “DynamicTemplate.msi”를 다운로드 받아 설치 한다.물론 window live writer가 먼저 설치 되어야 한다.
정상적으로 설치가 되고 나면 그림처럼 플러그인이 등록 되어 있을 것이다.
- HTML Template 만들기
위에서 빨간색 부분의 dynamic Template를 누르면 그림과 같이
Trmplate를 조작 할 수 있는 창이 활성화 된다.
아직 아무런 내용이 없으므로 새로운 Edit Template를 눌러 새로운 내용을 추가 한다.
New 를 눌러 새로운 내용을 추가하자.
- Button 만들어 보기
New를 눌러서 새로운 Template를 생성한다.
임의의 버튼을 만들 예정이므로 “Button”이라고 이름을 붙인다.
글리고 나서 아래 그림과 같이 Variable Name과 Label을 각각 입력한다
여기서 주목해야 할 부분은 Template Body에 “<button><%=Caption%></button>”라고 되어 있는 부분이다
<%=Caption%>은 Variable Name에서 직접 입력 받겠다는 의미다.
예를 들어 Dynamic Template를 외쪽 그림과 같이 실행 했을 때아래와 같은 버튼이 생성된다.
동작 관계를 그림으로 보면 이렇다.
Template가 실행 된 후 실제 해당부분에 대한 HTML 문장을 보면
“<button>연습버튼</button>” 라고 되어 있는 것을 볼 수 있다.
- 예제 HTML 구문 실행
로 변수를 만들고
Body
<b>제목:<%=TitleName%><b><br>
<% string currentTime = DateTime.Now.ToString("HH:mm:ss"); %>
<b><%= currentTime.ToUpper() %></b>
<b><%=User%>가 작성<b>
로 작 성해서 실행 시켜 보면
제목:연습
14:24:42 홍길동가 작성
와 같은 결과가 만들어 지는 것을 볼 수 있다
'IT & 과학 > 인터넷' 카테고리의 다른 글
티스토리 초대장 배포 합니다 (13) | 2017.05.26 |
---|---|
윈도우라이브라이터 설치 (0) | 2017.05.25 |
윈도우에 WordPress설치및 실행 (0) | 2017.05.23 |
워드프레스-메뉴에서-새 창 띄우기 (0) | 2016.11.23 |
윈도우10 메일설정 IMAP,SMTP (0) | 2016.11.23 |