티스토리 Wik 음악 플레이어 사용 시 상단 여백 개선하기

Tistory/티스토리 팁 2018. 3. 4.

제가 티스토리를 하면서 알게 된 팁을 조금씩 알려드리려고 해요!


먼저 티스토리에 브금 적용하는 방법을 간단하게 알려드리자면

https://www.wikplayer.com/

여기에서 유튜브 동영상 이용해서 배경음악을 설정한 후 본인 티스토리 설정에서 HTML에 적용합니다.

스킨 종류는 많지 않지만 널리 알려진 SCM 플레이어의 스킨을 이용하여 커스텀 할 수 있는데 이건 CSS를 조금 만질 줄 아시는 분이 쉬우실 거예요

현재 티스토리에서 많은 분들이 사용하시는 투명 스킨은

구글에서 wikplayer 투명 스킨이라고 검색하면 가장 상단에 나옵니다.


기존 SCM 플레이어를 사용하지 않는 이유는

SCM 플레이어가 충돌이나 오류가 조금 있고, 그에 비해 Wik 플레이어는 덜 하다고 해요.

사용해보니까 아예 없진 않은 것 같아요.


적용을 하고 블로그질을 조금 했더니

보시는 것처럼 스크롤이 길게 생기면 상단 여백으로 인해 티스토리가 잘리거나 먹혀들어가는 현상이 생길 거예요

이를 개선하는 방법을 알려드리려고요!


HTML에 소스를 붙여놓은 곳에 가서!

'placement':'top' 를 'placement':'left' 로 바꿉니다


이렇게 개선이 되었어요! 기존 버튼은 왼쪽에 잘 있을 거예요!

하지만 블로그 스킨이 왼쪽으로 치우쳐있거나, 해상도가 낮아 가로 넓이가 스킨보다 좁아질 경우에는 왼쪽이 먹혀들어갈 수 있을 것 같아요.

이점 유의하셔서 잘 응용 후 사용하시길 바랍니다!

728x90
반응형