inflearn logo
강의

Course

Instructor

WordPress Website Creation for Non-Majors

[BLOG] Writing a Post + Responsive Design

AnWP 글목록 썸네일 질문

85

perfectinfj0050

2 asked

0

안녕하세요. 강의 내용대로 AnWP설치하고, 블로그 페이지에 Classic blog 를 선택해서 목록을 넣었는데요.

썸네일 이미지를 등록했는데, 첨부 이미지처럼 이미지 비율이 다를경우에 리스트에서도 그대로 적용이 되어서 나타나는데, 이미지가 잘리더라도 같은 비율로 나오게 할수는 없는건지 궁금합니다.

스크린샷 2025-03-09 오후 8.51.18.png.webp

wordpress 도메인 no-code

Answer 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 인희지님.

워드프레스에서 이미지가 다양한 비율로 보이는 문제는 주로 테마나 플러그인 설정과 관련이 있습니다. AnWP 블로그의 썸네일 이미지 비율을 통일하려면 다음 방법을 고려해 보세요.

  1. 테마 설정 조정: 테마에서 제공하는 이미지 설정 메뉴가 있을 가능성이 있습니다. 테마 커스터마이저나 테마 설정 페이지를 확인하여 썸네일 이미지의 비율을 조정할 수 있는 옵션이 있는지 확인해 보세요.

  2. 이미지 크기 조정 플러그인 사용: 추가적인 이미지 크기 조정이 필요한 경우, ‘Regenerate Thumbnails’ 같은 플러그인을 사용하여 모든 썸네일 이미지를 동일한 비율로 재생성할 수 있습니다.

  3. CSS로 스타일링: 이미지가 동일한 비율로 나타나도록 커스텀 CSS를 추가하여 강제로 스타일을 지정할 수 있습니다. 다음과 같은 코드를 ‘추가 CSS’에 넣어 이미지의 보이는 영역을 조절해 보세요.

    .anwp-thumbnail {
       width: 100%;
       height: auto;
       object-fit: cover;
    }
    

    여기서 .anwp-thumbnail은 실제 사용하는 클래스로 교체해 주세요.

아래 링크에서 비슷한 질문에 대한 답변을 확인하실 수 있습니다:
- AnWP 블로그 썸네일 관련 설정 방법

이 방법들로 문제가 해결되지 않으면, 더 구체적인 설정이나 스타일 문제일 수 있습니다. 추가적인 질문은 이어서 남겨주시면 지식공유자님께서 보다 구체적인 답변을 드릴 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

수료 관련 질의

0

44

1

css 번호값 설정

0

59

1

헤더질문

0

49

1

헤더 질문

0

48

1

모바일버전에 메뉴가 2개가 떠요

0

45

1

1강 구매한 도메인 주소는 asdfqwer을 구매했는데, 2강 호스팅에서 도메

0

29

1

웹페이지 제작 문의 드려요

0

39

1

질문드립니다.

0

54

2

홈화면 추가 질문

0

59

2

강의에 필요한 사진 자료들 어디서 다운받나요?

0

65

1

강의에 필요한 사진 어디서 다운 받나요?

0

47

1

카페24에서 도메인 연결까지 했는데요

0

80

3

버티컬 스크롤, 모바일 환경

0

46

1

제가 만드는 화면이 왜 알려주신 것과 다를까요?

0

157

2

엘리멘터 라이센스 키 mismatch

0

116

1

컨테이너 사진 추가

0

93

1

엘리멘트 프로

0

107

1

이 강의 마스터하고나서는 그 다음단계 강의는 없나요?

0

97

1

헤더 푸터 질문

0

93

1

전 왜 x 가 보이지 않을까요?

0

97

1

플러그인 추가

0

108

3

강의 자료는 따로 없을까요??

0

70

1

추가 CSS 폰트변경이 안됨

0

135

1

렌딩페이지 이미지 문제

0

83

1