So erlauben Sie Benutzern das Hochladen von Bildern auf einer WordPress-Web site

Möchten Sie, dass Benutzer Bilder auf Ihre WordPress-Site hochladen können?

Wenn Sie Gastbeiträge, Produktbewertungen oder einen Fotowettbewerb akzeptieren möchten, müssen Sie den Benutzern das Hochladen von Bildern ermöglichen. Möglicherweise möchten Sie ihnen jedoch keinen Zugriff auf Ihren WordPress-Administrationsbereich gewähren.

In diesem Artikel zeigen wir Ihnen, wie Benutzer sicher Bilder auf eine WordPress-Site hochladen können, ohne ihnen Zugriff auf den WordPress-Administrator zu gewähren.

Benutzer können Bilder sicher in WordPress hochladen

Wenn Sie ein Blog mit mehreren Autoren betreiben möchten, können Benutzer Bilder am einfachsten hochladen, indem Sie sie als Autor auf Ihrer Website hinzufügen.

Der Zugriff von Benutzern auf den WordPress-Administrationsbereich ist jedoch nicht ideal für einmalige Szenarien wie das Einreichen von Gastbeiträgen, Produktbewertungen, Fotowettbewerbe usw.

Glücklicherweise gibt es mehrere WordPress-Plugins, mit denen Benutzer Bilder hochladen können, ohne die Sicherheit Ihrer Website zu beeinträchtigen oder ihnen Zugriff auf den WordPress-Administrationsbereich zu gewähren.

Schauen wir uns dennoch einige Möglichkeiten an, wie Benutzer Bilder auf einfache Weise in WordPress hochladen können.

Methode 1. Lassen Sie Benutzer Bilder mithilfe eines Datei-Upload-Formulars hochladen

Diese Methode ist praktisch, wenn Benutzer nur ein Bild oder eine andere Datei wie Lebensläufe, Anschreiben usw. hochladen müssen.

Sie können einfach ein Datei-Upload-Formular erstellen, in dem der Name des Benutzers, die E-Mail-Adresse, das Foto / die Datei selbst und alle Nachrichten erfasst werden, die er einschließen möchte.

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

WPForms ist das beste WordPress Form Builder-Plugin, das von über 4 Millionen Websites verwendet wird. Es enthält ein Feld zum Hochladen von Dateien, das wir in diesem Tutorial verwenden werden.

Nach der Aktivierung müssen Sie die besuchen WPForms »Einstellungen Seite in Ihrem WordPress-Dashboard, um Ihren Lizenzschlüssel einzugeben. Sie finden Ihren Lizenzschlüssel in Ihrem Kontobereich auf der WPForms-Website unter der Registerkarte “Downloads”.

So sieht es aus, wenn Sie es auf Ihrer Website eingeben:

Eingabe Ihres Lizenzschlüssels für WPForms

Jetzt geh zu WPForms »Neu hinzufügen um Ihr Formular zu erstellen. In diesem Beispiel verwenden wir das ‘Einfache Kontaktformular’. Klicken Sie darauf und Ihr neues Formular wird angezeigt.

Das einfache Standardkontaktformular mit Feldern für Name, E-Mail und Nachricht

Ziehen Sie als Nächstes ein Feld “Datei-Upload” auf Ihr Formular und legen Sie es dort ab. Sie finden dieses Feld links im Abschnitt “Ausgefallene Felder”.

Hinzufügen eines Felds zum Hochladen von Dateien zum Formular

Klicken Sie nach dem Hinzufügen in Ihrem Formular auf das Feld Datei-Upload, um es zu bearbeiten.

Wir ändern den Namen dieses Feldes (seine Bezeichnung) in “Ihr Foto” und geben an, welche Dateierweiterungen zulässig sind. Wir wollen nur Bilddateien, also werden wir JPG / JPEG-, GIF- und PNG-Dateien zulassen.

Hinweis: Standardmäßig erlaubt WordPress nur das Hochladen bestimmter Dateitypen. Beispielsweise können Benutzer keine SVG-Bilder oder ZIP-Dateien hochladen, es sei denn, Sie fügen sie explizit der Zulassungsliste hinzu. Wir werden gleich erklären, wie das geht.

Lassen Sie uns zunächst unsere Feldeinstellungen weiter optimieren. Wir empfehlen, eine maximale Dateigröße von 5 MB anzugeben und das Kontrollkästchen neben “Erforderlich” zu aktivieren, damit der Benutzer das Formular erst senden kann, wenn er ein Bild hochgeladen hat.

Die Dateigrößenbeschränkung hilft Ihnen, Festplattenkosten in Ihrem WordPress-Hosting-Konto zu sparen.

Bearbeiten des Felds zum Hochladen von Dateien.  Auf dem Etikett steht jetzt

Sie können auch weitere Optionen für dieses Feld festlegen, indem Sie auf den Abwärtspfeil neben “Erweiterte Optionen” klicken.

Hier können Sie den Stil Ihres Upload-Feldes auswählen. Standardmäßig wird ein “modernes” Drag & Drop-Feld verwendet. Wenn Sie möchten, können Sie es durch ein ‘Classic’-Feld ersetzen, das stattdessen so aussieht:

