Wordpress

Kompletní průvodce knihovnou médií WordPress (4 užitečné hacky knihovny médií v ceně)

Obrázky a další mediální soubory jsou důležitou součástí jakéhokoli webu WordPress. Chcete-li je efektivně používat, pomůže vám mít pevný přehled o tom, jak knihovna médií WordPress funguje.

Tato praktická funkce WordPress vám umožňuje ukládat a spravovat vaše obrázky a další média v průběhu času. S některými zasvěcenými znalostmi a několika jednoduchými triky můžete udělat mnoho pro vylepšení svého webu prostřednictvím knihovny médií.

V tomto obsáhlém průvodci vás provedeme vším, co je třeba vědět o Knihovna médií WordPressvčetně toho, jak importovat a stahovat obsah. Budeme se také zabývat úpravou obrázků, dlouhodobou správou souborů a čtyřmi hacky pro začlenění pokročilých funkcí.

Začněme!

Úvod do knihovny médií WordPress

Ve svém jádru je vaše mediální knihovna WordPress přesně to, co napovídá její název: katalog všech mediálních souborů, které jste nahráli na svůj web:

Knihovna médií WordPress
Knihovna médií WordPress

WordPress je schopen hostovat různé typy médií, včetně:

  • Obrázky (.jpg, .jpeg, .png, .gif a .ico).
  • Zvukové soubory (.mp3, .m4a, .ogg a .wav).
  • Videa (.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp a .3g2).
  • PDF.
  • Word dokumenty.
  • Excelové tabulky.
  • PowerPointové prezentace.
  • Dokumenty Adobe Photoshop.

Má také některé omezené možnosti úpravy fotografií, takže můžete provádět úpravy podle potřeby přímo z palubní desky.

Bohužel, WordPress zatím nepodporuje obrázky z webu.

Chcete-li získat přístup ke své knihovně médií, jednoduše klikněte na Media na postranním panelu správce kdykoli:

Přístup do knihovny médií WordPress
Přístup do knihovny médií WordPress

Zde je k dispozici několik základních možností.

Nejprve můžete kliknutím na příslušné ikony určit, zda chcete soubory zobrazit v zobrazení seznamu nebo mřížky:

Možnosti zobrazení knihovny médií WordPress
Možnosti zobrazení knihovny médií WordPress

Soubory můžete také filtrovat pomocí rozevíracích nabídek:

Filtrování souborů knihovny médií WordPress
Filtrování souborů knihovny médií WordPress

První nabídka vám umožňuje zobrazit média podle typu, zatímco druhá bude filtrovat obsah vaší knihovny podle dat, kdy byla nahrána.

Můžete také použít vyhledávací panel k vyhledání konkrétních souborů podle názvu:

Vyhledávací panel knihovny médií WordPress
Vyhledávací panel knihovny médií WordPress

Nakonec je tu také a Hromadný výběr knoflík. Tato funkce vám umožňuje odstranit několik souborů z vaší instalace WordPress najednou:

Možnost hromadného výběru v knihovně médií WordPress
Možnost hromadného výběru v knihovně médií WordPress

To pokrývá všechny nativní funkce dostupné na obrazovce Knihovna médií WordPress.

Jak uvidíte později, existuje mnoho úprav, kterými jej můžete vylepšit. Nejprve však musíme probrat, jak přidat soubory do WordPressu.

✨ Obrázky jsou účinnými způsoby, jak prodat a zaujmout uživatele. Zjistěte vše, co potřebujete vědět o Knihovně médií WordPress 📸Kliknutím Tweet

Jak přidat soubory do vaší knihovny médií WordPress

Existuje několik různých způsobů, jak můžete přidat soubory (např. favicon vašeho webu) do vaší knihovny médií WordPress. První je navigace Média > Přidat nový:

Přístup k WordPress Media Uploader
Přístup k WordPress Media Uploader

Zde můžete nahrát soubory uložené ve vašem počítači nebo jiném zařízení:

WordPress Media Uploader
WordPress Media Uploader

