# CSS로 /about 페이지의 요소를 숨기는 방법?

**URL:** https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264
**Category:** Development
**Tags:** css, about-page
**Created:** [11월 3, 2024, 2:04오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264 "2024-11-03T14:04:35Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [11월 3, 2024, 2:04오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/1 "2024-11-03T14:04:36Z")

</div>

여러분 안녕하세요,

[new /about 페이지](https://meta.discourse.org/t/new-and-improved-about-page-at-about-is-live/324212)의 개별 요소를 CSS를 사용하여 숨기는 방법이 있을까요?

 ![Screenshot 2024-11-03 at 14.00.44](https://global.discourse-cdn.com/meta/original/4X/2/2/b/22bf71a34c6561c89c8ccad4b65d946b4098142d.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [11월 3, 2024, 2:20오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/2 "2024-11-03T14:20:41Z")

</div>

안녕하세요 👋

이 코드는 관리자, 모더레이터 및 생성 날짜 통계를 숨깁니다.

```scss
.about__stats-item {
  &.admins,
  &.moderators,
  &.site-creation-date {
    display: none;
  }
}

```

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [11월 3, 2024, 2:26오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/3 "2024-11-03T14:26:21Z")

</div>

정말 아름답네요!

@Don, 정말 감사합니다 👏🏻 🙇🏻‍♂️

---

<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: [11월 5, 2024, 5:57오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/4 "2024-11-05T17:57:52Z")

</div>

대단하네요! 테스트해 봤는데 잘 작동합니다. 모두를 숨기면 수평선이 여전히 표시되어 약간 이상해 보입니다.

이것은 단순히 시각적인 변경일 뿐이라는 점 참고해 주세요. 어떻게 찾아야 하는지 아는 사람들은 여전히 그 숫자에 접근할 수 있습니다.

왜 그 통계 행을 숨기려는 건지 궁금합니다. 회원과 잠재적 회원들이 좋아할 만한 사이트에 대한 훌륭한 요약이거든요. 특정 숫자가 문제인 건가요? 그렇다면 어느 숫자인가요?

"0 moderators"가 약간 이상해 보이는 것 같기도 합니다. 관리자가 없으면 표시하지 않도록 변경하는 건 어떨까요?

@Don “Created x years ago” 숫자를 CSS로 변경할 수 있는지 알고 계신가요?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [11월 5, 2024, 6:13오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/5 "2024-11-05T18:13:07Z")

</div>

> [@tobiaseigen](#):
>
> CSS를 사용해 “x년 전에 생성됨”이라는 숫자를 변경할 수 있나요?

무엇을 이루고 싶으신가요? 그냥 [텍스트를 커스터마이징](https://meta.discourse.org/t/customize-text-in-discourse/36092)하면 되지 않나요?

---

<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: [11월 5, 2024, 6:24오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/6 "2024-11-05T18:24:39Z")

</div>

최근 한 고객이 "x년 전에 생성됨"이라는 숫자가 정확하지 않으니 변경하고 싶다고 문의했습니다. 다른 플랫폼에서 이식했기 때문에 해당 숫자가 정확하지 않다는 것이었습니다. 이는 일반적인 사용 사례라고 생각하므로 이 숫자를 쉽게 변경할 수 있도록 해야 합니다.

아래와 같은 사이트 텍스트가 관련될 것으로 보입니다. 더 사용자 친화적인 해결책은 생성일을 덮어쓸 수 있는 사이트 설정을 제공하는 것일 수 있습니다.

 ![Screenshot 2024-11-05 at 10.22.13 AM](https://global.discourse-cdn.com/meta/original/4X/7/6/d/76d274b88fcf9850a53468f954feca328cc2fab7.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [11월 5, 2024, 6:36오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/7 "2024-11-05T18:36:08Z")

</div>

CSS로 어떻게 변경하되, 사용자의 인터페이스 언어와 일치하게 유지하는지 궁금합니다. 만약 About 페이지가 독일어인데 해당 텍스트가 영어였다면, 그 숫자가 조작된 것이 분명해 보였을 것입니다. 그리고 About 페이지는 로그인하지 않은 상태에서 자주 확인하는 페이지입니다. `set locale from accept language header` 설정 때문에, 제가 영어로 사용하는 포럼에서도 이 페이지를 독일어로 꽤 자주 보게 됩니다. 그래서 일반적인 텍스트 커스터마이징 방식이 더 눈에 띄지 않을 것이라고 생각했습니다.

여기 Meta의 환영 게시글도 9년 전에 작성된 것입니다.

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [11월 5, 2024, 6:38오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/8 "2024-11-05T18:38:32Z")

</div>

아니면 그냥 `Created %{count} years ago`를 `Online since dawn of the time`으로 바꾸는 것도 가능하죠 🤷‍♂️

하지만 그 자잘한 데이터가 사용자에게 어떤 이점을 줄지 모르겠네요. 아마도 또 저만의 생각일 뿐일 겁니다.

---

<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: [11월 5, 2024, 6:42오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/9 "2024-11-05T18:42:48Z")

</div>

> [@tobiaseigen](#):
>
> 아마도 다음 사이트 텍스트들이 관련이 있을 것 같습니다. 생성 날짜를 덮어쓸 수 있는 사이트 설정을 제공하는 것이 더 사용자 친화적인 해결책이 될 수 있습니다.

방금 깨달은 것이 있는데, 자신의 특정 사례에 영향을 미치는 항목만 변경하면 됩니다. 가입한 지 1년이 넘었다면 `js.about.site_age.year.other`를 사용자 지정할 수 있습니다.

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [11월 6, 2024, 2:08오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/10 "2024-11-06T14:08:31Z")

</div>

> [@tobiaseigen](#):
>
> 왜 그 통계 줄을 숨기려는 건지 궁금합니다.

그 통계가 어떤 가치도 제공한다고 느끼지 않습니다.

관리자나 모더레이터의 수는 가입을 고려하고 있는 사람들에게 영향을 미치지 않을 것입니다.

그 숫자에 관심이 있다면, 어차피 그 숫자 바로 아래에 모두 표시되어 있으므로 직접 세어볼 수 있습니다 🙂

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [12월 6, 2024, 2:09오후 UTC](https://meta.discourse.org/t/hiding-elements-of-the-about-page-with-css/334264/11 "2024-12-06T14:09:01Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
