아스트라 글 보관함 제목 굵게 만드는 CSS 수정 방법

아스트라 글 보관함 제목 굵게 표시가 필요했던 이유는 홈 화면과 검색 결과의 글 제목이 생각보다 얇게 보였기 때문입니다. 본문 글 제목은 괜찮았지만, 글 목록 화면에서는 제목이 눈에 잘 들어오지 않아 방문자가 글을 고르기 어렵게 느껴졌습니다.

Astra 테마는 가볍고 빠른 편이라 워드프레스에서 많이 쓰지만, 무료 버전에서는 글 보관함이나 검색 결과의 제목 두께를 세부적으로 바꾸기 어렵습니다. 이 부분만 수정하려고 Astra Pro 결제를 고민할 수도 있지만, 단순히 제목 글씨를 두껍게 만드는 목적이라면 추가 CSS만으로 충분했습니다.

글 목록 제목이 얇게 보였던 화면

홈 화면이나 글 보관함에는 여러 게시물이 카드 형태로 표시됩니다. 이때 제목이 얇으면 글 목록을 빠르게 훑어볼 때 제목보다 이미지가 먼저 눈에 들어오는 경우가 있습니다.

아스트라 글 보관함 제목 굵게 수정은 이런 목록 화면의 가독성을 높이기 위한 작은 디자인 조정입니다. 검색 결과 화면도 비슷한 제목 구조를 쓰는 경우가 많아 같은 CSS 코드로 함께 반영될 수 있습니다.

사용자 정의하기 메뉴로 들어가기

CSS를 넣기 위해 테마 파일 편집기로 들어갈 필요는 없습니다. 워드프레스 관리자 화면에서 디자인 메뉴를 열고 사용자 정의하기로 이동하면 됩니다. 이 방식은 테마 파일을 직접 고치는 것보다 부담이 적습니다.

특히 OpenLiteSpeed와 LiteSpeed Cache를 함께 쓰는 사이트라면 디자인 수정 후 캐시만 정리하면 바로 확인할 수 있어 관리가 편했습니다.

아스트라 글 보관함 제목 굵게 바꾸는 위치

사용자 정의하기 화면에 들어가면 여러 메뉴가 보입니다. 여기서 하단 쪽에 있는 추가 CSS 메뉴를 선택합니다. 아스트라 글 보관함 제목 굵게 변경은 이 추가 CSS 영역에서 처리할 수 있습니다. 별도 플러그인을 설치하지 않아도 되기 때문에 단순한 제목 스타일 수정에는 이 방법이 가장 깔끔했습니다.

추가 CSS에 넣을 코드

추가 CSS 입력 칸에 아래 코드를 넣으면 글 보관함과 검색 결과의 제목 링크가 굵게 표시됩니다.

.entry-title a {
  font-weight: bold;
}

코드를 넣은 뒤 공개 버튼을 눌러 저장합니다. 저장 후 바로 바뀌지 않는다면 워드프레스 캐시나 브라우저 캐시가 남아 있을 수 있습니다.

LiteSpeed Cache를 사용 중이라면 상단 관리자 바에서 캐시 삭제를 한 번 실행한 뒤 다시 확인하는 것이 좋습니다. CDN이나 QUIC.cloud를 함께 쓰는 경우에는 CDN 캐시까지 남아 있을 수 있습니다.

제목 색상도 같이 바꾸고 싶을 때

글자 두께뿐 아니라 색상까지 바꾸고 싶다면 color 값을 추가하면 됩니다.

.entry-title a {
  font-weight: bold;
  color: #ff0000;
}

다만 글 목록 제목 색상은 사이트 전체 분위기에 영향을 줍니다. 너무 강한 색을 넣으면 목록 화면이 산만해질 수 있어 먼저 굵기만 바꾼 뒤 필요할 때 색상을 조정하는 편이 낫습니다.

적용 후 확인한 변화

CSS를 저장하고 캐시를 비운 뒤 다시 확인하니 글 목록 제목이 이전보다 또렷하게 보였습니다. 게시물 카드가 여러 개 나열되는 화면에서는 제목 두께 차이가 생각보다 크게 느껴졌습니다.

아스트라 글 보관함 제목 굵게 수정은 큰 기능 변경은 아니지만 방문자가 글 목록을 읽는 흐름에는 도움이 됩니다. 특히 지도 사이트처럼 썸네일과 제목이 함께 반복되는 구조에서는 제목이 분명하게 보이는 것이 중요했습니다.

FAQ

관련 글 추천

• 아스트라 404 페이지 만드는 방법｜Custom Layouts로 오류 페이지 수정
• 워드프레스 아스트라 테마 발췌 길이 0 설정 후 점 제거 방법
• 아스트라 이미지 문단 간격 사라졌을 때 추가 CSS로 해결한 과정
• 워드프레스 아스트라 Font Swap 경고 해결 후기 – 공식 문서 기준 수정 방법