웹반응형 블로그 스킨 skeleton '카테고리' 오류 해결

마크쿼리님의 블로그를 방문하신 분들은 아실테지만..지난 2월 9일에 웹반응형 스킨 skeleton이 업데이트가 되었습니다.(아직 모르시는 분들도 계신것 같은데 꼭 확인해보세요^^)

 

이 블로그 같은 경우는 업데이트되었다는 것을 확인하자마자 바로 적용에 들어갔었는데..업데이트 이전과 비교해보면 장점도 있고 단점도 있는 것 같더라구요~

 

 

가장 큰 장점은 아무래도..완벽하진 않지만 특정 버젼의 익스플로러에서 모바일 화면으로 나타난다거나 하는 문제점이 많이 개선된듯..

 

그런데 업데이트 버젼을 적용하다 보니 사이드바에 나타나는 카테고리에 오류가 생기더라구요..이유는 모르겠지만 이부분도 블로그의 html상에서 어느 부분인지만 정확히 알아내면 수정이 됩니다.

 

물론 이런 오류가 없는 분들도 계시겠죠^^

 

오류를 수정하기 이전의 웹반응형 스킨 skeleton 사이드바 카테고리 부분입니다..

 

어떤 부분이 오류인가 하면.. 하부 카테고리들 앞부분에 원래 있어야 할 조그만 이미지(화살표)가 보이지 않고..마치 깨진것 처럼 물음표 "?"가 나타나는 오류였어요~

 

그래서 이 부분의 블로그 html상의 어느 부분인지 알아보려고 구글 크롬의 요소검사 기능을 활용해보았습니다..항상 느끼는 거지만 이 기능 정말 유용하고 쓸모있죠. 구글 크롬 유져분들은 동의하시죠?^^

 

그렇게 구글 크롬 요소검사 기능으로 해당 부분의 위치를 알아보니까...

 

물음표 "?"가 a::before라고 표시되더라구요..

 

웹반응형 블로그 스킨 skeleton '카테고리' 오류 해결

 

 

html부분을 살펴보면 바로 이 부분이었습니다..역시 물음표 대신 ::before라고 표시되어 있다는 것을 확인할 수 있습니다.

 

그래서 바로 오른쪽에 있는 'styles'를 확인해보면 물음표 모양을 찾을 수가 있는데요..바로 이 부분을 수정해야 한다는 뜻이기도 합니다^^

 

위에서도 이야기 했지만 요소검사 기능으로 그 부분이 어느 부분인지 찾기만 하면 수정하는 것은 크게 어렵지 않아요~

 

실제로 카테고리 오류 수정을 하려면 티스토리 관리자 모드로 들어가서 꾸미기-html/css편집메뉴중 style.css에서 'before'를 찾으면 됩니다. 위 캡쳐화면을 보면..요소검사를 통해 알아낸 것과 동일한 물음표 "?"가 보입니다.

 

이 부분만 다른 기호로 바꿔주거나 삭제하면 다시는 물음표가 나오지 않겠죠. 그런데 왜 이런 오류가 생겼는지는 저도 이해가 잘 가지 않네요.. 비슷한 문제가 생겼다는 분을 본적도 없구요.

 

물음표 "?"대신에 화살표 ">"를 넣어주었더니 오류 문제가 해결되고..이제 정상적으로 카테고리가 노출되고 있네요^^ 웹반응형 스킨 skeleton 업데이트 이후 비슷한 오류가 생기시는 분은 이 방법을 사용해보세요~~

 

✅구글 크롬 '요소 검사' 활용하기

구글 크롬 '요소 검사' 활용하기

✅웹반응형 스킨 'skeleton' 상단메뉴 버튼(드롭다운) 만들기

웹반응형 스킨 'skeleton' 상단메뉴 버튼(드롭다운) 만들기

✅티스토리 웹반응형 스킨(SKELETON) 다운로드와 적용

티스토리 웹반응형 스킨(SKELETON) 다운로드와 적용

✅티스토리 블로그 스킨 배경 무료 '패턴' 넣기

티스토리 블로그 스킨 배경 무료 '패턴' 넣기