Můžete také přidat média přímo z editoru WordPress. V Editoru bloků začněte přidáním odpovídajícího bloku pro typ média, které chcete začlenit:

WordPress mediální bloky
WordPress mediální bloky

Ve výsledném zástupném symbolu vyberte Nahrát a vyberte soubor z počítače:

Nahrání editoru bloků
Nahrávání médií z Editoru bloků

Případně můžete soubor jednoduše přetáhnout z plochy do příslušného bloku.

V klasickém editoru budete muset kliknout na Přidat média Tlačítko:

Klasický editor Tlačítko Přidat média
Klasický editor Tlačítko Přidat média

Pak přejděte na Nahrát kartu a vyberte soubor z počítače:

Nahrávání médií z klasického editoru
Nahrávání médií z klasického editoru

Soubory můžete také kdykoli přetáhnout z plochy přímo do editoru.

V některých případech můžete zjistit, že budete muset ručně nahrát mediální soubory na svůj web WordPress přes FTP. Můžete to udělat pomocí klienta, jako je FileZilla.

Jakmile se připojíte k serveru, přejděte na wp-content > uploady:

ftp nahrávání
Nahrávání souborů do adresáře WordPress Media Library přes FileZilla

Nahrajte soubory do tohoto adresáře a přidejte je do své knihovny médií.

Stahování obsahu z knihovny médií WordPress

Za určitých okolností může být nutné stáhnout soubory z knihovny médií do počítače. WordPress vám to umožňuje nativně tím, že přejdete na Nástroje> Exportovat:

Exportní nástroj WordPress
Exportní nástroj WordPress

Poté vyberte položku Media volba. Pokud potřebujete pouze soubory, které byly nahrány v určitém časovém rámci, můžete svůj požadavek zadat pomocí rozbalovacích nabídek:

Export médií WordPress
Export médií WordPress

Nakonec klikněte na tlačítko Stáhněte si exportovaný soubor knoflík. Tím se stáhne příslušné mediální soubory do vašeho počítače.

Jak upravovat obrázky v knihovně médií WordPress

Jak jsme již zmínili, WordPress má několik nativních funkcí pro úpravu obrázků. Chcete-li k nim přistupovat, přejděte do své knihovny médií WordPress a vyberte soubor, který chcete upravit. Poté klikněte na Upravit obrázek Tlačítko:

tlačítko upravit obrázek
Tlačítko Upravit obrázek ve WordPressu

Tím se otevře editor obrázků:

editor obrázků wordpress
WordPress editor obrázků

Existuje pět základních úprav, které můžete provést:

Oříznutí umožňuje vyříznout části obrazu:

oříznutí obrázku ve wordpressu
Oříznutí obrázku ve WordPressu

Rotující obrázek se otočí proti směru hodinových ručiček nebo po směru hodinových ručiček o 90 stupňů:

otočení obrázku wordpress
Otočení obrázku doleva ve WordPressu

Obracející se obrázek jej bude odrážet vertikálně nebo horizontálně:

překlopení obrázků na wordpressu
Horizontální převrácení obrázku ve WordPressu

Další tři nastavení jsou na postranním panelu. První vám to umožňuje změnit velikost obrazu jeho škálováním. Jednoduše zadejte požadovanou výšku nebo šířku a druhé pole se automaticky vyplní. Poté klikněte na Měřítko Tlačítko:

měřítko obrázků wordpress
Změna měřítka obrázku ve WordPressu

Je důležité si uvědomit, že změna velikosti obrázků ve WordPressu může někdy negativně ovlivnit jejich kvalitu.

Navíc můžete pořizovat pouze velké obrázky a zmenšovat je. Obrázky nelze zvětšit na větší velikost!

Chcete-li obrázek oříznout tak, aby měl konkrétní poměr stran nebo rozměry, můžete použít Poměr stran  a Výběr pole pod Oříznutí obrázku:

výběr oříznutí obrázku
Nastavení rozměrů výběru oříznutí obrázku ve WordPressu

Nakonec, pokud si přejete zachovat stávající miniaturu obrázku, můžete tak učinit pomocí Nastavení miniatur. Stačí vybrat přepínač pro kteroukoli verzi obrázku, na kterou chcete změny použít:

