Follow

Ich habe jetzt auch ein Mastodon-Icon in der Kontaktleiste auf meiner Website 🙂

Wer so etwas auch braucht: Die Website ebildungslabor.de läuft auf Wordpress und ich habe es als Custom CSS mit einem SVG Icon im Theme festgelegt. (Es gibt bestimmt bessere Wege, aber so ist es für mich jetzt erstmal gelöst)

· · Web · 5 · 9 · 26

@ebildungslabor
Einige Menschen haben kleine Bibliotheken dafür geschrieben.

Etwa github.com/aly-ve/Mastodon-sha

Aber ich würde mir morgen gerne ansehen, wie du es umgesetzt hast. Das HTML reicht mir.

@RyunoKi Der Link zu der Sharing-Möglichkeit ist toll, das brauche ich als nächstes. Zuerst einmal ging es bei mir nur darum, einen Link zu meinem Mastodon-Profil auf der Website zu ergänzen und sicherzustellen, dass der vernünftig, d.h. mit einem layoutmäßig passenden Maston-Icon angezeigt wird.

Ich bin so vorgegangen:
ebildungslabor.github.io/masto

(Ich kann nicht programmieren, sondern frickele immer nur ein bisschen rum und kopiere zusammen. Für programmierende Menschen wäre das wahrscheinlich überhaupt kein Aufwand gewesen. Ich habe es aufgeschrieben, weil es glaube ich noch mehr Menschen gibt, die keine Programmier-Kenntnisse haben und deshalb so ein Social Media Menü nicht einfach mal schnell so um ein Mastodon Icon ergänzt bekommen.)

@ebildungslabor Dann probier ich's morgen doch nochmal für kidsdigitalgenial.de/
Danke dir! Letztes mal bin ich daran gescheitert und hab entschieden dann zumindest auch das Twitter-Icon runterzunehmen. Beide oder gar keine, dachte ich mir. Aber mit Icons ist's natürlich schicker als die Handles in Textform.

@ebildungslabor Wer FontAwesome nutzt, kann das Icon auch von dort einbinden: fontawesome.com/icons/mastodon

(Heißt aber ein zusätzliches Plugin, was ggf. Daten abgreift und "nach Hause telefoniert")

@ebildungslabor Ich habe auf meinem eigenen LinkTree das ganze mit (nicht ganz korrekten) Emojis gelöst: davidlohner.info

@a_siebel uh, damit muss ich mich mal auseinandersetzen. Ich wollte meine Webseite ohnehin mal neu (und ggf. datenschutztechnisch schlanker) aufsetzen. Kenne mich nur zu wenig aus bzw. will einige Features nicht missen.

@ebildungslabor Ich habe es einfach mit HTML eingefügt.

<a rel="me" href="mastodon.lernsachen.online/@th">
<img title="Mastodon" alt="Mastodon" src="mastodon.png" width="35" height="35" />
</a>

@thomas

Ja, das ist bestimmt die einfachste Lösung, aber geht eben dann nicht oder zumindest nicht schön, wenn das verwendete Theme ein Social Media Icon Menü oder eine Social Media Icon Kontaktleiste zur Verfügung stellt.

@ebildungslabor
Das habe ich dann auch mal auf breitbandlehrer.de gemacht.
Läuft unter Hugo, Vorgehen aber genau das Gleiche.
#FediLZ #twlz

Sign in to participate in the conversation
digitalcourage.social

The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!