koala150

Danke für den Tipp, aber meine Frage richtete sich nicht darauf, dass mir jemand was raussucht, sondern, ob jemand zufällig was in der Richtung kennt. Wenn nicht, ist das auch nicht so schlimm. So wichtig ist das nicht, um deswegen jetzt tagelang mehrere Plugins auszuprobieren. Trotzdem Danke nochmal.

ich hab zwar keine Ahnung von nix, aber so scheint´s zu klappen wie gewünscht:

zus. css

.footer-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
  margin-top: 8px;
}

.footer-share-icon-box {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.footer-share-icon {
  width: 18px;
  height: 18px;
  display: block;
}

.footer-share-icon {
  width: 24px;
  height: 
  display: block;
  object-fit: contain;
}

.footer-share-text {
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
}

HTML1 im Footer

<a id="share-btn" class="footer-share-btn" href="#">
<img class="footer-share-icon" src="https://mietrecht-eigenbedarfskündigung.de/wp-content/uploads/2026/03/Share_Icon-removebg-preview3.png" alt="Teilen" />
<span class="footer-share-text" style="font-size: 14pt; color: #00ff00;">Seite teilen</span>
</a>

und code snippet

add_action('wp_footer', function() {
?>
<script>
document.addEventListener('DOMContentLoaded', function () {
  var btn = document.getElementById('share-btn');
  if (!btn) return;

  btn.addEventListener('click', function (e) {
    e.preventDefault();

    var url = window.location.href;
    var title = document.title;

    if (navigator.share) {
      navigator.share({ title: title, url: url });
    } else {
      if (navigator.clipboard) {
        navigator.clipboard.writeText(url).then(function () {
          alert('Link kopiert');
        });
      } else {
        prompt('Link kopieren:', url);
      }
    }
  });
});
</script>
<?php
});

Den Button den du da meinst, dient nicht zum direkten Teilen. Er kopiert lediglich die aufgerufene URL in die Zwischenablage des Nutzers

Auf einem Desktop stimmt das, da geht´s wohl auch nicht anders, als dass die URL kopiert wird. Aber bei mobilen Geräten, öffnet das Icon Vorschläge von Apps auf dem Gerät des Nutzers, mit denen man etwas teilen könnte. Probiers mal mit nem Handy aus, dann weißt Du was ich meine. 🙂

Danke, aber das ist es nicht. Für Desktop würde das reichen, aber es soll ja auch auf mobilen Geräten (mit demselben Icon) funktionieren. Auf wetteronline.de hab ich das gestern so gesehen, das hat mir gefallen, aber heute ist dieses Icon wieder weg. Is aber nicht weiter tragisch, davon geht die Welt nicht unter. Trotzdem Danke. Vielleicht krieg ich ja mit KI doch noch was zusammen geschnitzt.

juhhu, jetzt passt´s, prima und herzlichen Dank, genauso hab ich mir das vorgestellt. Perfekt! :-))

sorry, dass ich etwas länger gebraucht habe zu reagieren, bin grad nach mit ner andern sache beschäftigt.

es is wie verhext, einstellen kann ich den trennerabstand immer noch nicht, jetzt kann ich zwar die kleinen Pfeile rechts in ihrer Position verändern, bringt aber für die gesamthöhe nix

aber dafür, dass ich nur das mache, was KI mir sagt und eigentlich keine ahnung habe, bin ich mit meinen seiten (sternenrost.de) ganz zufrieden ;-)), die seitenaufrufe bestätigen das ja auch ein wenig.

Danke

https://drive.google.com/file/d/1b3EFPDp1OenJpk74KrIit4jCcu8d7RDp/view?usp=sharing

https://drive.google.com/file/d/1dyQyu2-VZCJw01APnBqw8gZM_0b-UmCC/view?usp=sharing