https://buzzdeee.reitenba.ch/tags/webdesign/ Webdesign - Tag - buzzdeee | Blog & Projects Hugo -- gohugo.iodeDer Inhalt dieser Seite ist lizensiert unter Creative Commons Attribution-NonCommercial 4.0 International License.Mon, 30 Mar 2026 19:59:11 +0200 https://buzzdeee.reitenba.ch/tweaking-loveit-theme/ Mon, 30 Mar 2026 19:59:11 +0200 buzzdeee https://buzzdeee.reitenba.ch/tweaking-loveit-theme/

1. Hugo Themes anpassen: Dein Blog, deine Regeln

Eine Website mit Hugo zu erstellen ist ein bisschen wie der Einzug in eine fertig möblierte Designer-Wohnung. Es sieht von dem Moment an großartig aus, in dem man die Tür öffnet, aber es fühlt sich erst dann wie ein richtiges Zuhause an, wenn man eigene Bilder an die Wände hängt oder den Teppich austauscht.

Das LoveIt-Theme ist wegen seiner cleanen Ästhetik, der integrierten Suche und dem Dark-Mode-Support extrem beliebt. Dennoch können generische Footer oder Standard-Layouts dazu führen, dass sich deine Ecke im Internet ein wenig nach “von der Stange” anfühlt. Egal, ob du einen individuellen Copyright-Hinweis, einen “Buy Me a Coffee”-Link oder spezifische Tracking-Skripte hinzufügen möchtest: Das Theme anzupassen ist der beste Weg, um deinem technischen Blog eine persönliche Note zu verleihen.

]]> HugoLoveItWebentwicklungTutorialWebdesign Eine Schritt-für-Schritt-Anleitung zum Überschreiben von Hugo-Layouts, um einen individuellen, mehrsprachigen Footer mit Support-Links zu erstellen. https://buzzdeee.reitenba.ch/images/tweaking-hugo-theme.png https://buzzdeee.reitenba.ch/additional-social-links/ Thu, 26 Mar 2026 16:06:36 +0100 buzzdeee https://buzzdeee.reitenba.ch/additional-social-links/

Warum das Ganze?

Das Hugo-Theme LoveIt bietet eine großartige Out-of-the-Box-Lösung für Social Media Icons. Doch was passiert, wenn man Plattformen nutzt, die nicht im Standard-Repertoire enthalten sind? Wer seine Arbeit über Ko-fi, Liberapay oder spezialisierte Netzwerke finanziert, möchte diese natürlich prominent in der Sidebar oder im Footer verlinken.

Da LoveIt auf Font Awesome basiert, ist die Lösung eigentlich schon an Bord – wir müssen dem Theme nur beibringen, wie es die neuen Links erkennt und die passenden Icons zuordnet.

]]> HugoLoveItWebdesignTutorialFontAwesome Lerne, wie du das Hugo LoveIt Theme erweiterst, um Social Media Icons wie Ko-fi oder Liberapay hinzuzufügen, die standardmäßig nicht unterstützt werden. https://buzzdeee.reitenba.ch/images/custom_social_links.png