Обновление иконки Twitter на логотип X

Разработка
1

professor farnsworth futurama GIF

Мы временно добавили логотип X в качестве доступной иконки в ядро Discourse, чтобы каждый мог самостоятельно выполнить смену брендинга. Полное обновление Font Awesome в Discourse — это очень масштабный проект, поэтому данное решение призвано предоставить временное обходное решение.

Если вы хотите внести эти изменения, выполните следующие шаги:

  1. Добавьте temporary-twitter-x в настройку сайта svg icon subset.

  2. Создайте новый компонент темы и добавьте следующий код в указанные разделы:

    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"));
}

На этом всё. :slight_smile: :+1:

Также, если вы ещё не сделали этого, возможно, стоит обновить пользовательские тексты вашего сайта, чтобы использовать новый брендинг:

/admin/customize/site_texts?q=twitter

Надеемся, этого будет достаточно до тех пор, пока не будет внедрено более постоянное решение :crossed_fingers: (или пока всё не изменится на что-то совершенно другое в следующем месяце :slight_smile:)

4

Когда это в конечном итоге произойдет, будет ли это опциональным? Мне всё равно, что говорит Илон, я называю это Twitter, а не «x», и намерен оставить всё именно так на своих сайтах. Логотип в любом случае выглядит плохо, я хочу сохранить изображение птицы.

5

Даже если это будет поведение по умолчанию, вы всё равно сможете использовать тот же код в обратном направлении, чтобы заменить 𝕏 на :bird:.

6

Я не разработчик, поэтому не знаю, как это сделать, но при использовании этих инструкций я получаю предупреждающий баннер администратора, который ссылается на эту страницу…

Можно ли обновить это, чтобы я не потерял значок X?

7

В этом больше нет необходимости, так как иконка X включена в FontAwesome 6, а Discourse обновлен для её использования.

8

Это полезно знать, но когда я попробовал с иконкой «x-twitter», у меня появился пустой пробел. Когда я добавил «fa-x-twitter» в список SVG-икон, ничего не изменилось.

Что мне нужно сделать, чтобы она отображалась официально?

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

Наверное. Иногда я просто кликаю как безумный.