nastavení úprav miniatur wordpress
Nastavení miniatur v editoru obrázků WordPress

Výchozí úprava obrázků WordPress je užitečná, ale omezená. Nenahradí žádný software, který byste mohli použít pro rozsáhlejší úpravy, zvláště pokud provozujete fotografický web nebo fotoblog.

Porozumění chybám v knihovně médií WordPress

Bohužel dochází k chybám WordPressu. A WordPress Media Library není výjimkou.

Jeden problém, který se běžně objevuje, je nespecifikovaná „chyba HTTP“, která se může objevit, když nahráváte nový soubor z editoru:

chyba http média
Chyba HTTP při nahrávání média

Obvykle můžete jednoduše počkat, až tato chyba zmizí, a po několika minutách zkusit nahrát znovu. Pokud se chyba HTTP objeví znovu, je možné, že vaše relace WordPress vypršela. Budete se muset znovu přihlásit a poté opakovat nahrávání.

Dalším problémem, kterému někteří uživatelé čelí, je selhání načítání knihovny médií. To je často způsobeno konfliktem s vašimi pluginy a/nebo motivem. Chcete-li tuto chybu vyřešit, zkuste deaktivovat všechny své pluginy a přepnout na výchozí motiv WordPress.

Pokud se vaše knihovna médií znovu načte správně, budete muset konflikt pluginů dále řešit, aby se problém trvale vyřešil.

Někdy se můžete setkat s chybou „Nahrávání: Nepodařilo se zapsat soubor na disk“, když začnete nahrávat soubory prostřednictvím knihovny médií. K tomuto problému obvykle dochází, když je váš adresář pro nahrávání nastaven na Nelze zapisovat. Oprávnění k souborovému systému můžete zkontrolovat pomocí nástroje WordPress Site Health.

Dlouhodobá správa knihovny médií

Doposud jsme se soustředili výhradně na nativní funkcionalitu WordPressu, pokud jde o Knihovnu médií. Při používání této funkce v průběhu času však pravděpodobně narazíte na potíže, které vyžadují pomoc externích řešení.

Například čím více souborů přidáte, tím více bude vaše knihovna médií WordPress neuspořádaná. Kromě možností vyhledávání a filtrování probíraných na začátku tohoto příspěvku WordPress příliš nepomáhá při řešení neukázněných objemů médií.

Existuje však několik zásuvných modulů, které vám umožňují uspořádat mediální soubory do složek.

Plugin WordPress Media Library Folders je nejoblíbenější možností:

WordPress Media Library Folders WordPress plugin
WordPress Media Library Folders WordPress plugin

Kromě toho, že vám umožňuje vytvářet složky mediálních souborů, je tento plugin také integrován s MaxGalleria a umožňuje vám vytvářet galerie obrázků přímo z knihovny médií:

WordPress Galerie MaxGalleria WordPress plugin
WordPress Galerie MaxGalleria WordPress plugin

Upgrade na WordPress Media Library Folders Pro poskytuje další integraci s pluginem NextGEN Gallery a Advanced Custom Fields. Umožňuje také vytvářet kategorie a značky pro další uspořádání souborů.

Další funkcí, kterou WordPress postrádá, je možnost nahradit mediální soubory novými verzemi. Protože tyto typy souborů mohou být poměrně velké, nechcete jednoduše přidávat nové, kdykoli potřebujete aktualizovat svůj obsah.

To znamená, že po nahrání nového souboru budete muset najít starou verzi a smazat ji. Můžete si ušetřit čas přímým nahrazením starých obrázků pomocí Enable Media Replace by ShortPixel:

Povolte plugin Media Replace WordPress
Povolte plugin Media Replace WordPress

Pomocí tohoto pluginu můžete také nahradit všechny odkazy směřující na starý soubor. To je užitečné, abyste se vyhnuli poškozeným médiím na vašem webu.

Real Media Library je další správce složek a souborů, který stojí za to vyzkoušet, aby byla vaše správa souborů hračkou.

