Replace Twitter with X

I think X has not published their official branding guidelines yet. We may have to be a bit more patient.

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>';

They do have this page, but admittedly it’s not much. Just a few downloads and no actual guidelines.

I understand your decision though. Elon is really putting his heart into making this as chaotic as possible.

AddToAny now offers both Twitter and X buttons

Hi! As far as the domain is concerned, Twitter is still Twitter for now, but I wanted to ask about adding Instagram to the Shariff Wrapper. Is that planned any time soon?

Replace in shariff-twitter.php with this code

// Colors.
$main_color = '#000000';
$secondary_color = '#444444';
$wcag_color = '#000000';

// SVG icon.
$svg_icon = '<svg width="32px" height="20px" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="' . $main_color . '" d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"/></svg>';

Hello @gerobe:)

Thank you for sharing! As someone with absolutely no mind for technical stuff: Where exactly in the shariff-twitter.php should this code be placed?

@maximiliane ,

Under Plugins: Plugin File Editor –

Select Plugin To Edit: Select Shariff Wrapper

Click on Services > Open shariff-twitter.php

Starting at Line 28, you will see

// Colors.

// SVG icon.

Erase everything starting with the line that contains // Colors. DO NOT TOUCH the line begging with — Backend available? ….

Then paste in what @gerobe provided above.

Hope that makes sense.

@shirtguy72

It worked! Thank you so much for your help:)

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.