@Paracelsus님, 피드백 감사합니다.
수정 사항을 병합했습니다: Fix: main-outlet width on larger screen - Pull Request #7 - VaperinaDEV/fkb-pro-theme - GitHub
이 부분을 어떻게 확인할 수 있을까요?
확인해 보겠습니다. ![]()
@Paracelsus님, 피드백 감사합니다.
수정 사항을 병합했습니다: Fix: main-outlet width on larger screen - Pull Request #7 - VaperinaDEV/fkb-pro-theme - GitHub
이 부분을 어떻게 확인할 수 있을까요?
확인해 보겠습니다. ![]()
네, 곧 수정할게요.
수정해 주셔서 감사합니다. 이제 더 나아졌습니다. ![]()
1열 문제를 볼 수 있는 URL을 보내드리겠습니다.
안녕하세요, 몇 가지 수정 사항을 병합했습니다:
Take 2: Fix layout issues for larger screens
메타에서 이 포럼을 찾게 되었어요. 제가 찾고 있던 바로 그거네요.
https://community.bettercentury.org/
아, 그렇군요
이건 소셜 미디어를 좋아하는 사람들을 위한 테마인 Fakebook처럼 보이는데, 이걸 찾고 계신 것 같아요. ![]()
안녕하세요, @Don. 테마 정말 감사해요. ![]()
@Don 님, 진심으로 축하드립니다. 당신의 테마가 정말 마음에 듭니다. 아름답고 우아하며, 사이트의 코어 웹 바이탈(Core Web Vitals) 점수와 구글 스피드 인사이트 점수도 높아졌습니다.
모든 것에 대해 정말 감사드립니다. 디스커스 커뮤니티에서의 당신의 작업을 진심으로 존경합니다.
브라질에서 인사드립니다.
여전히 몇 가지 문제가 있습니다.
@darkpixlz 감사합니다! 사이드바와 호환되도록 테마를 업데이트하겠습니다. ![]()
@Tiago_santos, 좋아해 주셔서 정말 기쁩니다
정말 감사합니다! ![]()
hi @Don
이 버그(신용카드 번호 필드가 검은색으로 표시됨)를 어떻게 수정하나요? discourse 구독 관련
감사합니다. 이 문제에 대한 수정 사항을 커밋했습니다…테마를 업데이트해 주세요. ![]()
완벽해요, 정말 아름답네요. 많이 감사해요
안녕하세요 @Don
디스커스 플러그인 광고(하우스 광고) 관련 포스트를 보고 있습니다.
If you read House ads post, they give you the way to set a desktop picture and a mobile one. <a href="" class="banner-ad" target="_blank"> <img class="desktop" src=""> <img class="mobile" src=""> </a> Just set the images for each (Less width for phones and more width for desktop) and thats it! I personally use this dimensions: Mobile: 1282x311 Desktop 755x90 Then create a component and add this CSS: $cta-background-color: #FE4644; $cta-text-color: #FFFFFF; .banner-ad { displa…
표시된 바와 같이 광고 플러그인이 fakebook pro와 호환되지 않는 것 같습니다(버그 발생).
모바일 버전에서는 이미지가 화면 밖으로 나가 보입니다(크기가 큼).
fakepro 테마에서는 어떤 이미지가 모바일용이고 어떤 것이 데스크톱용인지 구별할 수 없습니다.
확인해 주실 수 있을까요?
티아고님,
조금 더 자세히 설명해 주실 수 있을까요? 스크린샷, 실제 코드, 그리고 광고가 어디에 표시되는지 알려주시면 큰 도움이 될 것 같습니다. 감사합니다 ![]()
안녕하세요, 정말 죄송합니다.
모바일 버전에서 이미지가 더 크게 표시됩니다.
default 테마에서는 정상적으로 작동합니다.
<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
<img class="desktop" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png" style="display: block; margin-left: auto; margin-right: auto;width: auto;">
</a>
위 코드에서 desktop을 mobile로 바꿔도 문제가 여전히 남아 있습니다
안녕하세요,
네, 반응형으로 만들기 위해 CSS도 사용해야 하기 때문이라고 생각됩니다. ![]()
아래와 같은 코드가 작동할 것입니다:
<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
<img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png">
</a>
공통 / CSS
.house-creative.house-post-bottom {
max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
margin: 8px 0 8px auto;
.mobile-view & {
max-width: 100%;
.banner-ad {
.banner-img {
max-width: 100%;
}
}
}
}
정말 훌륭합니다. 많이 감사합니다.
완벽하게 작동하고 있습니다.
다시 한번 관심 가져주셔서 진심으로 감사드립니다. 님의 토론 주제가 최고입니다.