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

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


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

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

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


1. CSS 내용 추가하기

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

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

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

2. 적용 전후 모습 변화

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

카테고리의 다른 글

  1. 티스토리 글 제목 줄간격 변경 (square 스킨)
  2. 클라우드웨이즈(2GB) 워드프레스의 페이지 경험, 코어 웹 바이탈 (구글 서치 콘솔)
  3. 클라우드웨이즈 파일 및 폴더 권한(퍼미션) 재설정하기
  4. 워드프레스 이메일 발송 시 보내는 사람 이름 바꾸기 (feat. 문의 양식 7)
  5. 티스토리 매거진 스킨의 링크 색깔 변경하기

댓글 남기기