안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개
작업물
위 동영상에 나오는 게 바로 IE9의 점프 리스트 기능이다.
일단 윈도우7의 작업 표시줄에 사이트를 고정시킬 수 있다. 이건 드래그 앤 드롭으로 가능하다. 동영상을 보면 앞부분에 나온다.
그리고 특정 코드를 넣어 두면 점프 리스트가 생성된다. 맨 마지막에 잠깐 뜨는 게 바로 그거다.
위에 보이듯 일단 레프트21이 상태 표시줄에 아이콘으로 등록됐으며, 최신 온라인 기사, 독자 토론 광장, 독자 편지 쓰기, 갤러리, 지난 호 보기 바로 가기가 제공된다. 레프트21에서 가장 많은 독자들이 관심을 갖는 게 최신 온라인 기사인 만큼 제일 위에 배치했다.
이 외에도 다양한 기능이 제공되는데, 화면 미리보기에 기능을 가진 아이콘을 배치한다든가 할 수 있다.
이 모든 것을 MS가 잘 설명하고 있다.
“사이트 고정을 사용하면 귀사의 사이트가 맨 앞에 표시됩니다” 라는 글인데, 설명을 보고 따라하면 많은 걸 할 수있다. 물론 레프트21에 적용할 만한 건 그리 많지 않았다.
재밌는 건 통계를 추적하는 거였다. ?utf_source=뭐시기 하는 식으로 URL에 get 변수를 추가하면 구글 아날리틱스가 공식적으로 통계를 잡는다는 사실을 알게 됐다. 그래서 레프트21의 점프리스트에도 그런 GET 변수들을 추가했다.
?utf_source=뭐시기
예컨대 아래와 같은 소스다.
<meta name="msapplication-starturl" content="http://left21.com/?utm_source=ie9&utm_medium=web&utm_campaign=pinned-ie9" />
나머지는 MS의 설명을 차분히 따라해 보기 바란다. 소스 코드와 예제 사이트를 모두 잘 정리해 놨으니 도움이 될 거다.
△클릭하면 위 사이트로 이동한다
이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다
댓글 *
이름 *
이메일 *
웹사이트
다음 번 댓글 작성을 위해 이 브라우저에 이름, 이메일, 그리고 웹사이트를 저장합니다.
Δ