Support » Allgemeine Fragen » Xing Social Button einbinden

  • Hallo Zusammen, ich verwende das 22 Theme und bin dabei Social Buttons einzubinden. Das geht soweit auch ganz einfach, leider fehlt mir der Button für Xing.

    Wie kann ich jetzt möglich einfach diesen Button hinzufügen? Ich könnte einfach ein Bild verlinken das harmoniert dann aber nicht mit den anderen Buttons.

    Für eine einfache Lösung bin ich sehr dankbar.

Ansicht von 1 Antwort (von insgesamt 1)
  • Dazu gibt es einen Abschnitt im englischen Beitrag Themes field guide: WordPress 5.5 unter „Adding icons in Twenty Twenty“. Kurz gefasst kannst du sinngemäß folgenden Code mit dem Plugin Code Snippets oder in der functions.php in einem Child-Theme hinzufügen:

    function mychildtheme_twentytwenty_social_icons_map( $icons ) {
        $icons['xing'] = array(
            'xing.com',
        );
     
        return $icons;
    }
    add_filter( 'twentytwenty_social_icons_map', 'mychildtheme_twentytwenty_social_icons_map' );
     
    function mychildtheme_twentytwenty_svg_icons_social( $icons ) {
        $icons['xing'] = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M18.188 0c-.517 0-.741.325-.927.66c0 0-7.455 13.224-7.702 13.657c.015.024 4.919 9.023 4.919 9.023c.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22c.089-.151.089-.346-.009-.536l-4.879-8.916a.022.022 0 0 1 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0h-3.498zM3.648 4.74c-.211 0-.385.074-.473.216c-.09.149-.078.339.02.531l2.34 4.05c.004.01.004.016 0 .021L1.86 16.051a.52.52 0 0 0 0 .529c.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609l-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648v.016z"/></svg>';
     
        return $icons;
    }
    add_filter( 'twentytwenty_svg_icons_social', 'mychildtheme_twentytwenty_svg_icons_social' );

    Für eine einfache Antwort bin ich sehr dankbar.

    • Diese Antwort wurde geändert vor 9 Monaten von Bego Mario Garde. Grund: wär schön, wenn's eine Rückmeldung gibt
Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „Xing Social Button einbinden“ ist für neue Antworten geschlossen.