Lange Zeit war es hier ruhig. Ich muss zugeben: Eigentlich zu ruhig, was an anderer Stelle aber demnächst aufgeklärt werden soll. Hier geht um die Änderungen am "Social Media Slideout"-Plugin, welche kürzlich hier und im PluginStore in Version 2.0.0 erschienen ist.
Was hat sich geändert?
Grundsätzlich die Struktur in der Box selbst. Neben den Icons wurden immer die Namen bzw. eine Beschreibung angefügt. Das fällt mit der neuen Version weg, dafür sind Tooltip da. Wirkt ein wenig moderner und aufgeräumter, zugleich eben für jeden noch anpassbar.
Icons ohne Farbe - was nun?
Ja die Icons sind nun ohne Farbe, können aber bei Bedarf natürlich wieder mit welcher versehen werden. Hier ein Vergleich der Struktur, wie ein Link aufgebaut ist:
1.0.0
<li>
<span class="socialMediaIcon" style="color: #007aff">{icon size=32 name='facebook' type='brand'}</span>
<p><a href="#" rel="nofollow" {if EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}>Like Us on<br>Facebook</a></p>
</li>2.0.0
<li>
<div class="tooltip"><a href="#" rel="nofollow" {if EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}><span class="socialMediaIcon">{icon size=32 name='facebook-f' type='brand'}</span></a><span class="tooltiptext">Facebook</span></div>
</li>Font Awesome Icons farblich anpassen
Möchte man in Version 2.0.0 nun wieder ein farbliches Font Awesome Icon haben, ist einfach das Hinzufügen von style="color: #007aff" im Content--Span-Element nötig. Also (siehe Zeile 2):
<li>
<div class="tooltip"><a href="#" rel="nofollow" {if EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}><span class="socialMediaIcon" style="color: #007aff">{icon size=32 name='facebook' type='brand'}</span></a><span class="tooltiptext">Facebook</span></div>
</li>Für Farbwünsche benötigt ihr nur einen HEXCode. Den könnt ihr unter anderem euch hier picken lassen: https://html-color-codes.info/webfarben_hexcodes/
Dann passt ihr einfach "#007aff" durch euren erstellten HEXCode an.
Background ändern
Einfach in eurem Stil oder im stilunabhängiges CSS / SCSS folgendes hinzufügen und den HEXCode entsprechend anpassen:
.sticky li {
background-color: #c32020;
}Damit erhält die "Sidebar" einen roten Hintergrund.
Links im Boxsystem ändern
Im Standardumfang des Plugins (also wenn ihr es nun aktualisiert oder neu installiert) werden gängige Sozial Medien in die Box hinzugefügt. Ihr könnt weiter oben im Artikel sehen, was sich von 1.0.0 auf 2.0.0 geändert hat. Wollt ihr also Links komplett dort entfernen, braucht ihr nun die besagten Stellen aus der Box löschen oder auskommentieren. Beispiel anhand des Facebook-Eintrages:
{*<li>
<div class="tooltip"><a href="https://www.facebook.com/simondevnet" rel="nofollow" {if EXTERNAL_LINK_TARGET_BLANK} target="_blank"{/if}><span class="socialMediaIcon">{icon size=32 name='facebook-f' type='brand'}</span></a><span class="tooltiptext">Facebook</span></div>
</li>*}Damit stellt ihr sicher, wenn ihr später eurer Community doch eine Facebook Seite oder Gruppe anbieten wollt, das ihr sie eben schnell wieder im Slideout verfügbar machen könnt. Außerdem spart ihr euch damit wertvolle Zeit, den ein neues Hinzufügen von Links dauert doch etwas länger, als bloß kleinere Code-Anpassungen. 
Fragen, Anregungen oder anderes?
Für all das stehe ich euch in meinem kleinen Support-Forum zur Verfügung (erreicht ihr ja über das Menü).