워드프레스 글 작성자, 작성일 숨기기

워드프레스에서 글 작성자, 작성일 정보를 숨기고 싶을 때가 있습니다. 사용하는 테마에서 해당 기능을 제공할 경우 쉽게 숨길수 있지만 주로 무료 테마(GENERATEPRESS)를 사용할 경우 기능을 제공하지 않습니다. 그렇게 때문에 CSS를 통해 강제로 안보이도록 적용해야 합니다.

그럼 적용하는 방법에 대해 안내 합니다.

 

워드프레스 작성자, 작성일 숨기기

 

HTML 위치 파악하기

 

우선 CSS를 수정하기 위해 작성자, 작성일의 위치를 알아야 합니다.

크롬 브로우저의 개발자도구를 쓰면 쉽게 확인이 가능합니다.

 

1. 자신의 워드프레스 화면을 접속 합니다.

2. 저의 경우 아래 붉은 박스의 작성일과 작성자의 정보를 화면에서 숨기려고 합니다.

블로그 화면

3. 지우고 싶은곳 우클릭

화면에서 지우고 싶은 화면(작성일, 작성자) 부분에 마우스를 대고 우클릭을 합니다.

우클릭 후 검사 메뉴를 선택합니다.

HTML 검사

 

4. '개발자도구' 가 활성화되며 해당 HTML 코드 위치가 지정됩니다.

아래와 같이 창이 뜰 것입니다.

HTML 위치

개발자 도구에 마우스를 위,아래로 움직이면 HTML 코드에 해당되는 화면이 하이라이트되면서 색상이 덮여집니다.

저의 경우 <div class="entry-meta"> 부분 입니다.

 

5. CSS 생성하기

간단히 작성하자면 아래 코드가 됩니다.

.entry-meta {
	display: none;
}

하지만 이렇게 entry-meta 하나로만 설정할 경우 원하는 않는 위치의 글도 숨겨질 수 있습니다.

그래서 기본 3가지 class 를 계층으로 설정하여 범위를 줄여야 합니다.

 

CSS 설정 참고

저의 경우 위 3개 계층의 박스 선택하였습니다. 

주의! 꼭 상위 계층의 class 를 선택해야 합니다. 같은 계층은 선택하면 안됩니다.

 

완성된 코드는 아래와 같습니다.

.site-main .entry-header .entry-meta {
	display: none;
}

 

작성한 CSS 삽입하기

워드프레스 "외모 > 추가CSS" 메뉴에 진입합니다.

좌측 CSS 입력하는 란에 위 작성된 코드를 삽입 후 적용합니다.

CSS 적용

이후 사이트에 접속해보면 숨기고 싶은 내용이 없어진 것을 확인할 수 있습니다.