트위터 아이콘을 X 로고로 업데이트

개발
1

professor farnsworth futurama GIF

We’ve temporarily added the X logo as an available icon in core Discourse to allow everyone to make the branding switch on their own. Upgrading the entirety of Font Awesome in Discourse is a very large project, so this is meant to allow a workaround in the mean time.

If you’re looking to make the change, you can follow these steps:

  1. Add temporary-twitter-x to your svg icon subset site setting

  2. Create a new theme component and add the following code to the noted sections:

    Common > Head

    <script type="text/discourse-plugin" version="0.11">
  api.replaceIcon('fab-twitter', 'temporary-twitter-x');
</script>

    Common > Color Definitions

    :root {
 --twitter: $twitter-or-white: dark-light-choose(unquote("#000"), unquote("#fff"));
}

And that should be that. :slight_smile: :+1:

You may also wish to update your site text customisations to use the new branding if you haven’t already:

/admin/customize/site_texts?q=twitter

Hopefully this will suffice until a more permanent solution is in place :crossed_fingers: (or it gets changed to something entirely different next month :slight_smile:)

4

When this eventually happens, will it be optional? I don’t care what Elon says, I’m calling it Twitter, it is not “x”, and I’m keeping it that way on my sites. The logo looks bad anyways, I want to keep the bird.

5

Even if it was the default behavior, you could still use the same code in reverse to replace the 𝕏 with the :bird:.

6

저는 개발자가 아니라서 이걸 어떻게 해야 하는지 모르겠는데, 이 지침을 따르다 보면 이 페이지를 가리키는 관리자 경고 배너가 뜨는 걸로 보이거든요…

X 아이콘이 사라지지 않도록 업데이트할 수 있을까요?

7

FontAwesome 6에는 X 아이콘이 포함되어 있고, Discourse도 이를 사용하도록 업데이트되었기 때문에 더 이상 필요하지 않습니다.

8

좋은 정보네요. 그런데 ‘x-twitter’ 아이콘을 사용해 봤을 때 빈 공간만 표시되었습니다. SVG 아이콘 목록에 ‘fa-x-twitter’를 추가해도 아무 변화가 없었습니다.

공식적으로 아이콘이 보이려면 어떻게 해야 하나요?

9

브랜드 아이콘에는 fab (Font Awesome Brand) 접두사가 필요합니다

10

방금 다른 게시글에서 확인했어요. 감사합니다.

FA 웹사이트에서 본 것 기준으로, 그냥 fa-x-twitter만 쓰면 되는 줄 알았거든요.

11

아마도 HTML 예제 때문에 혼란을 느끼셨을 수 있습니다.

image
image540×190 5.66 KB

하지만 여기에서 fab를 볼 수 있습니다.
image
image535×253 9.33 KB

12

아마도. 가끔은 미친 듯이 여기저기 마구 클릭하곤 해요.