WordPress plugin Real Media Library
WordPress plugin Real Media Library

Díky němu se můžete přímo ve WordPressu postarat o spoustu souborů, jako jsou obrázky, videa a dokumenty. Je dobré vědět: Real Media Library je k dispozici ve 12 jazycích. Pokud bezplatná verze nestačí pro vaše potřeby, poskytují také verzi PRO s více funkcemi.

4 praktické hacky knihovny médií WordPress

Knihovna médií WordPress zvládne většinu běžných požadavků správce webu. WordPress však poskytuje řadu funkcí a háčků, které uživatelům umožňují vylepšit konkrétní funkce knihovny médií bez použití zásuvných modulů třetích stran. Pojďme se na tyto funkce a háčky ponořit se čtyřmi praktickými příklady.

1. Přidejte vlastní metadata k typům příspěvků přílohy

Kdykoli nahrajete mediální soubor, WordPress vygeneruje typ příspěvku s přílohou.

Už vás nebaví problémy s WordPress a pomalý hostitel? Poskytujeme prvotřídní podporu od odborníků na WordPress, která je k dispozici 24/7 a extrémně rychlé servery. Podívejte se na naše plány

Stejně jako jakýkoli jiný typ příspěvku jsou přílohy registrovány v wp_posts tabulka a jejich příslušná metadata lze nalézt v wp_postmeta tabulka ve vaší databázi:

podrobnosti přílohy wordpress
Výchozí panel podrobností přílohy

Projekt wp_posts tabulka ukládá data, která zahrnují Post_content (popis přílohy), post_excerpt (nadpis přílohy), příspěvek_autor, POST_TITLE, post_status, a post_mime_type.

Projekt wp_postmeta tabulka ukládá jakýkoli druh metadat, jako je adresa URL připojeného souboru, rozměry obrázku a typy MIME a metadata formátu EXIF ​​(Exchangeable Image File) a Mezinárodní tiskové rady pro telekomunikace (IPTC).

Občas může být potřeba přidat k přílohám vlastní metadata, jako je jméno autora dokumentu, přidružená adresa URL nebo místo, kde byla fotografie pořízena. Přidávání meta polí do příloh je trochu odlišné od přidávání meta polí do příspěvků a vyžaduje specifické háčky a funkce.

Nejprve budete muset do souboru přidat všechna potřebná vlastní pole Upravit média obrazovka. Tento úkol můžete provést filtrováním dostupných polí příloh pomocí filtru attachment_fields_to_edit wp-admin/includes/media.php:

function media_hacks_attachment_field_to_edit( $form_fields, $post ){

	// https://codex.wordpress.org/Function_Reference/wp_get_attachment_metadata
	$media_author = get_post_meta( $post->ID, 'media_author', true );
    
	$form_fields['media_author'] = array(
		'value' => $media_author ? $media_author : '',
		'label' => __( 'Author' )
	); 
	return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'media_hacks_attachment_field_to_edit', 10, 2 );

Funkce má dva argumenty: the $form_fields pole formulářových polí a $ příspěvek objekt. Za prvé, get_post_meta načte stávající 'media_author' hodnota, pak a 'media_author' prvek je přidán k $form_fields pole.

Nakonec se zpětné volání vrátí $form_fields (viz kód na Gistu).

Tím se zobrazí nové pole na Upravit média stránku, ke které se dostanete výběrem příslušného obrázku z knihovny médií a kliknutím na Upravit další podrobnosti link:

upravit další podrobnosti
Přístup na stránku WordPress Edit Media

Na výsledné obrazovce uvidíte ve spodní části nové pole vlastních metadat:

Nové pole metadat „autor“.
Nové pole metadat „autor“.

Dalším krokem je uložení uživatelského vstupu. Můžete toho dosáhnout připojením nové funkce k upravit_přílohu akce:

function media_hacks_edit_attachment( $attachment_id ){
	if ( isset( $_REQUEST['attachments'][$attachment_id]['media_author'] ) ) {
    
		$media_author = $_REQUEST['attachments'][$attachment_id]['media_author'];
    
		update_post_meta( $attachment_id, 'media_author', $media_author );
	}
}
add_action( 'edit_attachment', 'media_hacks_edit_attachment' );

