Jak nahrát obrázek WordPress z frontendu pomocí pluginu

Nahrávání obrázků je jednou z nejdůležitějších věcí, když mluvíme o webu, protože obrázky jsou v zásadě tím, co dává styl webu bez obrázků, web by mohl vypadat příliš starý nebo nemohl získat požadovaný počet zákazníků/uživatelů. získat.

Kromě toho by vám mohlo poskytnout možnosti svým uživatelům nahrávání obrázků v frontendu mnoho výhod, jako je umožnění stahování dokumentů nebo jakéhokoli obrázku, pro který by chtěli použít například profil.

V tomto příspěvku budeme vyhodnotit několik pluginů, které nám umožňují dosáhnout toho, co chceme dělat.

Jak nahrát obrázek WordPress z frontendu pomocí pluginu

Zde budeme diskutovat o několika způsobech nahrávání obrázků WordPress s několika typy pluginů.

Nahrajte soubory do frontendu pomocí pluginu formuláře

Jedním z rychlých a nejdostupnějších způsobů je použití pluginu formuláře, je to užitečné, když musíme vytvořit například kontaktní formulář, ve kterém potřebujeme, aby uživatel nahnal dokument nebo jakékoli užitečné informace pomocí obrázku.

Existuje mnoho pluginů, které vám umožňují vytvářet formuláře s pole nahrávání souborů, jedním z nich je kontaktní formulář 7, který vám umožňuje zdarma nahrávat soubory na váš web v frondu.

Abychom mohli používat formuláře, aby vašim uživatelům umožnili nahrávat soubory do frontendu, budeme muset nejprve vytvořit formulář, takže po instalaci pluginu přejděte na kontakt> Přidat nový .

Na této obrazovce budete mít několik značek HTML s krátkým kódem pro každé pole uvnitř, ve výchozím nastavení se vytvoří formulář se základními poli.

Protože chceme přidat pole nahrávání souboru, klikněte na místo, kde chcete přidat pole a poté klikněte na soubor v dostupných tlačítek/možnostech.

Tím se otevře vyskakovací okno, kde můžete nastavit limity pro nahrávání souboru, přidat všechny požadované limity a konečně klikněte na vložku .

Tím se přidá krátký kód pro pole v obsahu formuláře.

Nyní si můžete přizpůsobit, jak chcete svůj formulář, přidat další pole nebo přidat HTML a také CSS, pokud chcete, protože formulář připouští všechny ty druhy přizpůsobení.

Až je vše hotové, můžete přidat název a kliknout na Uložit .

Tím se vygeneruje krátký kód, který můžete použít k vložení formuláře do vašeho příspěvku nebo stránky, zkopírujte a poté použijte blok dostupný v editoru stránky pro přidání krátkého kódu, v tomto případě uvidíme, jak jej přidat s editorem Gutenberg.

Nyní to musíte zveřejnit a budete moci vidět formulář s polími, které jste přidali, a tlačítkem nahrávání souboru.

Vše, co musíte udělat, je kliknout na Vyberte soubor a v tomto případě vyberte soubor ze složek na počítači.

Po kliknutí na odeslání by to mělo být provedeno a obrázek by měl být nyní na vašem webu.

Tímto způsobem budou vaši uživatelé schopni nahrát obrázky na váš web, spolu s některými dalšími informacemi, které můžeme potřebovat jako jméno nebo e -mail od osoby, která nahrála pomocí formuláře, opravdu jednoduché a funkční.

Pomocí pluginu pro nahrávání souboru WordPress

Nyní, když jsme viděli normální „starý“ způsob, uvidíme, jak nahrát obrázek, ale pomocí tohoto pluginu, který nám umožní vložit možnost nahrávání souborů do jakéhokoli příspěvku nebo stránky, aniž bychom museli vyplňovat jiné informace nebo vytvořit formulář vůbec.

Nejprve musíme nainstalovat plugin „WordPress File Upload“, protože nám to poskytne všechny možnosti potřebné k vytvoření možnosti nahrávání souboru.

Poté, co tento plugin bude aktivní na našem webu, měli bychom být schopni vidět možnost nabídky k zaškrtnutí všech souborů, které nahráváme, pomocí jej.

Abychom jej mohli použít, vše, co musíme udělat, je přidat krátký kód [wordpress_file_upload] , kde jej chceme zobrazit, v tomto případě máme příspěvek s některými informacemi připravenými tam, kde jsme přidali krátký kód, takže můžete zkontrolovat, jak by to vypadalo v editoru Gutenberg a frontendu.

Gutenberg Editor

Frontend

Nyní, když je přidán náš formulář pro nahrávání, vše, co musíte udělat, je kliknout na „Vyberte soubor“ pro prozkoumání souborů PC a nakonec klikněte na soubor Upload.

