워드프레스 GeneratePress 테마에서 글을 작성하게 되면 개별 페이지와 메인(전면)페이지, 카테고리 페이지등의 글 목록 리스트를 보여주는 페이지에서 작성된 날짜, 작성자, 태그등과 같이 메타정보들이 함께 표시 되고 있습니다.
오늘 글에서는 이러한 메타 정보를 숨기는 CSS코드를 공유해 보도록 하겠습니다.
코드를 적용하실땐 반듯이 미리보기로 테스트 후에 적용하시길 바랍니다.
메타 정보를 숨기는 CSS코드.
메타 정보는 메인(전면 또는 홈)페이지, 개별 글 페이지에서 표시되고 있기 때문에 메타 정보를 숨기는 코드 역시 2가지로 나눠서 코드를 작성 할 수 있습니다.
메인(전면 또는 홈)페이지 메타 정보 숨기기 CSS 코드.
| .home .entry-meta, .archive .entry-meta { display: none; } |
개별 글 페이지에서 메타 정보 숨기기 CSS 코드.
| .single footer.entry-meta { display: none; } |
위 CSS코드를 워드프레스 관리자 메뉴 외모 → 사용자 정의하기 → 추가 CSS에서 작성하면 메타정보를 숨길 수 있습니다.
개인의 만족도에 따라서 메인(전면 또는 홈)페이지의 메타정보만 숨길것인지, 개별 글 페이지의 메타 정보만을 숨길것인지, 모든 페이지에서 메타 정보를 숨길것인지에 따라서 필요한 코드만 추가 해서 적용하실 수 있습니다.
게시글 작성 일자만 남겨두려면 어떻게 하면 될까요?
/* 작성 일자만 남기고 메타 정보 숨기기 */
.byline, .single .byline, .home .cat-links, .archive .cat-links, .search .cat-links, .comments-link {
display: none;
}
.entry-meta {
margin-bottom: -10px;
}
@media (min-width: 1025px) {
.separate-containers .inside-article {
padding: 40px 40px 20px 40px;
}
}
@media (min-width: 720px) and (max-width: 1024px) {
.separate-containers .inside-article {
padding: 30px 30px 20px 30px;
}
}
@media (max-width: 719px) {
.separate-containers .inside-article {
padding: 30px 30px 5px 30px;
}
}