Tato funkce uchovává pouze jeden argument: the $attachment_id aktuálního mediálního souboru. Nejprve funkce zkontroluje, zda byla odeslána platná hodnota pro vlastní meta pole. Poté hodnotu zaregistruje díky funkci update_post_meta (viz kód na Gistu).

Nyní můžete získat 'media_author' hodnotu díky get_post_meta funkce:

$media_author = get_post_meta( $post->ID, 'media_author', true );

Poté jej můžete zobrazit kdekoli ve frontendu.

2. Zobrazte metadata EXIF ​​a IPTC na obrazovce Upravit média

WordPress automaticky ukládá rozšířená metadata pro typy MIME JPEG a TIFF. Nyní, když víte, jak přidat pole do Upravit média přes obrazovku media.php, můžete tato data zobrazit.

Chcete-li provést tento úkol, musíte změnit první funkci zpětného volání následovně:

function media_hacks_attachment_fields_to_edit( $form_fields, $post ){

	// get post mime type
	$type = get_post_mime_type( $post->ID );

	// get the attachment path
	$attachment_path = get_attached_file( $post->ID );

	// get image metadata
	$metadata = wp_read_image_metadata( $attachment_path );

	if( 'image/jpeg' == $type ){

		if( $metadata ) {

			$exif_data = array(
				'aperture'          => 'Aperture', 
				'camera'            => 'Camera', 
				'created_timestamp' => 'Timestamp',
				'focal_length'      => 'Focal Length', 
				'iso'               => 'ISO', 
				'shutter_speed'     => 'Exposure Time', 
				'orientation'       => 'Orientation' );

			foreach ( $exif_data as $key => $value ) {

				$exif = $metadata[$key];
				$form_fields[$key] = array(
					'value' => $exif ? $exif : '',
					'label' => __( $value ),
					'input' => 'html',
					'html'  => "ID][$exif]' value='" . $exif . "' />
				);
			}
		}
	}
	return $form_fields;
}
add_filter( 'attachment_fields_to_edit', 'media_hacks_attachment_fields_to_edit', 10, 2 );

Tento úryvek používá následující funkce WordPress:

  • get_post_mime_type načte typ MIME přílohy na základě ID.
  • get_attached_file načte cestu k připojenému souboru na základě ID.
  • wp_read_image_metadata získává metadata EXIF ​​nebo IPTC, jsou-li k dispozici.

Pokud je typ mime obrázku „image/jpeg“ a existují-li metadata, je deklarováno pole požadovaných metadat a pro každý prvek v poli se vytvoří pole formuláře:

metadata exif iptc
Pole metadat EXIF ​​a IPTC v podrobnostech přílohy WordPress

Pole formuláře v tomto příkladu jsou o něco složitější, protože nastavujeme hodnotu pro 'html' element formuláře (viz kód na Gist). Metadata EXIF ​​a IPCT nemusíte ukládat, protože je WordPress automaticky ukládá do wp_postmeta tabulky při nahrávání obrázků.

3. Zobrazte rozšířená metadata na rozhraní frontend

Je užitečné mít všechny tyto informace pro sebe na zadní straně. Pokud však chcete na frontendu zobrazovat také rozšířená metadata pro vaše mediální soubory, budete muset udělat trochu víc práce.

Chcete-li tak učinit, můžete tyto informace připojit k popisu přílohy pomocí filtru the_content wp-admin/includes/post.php, jako tak:

