이 사이트는 댓글로 Discourse를 사용하는 Ghost 블로그입니다.
댓글이 얼마나 깔끔하게 표시되는지 주목해 보세요. 이 디자인에 어떤 CSS가 사용되었는지 알려주실 수 있을까요?
제 웹사이트에서는 댓글 표시가 좋지 않습니다. 화면 전체 길이에 걸쳐 늘어져 보입니다. 이상적으로는 제가 올린 예시와 똑같이 보이길 바랍니다.
제 사이트는 다음과 같습니다.
https://ogatutor.com/
브라우저의 개발자 도구를 열고 요소를 검사하면 CSS를 확인할 수 있습니다.
또한 요소를 우클릭하여 "검사"를 선택하는 것만으로도 이 작업을 수행할 수 있습니다. 모든 CSS를 확인하려면 HTML 계층 구조를 위아래로 탐색해야 할 수 있습니다.
그렇게 해봤는데, 거기서 찾을 수 없어요.
안녕하세요, 어떤 문제를 겪으셨나요?
제 블로그는 Ghost 블로그를 사용하고 있으며, 댓글에는 Discourse를 적용하고 있습니다. 댓글 기능 자체는 정상적으로 작동하지만, 댓글을 블로그 디자인에 자연스럽게 녹여줄 CSS를 찾고 있습니다.
제가 언급한 사이트를 한번 살펴보세요. 댓글이 얼마나 자연스럽게 흐르는지 주목하세요.
그리고 제 사이트를 보세요. 댓글이 화면 전체 길이에 걸쳐 펼쳐져 있습니다.
블로그의 댓글을 검사해 보세요. 검사 창에서 선택된 요소(및 모든 요소)의 CSS가 포함된 'Styles’라는 탭을 볼 수 있습니다.
이것이 찾으시는 내용인가요?
이 주제에는 임베디드 포스트를 포맷하는 방법에 대한 정보가 있습니다:
임베디드 콘텐츠 스타일링
Discourse 1.4.0 이상을 사용하고 있다면, 임베디드 댓글에 스타일시트를 추가할 수 있습니다. 관리자 > 사용자 지정 > 테마 > CSS/HTML 편집의 테마 편집기에서 임베디드 CSS 섹션을 사용하여 임베디드 댓글과 함께 제공될 사용자 정의 스타일시트를 추가할 수 있습니다. 기본적으로 흰색 배경에서 레이아웃이 잘 보인다고 생각하지만, 사이트에 독특한 레이아웃이 있다면 직접 스타일링하는 것이 좋습니다.
고마워요.
이상하게도 제 Safari에서는 같은 창이 열리지 않네요. 이유를 모르겠어요.
감사합니다
감사합니다!! 바로 제가 찾던 거였어요.
브라우저 개발자 도구에 노출되지 않고 배포되는 CSS는 없습니다.
아마도 도구를 익히는 데 시간이 필요하신 것 같습니다 
감사합니다 !!
네, 깨져 있긴 한데, 임베딩(embedding)에 관한 모든 지침을 따랐는데도 왜인지 제가 제대로 하고 있지 못한 것 같습니다.
제 임베딩은 다음과 같습니다.
해당 설정이 이 코드를 생성합니다.
<script type="text/javascript">
if (window.location.pathname.indexOf('/p/') < 0) {
DiscourseEmbed = {
discourseUrl: 'https:/teachmeai.ogatutor.com/‘,
discourseEmbedUrl: '{{url absolute="true"}}'
};
(function() {
var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
})();
}
</script>
참고: 허용된 경로(Path Allowedlist)를 비워 두었습니다. 거기에 아무 내용을 입력하면 코드가 아예 실행되지 않기 때문입니다.
제가 무엇을 잘못하고 있을까요?
감사합니다
다시 한번 감사드립니다. 하지만 신규 방문자에게는 여전히 로딩에 시간이 오래 걸립니다. 신규 방문자와 새 글의 경우 약 1분 정도 걸리죠. 이미 진행 중인 토론이 있는 글은 훨씬 빠르게 로드됩니다.
Discourse에서 주제가 자동으로 생성되기 때문인지 모르겠습니다. Ghost 로그를 확인해 보았는데, 모든 것이 정상으로 보입니다.
나한테는 바로 로드됐어. 지역 문제일 수도 있겠다. 여러 페이지를 살펴봤는데, 내 쪽에서는 댓글이 바로 로드되고 있어.
수정: 어, 이상하네. 방금 1페이지를 로드하는 중이었더니 에러가 떴다 
정말 정말 감사합니다. 제 업무가 거의 마무리되었습니다. 다음 단계는 phpBB의 사용자를 이관하는 것입니다.