워드프레스 제너레이트프레스 테마를 이용하면서 글쓴이, 카테고리, 날짜, 태그, 코멘트 등을 안보이게 제거하거나 숨기고 싶을때 여러분들에게 제공해드린 CSS 코드를 외모- 사용자 정의하기- 추가 CSS에 붙여넣기만 하시면 되게끔 도와드리겠습니다.
0. 복사한 코드 넣는 곳
- 외모 – 사용자 정의하기 – 추가CSS
1. Genratepress 테마 글쓴이 삭제 / 제거 / 숨기기
/* GeneratePress 테마에서 본문에 표시되는 글쓴이 숨기기 */
.single .byline { display: none; }
/* GeneratePress 테마에서 메인에 표시되는 글쓴이 숨기기 */
.home .byline { display: none; }
/* GeneratePress 테마에서 카테고리 메인에 표시되는 글쓴이 숨기기 */
.archive .byline { display: none; }
/* GeneratePress 테마에서 본문, 메인, 카테고리 메인에 표시되는 글쓴이 숨기기 */
.single .byline { display: none; }
.home .byline { display: none; }
.archive .byline { display: none; }
2. Genratepress 테마 카테고리 삭제 / 제거 / 숨기기
/* GeneratePress 테마에서 본문에 표시되는 카테고리 숨기기 */
.single .cat-links { display: none; }
/* GeneratePress 테마에서 메인에 표시되는 카테고리 숨기기 */
.home .cat-links { display: none; }
/* GeneratePress 테마에서 메인에 표시되는 카테고리 숨기기 */
.archive .cat-links { display: none; }
/* GeneratePress 테마에서 본문, 메인, 카테고리 메인에 표시되는 카테고리 숨기기 */
.single .cat-links { display: none; }
.home .cat-links { display: none; }
.archive .cat-links { display: none; }
3. Genratepress 테마 날짜 삭제 / 제거 / 숨기기
/* GeneratePress 테마에서 본문에 표시되는 날짜 숨기기 */
.single .posted-on {display:none;}
/* GeneratePress 테마에서 메인에 표시되는 날짜 숨기기 */
.home .posted-on { display: none; }
/* GeneratePress 테마에서 메인에 표시되는 날짜 숨기기 */
.archive .posted-on{ display: none; }
/* GeneratePress 테마에서 본문, 메인, 카테고리 메인에 표시되는 날짜 숨기기 */
.single .posted-on{ display: none; }
.home .posted-on { display: none; }
.archive .posted-on { display: none; }
4. Genratepress 테마 태그 삭제 / 제거 / 숨기기
/* GeneratePress 테마에서 본문에 표시되는 태그 숨기기 */
.single .tags-links {display:none;}
/* GeneratePress 테마에서 메인에 표시되는 태그 숨기기 */
.home .tags-links { display: none; }
/* GeneratePress 테마에서 카테고리 메인에 표시되는 태그 숨기기 */
.archive .tags-links { display: none; }
/* GeneratePress 테마에서 본문, 메인, 카테고리 메인에 표시되는 날짜 숨기기 */
.single .tags-links { display: none; }
.home .tags-links { display: none; }
.archive .tags-links { display: none; }
5. Genratepress 테마 코멘트, 요약글 삭제 / 제거 / 숨기기
/* GeneratePress 테마에서 메인에 표시되는 코멘트 숨기기 */
.home .comments-link { display: none; }
/* GeneratePress 테마에서 카테고리 메인에 표시되는 코멘트 숨기기 */
.archive .comments-link { display: none; }
/* GeneratePress 테마에서 메인에 표시되는 코멘트 숨기기 */
.home .entry-summary { display: none; }
/* GeneratePress 테마에서 카테고리 메인에 표시되는 요약글 숨기기 */
.archive .entry-summary { display: none; }
6. 제너레이트프레스 테마 특성이미지 가운데 정렬
/* GeneratePress 테마에서 메인에 표시되는 특성이미지 가운데 정렬 */
.home .post-image {text-align: center; }
/* GeneratePress 테마에서 카테고리 메인에 표시되는 특성이미지 가운데 정렬 */
.archive .post-image {text-align: center; }
7. 제너레이트프레스 테마 결과물
날짜, 글쓴이, 카테고리 전부 삭제한 결과물입니다.
날짜, 결과물 삭제 결과물 바로 보기👆이 포스팅을 읽으며 눈치 채셨나요? 컴퓨터에 조금 지식이 있으신 분들은 코드를 이제 읽으실 수 있을 거라 생각합니다. 본문은 single, 메인은 home, 카테고리 메인은 archive 그리고 byline, cat-links…posted-on 등등 입니다. 전부 각자 이름이 있고 그 이름을 찾는 방법은 F12를 누르시고 그 위치의 정보들을 차근차근 찾으면 되는됩니다. 사실 여기서 부터는 자세히 공부하지 않으면 어려우니 패스 하도록하겠습니다. 워드프레스가 많이 알려지면서 이제는 복사 붙여넣기만 할줄 아셔도 원하는거 다 할 수 있으니 이 게시물이 도움이 되었으면 좋겠습니다. 읽어주셔서 감사합니다.!
1. 모든 페이지에서 특정 CSS 코드가 적용되지 않습니다. 왜 그럴까요?
모든 페이지에 특정 CSS 코드가 적용되지 않는 경우, 페이지의 특정성 클래스가 올바르게 사용되었는지 확인하세요. 예를 들어, .single
은 단일 게시물 페이지에만 적용됩니다. 모든 페이지에 적용하고 싶다면 .entry-content
와 같은 보다 일반적인 클래스를 사용해 보세요.
2. GeneratePress 테마에서 플러그인을 많이 설치하면 속도에 영향을 미치나요?
네, 많은 플러그인은 사이트 속도에 부정적인 영향을 줄 수 있습니다. 특히, 중복되거나 무거운 플러그인은 피하는 것이 좋습니다. 필수적인 플러그인만 사용하고, 가능하다면 경량화된 대체 플러그인을 선택하세요.