Kliknutím na toto tlačítko umožní vašemu uživateli nahrát obrázek nebo soubor na váš web a nejlepší částí je, že si můžeme vybrat, kde na serveru chceme nahrát obrázek přímo pod nastavením pluginu a jak to vypadá a mnoho dalších nastavení formuláře.

Hlavním místem, kde můžeme zkontrolovat nahrávání, bude v možnosti „Nahrát soubory“ v levé nabídce z přístrojového panelu Admin, toto je hlavní stránka pro plugin, kde se zobrazují všechny nahrávané soubory.

Jak můžete vidět snadný a funkční plugin, který nám umožní získat obrázky od našich uživatelů bez velkých nepříjemností více než vložit krátký kód v backendu a čekat, až uživatelé nahrají soubor.

Správa média na roli uživatele pomocí WP Media Folder

Jak vidíme, existuje mnoho způsobů, jak našim uživatelům umožnit nahrávat obrázky a soubory do frontendu, ale v těchto případech je to, že obrázky by mohly být nahrány „náhodně“ a nemohli bychom mít přesnou dobrou kontrolu nad tím, kde jsou nahrány, vůbec žádné obavy! WP Media Folder na záchranu.

WP Media Folder má speciální nástroj určený pro správu přístupu do vaší knihovny médií, může to být opravdu užitečné, když chcete ovládat, kdo nahrává obrázky a kde a také pokud chcete uživatelům umožnit spravovat svá vlastní média přímo v knihovně médií, aniž byste mohli vidět jiné role/uživatelské média.

Nejprve musíme mít nainstalovanou WP Media Folder, toto je plugin, který nám umožní použít všechny dostupné funkce k provedení této práce.

Nyní, když jsme ji nainstalovali, budeme muset umožnit možnost omezit přístup, za tímto účelem přejděte do nastavení> WP Media Folder a budeme moci vidět WP Media Folder .

V této části přejděte na Access & Design> Media Access .

V této části, abychom omezili roli média na uživatele a automaticky vygenerovali složku určenou pro každou roli uživatele, vybereme přístup média podle role nebo a role uživatelů .

Máme také více možností, jako je výběr složky cesty nebo umožnění role/uživatele vidět všechny ostatní uživatele/média role.

Nyní, když jsme umožnili této možnosti umožnit pouze uživatelské roli upravovat vlastní média, řekněme, že máme roli editoru a chceme, aby všichni uživatelé v této roli mohli vidět a spravovat svá média pro příspěvky a stránky.

S možnostmi, které jsme vybrali, by to vše mělo být možné, proto se podívejme, proto musíme jen přihlásit se jako editor a nahrát média tak, jak by to bylo normálně.

Při přihlášení jako editor budete moci vidět knihovnu médií, jako je tato.

Jak vidíte, existují dvě sekce, kde vám knihovna médií dává vědět, že jsme ve složce s názvem „Editor“, takže nahrajme některá média, abychom zkontrolovali, jak by to fungovalo.

Proces pro nahrávání by byl úplně stejný jako obvykle, mohl by to být použití nástroje Frontend Uploadu nebo pouze pomocí knihovny médií, vše, co tato role uživatelů nahrává, bude pro uživatelskou roli automaticky omezeno.

Jednou z výhod použití WP Media Folder je, že tato role (a všichni ostatní s přístupem k WP-admin) budou moci vytvořit složky pomocí +přidat nové složky .

Můžeme potvrdit, že v rámci knihovny médií editoru a uvnitř je složka, kterou jsme vytvořili pomocí role editoru, a bylo to stejně snadné jako kliknutí na tlačítko!

Nyní, když jsme povolili přístupu k médiu , bude vytvořena složka pro každou roli, která přistupuje k vaší knihovně médií a nahrává obrázek, a bude moci sdílet nebo ne s ostatními uživateli s ostatními uživateli v závislosti na nastavení, které vyberete, můžete mít také větší kontrolu nad svými médii pomocí filtrů .

Jaká úžasná funkce a opravdu snadno použitelná! Není to?

Umožněte svým uživatelům nahrávat soubory nejprofesionálnějším způsobem

V tomto příspěvku jsme byli schopni vidět, jak umožnit našim uživatelům nahrát své obrázky nejprofesionálnějším způsobem a přizpůsobit náš web každému případu, jako je pouze odeslání formuláře nebo také umožnění našich editorům vytvořit sdílenou složku, kterou budou moci vidět pouze v knihovně médií, a to není všechny! Se WP Media Folder budete moci dělat více dalších věcí, jako je připojení vaší knihovny médií s cloudovou službou , Awesome! Není to?

Zde se podívejte na více o WP Media Folder a omezení přístupu !