티스토리 posted by라는 문구 지우기

티스토리에서 본문을 볼 때 눈에는 거슬리지 않지만 없애고 싶은 부분이 있습니다. 바로 posted by라는 부분입니다. 저는 이 부분을 없애고 싶었던 이유는 모바일 때문입니다. 

모바일로 보면 화면이 작기 때문에 블로그에 독자가 들어왔을 때 posted by라는 부분이 한 줄을 차지하기 때문에 이 부분을 지운다면 글을 조금 더 빨리 읽을 수 있게 하고 싶다는 생각으로 이 부분을 저는 고민하였습니다.

우선 제 블로그의 인기글은 분식회계란 무엇인가의 모바일 페이지에 들어갔을 때 화면을 보여드리겠습니다.

화면 제일 위에 꿈을꾸는자유라는 블로그의 이름이 보이고, 잘 보이지도 않으면서 작성자인 제 닉네임인 꿈을가질자유가 보입니다. 블로그의 제목만 보여져도 괜찮고, 잘 보이지도 않는 닉네임까지 보여질 필요가 없기 때문에 저는 지우기로 결정했습니다.

<PC버전의 블로그 페이지>

앞선 글에서 html과 css가 각각 블로그의 어떠한 부분을 담당하고 있는지 알려드렸습니다. 혹시 모르시는 분이 계신다면 아래 링크를 참고해 주세요!

[티스토리] - fastboot 제목 글씨 색, 글씨 크기 변경

이 posted by는 html편집으로 들어갑니다. 들어가는 방법은 2018년 7월 4일 기준으로 블로그 관리 페이지에서 스킨편집, html 편집입니다.

html편집에서 찾아야 할 것은 "posted by"입니다. posted by 라고 검색을 하면 대략 3군데 정도가 나옵니다. 여기서 우리가 주목해야 할 것은 제일 마지막에 나오는 posted by 부분입니다.

바로 다음과 같은 코드를 주목해야 합니다.

 <div class="author"><span class="text">Posted by</span> </div> 

이 부분 말고 다른 두 부분을 지우거나 주석처리 한다고 해도 posted by 누구누구라는 부분이 사라지지는 않습니다. 그렇기에 마지막으로 보여지는 posted by가 있는 부분을 주석처리 하던지 지우던지 하셔야 합니다. 

나중에라도 posted by 부분을 사용할 수 있도록 주석처리 하는 것을 저는 추천드립니다.

바로 아래와 같이 하시면 됩니다.

바로 <div>가 있는 부분 앞에 <!--를 넣는 것과 </div> 뒤에 -->를 입력하는 것입니다. html에서는 주석처리 하는 방법이 주석 시작이 <!--이고, 주석을 끝내는 것이 -->입니다. 반면 css에서는 주석 시작이 /*이고 */이 주석 끝입니다.

이렇게 하고 나면 다음과 같이 posted by 부분이 사라집니다.

<PC버전>

<모바일버전>

[티스토리] - Fastboot 스킨 사이드바 넓히기, 넓이 조절

[티스토리] - 티스토리 포스팅 제목 윗부분에 광고넣기

[티스토리] - Fastboot 스킨 상단바, 하단 색깔 바꾸기

[티스토리] - Fastboot 본문 제목부분 배경색 변경

프로그램 없이 폰트 변화하기 eot, ttf, oft

n공화국의 의미 5공화국, 헌법

[재테크] 주식과 펀드의 차이