Jan-Peter

I included the logo and name change in the new release. Thank you @gerobe for providing the information. Just so you know: I changed the colors a little bit in order to stay wcag compliant.

Hi Allan,

the problem with the aria labels should now be gone due to the renaming of Twitter in the new release.

JP

Hallo shinigami77,

das Bild zieht sich Xing selber, indem deren Bot deine Seite besucht. Um zu bestimmen, welches Bild der Bot sich zieht, musst die die sogenannten OG-Tags richtig setzen. Dafür gibt es entsprechende Plugins. Einfach mal nach WordPress und OG-Tags suchen. Xing beschreibt das auch hier unter dem Punkt “Meta Tags”.

https://dev.xing.com/plugins/share_button/docs

Aber wie gesagt, ein besten ein Plugin nutzen. Die allermeisten SEO-Plugins bringen diese Einstellungen auch bereits mit. Also falls du ein SEO-Plugin verwendest, einfach mal in den Einstellungen von diesem nach “Open Graph” oder Meta-Tags schauen.

Wichtig: Die Einstellungen sind grunds?tzlicher Natur, d.h. das hat nichts mit den Share Buttons zu tun, sondern gilt genau so, wenn man deine Seite anderweitig teilt (und sei es per Copy & Paste) und für alle Netzwerke.

Viele Grü?e

JP

Ich habe es selber gerade einmal ausprobiert mit Firefox und Edge auf einem Windows 11-Rechner und keine Probleme feststellen k?nnen. Geht es wieder bei euch? Dann lag es eventuell einfach mal wieder an Twitter.

Hi allangarland,

we have a high contrast theme that – if I remember correctly – is compliant to the WCAG 2.0 AA standard. You can select the theme in the Shariff settings on the design tab. You want to choose the last one called “wcag”. This works in the shortcode options as well.

We left the default theme with the official network company colors there as well because not every site owner wants / likes the high contrast version or has other tool sets in place which change colors or inverse them on demand.

Regarding the label issue: We actually have the aria labels in place. So there is no real world impact for screen reader users. What the test tool is referring to ist the fact that the visible button is called “tweet” and the aria label is called “Share on Twitter”. So the word “tweet” is not part of the area label, which might confuse users (not really likely though). This is only the case with Twitter. Since Twitter is dead anyways and should – if at all – be replaced with X in the next release, this issue should simply disappear automatically one way or the other.

I hope I could clear things up a bit. For now the only thing you need to do is to switch to the wcag design theme.

Cheers

JP

• This reply was modified 11 months, 3 weeks ago by Jan-Peter.

I am not aware of any share button for bluesky out there at the moment. If you see one in the wild on a webpage or so, please let me know and I’ll take a look.

Thank you! Took some time, but yes, it works. I just updated the “tested up to” information.

Hallo Patrick,

ja, würde es im Fall der F?lle geben. Feature-Updates sind derzeit weiterhin nicht geplant, weil dafür privat die Zeit fehlt, aber sollte ein Sicherheitsupdate notwendig sein, werden wir uns darum kümmern.

Viele Grü?e

JP

Basically what Derda said: At the moment that is all still too uncertain to invest any time in it. The Domain is still twitter.com, so technically nothing has changed, except that they changed their logo and not even that has been finished completely. There are still a lot of official Twitter pages that use the old logo and colors. For the text sometimes they use X, for the most part it still says “Twitter” all over the place. So we will wait, until they have figured it out for themself first.

But of course: If someone wants to invest the time, feel free to do so. Basically we need the new logo as SVG code (make sure it is free to use with no legal strings attached) and the three color variants in hex (main color, secondary color and wcag color). We then can simply change the few lines of code in the shariff-twitter.php file:

// Colors.
$main_color = '#55acee';
$secondary_color = '#32bbf5';
$wcag_color = '#115A92';

// SVG icon.
$svg_icon = '<svg width="32px" height="20px" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 30 32"><path fill="' . $main_color . '" d="M29.7 6.8q-1.2 1.8-3 3.1 0 0.3 0 0.8 0 2.5-0.7 4.9t-2.2 4.7-3.5 4-4.9 2.8-6.1 1q-5.1 0-9.3-2.7 0.6 0.1 1.5 0.1 4.3 0 7.6-2.6-2-0.1-3.5-1.2t-2.2-3q0.6 0.1 1.1 0.1 0.8 0 1.6-0.2-2.1-0.4-3.5-2.1t-1.4-3.9v-0.1q1.3 0.7 2.8 0.8-1.2-0.8-2-2.2t-0.7-2.9q0-1.7 0.8-3.1 2.3 2.8 5.5 4.5t7 1.9q-0.2-0.7-0.2-1.4 0-2.5 1.8-4.3t4.3-1.8q2.7 0 4.5 1.9 2.1-0.4 3.9-1.5-0.7 2.2-2.7 3.4 1.8-0.2 3.5-0.9z"/></svg>';

Hi, yes as described in the FAQ:

Can I use the Shariff buttons in my theme?

Yes. Simply use the shortcode function:
do_shortcode('[shariff]');
You can use all options of the shorttag as described on the help tab in the plugin settings.

• This reply was modified 1 year, 6 months ago by Jan-Peter.

Hi René,

Instagram does not support sharing content from outside of their app. They want you to use their app / site and create content for them and not to share content from the internet. At least that is my interpretation. Baseline is: It is technically impossible.

Cheers

JP

The Threema button is only shown on mobile devices since it does not work on desktops.

New release 4.6.9 adds a share button for Mastodon thanks to @[email protected] and his Share2Fedi project.

Hi,

on the “Design” tab you can add custom CSS to the container around shariff.

Custom CSS attributes for the container around Shariff:

if you add something like this

margin-top: 25px; margin-bottom: 25px;

you can play around with the margins that work best for you.

Cheers
JP

Hi,

I just tested it and it works in the “Transitional” and in the “Reader” mode. Just not in the “Standard” mode because our plugin uses the “is_amp_endpoint” check if it should switch to AMP mode. Back in the times there where always the two versions of a page: the normal and the amp one. The “new” setting “Standard” mode, where you -only- have an amp version, simple didn’t exist back then.

Cheers
JP