Hinzufügen von Symbolen für Anlagendateitypen in WordPress

Haben Sie Websites mit Dateisymbolen neben den Download-Links gesehen? Kürzlich hat einer unserer Leser gefragt, ob es möglich ist, Dateianhänge in WordPress anzuzeigen. Ja, und das ist ganz einfach. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Symbole für Anhangsdateien hinzufügen.

Wenn Sie Dateisymbole für Anhänge in WordPress benötigen

Standardmäßig können Sie mit WordPress Bilder, Audio, Video und andere Dokumente hochladen. Sie können auch zulassen, dass weitere Dateitypen in WordPress hochgeladen werden.

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

Bei allen anderen Dateien wird ein Dateiname einfach als Text eingefügt und mit der Download- oder Anhangsseite verknüpft.

In dem obigen Screenshot haben wir eine PDF- und eine Docx-Datei hinzugefügt. Es ist jedoch für einen Benutzer schwer zu erraten, welche Datei er herunterlädt.

Wenn Sie regelmäßig verschiedene Dateitypen hochladen, möchten Sie möglicherweise ein Symbol neben dem Link anzeigen, damit die Benutzer den gewünschten Dateityp leicht finden können.

Sehen wir uns jedoch an, wie Sie in WordPress Symbole für Anhangsdateien für verschiedene Dateitypen hinzufügen können.

Methode 1: Hinzufügen von Symbolen für Anhangsdateien in WordPress Using Plugin

Als erstes müssen Sie das Plug-In für MimeTypes Link Icons installieren und aktivieren. Weitere Informationen finden Sie in unserer schrittweisen Anleitung zur Installation eines WordPress-Plugins.

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

Über das Plugin können Sie die Größe des Symbols auswählen. Sie können auch zwischen PNG- und GIF-Symbolen wählen. Als Nächstes müssen Sie die Symbolausrichtung auswählen und für welche Dateitypen das Symbol angezeigt wird.

Unter den erweiterten Optionen können Sie CSS-Klassen aktivieren, um Symbole auszublenden. In diesen CSS-Klassen eingeschlossene Dateidownload-Links zeigen die Symbole nicht an.

Darunter finden Sie die Option, die Dateigröße neben dem Download-Link anzuzeigen. Sie ist standardmäßig deaktiviert, da sie ressourcenintensiv sein kann. Wenn Sie möchten, können Sie es jedoch auch aktivieren und die Option "Abgefragte Dateigrößen zwischenspeichern" aktivieren..

Vergessen Sie nicht, auf die Schaltfläche Save Changes zu klicken, um Ihre Einstellungen zu speichern.

Sie können jetzt einen Beitrag oder eine Seite bearbeiten und mithilfe des Medien-Uploaders einen Link zum Herunterladen von Dateien hinzufügen. Wenn Sie eine Vorschau Ihres Beitrags anzeigen, wird das Dateisymbol neben dem Download-Link angezeigt.

Methode 2: Verwenden von Symbolschriftarten für Anlagendateien in WordPress

In dieser Methode verwenden wir eine Symbolschriftart, um ein Symbol neben der Verknüpfung mit der Anhangsdatei anzuzeigen.

Zuerst müssen Sie das Better Font Awesome-Plugin installieren und aktivieren.

Nach der Aktivierung können Sie einen Beitrag oder eine Seite bearbeiten, auf der ein Anhangslink hinzugefügt werden soll.

Sie werden die neue Schaltfläche "Symbol einfügen" oben im Post-Editor sehen. Wenn Sie darauf klicken, wird ein Popup-Fenster angezeigt, in dem Sie suchen und das hinzuzufügende Symbol auswählen können.

Font Awesome wird mit einer Vielzahl von Symbolen geliefert und enthält Symbole für die am häufigsten verwendeten Dateitypen. Klicken Sie auf das Symbol, das Sie hinzufügen möchten, und das Plugin fügt automatisch den erforderlichen Shortcode im Post-Editor hinzu.

Jetzt können Sie Ihre Datei hochladen und mit dem Medien-Uploader in den Post einfügen.

Sie können auch Ihr eigenes benutzerdefiniertes CSS für ein Dateisymbol hinzufügen, indem Sie Ihre eigene CSS-Klasse wie folgt zum Kurzcode hinzufügen:

[icon name = "file-pdf-o" class = "" unprefixed_class = "pdf-icon"]

Sie können jetzt verwenden .pdf-icon Klasse, um die Größe, Farbe und Form des Symbols an Ihre eigenen Bedürfnisse anzupassen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Dateianhänge in WordPress hinzugefügt werden. Vielleicht möchten Sie auch unseren Leitfaden zum Einbetten von PDF, Tabellenkalkulationen und anderen in WordPress-Blogbeiträgen lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.