# 게시된 페이지에 스타일 추가하기

**URL:** https://meta.discourse.org/t/add-more-styling-to-published-pages/246405
**Category:** Feature
**Tags:** completed, page-publishing
**Created:** [5월 19, 2020, 9:00오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405 "2020-05-19T21:00:43Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [5월 19, 2020, 9:00오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/1 "2020-05-19T21:00:43Z")

</div>

큐에 추가할 기능 요청 하나 더 있습니다:

게시된 페이지 상단에 사이트 헤더/내비게이션을 포함할 수 있도록 토글을 추가해 주시면, 페이지가 사이트 전체 테마와 더 잘 어울리게 됩니다.

---

<div class="post-metadata">

### Author: ![torstensson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/torstensson/32/83638_2.png) [@torstensson](https://meta.discourse.org/u/torstensson)
#### Post date: [6월 9, 2020, 6:47오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/2 "2020-06-09T18:47:38Z")

</div>

훌륭한 추가 기능입니다, @chau님! 감사합니다. 👌

제가 뭘 놓치고 있는 건지, 아니면 사이트 헤더와 푸터를 포함하는 방법이 정말 없는 건가요? 즉, 답글 작성 등의 기능이 없이 해당 페이지를 Discourse 사이트의 일부로 게시하는 방식요. 기본적으로 [정적 페이지](https://meta.discourse.org/t/procourse-static-pages/69698)처럼요.

---

<div class="post-metadata">

### Author: ![chau](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chau/32/163380_2.png) [@chau](https://meta.discourse.org/u/chau)
#### Post date: [6월 9, 2020, 8:01오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/3 "2020-06-09T20:01:24Z")

</div>

> [@torstensson](#):
>
> 무언가를 놓치고 있는 건가요, 아니면 사이트 헤더와 푸터를 포함할 방법이 없는 건가요?

놓친 게 아닙니다. 아직 푸터/헤더를 추가할 방법이 없습니다! 요청받은 개선 사항 중 하나이므로, 다음 작업 라운드에서 반드시 처리할 예정입니다.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [6월 17, 2020, 8:59오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/4 "2020-06-17T20:59:35Z")

</div>

정말 놀랍네요! 정말 마음에 들어요 - 잘 만들었네요.

몇 가지 사소한 피드백을 드리고 싶습니다. 이 중 일부 또는 전부는 CSS로 처리할 수 있을 것 같지만, 합리적인 기본값으로 설정해 두는 것도 좋을 것 같습니다:

- 브라우저 탭에 제목이 아직 표시되지 않는 것 같습니다.
- 게시된 페이지에서 DiscoTOC 지원을 사용할 수 있으면 좋겠습니다.
- 게시된 페이지에서는 사용자 아바타, 사용자 이름 및 날짜가 표시되지 않는 것을 선호합니다.
  - 또는 이 정보가 표시되어야 한다면, CC 라이선스와 URL과 함께 하단에 배치하는 것이 가장 좋을 것 같습니다. 로그인된 상태라면 해당 주제(topic)로 돌아가는 링크도 포함하면 좋겠습니다.

- 주제 제목이 게시글 내부의 1단계 제목보다 작아서 다소 어색하고 이상하게 느껴집니다.

이 피드백은 제가 개인 포럼에서 정기적으로 해야 하지만 항상 방법을 잊어버리는 작업들을 위한 유용한 절차를 정리해 두었던 게시글을 기반으로 작성했습니다. 아래 스크린샷을 참고하세요. 아이들이 무언가를 어떻게 해야 하는지 물어볼 때 링크 하나만 보내줄 수 있게 될 생각만 해도 정말 기대됩니다.

 ![Screen Shot 2020-06-17 at 2.04.13 PM (2)](https://global.discourse-cdn.com/meta/original/3X/9/1/91cc5a640fe9e8926de47bc9347d473aedd51e2e.png)  
 ![Screen Shot 2020-06-17 at 2.04.03 PM (2)](https://global.discourse-cdn.com/meta/original/3X/0/4/044327712f698bce7dffa627aa012b7c17500249.png)

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [7월 18, 2020, 3:49오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/5 "2020-07-18T15:49:58Z")

</div>

저는 정확히 이 문제를 보고하려고 여기에 왔습니다. 기본적으로 게시된 페이지의 HTML 스타일링이 매우 간소하다고 생각합니다. 또한 위에서 피드백으로 언급했듯이 브라우저 탭에 제목이 없는 등 다른 문제들도 있습니다.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [7월 30, 2020, 4:23오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/11 "2020-07-30T16:23:18Z")

</div>

# 업데이트

Discourse 환경에 더 잘 통합될 수 있도록 게시된 페이지(Published Page)에 스타일링을 추가했습니다. 😄 :discourse:

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/c/3cea099f94d7ef52f395a29b7cccefcb828eb079.png)

OP에서 언급된 `html`과 `css`가 이 변경 사항을 반영하도록 업데이트되었습니다.

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [7월 31, 2020, 12:28오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/12 "2020-07-31T12:28:11Z")

</div>

멋지네요!  
하지만 몇몇 클래스가 이름이 바뀌어서, 왜 이제 클래스 간에 접두사가 다른지 잘 모르겠어요: 어떤 클래스는 `pp-`이고, 다른 클래스는 `published-page-`인가요?

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [7월 31, 2020, 2:25오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/13 "2020-07-31T14:25:01Z")

</div>

아, 맞습니다! 말씀하신 대로 일관성을 위해 `pp` 참조가 `published-page`로 변경되었습니다.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8월 6, 2020, 5:48오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/14 "2020-08-06T17:48:06Z")

</div>

정말 마음에 들어요! 😻 페이지 게시는 비공개로 작업하되, 로그인 없이 접근 가능한 페이지를 통해 주기적인 보고서를 공유하려는 팀에게 매우 유용할 수 있습니다.

제목 텍스트 크기가 너무 크고, 한 줄을 넘어갈 때 서식이 엉망이 됩니다:

 ![Screen Shot 2020-08-06 at 10.34.33 AM](https://global.discourse-cdn.com/meta/original/3X/c/a/ca504ff686e347a4baaa5621820c7c90cb98d8ee.png)

개인적으로는 작성자 정보의 우선순위를 낮추는 쪽을 선호합니다. 게시된 페이지에서는 이 정보가 덜 중요하고 시선을 분산시키거든요. 전에 이런 제안을 한 적이 있는데, 아무도 이 문제를 제기하는 것 같지 않네요. 만약 그게 아니라면 큰 문제는 아닙니다.

> [@tobiaseigen](#):
>
> 게시된 페이지에서는 사용자 아바타, 사용자 이름, 날짜를 표시하지 않는 쪽을 선호합니다.
> 
> - 이 정보를 표시해야 한다면, CC 라이선스와 URL과 함께 하단에 배치하는 것이 가장 좋을 것 같습니다. 그리고 로그인된 상태라면 해당 토픽으로 돌아가는 링크를 포함하면 좋겠습니다.

토픽이 디스코토커(discotoc), 원박스(oneboxing), 이미지 뷰, 날짜 등을 표시하는 방식과 기능 동등성을 추구할 의사가 있나요? 만약 그렇다면 테스트를 도와드릴 수 있습니다.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [11월 22, 2022, 1:11오후 UTC](https://meta.discourse.org/t/add-more-styling-to-published-pages/246405/17 "2022-11-22T13:11:19Z")

</div>


