Möchten Sie Benutzern erlauben, Bilder auf Ihrer WordPress-Website hochzuladen, ohne ihnen Zugriff auf den Admin-Bereich zu gewähren? Sie sind nicht allein.
Viele Website-Betreiber möchten Bild-Uploads zulassen und gleichzeitig ihre Website sicher und einfach zu verwalten halten. Egal, ob Sie einen Fotowettbewerb veranstalten oder von Benutzern eingereichte Inhalte sammeln, der einfachste Weg ist, ein Formular zum Hochladen von Bildern zu Ihrer Website hinzuzufügen.
Wir haben mehrere Tools getestet und festgestellt, dass WPForms die effektivste Methode dafür bietet. Wir haben vielen WordPress-Benutzern geholfen, die Bild-Upload-Funktionalität mit diesem Plugin einzurichten, und es macht wirklich alles schnell und einfach – ganz ohne Code.
In diesem Leitfaden zeigen wir Ihnen, wie Sie Benutzern auf Ihrer WordPress-Website einfach das Hochladen von Bildern ermöglichen. Wir haben auch ein Video-Tutorial, wenn Sie die Schritte lieber in Aktion verfolgen möchten!
Benutzern erlauben, Bilder sicher in WordPress hochzuladen
Wenn Sie einen Multi-Autor-Blog betreiben möchten, ist der einfachste Weg, Benutzern das Hochladen von Bildern zu ermöglichen, indem Sie sie als Autoren auf Ihrer Website hinzufügen.
Den Benutzern Zugriff auf den WordPress-Admin-Bereich zu gewähren, ist jedoch für einmalige Szenarien wie Gastbeiträge, Produktbewertungen, Fotowettbewerbe und mehr nicht ideal.
Glücklicherweise gibt es mehrere WordPress-Plugins, die es Benutzern ermöglichen, Bilder hochzuladen, ohne die Sicherheit Ihrer Website zu beeinträchtigen oder ihnen Zugriff auf den WordPress-Adminbereich zu gewähren.
Lassen Sie uns nun einige Möglichkeiten betrachten, wie Sie Benutzern einfach den Upload von Bildern in WordPress ermöglichen können. Sie können die folgenden Schnelllinks verwenden, um zu der von Ihnen gewünschten Methode zu springen:
- Methode 1: Benutzer Bilder über ein Dateiupload-Formular hochladen lassen
- Methode 2: Benutzern das Hochladen von Bildern als Gastautoren ermöglichen
- Bonus-Methode: Benutzern erlauben, Fotos für einen Wettbewerb hochzuladen
- Video-Tutorial
Fangen wir an.
Methode 1: Benutzer Bilder über ein Dateiupload-Formular hochladen lassen
Diese Methode ist perfekt, wenn Benutzer ein Bild oder andere Dateien hochladen möchten, wie z. B. Bewerbungen, Anschreiben und so weiter.
Sie können ganz einfach ein Datei-Upload-Formular erstellen, das den Namen des Benutzers, die E-Mail-Adresse, die hochgeladene Datei und eine optionale Nachricht sammelt.
Für diese Methode verwenden wir WPForms, das beste WordPress Form Builder-Plugin. Es verfügt über ein integriertes Feld für den Datei-Upload und macht den gesamten Prozess schnell und anfängerfreundlich.
Bei WPBeginner verwenden wir WPForms für alles, von unseren Kontakt- und Website-Migrationsformularen bis hin zu unserer jährlichen Leserumfrage. Wir haben aus erster Hand erfahren, wie flexibel es ist, alle Arten von Formularen zu erstellen, einschließlich solcher mit Bild-Upload-Feldern!
Weitere Informationen zum Plugin finden Sie in unserem vollständigen WPForms-Test!
Um zu beginnen, müssen Sie das WPForms Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie die Seite WPForms » Einstellungen in Ihrem WordPress-Dashboard aufrufen, um Ihren Lizenzschlüssel einzugeben.
Ihren Lizenzschlüssel finden Sie in Ihrem Kundenbereich auf der WPForms-Website im Tab „Downloads“.
Wenn Sie dies getan haben, gehen Sie zu WPForms » Neu erstellen, um Ihr Formular zu erstellen.
Auf der Seite 'Einrichtung' können Sie Ihrem Formular im Feld 'Formular benennen' einen Namen geben. Dies dient nur Ihrer Referenz, aber stellen Sie sicher, dass Sie einen klaren Namen für eine einfachere Organisation verwenden.
Dann sehen Sie, dass WPForms es Ihnen ermöglicht, Ihre Formulare mit einer leeren Leinwand, WPForms AI und vorgefertigten Vorlagen zu erstellen.
Nehmen wir an, Sie möchten den KI-Formular-Builder verwenden. Dann können Sie mit der Maus über das Feld „Mit KI generieren“ fahren und auf „Formular generieren“ klicken.
Auf dem nächsten Bildschirm müssen Sie nur noch eine einfache Eingabeaufforderung schreiben. Alternativ können Sie aus den verfügbaren Beispiel-Eingabeaufforderungen wählen, falls relevant.
Das KI-Tool generiert dann das Formular für Sie, ganz einfach!
Wenn Sie eine der Vorlagen verwenden möchten, fahren Sie mit der Maus darüber und klicken Sie auf „Vorlage verwenden“.
WPForms verfügt über mehr als 2.000 fertige Vorlagen. Sie können jederzeit die Suchfunktion nutzen, um Ihre Optionen einzugrenzen.
Hier verwenden wir zum Beispiel das 'Simple Contact Form'.
Dies bringt Sie zum Drag & Drop Form Builder.
Links sehen Sie alle Felder, die Sie Ihrem Formular hinzufügen können. Und rechts haben Sie die Live-Vorschau.
Ziehen Sie als Nächstes ein Feld für den 'Datei-Upload' per Drag & Drop auf Ihr Formular.
Dieses Feld finden Sie im Bereich „Fancy Fields“ auf der linken Seite.
Sobald das Feld „Datei-Upload“ zu Ihrem Formular hinzugefügt wurde, klicken Sie darauf, um es zu bearbeiten.
Wir ändern den Namen dieses Feldes (seine Bezeichnung) in „Ihr Foto“ und legen fest, welche Dateierweiterungen zulässig sind. Wir möchten nur Bilddateien, daher erlauben wir JPG/JPEG, GIF und PNG-Dateien.
💡 Hinweis des Herausgebers: Standardmäßig erlaubt WordPress nur bestimmte Bilddateitypen zum Hochladen. Benutzer können beispielsweise keine .svg-Bilder oder .zip-Dateien hochladen, es sei denn, Sie fügen sie explizit hinzu zur erlaubten Liste.
Wir werden Ihnen gleich erklären, wie das geht. Vorerst fahren wir mit der Anpassung unserer Feldeinstellungen fort.
Danach legen wir ein Dateigrößenlimit fest.
Wir empfehlen, dies auf bis zu 5 MB zu beschränken, da dies hilft, Festplattenkosten auf Ihrem WordPress-Hosting-Konto zu sparen. Außerdem wird so sichergestellt, dass Benutzer-Uploads Ihre Website nicht verlangsamen.
Vergessen Sie dann nicht, das Kästchen neben „Erforderlich“ zu aktivieren, damit der Benutzer das Formular nicht absenden kann, bevor er ein Bild hochgeladen hat.
Sie können weitere Optionen für dieses Feld festlegen, indem Sie auf die Registerkarte „Erweitert“ klicken.
Hier können Sie den Stil Ihres Upload-Feldes wählen. Standardmäßig ist es ein 'moderner' Drag-and-Drop-Feld. Wenn Sie möchten, können Sie es durch ein 'klassisches' Feld ersetzen.
Zusätzlich können Sie wählen, das Bild in der WordPress Mediathek zu speichern, indem Sie den Schalter umlegen. Dies ist eine gute Idee, wenn Sie Ihre eingereichten Bilder für einen Blogbeitrag oder ähnliches sammeln möchten.
Sobald Sie mit Ihrem Formular zufrieden sind, können Sie den Formular-Builder speichern und beenden.
Hinzufügen Ihres Bild-Upload-Formulars in WordPress
Als Nächstes müssen Sie Ihr Formular in einen WordPress-Beitrag oder eine Seite einbetten und benutzergenerierte Bilder akzeptieren. WPForms macht es super einfach, Ihre Formulare überall auf Ihrer Website einzufügen.
Bearbeiten Sie einfach den Beitrag oder die Seite, auf der Sie das Bild-Upload-Formular hinzufügen möchten. Im WordPress-Content-Editor müssen Sie den WPForms-Block zu Ihrem Inhaltsbereich hinzufügen.
Danach müssen Sie das zuvor erstellte Formular aus dem Dropdown-Menü auswählen. WPForms zeigt eine Vorschau Ihres Formulars im Inhaltsbereich an.
Sie können Ihren Beitrag oder Ihre Seite jetzt speichern und live ansehen, um Ihr Bild-Upload-Formular in Aktion zu sehen.
Zulassen zusätzlicher Dateitypen zum Hochladen
Manchmal sehen Ihre Benutzer möglicherweise diese Fehlermeldung, wenn sie versuchen, eine Datei hochzuladen, auch wenn Sie diesen Dateityp in den Einstellungen Ihres Upload-Feldes zugelassen haben:
Entschuldigung, dieser Dateityp ist aus Sicherheitsgründen nicht gestattet
Das Problem ist, dass WordPress standardmäßig nur bestimmte Dateitypen zulässt. Der einfachste Weg, mehr Dateitypen zuzulassen, ist die Verwendung eines Begleit-Plugins.
Wir empfehlen das File Upload Types Plugin von WPForms. Sobald Sie das Plugin in WordPress installiert und aktiviert haben, gehen Sie zu Einstellungen » Dateitypen.
Sie können dann Dateitypen aus der Liste auswählen, die Sie zulassen möchten, oder Sie können benutzerdefinierte Dateitypen hinzufügen.
Beachten Sie, dass die Liste die Typen nicht enthält, die WordPress bereits standardmäßig zulässt.
Wenn Sie nur SVG-Bild-Uploads zulassen möchten, können Sie das kostenlose WPCode-Plugin verwenden. Weitere Informationen finden Sie in unserem Leitfaden zum Thema Hinzufügen von SVG-Bilddateien in WordPress.
Methode 2: Benutzern das Hochladen von Bildern als Gastautoren ermöglichen
Ein wichtiger Grund, Benutzern das Hochladen von Bildern zu ermöglichen, ist, wenn Sie Gastbeiträge sammeln. Sie könnten auch eine sehr ähnliche Methode für andere benutzergenerierte Inhalte verwenden, wie z. B. Testimonials.
Installieren und aktivieren Sie zuerst das WPForms Plugin. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installation eines WordPress-Plugins.
💡 Hinweis: Sie benötigen die „Pro“-Version (oder höher), um das Addon „Post Submissions“ verwenden zu können.
Nach der Aktivierung des Plugins müssen Sie die Seite WPForms » Einstellungen in Ihrem WordPress-Dashboard besuchen, um Ihren Lizenzschlüssel einzugeben. Sie finden Ihren Lizenzschlüssel unter dem Tab „Downloads“ in Ihrem Konto auf der WPForms-Website.
Dies sehen Sie, wenn Sie den Lizenzschlüssel auf Ihrer Website eingeben:
Gehen Sie als Nächstes zu WPForms » Addons, um das Post Submission Addon zu installieren.
Klicken Sie auf die Schaltfläche „Addon installieren“. Es wird automatisch installiert und aktiviert
Jetzt können Sie mit dem Erstellen Ihres Formulars für Gastbeiträge beginnen.
Gehen Sie zu WPForms » Neu hinzufügen und scrollen Sie dann nach unten, um das Formular für Blogbeitrag-Einreichungen zu finden.
Klicken Sie darauf, und Ihr neues Formular wird erstellt. Es enthält Standardfelder für die Details des Gastautors sowie für den vorgeschlagenen Titel des Beitrags, Featured Image, Inhalt, Beitragsauszug und Kategorie.
Sie können weitere Felder (Abschnitte Ihres Formulars) hinzufügen, wenn Sie möchten.
Sie möchten zum Beispiel vielleicht ein Feld 'Website / URL' hinzufügen, in das der Autor die URL seines eigenen WordPress-Blogs eingeben kann.
Um die Beschriftung eines Feldes oder beliebigen Text im Formular zu ändern, klicken Sie einfach darauf.
Sie können zum Beispiel auf das Feld „Beitragsbild“ klicken und die „Beschreibung“ ändern, um Ihre bevorzugte Größe für Beitragsbilder anzugeben.
Über das voreingestellte Feld 'Beitragsbild' hochgeladene Dateien werden in Ihrer Mediathek in WordPress gespeichert.
Sie können diese Option ein- und ausschalten, indem Sie auf das Dropdown-Menü „Erweiterte Optionen“ klicken.
🧑💻 Expertentipp: Wenn Sie ein Formular von Grund auf neu erstellen möchten, beachten Sie, dass das Feld 'Datei-Upload' Dateien nicht standardmäßig in der Mediathek speichert. Stellen Sie sicher, dass Sie diese Einstellung aktivieren, wenn Sie sie verwenden möchten.
Wenn Sie möchten, können Sie die Bildtypen ändern, die das Feld „Datei-Upload“ akzeptiert. Sie möchten beispielsweise, dass Benutzer nur PNG-Dateien hochladen.
Sie können auch eine maximale Dateigröße in MB eingeben. Wenn Sie möchten, können Sie Benutzern erlauben, 2 oder mehr Dateien hochzuladen.
Das Feld 'Modern' (Standard) ermöglicht es Benutzern, Dateien per Drag & Drop hochzuladen.
Wenn Sie möchten, können Sie es unter den erweiterten Optionen in ein „Classic“-Feld ändern. Beachten Sie, dass dies Benutzern nur den Upload einer einzelnen Datei ermöglicht.
Sobald Sie alle gewünschten Felder in Ihrem Formular haben, gehen Sie zum Tab 'Einstellungen'. Möglicherweise möchten Sie hier Details unter 'Benachrichtigungen' ändern.
Wenn Ihre Gastbeiträge beispielsweise an einen Redakteur gehen, möchten Sie dessen Adresse im Feld „An E-Mail-Adresse senden“ angeben.
Möglicherweise möchten Sie auch die Bestätigungsnachricht ändern, die ein Benutzer nach dem Absenden des Formulars sieht. Dies können Sie unter Einstellungen » Bestätigung tun.
Sobald Sie mit Ihrem Formular zufrieden sind, klicken Sie einfach oben auf dem Bildschirm auf die Schaltfläche „Speichern“.
Hinzufügen des Gastbeitrags-Einreichungsformulars zu Ihrer Website
Sie können Ihr Formular auf jeder beliebigen Seite oder in jedem Beitrag hinzufügen. Möglicherweise möchten Sie eine neue Seite speziell für Gastbeitrags-Einreichungen erstellen.
Wenn Sie den Gutenberg (Block)-Editor verwenden, klicken Sie einfach auf das (+) Symbol, um einen neuen Block zu erstellen. Wählen Sie dann den Block „WPForms“, um ihn zum Editor hinzuzufügen.
Als Nächstes sehen Sie ein WPForms-Dropdown-Menü. Wählen Sie Ihr Formular aus der Liste aus, und es wird Ihrem Beitrag hinzugefügt.
🧑💻 Expertentipp: Wenn Sie immer noch den klassischen Editor verwenden, sehen Sie stattdessen eine Schaltfläche „Formular hinzufügen“ neben „Medien hinzufügen“. Klicken Sie darauf, um eine Dropdown-Liste Ihrer Formulare zu erhalten. Wählen Sie das gewünschte aus und klicken Sie dann auf „Formular hinzufügen“, um es in Ihren Beitrag einzufügen.
Sie können natürlich das Feld 'Datei-Upload' in jedem von Ihnen erstellten Formular verwenden. Das bedeutet, dass Sie die obige Methode für jede Art von benutzergenerierten Inhalten verwenden können, die Sie sammeln möchten.
Bonus-Methode: Benutzern erlauben, Fotos für einen Wettbewerb hochzuladen
Während ein Datei-Upload-Formular es Benutzern ermöglicht, jede Art von Datei hochzuladen, ist es möglicherweise nicht die beste Lösung, wenn Sie einen Fotowettbewerb veranstalten.
Das liegt daran, dass WPForms ein Formularersteller und kein Wettbewerbs-Plugin ist. Es verfügt nicht über Funktionen wie die Auswahl von Gewinnern, virales Teilen usw.
Hier kommt RafflePress ins Spiel. Es ist das beste WordPress-Gewinnspiel-Plugin, mit dem Sie virale Wettbewerbe erstellen können, um Ihren Traffic und Ihre Social-Media-Follower zu steigern.
Sie können es verwenden, um ein Wettbewerbs-Widget zu entwerfen, das es Benutzern ermöglicht, Fotos hochzuladen, aber auch das Teilen und andere Engagement-Aktionen anregt, um Ihre Follower zu vergrößern.
Wir verwenden tatsächlich RafflePress, um unser jährliches WPBeginner-Geburtstagsgewinnspiel zu veranstalten. Es hat uns geholfen, unsere E-Mail-Liste zu erweitern, soziale Shares zu erhöhen und die allgemeine Website-Interaktion zu steigern – und das alles, während alles von unserem WordPress-Dashboard aus einfach zu verwalten ist.
Entdecken Sie alle Funktionen in unserem vollständigen RafflePress-Test!
Wir haben eine detaillierte Anleitung erstellt, wie Sie einen Fotowettbewerb in WordPress erstellen mit RafflePress, der Sie für weitere Details befolgen können.
Video-Tutorial
Bevor Sie gehen, verpassen Sie nicht unser Video-Tutorial, wie Sie Benutzern das Hochladen von Bildern auf einer WordPress-Seite ermöglichen:
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Benutzern das Hochladen von Bildern auf einer WordPress-Website ermöglichen. Möglicherweise möchten Sie auch unseren Leitfaden zum Erstellen einer Fotogalerie mit Alben in WordPress oder unser Schritt-für-Schritt-Tutorial zum Erstellen von AMP-Formularen in WordPress ansehen.
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.
Juri
Hallo, gibt es ein Plugin, um die Lizenz von Bildern zu überprüfen? Danke.
WPBeginner Support
Wir haben derzeit kein empfohlenes Plugin für diesen speziellen Zweck.
Admin