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

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


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

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

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


1. CSS 내용 추가하기

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

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

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

2. 적용 전후 모습 변화

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

카테고리의 다른 글

  1. apple-touch-icon.png 404 에러 탈출기 (feat. precomposed, 120x120, favicon)
  2. HTML 앵커 <a> 태그 속성으로 alt는 없었구나
  3. 구글 애널리틱스 내부 트래픽 설정하기 (분석 제외 IP 설정)
  4. 구글 애널리틱스와 태그 매니저 페이지뷰 중복측정 방지하기
  5. 구글 애드센스 클릭은 있지만 수익은 없는($0.00) 원인

댓글 남기기