새내기 블로그 운영자답게 많은 일들을 경험하고 있습니다.
지금 포스팅도 작성 중 임시저장 하지 않고 실수로 삭제도 되어 다시 작성하고 있습니다..
블로그를 꾸미다 보면 이것저것 시도해보게 되는데
티스토리의 기본 설정에서 스킨 편집도 해보고 추가적으로 HTML 코드 변경을 적용해보고 있습니다.
그렇게 이것저것을 만지며 셋팅하고 있었는데
저번 포스팅한 마우스 드래그 금지 설정을 시행하고 그 뒤부터 이렇게
class="layout-aside-right list-type-thembnail paging-number"> 문구가 블로그 좌측 상단에 계속 뜹니다!
해결해보려고 여기저기 검색을 해봤는데 저와 동일한 경우인데 해결을 못한 분들이 많이 있는거 같더라구요
당장에 구글에 class="layout-aside-right list-type-thembnail paging-number"> 으로 검색을 한 화면입니다.
발생부터 해결까지 정리해보려고 합니다.
먼저 class="layout-aside-right list-type-thembnail paging-number"> 의 내용이 무엇인지 확인해 보았어요.
현재 화면에 표시되어 있는 내용은
HTML에서 특정한 요소에 적용된 클래스(class)속성을 표시한다고 합니다.
이 속성은 CSS를 통해 스타일을 지정하거나 JavaScript를 통해서 제어할 때 사용한다고 합니다.
- layout-aside-right 는 해당 요소를 페이지의 오른쪽 측면에 배치하는 코드입니다.
- list-type-thembnail 는 리스트 형태의 썸네일을 의미합니다.
- paging-number 는 페이지 번호를 의미합니다.
즉, 이 클래스 전부 의미하는 것은 블로그 오른쪽 측면으로 배치된 레이아웃 중 썸네일, 페이지 번호 관련 내용입니다.
그리고 지금 화면에 class="layout-aside-right list-type-thembnail paging-number"> 이 뜨는 이유는 무엇이냐
HTML에서 태그를 나타내는 방법은 ' < > ' 코드 좌우에 꺽쇠 괄호로 표시를 합니다.
웹 브라우저에서 HTML을 읽고 해석할 때에는 <태그명> 형식으로 작성된 부분을 인식해서
특정한 기능 또는 스타일을 적용합니다.
이 태그 작성 중 꺽쇠 괄호가 지워져 HTML 해석 오류가 발생했기 때문입니다.
이것을 해결방법은 의외로 간단합니다.
해결하기 위해선는 HTML 편집을 해야합니다.
HTML 편집에 들어가기 위해서는
티스토리 블로그의 관리-꾸미기-스킨편집- HTML 편집으로 들어갈 수 있습니다.
해당 내용은 아래 포스팅에서 확인해주세요.
마우스 드래그 금지 설정 방법
이전 글에 블로그에 작성한 글에 관한 저작권 보호를 위해마우스 우클릭 금지에 관한 글을 공유드렸습니다.우클릭 금지에 관련된 작성글은 아래에서 확인이 가능합니다. 마우스 우클릭 금지 설
greenie02.tistory.com
HTML 편집창에 아래의 해당 코드를 검색해주세요.
먼저, Control + F 키를 눌러 <body id="##_body=id_##]" 를 찾습니다.
저는 이전에 설정한 마우스 드래그 금지 코드가 적혀 있는데
그 아래 class="<s_if_var_layout-aside>로 시작하는 코드가 있습니다.
전체 코드는 아래와 같습니다.
class=" [##var_layout-aside##]</s_if_var_layout-aside><s_if_var_list-type> [##var_list-type##]</s_if_var_list-type><s_if_var_view-more> [##var_view-more##]</s_if_var_view-more><s_not_var_promotion-mobile-view> promotion-mobile-hide</s_not_var_promotion-mobile-view>">
코드의 마지막에는 초록색의 닫힘 꺽쇠 괄호가 있지만
노란색으로 표시된 class 앞에 꺽쇠 괄호가 없죠?
이게 오류가 난 원인입니다.
마지막으로 class 앞에 ' < ' 를 넣으면 됩니다.
수정된 전체 코드는 아래와 같습니다.
<class=" [##var_layout-aside##]</s_if_var_layout-aside><s_if_var_list-type> [##var_list-type##]</s_if_var_list-type><s_if_var_view-more> [##var_view-more##]</s_if_var_view-more><s_not_var_promotion-mobile-view> promotion-mobile-hide</s_not_var_promotion-mobile-view>">
이렇게 수정하면 웹 브라우저가 HTML을 읽을 수 있게 오류를 수정하였습니다.
정상적으로 태그 형식이 완성된거죠.
이 해결책이 도움이 됬으면 좋겠습니다!