Unsere Leser fragen uns oft, ob es möglich ist, Symbole für angehängte Dateien in WordPress anzuzeigen. Das Hinzufügen von Dateisymbolen kann Benutzern helfen, den Typ der Datei, die sie herunterladen, auf einen Blick zu erkennen.
Die Verwendung von Symbolen für angehängte Dateien ist eine einfache Möglichkeit, Ihre Website benutzerfreundlicher zu gestalten. Sie fügt visuelle Hinweise hinzu, die den Besuchern helfen, Ihre Inhalte besser zu verstehen.
Bei WPBeginner haben wir verschiedene Symbole auf unserer Website verwendet, um die Benutzererfahrung zu verbessern. Von Social-Media-Symbolen bis hin zu Dateianhängen machen Symbole die Navigation klarer und intuitiver.
In diesem Leitfaden zeigen wir Ihnen, wie Sie ganz einfach Symbole für Anhangsdateien in WordPress hinzufügen. Mit unseren Schritten können Sie Dateisymbole anzeigen, die dem Typ der Dateien auf Ihrer Website entsprechen.
Wann Sie Symbole für Anhangsdateien in WordPress benötigen
Standardmäßig können Sie in WordPress Bilder, Audio, Video und andere Dokumente hochladen. Sie können auch zusätzliche Dateitypen für den Upload 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 einzubetten, als ob es sich um ein Bild, Audio, Video oder ein unterstütztes Dateiformat handelt.
Für alle anderen Dateien wird nur ein Dateiname als einfacher Text hinzugefügt und mit der Download- oder Anhangseite verknüpft.
Im obigen Screenshot haben wir eine PDF- und eine Docx-Datei hinzugefügt. Es ist jedoch für einen Benutzer schwierig zu erraten, welche Art von Datei er herunterladen würde.
Wenn Sie regelmäßig verschiedene Dateitypen hochladen, möchten Sie möglicherweise ein Symbol neben dem Link anzeigen. Auf diese Weise können Ihre Benutzer den gesuchten Dateityp leicht finden.
Nichtsdestotrotz sehen wir uns an, wie Sie Symbole für Anhangsdateien in WordPress für verschiedene Dateitypen hinzufügen.
Methode 1: Symbole für angehängte Dateien in WordPress mit einem Plugin hinzufügen
Der einfachste Weg, Dateityp-Icons hinzuzufügen, ist die Verwendung eines WordPress-Plugins wie MimeTypes Link Icons. Es ist ein kostenloses Plugin, das sehr einfach zu bedienen ist und es Ihnen ermöglicht, Icons für verschiedene Dateitypen hinzuzufügen.
Das erste, was Sie tun müssen, ist das Plugin MimeTypes Link Icons zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
ℹ️Hinweis: Auf der Plugin-Downloadseite wird möglicherweise angezeigt, dass es seit einiger Zeit nicht getestet oder aktualisiert wurde. Wir haben es auf unseren Demo-Websites getestet und festgestellt, dass es wie vorgesehen funktioniert. Bitte lesen Sie unseren Artikel über die Installation von Plugins, die nicht mit Ihrer WordPress-Version getestet wurden.
Nach der Aktivierung müssen Sie die Seite Einstellungen » MimeType Icons besuchen, um die Plugin-Einstellungen zu konfigurieren.
Das Plugin ermöglicht es Ihnen, die Symbolgröße sowie zwischen PNG- und GIF-Symbolen zu wählen. Als Nächstes müssen Sie die Symbolausrichtung und die Dateitypen auswählen, für die das Symbol angezeigt werden soll.
Danach können Sie nach unten scrollen und Symbole auswählen, die auf Ihrer Website angezeigt werden sollen. Zum Beispiel gibt es Symbole für Dateitypen wie PDF, PPT, CSV, AVI, RPM, TXT und mehr.
Scrollen Sie als Nächstes zum Abschnitt „Erweiterte Einstellungen“.
Hier finden Sie die Option, die Dateigröße neben dem Download-Link anzuzeigen. Diese ist standardmäßig deaktiviert, da sie ressourcenintensiv sein kann.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.
Sie können jetzt einen Beitrag oder eine Seite bearbeiten und mit dem Medien-Uploader einen Dateidownload-Link hinzufügen. Vorschau Ihres Beitrags, und Sie sehen das Dateisymbol neben dem Download-Link.
Methode 2: Verwendung von Icon-Schriftarten für Anhangsdateien in WordPress
In dieser Methode verwenden wir eine Icon-Schriftart, um ein Symbol neben dem Link zur Anhangsdatei anzuzeigen.
Das erste, was Sie tun müssen, ist das Font Awesome Plugin zu installieren und zu aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden, wie Sie ein WordPress-Plugin installieren.
Nach der Aktivierung können Sie von Ihrem WordPress-Dashboard aus zur Seite Einstellungen » Font Awesome gehen. Hier können Sie die allgemeinen Einstellungen für das Plugin bearbeiten, z. B. auswählen, ob es Pro- oder kostenlose Symbole 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 Icon-Bibliothek von Font Awesome besuchen. Suchen Sie einfach ein Icon in der Suchleiste und klicken Sie dann auf das Bild.
Als Nächstes sehen Sie verschiedene Variationen des Symbols und dessen HTML-Code.
Klicken Sie auf den Code, um ihn zu kopieren.
Danach können Sie zu Ihrem WordPress-Inhaltseditor zurückkehren und auf das „+“-Zeichen klicken, um einen benutzerdefinierten HTML-Block hinzuzufügen.
Von hier aus fügen Sie einfach den Code für Ihr Symbol in den Block ein.
Wenn Sie fertig sind, veröffentlichen oder aktualisieren Sie Ihre Seite.
Sie können nun Ihre Website besuchen, um das neu hinzugefügte Icon für den Anhangsdateityp zu sehen.
Bonus: Digitale Dateien verkaufen, um online Geld zu verdienen
Jetzt, da Sie wissen, wie Sie Symbole für Dateitypen als Anhänge hinzufügen, können Sie einen Schritt weiter gehen und verschiedene Dateien als digitale Downloads verkaufen. Dies ermöglicht es Ihnen, online Geld zu verdienen oder Benutzer zu ermutigen, sich für Ihren Newsletter anzumelden, im Austausch für eine kostenlose Ressource.
Der beste Weg, digitale Produkte zu verkaufen, ist die Verwendung von Easy Digital Downloads. Es ist eine der besten E-Commerce-Plattformen für WordPress und sehr einfach zu bedienen und einzurichten.
Wir nutzen es für einige unserer Unternehmen. Mehr darüber erfahren Sie in unserem vollständigen Easy Digital Downloads Testbericht.
Easy Digital Downloads lässt sich problemlos in verschiedene Zahlungsdienste wie PayPal und Stripe integrieren.
Außerdem können Sie einfach digitale Dateien hochladen, die Sie verkaufen möchten, und online Geld verdienen.
Das Plugin ermöglicht es Ihnen, Details wie einen Titel und eine Beschreibung hinzuzufügen, den Preis des Downloads festzulegen, ein Download-Bild auszuwählen und vieles mehr.
Für weitere Details siehe unseren Leitfaden zum Verkauf digitaler Downloads in WordPress.
Bonus-Ressourcen:
Im Folgenden finden Sie einige zusätzliche nützliche Ressourcen, die Ihnen bei der Verwaltung Ihrer WordPress-Website und Medien hilfreich sein könnten:
- So verwenden Sie WordPress für die Dokumentenverwaltung oder Dateiverwaltung
- Gespeicherte Entwürfe in WordPress finden (Anfängerleitfaden)
- PDF-Dateien auf Ihre WordPress-Website hochladen
- So verbinden Sie mehrere WordPress-Websites miteinander (3 Wege)
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Symbole für Anhangsdateien in WordPress hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden lesen, wie Sie PDFs, Tabellenkalkulationen und andere Dateien in WordPress-Blogbeiträge einbetten, und unsere Expertenauswahl der besten WordPress-Plugins für Aktivitätsprotokolle und -verfolgung.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Mrteesurez
Dieses Tutorial ist hilfreich! Das Hinzufügen von Dateityp-Symbolen verbessert die Benutzererfahrung erheblich und erleichtert es Besuchern, Anhänge zu identifizieren, kurz bevor sie heruntergeladen werden.
Ich habe dies auf meiner Website gemacht, und es ließ meine Inhalte sofort professioneller aussehen. Ihre Schritt-für-Schritt-Anleitung macht den Prozess so einfach. Ich möchte fragen, wie sich das Hinzufügen von Symbolen auf die Ladezeit meiner Website-Seiten auswirkt?
WPBeginner Support
Dies sollte keine großen Auswirkungen auf die Geschwindigkeit Ihrer Website haben.
Admin
Mrteesurez
Danke für die Antwort. Ich habe gefragt, weil die Verwendung von Icons oft das Herunterladen oder Laden von Schriftbibliotheken wie Font Awesome oder Google Fonts erfordert, was die Geschwindigkeit einer Website beeinträchtigen kann. Ich freue mich, dass Sie mir mitteilen, dass dies keine größeren Auswirkungen auf die Geschwindigkeit meiner Website hat.
Isha Singh
Ich bin mit WordPress nicht vertraut. Aber während ich Ihren Beitrag durchgehe, scheint es, als ob ich alles über WordPress weiß.
Enc
Sie empfehlen ernsthaft ein Plugin, das seit einem Jahr nicht mehr aktualisiert wurde?
WPBeginner Support
Ja, das tun wir. Bitte lesen Sie unseren Artikel sollten Sie Plugins installieren, die nicht mit Ihrer WordPress-Version getestet wurden für weitere Informationen zu diesem Thema.
Admin