홈에서 날짜를 안 보이게 Book Club 스킨 수정하기

용납할 수 없는 6개월의 텀

'게으른 완벽주의자'라는 말이 있다.

나 또한 그렇기 때문에

몇 달에 한번 글을 쓰는 내 자신이

약간 꼴보기 싫다.

 

하지만 나는

프로그래밍을 배운 게으름뱅이!

 

날짜를 보이지 않게 해두면

뭔가 꾸준히 한 것 처럼 보이잖아?!?

 

그러니까 아예 날짜가 보이지 않게 지워버리기로 했다.

---

 

우선 스킨 편집으로 들어가서 HTML 코드를 확인해보자.

 

우리가 봐야할 곳은 class명이 inner인 부분이다.

Ctrl+F 를 눌러 <div class="inner"> 를 검색하면 찾기 쉽다.

<s_index_article_rep>
    <div class="post-item">
        <a href="/34">
            <span class="thum">
                <s_article_rep_thumbnail>
                    <img src="//i1.daumcdn.net/thumb/C230x300/?fname=https://blog.kakaocdn.net/dn/bxk8Xj/btq9yM6k7cN/AzzzBBCMildhEHqsNRyzdk/img.jpg" alt="">
                </s_article_rep_thumbnail>
            </span>
            <span class="title">홈에서 날짜를 안 보이게 Book Club 스킨 수정하기</span>
            <span class="excerpt">'게으른 완벽주의자'라는 말이 있다. 나 또한 그렇기 때문에 몇 달에 한번 글을 쓰는 내 자신이 약간 꼴보기 싫다. 하지만 나는 프로그래밍을 배운 게으름뱅이! 날짜를 보이지 않게 해두면 뭔가 꾸준히 한 것 처럼 보이잖아?!? 그러니까 아예 날짜가 보이지 않게 지워버리기로 했다. 우선 스킨 편집으로 들어가서 HTML 코드를 확인해보자. 우리가 봐야할 곳은 class명이 inner인 부분이다. Ctrl+F 를 눌러 를 검색하면 찾기 쉽다. 여기서 항목을 지운다. 그러면 홈 화면에서는 내가 글을 쓴 날짜가 보이지 않게 된다. 이제 뭔가 꾸준히 하는 것 같은 사람이 되었다. 날짜에 구애받지 않게 됨으로써 게으름뱅이에서 조금 벗어난 기분이 든다. 엥 근데 지금 보니까 최근글/인기글 항목에 있는 날짜는 그대로네 ^..</span>
            <span class="meta">
                <span class="date">2021. 7. 13.</span>
            </span>
        </a>
    </div>
</s_index_article_rep>

 

여기서

 

 

<span class="meta">
    <span class="date">2021. 7. 13.</span>
</span>

 

 

항목을 지운다.

 

그러면 홈 화면에서는 내가 글을 쓴 날짜가 보이지 않게 된다.

이제 뭔가 꾸준히 하는 것 같은 사람이 되었다.

날짜에 구애받지 않게 됨으로써 게으름뱅이에서 조금 벗어난 기분이 든다.

 

---

엥 근데 지금 보니까

최근글/인기글 항목에 있는 날짜는 그대로네 ^^...

이건 이번주 안으로 해결하도록

일단 패스~

---

안녕하세요?

최근글/인기글 항목의 날짜도 한번 지워보겠습니다.

 

<div id="recent" class="tab-list">
    <h2>최근글</h2>
    <ul>
        <s_rctps_rep>
            <li>
                <a href="">
                    <s_rctps_rep_thumbnail>
                        <img src="//i1.daumcdn.net/thumb/C58x58/?fname=" alt="" />
                    </s_rctps_rep_thumbnail>
                    <span class="title"></span>
                    <span class="date"></span>
                </a>
            </li>
        </s_rctps_rep>
    </ul>
</div>
<div id="popular" class="tab-list">
    <h2>인기글</h2>
    <ul>
        <s_rctps_popular_rep>
            <li>
                <a href="">
                    <s_rctps_rep_thumbnail>
                        <img src="//i1.daumcdn.net/thumb/C58x58/?fname=" alt="" />
                    </s_rctps_rep_thumbnail>
                    <span class="title"></span>
                    <span class="date"></span>
                </a>
            </li>
        </s_rctps_popular_rep>
    </ul>
</div>

각각 최근글과 인기글로 나눠져 있는데요

 

여기서

 

 

<span class="date"></span>

 

 

만 지워주시면 됩니당.

 

근데 지우고 보니 아래가 뭔가 허전해보이길래 css도 조금 수정해봤습니다.

 

-webkit-line-clamp를 3으로 바꿨더니 어느정도 높이가 맞춰지더라구요.

우선 대충 이걸로 처리해놨으나

나중에 제대로 css도 손을 봐야겠네요.

---

이렇게 존댓말을 쓰니 개발 정보 블로거가 된 기분이네요.

나는 또 이렇게 일을 미룬다.