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

Unsere Besucher fragen uns oft, ob es möglich ist, in WordPress Symbole für Anhänge anzuzeigen. Das Hinzufügen von Dateisymbolen kann Benutzern helfen, die Art der heruntergeladenen Datei auf einen Blick zu erkennen.

Die Verwendung von Symbolen für Anhänge ist eine einfache Möglichkeit, Ihre Website benutzerfreundlicher zu gestalten. Sie fügen visuelle Hinweise hinzu, die den Besuchern helfen, Ihre Inhalte besser zu verstehen.

Bei WPBeginner haben wir auf unserer Website verschiedene Icons verwendet, um die Benutzerfreundlichkeit zu verbessern. Von Social-Media-Symbolen bis hin zu Dateianhängen – Icons machen die Navigation klarer und intuitiver.

In dieser Anleitung zeigen wir Ihnen, wie Sie in WordPress ganz einfach Symbole für Anhänge hinzufügen können. Mit unseren Schritten können Sie Dateisymbole anzeigen, die dem Typ der Dateien auf Ihrer Website entsprechen.

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.

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.

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.

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.

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.

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.

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.

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

Klicken Sie auf den Code, um ihn zu kopieren.

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.

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.

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.

Wir verwenden es für einige unserer Unternehmen. In unserer vollständigen Rezension zu Easy Digital Downloads können Sie mehr darüber erfahren.

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

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.

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

Bonus Ressourcen:

Im Folgenden finden Sie einige weitere nützliche Ressourcen, die Ihnen bei der Verwaltung Ihrer WordPress-Website und -Medien behilflich sein können:

• Verwendung von WordPress für die Dokumenten- oder Dateiverwaltung
• So finden Sie Ihre gespeicherten Entwürfe in WordPress (Anleitung für Anfänger)
• Upload von PDF-Dateien auf Ihre WordPress Website
• Wie man mehrere WordPress Websites miteinander verbindet (3 Möglichkeiten)

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.