IE8 웹슬라이스를 우리 웹사이트에 적용하는 아주 쉬운 방법

미디어다음이 최근에 웹슬라이스를 첫 화면에 적용하였다는 사실을 알고 계신가요?

여러분의 웹사이트에서도 웹슬라이스를 쉽게 적용해 보실 수 있습니다. 단, 1분만 투자하시면 되요.

웹슬라이스 적용법

웹슬라이스를 적용하려면 미리 정해져 있는 3개의 class 이름을 이용해야 합니다.

1) hslice – 웹슬라이스 사용 영역 설정

2) entry-title – 웹슬라이스 제목

3) entry-content – 웹슬라이스 내용

위 그림과 같이 일반 웹페이지에서 p나 span, 또는 div 와 같이 구역을 설정할 수 있는 태그를 이용해서 class를 지정할 수 있습니다. 다음과 같은 순서로 웹슬라이스를 적용해 볼 수 있어요.

1) 웹브라우저에 구독했을 때 표시될 제목과 오려질 내용이 있는 부분을 모두 감싸도록 하여 hslice 클래스를 설정하고, id를 숫자로 설정합니다.

<div class="hslice" id="1">
...
</div>

여러 개의 웹슬라이스가 있을 때 브라우저에서는 id 순서대로 표시합니다.

2) 표시될 제목을 entry-title 클래스로 감쌉니다.

...
<div class="entry-title">표시될 제목</div>
...

3) 오려질 내용 영역을 entry-content 클래스로 감싸줍니다. 이렇게 설정한 부분만 웹슬라이스에서 표시됩니다.

...
<div class="entry-content">
오려질 내용
</div>
...

웹슬라이스를 적용한 후에는 웹슬라이스 리스트를 통해서 더 많은 사람들에게 알려주세요.