Wechseln zum Feld

Sie können das Bild auch in der WordPress-Medienbibliothek speichern, indem Sie dieses Kontrollkästchen aktivieren. Dies ist eine gute Idee, wenn Sie Ihre eingereichten Bilder für einen Blog-Beitrag oder ähnliches zusammenstellen möchten.

Sobald Sie mit Ihrem Formular zufrieden sind, können Sie den Formularersteller speichern und beenden.

Hinzufügen Ihres Bild-Upload-Formulars in WordPress

Als Nächstes möchten Sie Ihr Formular einem WordPress-Beitrag oder einer WordPress-Seite hinzufügen. Mit WPForms können Sie Ihre Formulare ganz einfach an einer beliebigen Stelle auf Ihrer Website hinzufügen.

Bearbeiten Sie einfach den Beitrag oder die Seite, auf der Sie das Bild-Upload-Formular hinzufügen möchten. Im WordPress-Inhaltseditor müssen Sie den WPForms-Block zu Ihrem Inhaltsbereich hinzufügen.

Hinzufügen eines WPForms-Blocks zu Ihrer Seite

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 jetzt Ihren Beitrag oder Ihre Seite speichern und live anzeigen, um Ihr Bild-Upload-Formular in Aktion zu sehen.

Zulassen, dass zusätzliche Dateitypen hochgeladen werden

Manchmal sehen Ihre Benutzer diesen Fehler beim Hochladen einer Datei, selbst wenn Sie diesen Dateityp in den Einstellungen Ihres Upload-Felds zugelassen haben:

Dieser Dateityp ist aus Sicherheitsgründen leider nicht zulässig

Das Problem ist, dass WordPress standardmäßig nur bestimmte Dateitypen zulässt. Der einfachste Weg, mehr Dateitypen zuzulassen, ist die Verwendung eines Companion-Plugins.

Wir empfehlen das Plugin “File Upload Types” von WPForms.

Sobald Sie das Plugin in WordPress installiert und aktiviert haben, gehen Sie zu Einstellungen »Datei-Upload-Typen.

Sie können dann Dateitypen aus der Liste auswählen, die Sie zulassen möchten, oder Sie können benutzerdefinierte Dateitypen hinzufügen.

Whitelisting zusätzlicher Dateitypen in WordPress
Beachten Sie, dass die Liste nicht die Typen enthält, die WordPress standardmäßig bereits zulässt.

Methode 2. Benutzern erlauben, Bilder als Gastautoren hochzuladen

Ein Hauptgrund dafür, dass Benutzer Bilder hochladen können, ist das Sammeln von Gastbeiträgen. Sie können auch eine sehr ähnliche Methode für andere benutzergenerierte Inhalte verwenden, z. B. Testimonials.

Zunächst müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

Hinweis: Sie benötigen die ‘Pro’-Version (oder höher), um das Addon’ Post Submissions ‘verwenden zu können.

Nachdem Sie das Plugin aktiviert haben, müssen Sie das besuchen WPForms »Einstellungen Seite in Ihrem WordPress-Dashboard, um Ihren Lizenzschlüssel einzugeben. Sie finden Ihren Lizenzschlüssel auf der Registerkarte “Downloads” Ihres Kontos auf der WPForms-Website.

Folgendes sehen Sie, wenn Sie den Lizenzschlüssel auf Ihrer Website eingeben:

Eingabe Ihres Lizenzschlüssels für WPForms

Als nächstes gehen Sie zu WPForms »Addons um das Post Submission Addon zu installieren. Klicken Sie auf die Schaltfläche ‘Addon installieren’. Es wird automatisch installiert und aktiviert

Installieren des WPForms-Addons für Post-Submissions

Jetzt können Sie mit dem Erstellen Ihres Formulars für die Einreichung von Gastbeiträgen beginnen.

Gehe zu WPForms »Neu hinzufügenScrollen Sie dann nach unten, um das Formular für die Einreichung von Blogposts zu finden.

Erstellen eines Blogpost-Übermittlungsformulars

Klicken Sie darauf und Ihr neues Formular wird für Sie erstellt. Dies enthält Standardfelder für die Details des Gastautors sowie den vorgeschlagenen Titel, den Inhalt, das ausgewählte Bild, den Beitragsauszug und die Kategorie des Beitrags.

Sie können weitere Felder (Abschnitte Ihres Formulars) hinzufügen, wenn Sie möchten. Beispielsweise möchten Sie möglicherweise ein Feld “Website / URL” hinzufügen, in das der Autor die URL seines eigenen Blogs eingeben kann.

Hinzufügen eines Website- / URL-Felds

Um die Beschriftung eines Feldes oder eines beliebigen Textes im Formular zu ändern, klicken Sie einfach darauf.

Sie können beispielsweise auf das Feld “Ausgewähltes Bild” klicken und die “Beschreibung” ändern, um Ihre bevorzugte Größe für vorgestellte Bilder anzugeben.

Bearbeiten des Felds

Dateien, die über das voreingestellte Feld “Ausgewähltes Bild” hochgeladen werden, werden in Ihrer Medienbibliothek in WordPress gespeichert.

