Hi all,
thanks to the feedback from Geoffrey I have now been able to customize the Plugin as I want to have it. Here’s how (including the fix for the AdBlock Plus problem I submitted):
1. Info-Button: Add a new FAQ-Section or Page with this content (linked below)
<a name="socialinfo" id="socialinfo"></a><h3>Gef?llt mir – mit Datenschutz!</h3>
<p>Immer mehr Websites binden die Gef?llt-Mir-Buttons von Facebook, Google+, Twitter & Co. ein; wir auch. Allerdings werden oft - je nach Implementierung - durch diese Buttons schon beim Laden der Seite – also ganz ohne dass der Anwender etwas dazu tut – Daten an die Betreiber der Netzwerkplattformen über­tragen. Die enthalten neben der URL der aktuellen Seite unter anderem eine Kennung, die zumindest bei dort angemeldeten Nutzern direkt mit einer Person verknüpft ist. Facebook & Co k?nnen also komplette Surfprofile ihrer Nutzer erstellen; Details dazu erkl?rt der Heise-Artikel <a href="https://www.heise.de/security/artikel/Das-verraet-Facebooks-Like-Button-1230906.html" title="Heise-Artikel zum Like-Problem im neuen Tab ?ffnen" target="_blank">Das Like-Problem</a>. Da dies unseren Vorstellungen von Datenschutz keinesfalls entspricht, haben wir nach sorgf?ltiger Auswahl eine zweistufige L?sung eingesetzt, die erst dann Daten übermittelt, wenn Sie auf eines der Social-Buttons klicken.</p>
2. Info-Button: Add some PHP Code
See “documentation.html” in the unpacked Juiz SPS package!
Insert the following code into the functions.php file; OR – if you are using a technically strong theme –
you can may find a place in its settings where you can add PHP code directly in the WP-Backend
(Weaver ii: Advanced Options | Actions and Filters).
if( !function_exists('content_after_jsps_last_item')) {
function content_after_jsps_last_item() {
return '<li class="juiz_sps_item juiz_sps_link_socialinfo"><a href="/faq#socialinfo"
title="ERST DANN, wenn Sie auf eines dieser Buttons klicken, werden Informationen an das jeweilige soziale Netzwerk, eventuell ins Ausland, übertragen und unter Umst?nden auch dort gespeichert. Klicken Sie hier für mehr Informationen."><span class="juiz_sps_icon"></span><span class="juiz_sps_network_name">Info zu den Buttons</span></a></li>';
}
}
add_filter('juiz_sps_after_last_item', 'content_after_jsps_last_item');
3. Adblock Plus Problem: Add CSS Code
It turns out that the problem from Fanboys Social Blocking Filter is only that the sprite image file itself is being blocked. This makes a workaround easy – just manually upload the sprite (whichever version you opted for) to another location in the uploads tree of WordPress (e.g. uploads/images/sps_sprites.png) and add the following
statement into your CSS (how you can do that depends on the theme you are using;
Weaver ii: Advanced Options | Custom CSS Rules).
Note that this code may be included in a generated stylesheet BEFORE the stylesheet from Juiz SPS, therefore for this rule to always have priority the explicit “span” was added.
.juiz_sps_links span.juiz_sps_icon { background:url("../images/sps_sprites_tr.png") 0 -16px no-repeat; }
4. Info-Button: How to make a pretty icon for it
Copy the relevant sprite and extend it on the right side with questionmark icons. Upload it as described above. Then add the following statements into your CSS.
.juiz_sps_links .juiz_sps_link_socialinfo .juiz_sps_icon { background-position: -178px -16px; }
.juiz_sps_links .juiz_sps_link_socialinfo a:hover, .juiz_sps_links .juiz_sps_link_socialinfo a:focus { color: #008800; }
.juiz_sps_links .juiz_sps_item.juiz_sps_link_socialinfo a:hover .juiz_sps_icon,
.juiz_sps_links .juiz_sps_item.juiz_sps_link_socialinfo a:focus .juiz_sps_icon { background-position: -178px 0; }
You can see this fix in action at the BiR-Blog.
