로그인 및 가입 박스에 이미지를 추가하는 방법


여기 어디에 이미지를 추가하고 싶으신가요?

녹색 섹션

이 섹션의 하단에 after-login-buttons 플러그인 아웃렛이 있어 콘텐츠를 추가하는 데 사용할 수 있습니다. CSS를 사용하여 위쪽으로 이동시킬 수 있거나, 위쪽에 아웃렛을 추가해 달라고 요청할 수도 있습니다.

이를 활용하는 새로운 테마 컴포넌트를 만들 수도 있습니다.

또한 CSS를 사용하여 이미지만을 덜 깔끔한 방식으로 추가할 수도 있습니다.

원하시는 로그인 모달의 모양을 보여줄 수 있는 사진을 올려 주시겠습니까?

응,

CSS의 ::after나 background-image를 사용하려고 했어요. 거기에 플러그인 아웃렛이 있는 줄은 몰랐습니다. 이미지를 하나 넣기 위해 전체 TC를 작성하는 것은 과한 것 같지 않나요?

플러그인 아웃렛을 사용해 테마 컴포넌트를 만드는 것이 더 깔끔하고 다용도로 활용할 수 있다고 봅니다. 또한 설치를 더 이상으로 커스터마이즈하고 싶다면 유용한 내용도 배울 수 있습니다. :technologist:

기존 HTML의 의사 요소(pseudo element)를 사용해 이미지를 추가하는 방식도 작동하며, 이를 달성하는 유효한 방법입니다. :ok_hand:

다만, 정확히 어떤 결과를 원하는지에 따라 달라집니다.

예를 들어, 로그인 버튼 블록의 하단이나 상단에 추가 요구 사항 없이 단순히 배경 이미지를 넣는 것이 목표라면, CSS만으로도 충분할 수 있습니다.