Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen von Symbolen für den Dateityp „Attachment“ in WordPress (einfache Anleitung)

Kürzlich fragte einer unserer Leser, ob es möglich sei, in WordPress Symbole für Dateianhänge anzuzeigen. Sie können ganz einfach verschiedene Symbole anzeigen, damit die Nutzer wissen, welche Art von Datei sie von Ihrer Website herunterladen.

Bei WPBeginner verwenden wir verschiedene Icons auf unserer Website, von sozialen Icons bis hin zu Icons für E-Mail-Anmeldungen, WordPress-Logos, Einstellungen und mehr. Wir wissen also ein oder zwei Dinge über das Hinzufügen verschiedener Arten von Icons in WordPress.

In diesem Artikel zeigen wir Ihnen, wie Sie Dateianhangssymbole in WordPress hinzufügen können.

How to add attachment file type icons in WordPress

Wenn Sie Dateianhangssymbole in WordPress benötigen

Standardmäßig können Sie mit WordPress Bilder, Audio- und Videodateien sowie andere Dokumente hochladen. Sie können auch zusätzliche Dateitypen für das Hochladen in WordPress aktivieren.

Wenn Sie eine Datei über den Medien-Uploader hochladen und zu einem Beitrag oder einer Seite hinzufügen, versucht WordPress, die Datei so einzubetten, als ob es sich um ein Bild, Audio, Video oder ein unterstütztes Dateiformat handelt.

Bei allen anderen Dateien wird lediglich ein Dateiname als reiner Text hinzugefügt und mit der Download- oder Anhangsseite verlinkt.

View download links

Im obigen Screenshot haben wir eine PDF- und eine Docx-Datei hinzugefügt. Für einen Benutzer ist es jedoch schwierig zu erraten, welche Art von Datei er herunterladen würde.

Wenn Sie regelmäßig verschiedene Dateitypen hochladen, sollten Sie ein Symbol neben dem Link anzeigen. Auf diese Weise können Ihre Nutzer den gesuchten Dateityp leicht finden.

Sehen wir uns also an, wie man in WordPress Dateianhangssymbole für verschiedene Dateitypen hinzufügt.

Methode 1: Hinzufügen von Dateianhangssymbolen in WordPress mithilfe eines Plugins

Der einfachste Weg, Symbole für Dateitypen hinzuzufügen, ist die Verwendung eines WordPress-Plugins wie MimeTypes Link Icons. Es ist ein kostenloses Plugin, das sehr einfach zu verwenden ist und mit dem Sie Symbole für verschiedene Dateitypen hinzufügen können.

Als erstes müssen Sie das MimeTypes Link Icons Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ MimeType-Symbole aufrufen, um die Plugin-Einstellungen zu konfigurieren.

Mimetype general settings

Mit dem Plugin können Sie die Größe des Symbols sowie die Wahl zwischen PNG- und GIF-Symbolen treffen. Als Nächstes müssen Sie die Ausrichtung des Symbols und die Dateitypen, die das Symbol anzeigen sollen, auswählen.

Danach können Sie nach unten blättern und Symbole auswählen, die auf Ihrer Website angezeigt werden sollen. Es gibt zum Beispiel Symbole für Dateitypen wie PDF, PPT, CSV, AVI, RPM, TXT und mehr.

Select file type icons

Als nächstes können Sie zum Abschnitt Erweiterte Einstellungen scrollen.

Hier finden Sie die Option, die Dateigröße neben dem Download-Link anzuzeigen. Sie ist standardmäßig ausgeschaltet, da sie ressourcenintensiv sein könnte.

Advanced settings mimetype

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern, wenn Sie fertig sind.

Sie können jetzt einen Beitrag oder eine Seite bearbeiten und mit dem Medien-Uploader einen Link zum Herunterladen einer Datei hinzufügen. Zeigen Sie einfach eine Vorschau Ihres Beitrags an, und Sie werden das Dateisymbol neben dem Download-Link sehen.

View file type icons

Methode 2: Verwendung von Icon Fonts für Anhangsdateien in WordPress

Bei dieser Methode wird eine Icon-Schriftart verwendet, um ein Icon neben dem Link zur Anhangsdatei anzuzeigen.

Als Erstes müssen Sie das Font Awesome-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie in Ihrem WordPress-Dashboard die Seite Einstellungen “ Font Awesome aufrufen. Hier können Sie die allgemeinen Einstellungen für das Plugin bearbeiten, z. B. auswählen, ob es Pro- oder Free-Icons verwenden soll.

Font awesome settings

Als Nächstes können Sie einen Beitrag oder eine Seite bearbeiten, zu der Sie einen Anhangslink hinzufügen möchten.

Sobald Sie sich im Inhaltseditor befinden, müssen Sie den HTML-Code für das Symbol eingeben, das Sie anzeigen möchten.

Um diesen HTML-Code zu finden, können Sie die Website der Font Awesome-Symbolbibliothek besuchen. Suchen Sie einfach nach einem Symbol in der Suchleiste und klicken Sie dann auf das Bild.

Search for font icon

Als nächstes sehen Sie verschiedene Variationen des Symbols und seinen HTML-Code.

Klicken Sie auf den Code, um ihn zu kopieren.

Copy the icon code

Danach können Sie zum WordPress-Inhaltseditor Ihrer Website zurückkehren und auf das „+“-Zeichen klicken, um einen benutzerdefinierten HTML-Block hinzuzufügen.

Fügen Sie von hier aus einfach den Code für Ihr Symbol in den Block ein.

Add custom HTML block

Sobald Sie fertig sind, können Sie Ihre Seite veröffentlichen oder aktualisieren.

Sie können nun Ihre Website besuchen, um das neu hinzugefügte Symbol für den Dateityp Anhang zu sehen.

View attachment file type icon

Bonus: Digitale Dateien verkaufen, um online Geld zu verdienen

Da Sie nun wissen, wie Sie Symbole für Dateianhänge hinzufügen können, können Sie einen Schritt weiter gehen und verschiedene Dateien als digitale Downloads verkaufen. Auf diese Weise können Sie online Geld verdienen oder NutzerInnen dazu ermutigen, sich für Ihren Newsletter anzumelden und dafür eine kostenlose Ressource zu erhalten.

Der beste Weg, um digitale Produkte zu verkaufen, ist die Verwendung von Easy Digital Downloads. Es handelt sich um eine der besten eCommerce-Plattformen für WordPress, die sehr einfach zu verwenden und einzurichten ist.

Easy Digital Downloads lässt sich problemlos mit verschiedenen Zahlungsdiensten wie PayPal und Stripe integrieren.

How to accept payments online with Easy Digital Downloads

Außerdem können Sie einfach digitale Dateien hochladen, die Sie verkaufen möchten, und damit beginnen, online Geld zu verdienen.

Mit dem Plugin können Sie Details wie einen Titel und eine Beschreibung hinzufügen, den Preis für den Download festlegen, ein Download-Bild auswählen und vieles mehr.

Adding a new digital download product

Weitere Einzelheiten finden Sie in unserem Leitfaden zum Verkauf digitaler Downloads in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man Dateianhangssymbole in WordPress einfügt. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Einbetten von PDFs, Tabellen und anderen Dateien in WordPress-Blogposts und unsere Expertenauswahl der besten WordPress-Aktivitätsprotokoll- und Tracking-Plugins.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

3 KommentareEine Antwort hinterlassen

  1. Isha Singh

    I am not familiar with the WordPress. But while I am going through your post, It seems like I know everything about the WordPress.

  2. Enc

    You are seriously recommending a plugin that hasn´t been updated for a year?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.