이번 글도 지난 포스팅에서 썼던 방법과 비슷한 방법을 이용할 건데, 오늘은 글의 제목 아래에 있는 설명 텍스트를 어떻게 없애는지에 대해 포스팅해 보겠습니다.
그리고 CSS를 수정하는 데 있어서 포괄적으로 사용되는 팁도 알아봅시다.
고래스킨에서 제목 아래 설명 텍스트 제거하기
지난 포스팅에서 알려드렸듯이 html은 어떤 코드의 이름과 행동을 정하는 것이고, CSS는 그 코드를 눈에 보이도록 가시화하는 작업을 뜻합니다.
그렇기에 어떤 스킨이든 만약에 자신이 제목에 있는 텍스트를 고치려 한다면, 이름이 text나 post 같은 게 포함되어 있겠죠?
사실 스킨 제작자들마다 함수의 이름은 다르게 짓지만, 사용자가 구분을 하기 위해서 배려를 해주기에 고래스킨에서는 찾아보면 다음과 같습니다.
.list_detail_wrap .post_text {
line-height: 20px;
font-size: 13px;
max-height: 40px;
overflow: hidden;
margin-bottom: 5px;
}
그런데 우리가 오늘 고칠 코드는 이게 아닙니다.
여기서 팁이 있는데,. list_detail_wrap 같은 함수 이름이 바로 html에서 제작자가 class로 지정해 둔 코드라는 것을 마우스를 올려보면 알 수 있습니다.
여기서 어디를 찾아야 할지 알 수가 있죠. 따라서 html에서 list_detail_wrap을 검색해 보면 다음과 같은 코드가 나옵니다.
<div class="list_detail_wrap">
<div class="post_category">블로그 운영/SEO</div>
<h2 class="post_title">고래스킨 4.1 제목 설명 텍스트 제거 방법 및 CSS 수정 팁</h2>
<p class="post_text">지난 포스팅에서는 고래스킨이 모바일 상태일 때 어떻게 제목을 끊기지 않고 출력하는지를 보았습니다. 이번 글도 지난 포스팅에서 썼던 방법과 비슷한 방법을 이용할 건데, 오늘은 글의 제목 아래에 있는 설명 텍스트를 어떻게 없애는지에 대해 포스팅해 보겠습니다. 그리고 CSS를 수정하는 데 있어서 포괄적으로 사용되는 팁도 알아봅시다. 고래스킨에서 제목 아래 설명 텍스트 제거하기 지난 포스팅에서 알려드렸듯이 html은 어떤 코드의 이름과 행동을 정하는 것이고, CSS는 그 코드를 눈에 보이도록 가시화하는 작업을 뜻합니다. 그렇기에 어떤 스킨이든 만약에 자신이 제목에 있는 텍스트를 고치려 한다면, 이름이 text나 post 같은 게 포함되어 있겠죠? 사실 스킨 제작자들마다 함수의 이름은 다르게 짓지만, 사용자가 구..</p>
<div class="post_date">2023. 5. 9. 19:06</div>
</div>list_detail_wrap 아래에 post_text가 존재하는 게 2개일 텐데, 위쪽 section class가 h-entry 인 것을 찾으시면 됩니다.
우리가 원하는 것은 post_text를 고치는 것이므로, 아래와 같이 주석처리해 주면 됩니다.
<div class="list_detail_wrap">
<div class="post_category">블로그 운영/SEO</div>
<h2 class="post_title">고래스킨 4.1 제목 설명 텍스트 제거 방법 및 CSS 수정 팁</h2>
<!-- <p class="post_text">지난 포스팅에서는 고래스킨이 모바일 상태일 때 어떻게 제목을 끊기지 않고 출력하는지를 보았습니다. 이번 글도 지난 포스팅에서 썼던 방법과 비슷한 방법을 이용할 건데, 오늘은 글의 제목 아래에 있는 설명 텍스트를 어떻게 없애는지에 대해 포스팅해 보겠습니다. 그리고 CSS를 수정하는 데 있어서 포괄적으로 사용되는 팁도 알아봅시다. 고래스킨에서 제목 아래 설명 텍스트 제거하기 지난 포스팅에서 알려드렸듯이 html은 어떤 코드의 이름과 행동을 정하는 것이고, CSS는 그 코드를 눈에 보이도록 가시화하는 작업을 뜻합니다. 그렇기에 어떤 스킨이든 만약에 자신이 제목에 있는 텍스트를 고치려 한다면, 이름이 text나 post 같은 게 포함되어 있겠죠? 사실 스킨 제작자들마다 함수의 이름은 다르게 짓지만, 사용자가 구..</p> -->
<div class="post_date">2023. 5. 9. 19:06</div>
</div>
반영을 하고 새로고침을 하게 되면, 아래 사진과 같이 제목 아래 설명 텍스트가 제거된 것을 보실 수 있습니다.
<스킨 수정 방법>
