Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du till grid view för mediabibliotek i WordPress

Vi arbetade med hur man tar bort featured images från utvalda inlägg i WordPress, och det fick oss att tänka på att det finns så många saker som kan göras för att förbättra mediabiblioteket. För närvarande visar mediabiblioteket all din media i en list view med en liten thumbnail av images. I den här artikeln kommer vi att visa you hur man add to en grid view för mediabiblioteket i WordPress med större image previews och bättre användargränssnitt.

Images in WordPress media library displayed in a grid

Vem bör använda Grid View? Varför är det bättre?

Många människor använder WordPress för att dela foton med sina smarta telefoner. Det finns många bra WordPress-fotografiteman och portföljteman som gör det möjligt för människor att visa upp inte bara sina foton, utan även andra typer av digital konst. På front end av webbplatsen kan dessa teman hantera bilder genom att lägga till sina egna bildstorlekar och använda inläggsminiatyrer eller utvalda images. Men i admin area är denna list view mindre än optimal. Thumbnail preview är alldeles för liten och list view innehåller columns för details som de flesta människor inte ens tittar på.

Om man däremot ersätter standard list view i mediabiblioteket med ett media grid förändras upplevelsen för användaren totalt. Det blir enklare att browsa media, jämföra images, editera dem etc. Den visuella representationen av images uppmärksammas mer än annan information.

Hur man displayed WordPress mediabibliotek i grid view

Det första du behöver göra är att installera och aktivera MP6 plugin. MP6 är en WordPress admin UI iteration, skapad av WordPress grundare Matt Mullenweg och andra core WordPress utvecklare. Det kan också vara framtiden för WordPress admin back-end. När du har installerat och aktiverat MP6 plugin, kommer det att ändra din WordPress admin UI.

WordPress Admin UI with MP6 plugin

Nästa sak du behöver göra är att installera och aktivera Media Grid plugin. Det fungerar direkt ur boxen så det finns inga inställningar för dig att konfigurera. Gå helt enkelt till Media ” Bibliotek och click på Grid View.

WordPress media library in grid view

Du kan justera storleken på thumbnailerna för media preview med slidern högst upp. Om du klickar på en image öppnas vyn för edit av bilden. Du kan också välja flera images och jämföra dem sida vid sida.

Media Grid och MP6 tillägg är båda ett försök att ändra WordPress admin UI för en förbättrad upplevelse för användarna. Vilka andra förändringar tror du kommer att vara bra för att förbättra WordPress admin användargränssnitt? Låt oss veta dina tankar genom att lämna en comment under.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

13 kommentarerLämna ett svar

  1. bit

    says it doesn’t work on wordpress 3.8 or higher. #fail.

  2. Jen Kaiser

    Installed MP6. Very slick UI. One problem though…instructions included to select grid view. There isn’t such option to select. Any ideas? I’m using the latest version of WP.

  3. McGhori

    Looks good. Thanks Sir.

  4. Jere

    I installes both MP6 and Media Grid but cannot see the changes like in your tip screenshots. Media Grid I can see in Media Library but no selection controls. What went wrong? Could the problem be for example the language pack i.e. not showing when some else language but English?

    • WPBeginner Support

      You should report this issue to plugin author by visiting the support tab on plugin page.

      Administratör

  5. adolf witzeling

    Awesome tip. The clumsy interface of the media library has bothered me from the beginning. It just makes sense to use a grid-style system. Not only is it saving space (I hated to go through pages and pages of content to find the image I was looking for) it also displays the images at any size you want. For my use it’s the perfect solution. The meta information of the images is secondary for my purpose. Finally the media library is fun to use. Folder categories would be a nice addition (in the style of Bridge} to help organize content by type, rating and/or client etc. WpBeginner has taught me so many cool things-I really appreciate you guys and gals. Keep up the outstanding work!

  6. Lorne

    I’m a relative ’newbie’ to WP so I don’t completely understand Karen’s comments. However, as I use WP and administer my site, I find one thing missing in Media Library that I did appreciate in my only other experience, which was Joomla (but for the this I prefer the features available in WP much more). There is no way, that I’m aware, to create folders to store the uploaded media specific to a particular page. For example, a page such as ”About Us” – create a Media Folder of the same name to store any uploaded media for that specific page. This, of course, would make it much simpler to find and locate instead of a ’search’ or go through page after page of media remembering what name the media was given some time ago. Again, for those of us new to WP, this would save a considerable amount of time. These most recent additions to Admin and Media Grid View are great! Is there something to my comment on ”folders” that I have missed in my training? What does Karen mean – ” the only option we have that works with the media uploader is folders sorted & accessible by date – and date only!”? What ’folders’? Am I requesting the same feature she is?
    Any assistance on this would be most appreciated.

    • WPBeginner Support

      @Lorne: Currently, in a default WordPress installation, User uploads are stored in /wp-content/uploads/ directory on your web server. The default installation stores media files in date based folders. Like if you upload an image today it will be stored in /wp-content/uploads/2013/11/11/ folder. You can uncheck this option from WordPress Admin area from Settings » Media page by unchecking the option ’Organize my uploads into month- and year-based folders’. In that case all your files will be stored in /wp-content/uploads/ folder and WordPress will not create date based folders to store images. You can change the default media upload location in WordPress. However, currently WordPress does not allow you to select a location to store your media files as you upload them.

      Administratör

  7. kiki

    Adding a way to delete images from the media grid once selected for editing would be great.

  8. Karen

    Thanks much for this post. The media Library is so awful! Can you imagine that the only option we have that works with the media uploader is folders sorted & accessible by date – and date only! When I work on sites with lots of images I shake my head in wonder that this part of WP is so Paleolithic! Are there any plugins to address this & give us more flexibility? It would be so wonderful to be able to create folders, named by our own categories – that the media uploader would ”see” and insert into posts & pages. FI: Cats, Dogs, Size File Type, etc.! Many thanks for any future posts on this topic!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.