Install this theme component
Features
This component only works on public sites .
Share icons will be automatically disabled on private sites when site setting login required is active.
Manipulating settings related to crawler user agents could potentially interfere with the proper functioning of the component.
Settings:
Name
Descriptions
social share links
Comma delimited in this order: name, icon, title, link.
svg icons
List of FontAwesome 5 icons used in this theme component. Use prefix fa- for solid icons, far- for regular icons and fab- for brand icons.
Some providers & Links:
English Social Media
Provider
Sharing URL
Tumblr
https://www.tumblr.com/widgets/share/tool?canonicalUrl=
Pinterest
https://pinterest.com/pin/create/button/?url=
LinkedIn
https://www.linkedin.com/shareArticle?mini=true&url=
Reddit
https://www.reddit.com/submit?url=
Pocket
https://getpocket.com/edit?url=
Evernote
https://www.evernote.com/clip.action?url=
HackerNews
https://news.ycombinator.com/submitlink?u=
Digg
https://digg.com/submit?url=
Flipboard
https://share.flipboard.com/bookmarklet/popout?v=2&title=
Instapaper
https://www.instapaper.com/edit?url=
Diaspora
https://share.diasporafoundation.org/?title={title}&url=
Viber
viber://forward?text=
Mastodon
https://mastodonshare.com/?url=
Threads
https://www.threads.net/share?url=
Bluesky
https://bsky.app/intent/compose?text=
Mix.com
https://mix.com/add?url=
MeWe
https://mewe.com/share?link=
International (non-english) Social Media
Provider
Sharing URL
QZone (China)
http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=
Weibo (China)
http://service.weibo.com/share/share.php?url=
Douban (China)
https://www.douban.com/recommend/?url=
RenRen (China)
http://widget.renren.com/dialog/share?resourceUrl=
VK (Russia)
https://vk.com/share.php?url=
OK.ru (Russia)
https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=
Xing (Germany)
https://www.xing.com/app/user?op=share&url=
SurfingBird (Russia)
http://surfingbird.ru/share?url=
Phone/Audio-Based Social Media
Provider
Sharing URL
SMS
sms:{phone_number}?body=
Telegram
https://telegram.me/share/url?url=
Line
https://lineit.line.me/share/ui?url=
Skype
https://web.skype.com/share?url=
WhatsApp
https://wa.me/?text=
WhatsApp Web
https://web.whatsapp.com/send?text= (read also here )
This guide is a wiki, if you have other providers, maybe specific for your country, just add them to the list.
You will find the share URL in the documentation for the developers.
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
Last edited by @dax 2025-05-09T19:43:20Z
Check document Perform check on document:
75 лайков
dax
(Daniela)
12.Май.2019 10:44:21
31
Premise: I do not use, nor have I ever used Instagram but , I do not believe that Instagram have a share button at all, for sure there is a “follow” button that you can add if you want it.
Something like this should work (maybe)
instagram,instagram,follow me on instagram,https://www.instagram.com/your-instagram-username/?ref=
3 лайка
cogdog
(Alan Levine)
16.Сентябрь.2020 05:19:56
57
В настройках компонента:
ссылки для социальных сетей: LinkedIn, fab-linkedin, Поделиться в LinkedIn, https://www.linkedin.com/shareArticle?mini=true&url=
svg-иконки: fab-linkedin
Кажется, мне пришлось сделать принудительное обновление страницы в браузере, чтобы это сработало.
4 лайка
Kuro22
24.Март.2022 14:21:01
71
Привет! Я видел в вашем посте, что вы добавили обмен в Weixin. Я тоже хочу это сделать. Не могли бы вы поделиться со мной ссылкой? Заранее спасибо!
weixin://dl/moment??
dax
(Daniela)
28.Март.2022 12:21:00
72
Это
weixin://dl/moments
Но имейте в виду, что это неофициальная ссылка глубокой привязки, поэтому она может перестать работать, если WeChat изменит или удалит её.
Подробнее см. по адресу:
mobile-website, wechat
В любом случае, если вы правильно её настроите и она будет работать, добавьте её в список в первом сообщении этой темы.
Kuro22
29.Март.2022 05:18:32
73
Спасибо за ваш ответ. К сожалению, это не работает. При нажатии на кнопку «Поделиться» открывается WeChat, но дальше ничего не происходит.
Я поискал «схема URL WeChat» в китайском интернете, и результаты показывают, что WeChat больше не поддерживает такие глубокие ссылки уже 2–3 года.
1 лайк
Я думаю, что изменения, внесённые в диалоговое окно «Поделиться» несколько месяцев назад, могли сломать этот #theme-component . Похоже, он не работает.
Я установил этот плагин, но он не отображается в списке плагинов.
Я добавил плагин в свой app.yml (- git clone GitHub - discourse/discourse-social-share · GitHub )
Затем пересобрал контейнер (cd /var/discourse, ./launcher rebuild app)
Не понимаю, почему плагин не появился в списке.
Moin
24.Июнь.2022 21:02:22
76
Это компонент темы.
Поэтому вам необходимо следовать инструкции: Installing a theme or theme component
3 лайка
Спасибо @Moin . Я попробую это.
dax
(Daniela)
14.Сентябрь.2022 13:25:57
78
Decorbuz:
Похоже, это не работает.
Компонент всё ещё работает, но только на публичных сайтах. Некоторое время назад мы отключили возможность публикации постов и тем в социальных сетях, когда сайты являются приватными.
Я только что обновил исходный пост соответствующим образом.
5 лайков
Огромное спасибо! Плагин #plugin вызывал множество конфликтующих проблем на моём форуме. Теперь я знаю почему!
2 лайка
busfactor
(busfactor)
07.Март.2023 20:46:15
80
хм, используется на публичном сайте, но всё ещё отображается неправильно…
1 лайк
Выглядит отлично, но как добавить пользовательские иконки, которых нет в Font Awesome?
О, кажется, я что-то нашёл:
You can replace a Discourse’s default SVG icons individually or as a whole with your own custom SVG and override them within a theme or theme component.
Step 1 - Create an SVG Spritesheet
To get started, you must create an SVG Spritesheet. This can contain anything from a single additional custom SVG icon up to an entire replacement set of hundreds.
The spritesheet should be saved as an SVG file. In principle, you are nesting the <svg> tag contents from the original SVG icon file into <symbol> …
volanar
(Volanar)
04.Август.2023 19:48:19
82
В чем разница между этим компонентом и встроенной функцией обмена?
1 лайк
Встроенная функция «Поделиться» поддерживает лишь ограниченное количество вариантов, таких как Twitter, Facebook и электронная почта. Этот компонент позволяет добавлять любую ссылку.
3 лайка
volanar
(Volanar)
04.Август.2023 20:20:20
84
То есть этот модуль дополняет встроенную функцию «Поделиться», но не заменяет её.
1 лайк
Это просто замечательно, огромное спасибо! Это отличное дополнение, и мне нравится возможность кастомизации, которую мы получили.
Я заметил проблему, или, возможно, это ошибка с моей стороны. При выделении текста для публикации в виде цитаты мини-панель инструментов пытается отобразить все добавленные мной иконки для публикации, и места для них не хватает. Я пробовал прокручивать и перемещаться стрелками, но иконки просто обрезаются. Это не критично, но, возможно, будет интересно разработчикам.
Я перешёл в раздел share quote buttons, но там, похоже, нельзя ничего добавить или удалить.
Совет:
Для тех, кто хочет реализовать это, но с социальными сетями, которых нет в списке. Обязательно прочитайте Replace Discourse's default SVG icons with custom icons in a theme и How to overrule a color variable for one theme only? - #7 by smrtey — там подробно описано, как настроить файл about.json. Это ключевой момент , чтобы вы могли добавить файл icons-sprite.svg!
Если вы хотите заменить иконки для публикации, эта тема вам поможет: Use standard share icon for share post (instead of link icon) - #9 by bquast
cogdog
(Alan Levine)
31.Октябрь.2023 17:59:32
86
Ура! Удалось добавить ссылку «Поделиться в Mastodon» с использованием
https://mastodonshare.com/?url= — всплывающее окно запрашивает инстанс, после чего создаёт правильную настройку для публикации.
2 лайка
cogdog
(Alan Levine)
27.Май.2024 18:11:59
87
Теперь я использую новый сервис для создания ссылок для обмена — ShareOpenly https://shareopenly.org/ , поскольку он предоставляет не только возможность обмена ссылками в Mastodon, но и в Threads, Blusky и других платформах.
Я изменил настройки в разделе «Социальный обмен», чтобы использовать:
Share Openly, fab-mastodon, Share Openly, https://shareopenly.org/share/?url=
Я всё ещё ищу другой значок, но он уже работает в моём сообществе:
1 лайк