워드프레스 내 검색결과에서 이미지 숨기기 (GeneratePress)

목차
1. CSS 내용 추가하기
2. 적용 전후 모습 변화


워드프레스로 구축한 블로그에서 포스트 글을 검색하면 검색 결과가 꽤 묵직하다. 그도 그럴 것이, 제목과 첨부 이미지 그리고 본문의 일부 내용이 주렁주렁 달려 나오기 때문이다. 이미지 때문에 검색만으로도 트래픽이 꽤 부담스러운 느낌.

처음에는 검색 결과에 포스트 제목과 날짜 등의 메타 정보만 간략하게 나오는 형식으로 만들어 버릴까 싶었는데, 간단한 내용이 붙어 있는 것도 나쁘지 않은 것 같아 이미지만 보이지 않도록 처리했다.

사용 워드프레스 테마: GeneratePress (무료 버전)


1. CSS 내용 추가하기

메뉴 > 모양 > 사용자 정의하기 > 추가 CSS

검색결과에서 이미지 숨기는 CSS

.search .post-image {
display: none;
}

2. 적용 전후 모습 변화

CSS 적용 전
CSS 적용 전
CSS 적용 후
CSS 적용 후

카테고리의 다른 글

  1. 티스토리 본문 하단 페이지 번호 글자 크기 변경하기 (square 스킨)
  2. 워드프레스에서 CSS로 최종 수정일 표시하기 (feat. GeneratePress)
  3. 티스토리, 색인 및 방문자 감소 후 회복중 (카카오 데이터센터 화재)
  4. 티스토리에서 쓸 수 있는 간단한 글 상자 박스 태그 연습
  5. 워드프레스 검색 결과에서 댓글 링크 숨기기 (Leave a comment)

댓글 남기기