CSS를 사용하여 가로세로 비율(Aspect ratio)을 사용할 수 있습니다.
예제 코드: How To - Aspect Ratio / Height Equal to Width
제 웹사이트 https://businesslab.vn 에서 16:10 비율을 확인할 수 있습니다.
Discourse에서 이 설정을 어떻게 해야 하나요? 어디에 어떤 CSS를 설정해야 하는지 궁금합니다.
또한, Google Ads를 설정할 때 다음과 같은 작은 문제가 있습니다:
사이드바 프로필 카드가 광고 바로 위에 있는 것보다 아래에 위치해야 한다고 생각합니다.
감사합니다!
1개의 좋아요
안녕하세요 @codergautam,
Discourse Ad 플러그인 - Google Adsense에 대한 수정 사항을 병합했습니다. 테마를 업데이트해 주세요. 
이미지 높이를 변경할 수 있습니다 
이를 위해 새로운 컴포넌트를 생성해야 합니다.
-
/admin/customize/themes/로 이동하세요.
커스터마이즈 → 테마 -
컴포넌트(Components) 탭을 클릭한 후 설치(Install) 버튼을 클릭하세요.
-
팝업 창에서 새로 만들기(Create new) 버튼을 클릭하고 새 컴포넌트 이름을 입력하세요.
-
생성(Create) 버튼을 클릭하세요.
-
컴포넌트가 생성되었습니다. 이제 FKB Pro 테마를 선택하여 활성화하세요.
-
CSS/HTML 편집(Edit CSS/HTML) 버튼을 클릭하세요.
-
공통(Common) 탭을 클릭하고 아래 코드를 CSS 섹션에 붙여넣으세요.
데스크톱과 모바일에서 이미지 높이를 별도로 설정하려면 공통(Common) 대신 해당 탭을 사용하세요. 공통(Common)은 데스크톱과 모바일 양쪽에서 이 코드가 활성화됨을 의미합니다.
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // 기본값 300px
}
}
}
}
이미지를 숨기려면 이 코드를 사용하세요
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
3개의 좋아요
다른 테마 구성 요소와의 호환성 문제를 해결하기를 바랍니다
버튼 같은 것들을 어떻게 둥글게 만들 수 있나요? 현재 테마에서 이렇게 하고 싶었거든요.
1개의 좋아요
안녕하세요 @danielabc,
반경(rounding) 관련 설정을 위한 #customization:theme-component가 몇 가지 있습니다.
안녕하세요 @xiaokong23357, 어떤 #customization:theme-component를 말씀하시는 건지 구체적으로 설명해 주실 수 있을까요?
2개의 좋아요
2개의 좋아요
@Don FBK 테마에 바인딩 HTML 메타 태그를 어떻게 도입하나요?
해결되길 바랍니다
1개의 좋아요
2개의 좋아요
안녕하세요, 지연해서 죄송합니다… 네, 기본 우측 패널을 Right Sidebar Blocks로 대체하는 것이 가능하다고 생각합니다. 확인해 보겠습니다.
3개의 좋아요
한 가지 더, @Don
제 포럼에서 당신의 테마를 사용하고 있습니다. 이제 포럼을 Microsoft Bing 검색 엔진에 등록할 준비가 되어 있지만, 포럼에 HTML 메타 태그 감지를 수행해야 합니다. 이 HTML 메타 태그를 테마에 어떻게 통합해야 할까요?
지금 매우 시급한 사항이며, 해결해 주시면 감사하겠습니다.
1개의 좋아요
위에서 소개한 것처럼 관리자에서 새 테마 컴포넌트를 생성하세요. FKB Pro - Social theme - #88 by Don 컴포넌트 이름은 원하는 대로 변경할 수 있지만, 내가 붙여넣은 CSS를 CSS 탭에 붙여넣지 마세요. Bing HTML 메타 태그를 복사하여 만든 컴포넌트의 HEAD 탭에 붙여넣고 저장하세요.
2개의 좋아요
아니요, 제 생각에는 이건 테마입니다. 컴포넌트를 생성해야 합니다. 다른 탭을 사용하거나, 페이지 하단에 있는 변환 버튼을 눌러 이를 컴포넌트로 변환할 수도 있습니다. 위에서 보여드린 지시사항을 따르세요.
2개의 좋아요
정말 감사합니다. 문제가 해결되었습니다!
@Don
3개의 좋아요
다음과 같은 업데이트를 병합했습니다: Compatibility with Right Sidebar Blocks theme component - Pull Request #18 - VaperinaDEV/fkb-pro-theme - GitHub
이 업데이트에는 right sidebar blocks enabled 설정이 포함되어 있습니다. 이 설정은 우측 사이드바 블록 테마 컴포넌트에 대한 일부 지원을 추가하고, 기본 우측 사이드바(fkb 패널)를 해당 컴포넌트로 대체합니다.
4개의 좋아요
2개의 좋아요
안녕하세요,
제목이 콘텐츠와 분리되어 있고, 사이드바가 고정(sticky)되어 있지 않다면 스타일을 수정하여 이것이 가능할 것 같습니다.
아래와 같은 것을 시도해 보세요.
이처럼 FKB Pro - Social theme - #88 by Don 새 테마 컴포넌트를 만들거나 기존 컴포넌트에 추가하세요.
데스크톱 / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
2개의 좋아요
참고: /login과 /signup 링크를 모두 클릭하면 모달이 열리지 않고 로딩 표시(회전하는 원)만 나타납니다. 최신 버전의 iPad에서 확인했습니다.
1개의 좋아요
Hey Jakke 방금 사이트에서 확인해봤는데, /login과 /signup에서 모달이 정상적으로 표시되고 있습니다.
1개의 좋아요