인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

prokimssam님의 프로필 이미지
prokimssam

작성한 질문수

웹플로우(Webflow) 시작하기 - 코딩 없이 자유도 높은 프로토타입 만들기

기본 화면 디자인 1 - Layout, Class, Symbol

Community Logo Wrapper 이미지가 블릿이 생성되지 않아요.

작성

·

35

0

섹션5. 기본 화면 디자인에서 컴포넌트로 만들어서 이미지를 변경할 수 있도록 뽑아야 하는데,

Community Logo Wrapper 만 블릿이 생성되지 않으서 이미지만 뽑아지지 않습니다.

어떻게 해야 할까요?

image.pngimage.pngimage.png

 

답변 1

0

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

이미지 컴포넌트를 잘 설정했음에도 불구하고 블릿이 생성되지 않는 문제를 겪고 계신 것 같습니다. 이 문제는 종종 스타일 설정이나 선택된 이미지 파일의 설정 때문일 수 있습니다. 유사한 문제와 관련된 기존 답변이 있어 도움이 될 수 있을 것 같아요.

비슷한 문제 해결을 도와주는 기존 답변 링크:

이 링크들에서, 이미지나 스타일 설정의 문제로 인해 화면에 원하는 결과가 나타나지 않을 때, 어떻게 문제를 해결할 수 있는지에 대한 다양한 힌트를 얻을 수 있습니다.

  1. CMS에서의 필드 타입 확인: CMS의 필드 타입이 정확히 설정되어 있는지 확인이 필요합니다. 이미지가 표시되려면 이미지 필드 타입이 올바르게 설정되어 있는지 확인하세요.

  2. 이미지 불러오기: 이미지의 URL이나 경로가 올바른지 확인해보세요. 웹플로우에서 이미지를 불러올 때 경로 설정이 잘못되어 있으면 이미지가 표시되지 않을 수 있습니다.

  3. CSS 스타일: 이미지가 표시되지 않을 때는 CSS 스타일이 영향을 줄 수 있습니다. 이미지 클래스나 id에 설정된 스타일을 한번 확인해보세요. 스타일 규칙이 이미지 표시를 막고 있는지 확인해 볼 필요가 있습니다.

참고 이미지:

이미지 설정 예시

이미지 컴포넌트에서 alt 텍스트 설정과 다른 스타일 속성들이 올바르지 않아서 문제가 생길 수도 있습니다. CSS나 JavaScript 콘솔을 사용해 에러를 확인하는 것도 좋은 방법입니다.

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

prokimssam님의 프로필 이미지
prokimssam

작성한 질문수

질문하기