Sie können diese Option ein- und ausschalten, indem Sie auf die Dropdown-Liste “Erweiterte Optionen” für das Feld klicken.

Wählen Sie aus, ob hochgeladene Bilder in der Medienbibliothek gespeichert werden sollen

Trinkgeld: Wenn Sie ein Formular von Grund auf neu erstellen möchten, beachten Sie, dass im Feld “Datei-Upload” standardmäßig keine Dateien in der Medienbibliothek gespeichert werden. 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 im Feld “Datei-Upload” akzeptiert werden. Beispielsweise möchten Sie möglicherweise, 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, zwei oder mehr Dateien hochzuladen.

Ändern der Einstellungen zum Hochladen von Dateien

Das Upload-Feld “Modern” (Standardeinstellung) ermöglicht Benutzern das Ziehen und Ablegen von Dateien. Wenn Sie möchten, können Sie es unter erweiterten Optionen in ein Feld “Klassisch” ändern. Beachten Sie, dass Benutzer nur eine einzelne Datei hochladen können.

Wechseln zum klassischen Upload

Wenn Sie alle gewünschten Felder in Ihrem Formular haben, wechseln Sie zur Registerkarte “Einstellungen”. Möglicherweise möchten Sie hier unter “Benachrichtigungen” Details ändern.

Wenn Ihre Gastbeiträge beispielsweise an einen Redakteur gesendet werden, möchten Sie deren Adresse im Feld “An E-Mail-Adresse senden”.

Ändern der Einstellungen Ihres Formulars

Möglicherweise möchten Sie auch die Bestätigungsmeldung ändern, die ein Benutzer nach dem Absenden des Formulars sieht. Sie können dies unter tun Einstellungen »Bestätigung.

Wenn Sie mit Ihrem Formular zufrieden sind, klicken Sie oben auf dem Bildschirm auf die Schaltfläche “Speichern”.

Hinzufügen des Gastbeitragsformulars zu Ihrer Website

Sie können Ihr Formular in jedem Beitrag oder auf jeder Seite zu Ihrer Website hinzufügen. Möglicherweise möchten Sie eine neue Seite speziell für Gastbeiträge erstellen.

Wenn Sie den Gutenberg-Editor (Blockeditor) verwenden, klicken Sie einfach auf das Symbol (+), um einen neuen Block zu erstellen. Wählen Sie dann “WPForms” aus dem Abschnitt “Widgets”.

Hinzufügen eines Formulars zu Ihrer Seite mit dem Blockeditor (Gutenberg)

Als Nächstes wird eine Dropdown-Liste für WPForms angezeigt. Wählen Sie Ihr Formular aus der Liste aus und es wird Ihrem Beitrag hinzugefügt.

Trinkgeld: Wenn Sie weiterhin den klassischen Editor verwenden, wird stattdessen neben “Medien hinzufügen” die Schaltfläche “Formular hinzufügen” angezeigt. Klicken Sie hier, um eine Dropdown-Liste Ihrer Formulare anzuzeigen. Wählen Sie das gewünschte aus und klicken Sie auf “Formular hinzufügen”, um es in Ihren Beitrag aufzunehmen.

Sie können das Feld “Datei-Upload” natürlich in jeder von Ihnen erstellten Form verwenden. Das bedeutet, dass Sie die oben beschriebene Methode für jede Art von benutzergenerierten Inhalten verwenden können, die Sie sammeln möchten.

Methode 3. Benutzern erlauben, Fotos für einen Wettbewerb hochzuladen

Mit einem Formular zum Hochladen von Dateien können Benutzer jede Art von Datei hochladen. Dies ist jedoch möglicherweise nicht die beste Lösung, wenn Sie einen Fotowettbewerb durchführen.

Das liegt daran, dass WPForms ein Formularersteller und kein Wettbewerbs-Plugin ist. Funktionen wie die Auswahl von Gewinnern, das Teilen von Viren usw. sind nicht enthalten.

Hier kommt RafflePress ins Spiel. Es ist das beste WordPress-Werbegeschenk-Plugin, mit dem Sie virale Wettbewerbe erstellen können, um Ihren Traffic und Ihre Social-Media-Follower zu steigern.

Sie können damit ein Wettbewerbs-Widget entwerfen, mit dem Benutzer Fotos hochladen können, aber auch Anreize für das Teilen und andere Engagement-Aktionen schaffen, um Ihre Fangemeinde zu vergrößern.

Senden Sie eine Bildaktion

Wir haben eine detaillierte Anleitung zum Erstellen eines Fotowettbewerbs in WordPress mit RafflePress erstellt, der Sie weitere Details folgen können.

Wir hoffen, dieser Artikel hat Ihnen dabei geholfen, zu lernen, wie Benutzer Bilder auf eine WordPress-Site hochladen können. Vielleicht möchten Sie auch unseren Vergleich der besten E-Mail-Marketing-Services und der besten Push-Benachrichtigungssoftware sehen, um nach dem Verlassen Ihrer Website eine Verbindung zu Ihren Besuchern herzustellen.

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.

Comments are closed.