function media_hacks_the_content( $content ){
	global $post;

	if( is_attachment() && 'image/jpeg' == get_post_mime_type( $post->ID ) ) {

		$fields = wp_get_attachment_metadata( $post->ID );
		$meta = $fields['image_meta'];

		if( ! empty( $meta['camera'] ) ){
			$custom_content = "
			
  • Camera: {$meta['camera']}
  • Created timestamp: {$meta['created_timestamp']}
  • Aperture: {$meta['aperture']}
  • Focal length: {$meta['focal_length']}
  • ISO: {$meta['iso']}
  • Shutter speed: {$meta['shutter_speed']}
  • Orientation: {$meta['orientation']}
"; $content .= $custom_content; } } return $content; } add_filter( 'the_content', 'media_hacks_the_content' );

Zde se volá funkce wp_get_attachment_metadata. Pokud je aktuální typ příspěvku „příloha“ a pokud je aktuální typ MIME „image/jpeg“, získají se dostupná metadata obrázku a použijí se k sestavení neuspořádaného seznamu polí, který se připojí k obsahu příspěvku.

Funkce zpětného volání se vrátí $ obsah (viz tento kód na Gist):

metadata frontendu
Metadata EXIF ​​a IPTC zobrazená na stránce přílohy

Nahoře můžete vidět nový příspěvek s přílohou s metadaty připojenými k popisu.

4. Zveřejněte fotoarchiv

Po vybalení WordPress nezobrazuje archivy příloh. To se děje, protože has_archive možnost typu přílohy je nastavena na nepravdivý.

Navíc, zatímco výchozí post_status parametru $dotaz objekt je nastaven na „publikovat“, výchozí příloha post_status je nastaveno na „dědit“. To znamená, že v archivech nebudou zobrazeny žádné přílohy, pokud dotaz výslovně nenastavíme post_status na „zdědit“ nebo „jakýkoli“ (další informace viz Parametry typu WP_Query).

Aby bylo možné zobrazit archivy obrázků, musíte definovat dvě funkce. První funkce filtruje argumenty zadaného typu příspěvku a nastavuje přílohu has_archive majetek do pravdivý:

function media_hacks_register_post_type_args( $args, $post_type ){
	if( $post_type == 'attachment' ){
		$args['has_archive'] = true;
	}
	return $args;
}
add_filter( 'register_post_type_args', 'media_hacks_register_post_type_args', 10, 2 );

Druhá funkce nastavuje vlastní hodnoty pro proměnné dotazu post_mime_type a post_status:

function media_hacks_pre_get_posts( $query ){
	if ( !is_admin() && $query->is_main_query() ) {

		if( is_post_type_archive('attachment') ){
			$query->set('post_mime_type', 'image/jpeg');
			$query->set( 'post_status', 'inherit' );
		}
	}
}
add_action( 'pre_get_posts', 'media_hacks_pre_get_posts' );

Funkce je připojena k háku akce pre_get_posts, který se spustí po vytvoření dotazu, ale před jeho provedením. The $dotaz objekt je předán odkazem, nikoli hodnotou, což znamená, že jakékoli změny aktuální instance $dotaz ovlivní originál $dotaz objekt.

Z tohoto důvodu je důležité ověřit, který dotaz se chystáte změnit (viz tento kód na Gistu). Pak pokud vstoupíte https://yourdomain.com/?post_type=attachment ve vašem prohlížeči byste měli vidět archiv obrázků JPEG:

stránka archivu obrázků
Archiv médií WordPress

Úplný kód pro všechny tyto hacky je k dispozici jako plugin ve veřejném Gistu, na který jsme propojili tuto sekci. Můžete si jej stáhnout jako a . Zip soubor a nahrajte jej na svůj web WordPress, abyste mohli implementovat všechny čtyři tyto hacky, aniž byste museli soubory ručně upravovat.

Obrázek má hodnotu 1,000 XNUMX slov… ale pouze pokud víte, jak jej importovat, upravovat a spravovat na svém webu WordPress. 🖼 Kliknutím se dozvíte více v tomto podrobném průvodci 📸Kliknutím Tweet

Shrnutí

Obrázky, videa, zvukové soubory a dokumenty mohou být pro uživatele vašeho webu nesmírně cenné. Knihovna médií WordPress je nezbytná pro nahrávání, publikování a dokonce i úpravu těchto souborů, aby vyhovovaly potřebám vašeho obsahu.

Máte nějaké další otázky ohledně knihovny médií WordPress? Dejte nám vědět v sekci komentářů níže!

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru