토픽 내 이미지 중 하나를 선택하여 대표 이미지를 설정하는 컴포넌트는 알고 있습니다. 하지만 워드프레스처럼, 토픽 자체에 포함시키지 않고 이미지를 업로드하여 대표 이미지로 설정할 수 있는 다른 옵션이 있을까요? 기본적으로 이를 오픈 그래프 이미지로 활용하고 싶은데, 게시글에 반드시 포함시킬 필요는 없습니다. 오픈 그래프 이미지는 잠재적 독자의 관심을 끌기 위한 정보를 담을 수 있지만, 토픽 본문 안에 넣는 것은 의미가 없기 때문입니다.
저는 단축 경로를 사용합니다. 이미지 게시를 위해 속삭임을 사용하고, 그 다음 Topic List Previews 컴포넌트를 통해 해당 이미지를 선택합니다.
물론이죠. 그 해결책이 여러분이 정확히 찾고 있는 것은 아닙니다. 하지만 꽤 가깝긴 하죠 
현재 게시물에서 이미지를 숨기는 것이 가장 좋은 선택지라고 생각합니다
좋은 방법이에요. 저도 그렇게 쓰고 있어요. 하지만 잠재적으로 위험할 수도 있어요. 왜냐하면 어떤 것이든 숨길 수 있거든요.
이미지 이름을 항상 특정 방식으로 지정하는 것은 어떨까요? 예를 들어 "hidden-image-"로 시작하고, CSS를 사용하여 그렇게 시작하는 모든 이미지를 숨기는 방식입니다.
그렇게 하는 것이 가능한 것 같습니다:
이 맥락에서 "whisper"란 무엇인가요?
Jagster님이 우려하고 있는 위험을 피할 수 있도록, "wrap"의 "hidden"을 더 사용자 정의된 것으로 변경할 수 있을까요?
저도 이런 생각을 하고 있습니다: 이미지가 숨겨져 있는 경우, 오픈 그래프(Open Graph)가 이미지를 '확인’하여 사용할 수 있을까요?
이미지는 단순히 표시되지 않도록 숨겨진 것일 뿐입니다. 여전히 존재하지만, 주제를 볼 때만 보이지 않습니다.
CSS를 더 구체적으로 작성하여 모든 것이 아니라, 예를 들어 이미지만 또는 썸네일로 지정된 이미지만 숨기도록 할 수 있습니다.
예시:
게시물:
testing
[wrap=hidden-img]
[/wrap]
CSS:
div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
display: none;
}
이렇게 하려면 래퍼를 사용하고, 그 안에 이미지를 넣어야 하며, 숨겨지려면 |thumbnail을 추가해야 합니다.
[data-thumbnail="true"]가 없으면 래퍼 안의 모든 이미지가 숨겨집니다. 하지만 그래도 "모든 것"보다는 적은 양입니다.
여기서 위협 시나리오는, 혹은 내 입장에서는, 누군가가 구글봇이 싫어하는 것을 숨기는 것입니다. 이는 SEO 등을 훼손하기 위한 쉬운 방법이 될 수 있습니다.
다른 기법으로 게시물에 내용을 숨길 수도 있습니다.
예를 들어 <!--HTML comments -->
아래에 하나 있습니다:
그래서 래프 문법이 문제가 되지 않는다고 생각합니다
이 특정 기능은 제가 특정 카테고리에서 사용하기 위해 만든 것입니다. 다른 사용자들이 사용할 수 있도록 허용한 것이 아닙니다.
하지만 이는 이미지 대신 코멘트로 인식되는 거죠? 오픈 그래프(Open Graph)의 경우 말이에요.
그렇다면 래프 데이터는 거의 원하는 대로 지정할 수 있다는 뜻인가요?
이 옵션이 좋은 선택인 것 같습니다.
이미지를 특정 방식으로 이름 붙이자는 제 제안은 어떨까요?
이렇게 하면 추가 단계, 추가 코드 등이 필요 없습니다.
CSS를 포함하는 단일 컴포넌트 하나만 만들고, 이미지를 특정 방식으로 이름 붙이도록 스스로에게 상기시키기만 하면 됩니다.
수정: 잊어버리세요. 파일이 무작위 숫자와 문자로 이름이 변경되는 것을 알게 되었는데, 그러면 이 방법이 작동하지 않을 것입니다.
게시물에 내용을 숨기는 것이 가능하다는 것을 보여주는 예시였을 뿐입니다. 악의적인 사용자들은 다른 방법으로 내용을 추가하는 방법을 찾을 것입니다.
CSS를 사용하여 커스터마이즈할 수 있는 것을 추가할 뿐입니다. 제 예시에서는 hidden-img를 추가하고, 이를 사용하여 이미지를 숨길 수 있습니다.
작동할 수 있다고 생각합니다. 를 가지고 있다면, 다음과 같은 것을 사용할 수 있습니다.
.cooked img[alt="IWantToHideThis"] {
display: none;
}
네, 제가 말한 것은 hidden-img가 일종의 “고정된” 것이 아니라는 뜻입니다. 만약 abc-airplane을 사용하더라도, CSS에서 동일한 이름을 사용하면 그것도 작동할까요?
하지만 이 특정 경우에는 선택지가 아닙니다. open graph가 그것을 이미지로 인식하지 않고 코멘트로 인식할 테니까요, 맞습니까?
네, 원하는 키워드를 자유롭게 사용할 수 있습니다.
그렇다고 생각합니다. 다만 확신은 없습니다.
저는 업로드 전에 파일을 특정 방식으로 명명하는 제 해결책에 대해 언급한 것입니다. 예를 들어:
hide-this-image-vacations-2025.jpg
그런 다음 CSS가 hide-this-image-로 시작하는 모든 이미지를 숨기도록 할 수 있지만, 이미지를 업로드하면 이름이 hide-this-image-vacations-2025.jpg로 유지되지 않습니다. 대신 wDxG1UR10Uj4bCO9l3pUbJvBAW5.png와 같은 것으로 변환됩니다.