Snippet: Spalte Dateigr├Â├če in der Mediathek hinzuf├╝gen

Snippet: Spalte Dateigr├Â├če in der Mediathek hinzuf├╝gen

Dieses Code-Snippet f├╝gt der WordPress Mediathek eine neue Spalte mit der Dateigr├Â├če der Bilder an. Das ist super praktich, warum diese Funktion noch nicht im WordPress Core ist, ist mir ein R├Ątsel.

Als alternative habe ich dir noch einige Plugins herausgesucht, mit denen du ebenfalls die Bildgr├Â├če als Spalte anzeigen lassen kannst.

Achtung: F├╝hre vorher unbedingt ein Backup aus! Kleinste Fehler k├Ânnen deine Website zerst├Âren.

Load WordPress Sites in as fast as 37ms!

Die Spalte Dateigr├Â├če mit einem Code-Snippet hinzuf├╝gen

Ich installiere ungern für jede kleine Änderung an WordPress ein neues Plugin. Das ist auch nicht notwendig, denn WordPress hat mit seinen Hooks und Filtern die optimale Umgebung für einfache Code-Snippets geschaffen.

Zun├Ąchst brauchst du ein Code-Snippet, welches die ├änderungen vornimmt und die Dateigr├Â├čen-Spalte in der WordPress Mediathek hinzuf├╝gt.

Los geht’s!

Der Code

<?php

// Add Media Library Column: File Size

add_filter('manage_upload_columns', 'bp_add_column_file_size');
add_action('manage_media_custom_column', 'bp_column_file_size', 10, 2);
add_action('admin_head', 'bp_add_media_styles');

// Create the column
function bp_add_column_file_size($columns)
{
  $columns['bpFilesize'] = __('File Size');
  return $columns;
}
// Display the file size
function bp_column_file_size($column_name, $media_item)
{
  if ('bpFilesize' != $column_name || !wp_attachment_is_image($media_item)) {
    return;
  }
  $bpFilesize = filesize(get_attached_file($media_item));
  $bpFilesize = size_format($bpFilesize, 2);
  echo $bpFilesize;
}
// Format the column width with CSS
function bp_add_media_styles()
{
  echo '<style>.column-bpFilesize {width: 10px;}</style>';
}

Anschlie├čend m├Âchte ich die drei Funktionen kurz erkl├Ąren:

  • bp_add_column_file_size: Erstellt die neue Spalte in der Mediathek. Den Spaltennamen „File Size“ kannst du nach Belieben ├Ąndern.
  • bp_column_file_size: Diese Funktion berechnet die Dateigr├Â├če und bef├╝llt die Spalte damit.
  • bp_add_media_styles: Die schmale Spalte krallt sich zu viel Platz, deshalb habe ich die Breite mittels CSS begrenzt.

Die ersten drei Codezeilen sind die Filter bzw. Hooks, welche die Funktionen aufrufen und in WordPress „einh├Ąngen“.

Diesen Code kannst du nun in die functions.php Datei deines Child Themes einf├╝gen, oder ein Plugin daf├╝r nutzen. Mehr dazu in den folgenden Abs├Ątzen.

Alternative Downloads des Codes:

Nutze ein Snippet-Plugin

Die Spalte Dateigr├Â├če mit dem Plugin Code Snippets Pro einblenden.
Die Spalte „File Size“ mit dem Plugin Code Snippets Pro einblenden.

Das Code-Snippet von oben f├╝gst du am einfachsten mit einem der folgenden Plugins ein:

Hier auf BloggerPilot nutze ich aktuell das Code Snippets Pro Plugin und bin super zufrieden damit. Ich habe aber auch noch viel Code in meiner functions.php Datei. Wenn sich das Plugin ├╝ber l├Ąngere Zeit bew├Ąhrt, werde ich vielleicht auch den restlichen Code umsiedeln.

In die functions.php einf├╝gen

Code in die functions.php Datei deines Child Themes einf├╝gen.
Code in die functions.php Datei deines Child Themes einf├╝gen.

Wenn du WordPress schon l├Ąnger nutzt, verwaltest du deine Snippets vielleicht lieber in der functions.php Datei deines Child Themes.

Das kannst du direkt in WordPress unter Design > Theme-Editor > functions.php machen, oder ├╝ber FTP und mit dem Texteditor deiner Wahl.

Alternative Plugins

Wenn du sagst, ich m├Âchte keinen Code nutzen und lieber ein fertiges Plugin installieren, habe ich auch einige L├Âsungen f├╝r dich gefunden.

Remove Unused Media von WP Ninjas

Remove Unused Media
Remove Unused Media von WP Ninjas

Dieses Premium-Plugin kann viel mehr, als nur die Spalte Dateigr├Â├če einzublenden. Haupts├Ąchlich geht es hier darum, die Mediathek aufzur├Ąumen und ungenutzte Bilder zu finden.

Ich hatte leider noch keine M├Âglichkeit das Plugin zu testen. Ehrlich gesagt finde ich den Preis etwas zu hoch.

┬╗ Zum Plugin

FileBird

FileBird ist ein Upload- und Dateimanager f├╝r WordPress. Dabei wird auch die Medien├╝bersicht stark aufgebohrt.

Eine der vielen Optionen, ist die Anzeige einer File Size Spalte. Im Gegenteil zu meinem Code-St├╝ck kannst du mit diesem Plugin die Spalte Dateigr├Â├če sortieren und so die gr├Â├čten Dateien finden.

┬╗ Zum Plugin

HappyFiles

Der n├Ąchste Dateimanager f├╝r WordPress, mit vielen Funktionen. Eine davon ist die Dateigr├Â├čen-Spalte.

┬╗ Zum Plugin

Admin Columns

Mit AdminColumns hast du eine riesige Auswahl an Spalten.
Mit AdminColumns hast du eine riesige Auswahl an Spalten.

Das WordPress-Plugin Admin Columns l├Ąsst keine W├╝nsche offen, wenn du die Listen in WordPress mit mehr Spalten und Informationen versorgen m├Âchtest.

Die Pro-Version finde ich ziemlich teuer und obendrein wird nach Ablauf der Lizenz auch noch die Funktion stark eingeschr├Ąnkt. Normalerweise bekommt man nur keine Updates mehr, falls nicht verl├Ąngert wird.

Die Free-Version misst einen gro├čen Teil der Features, ist aber trotzdem einen Blick wert.

┬╗ Zum Plugin

Die WordPress Mediengr├Â├čen-Spalte

Die neue Spalte Dateigr├Â├če (File Size) in der WordPress Mediathek.
Die neue Spalte Dateigr├Â├če (File Size) in der WordPress Mediathek.

Auf dem Screenshot meiner Mediathek siehst du als letzte Spalte die Dateigr├Â├če der Bilder. Das funktioniert mit meinem Code-Snippet wunderbar.

Mir hat diese Information gefehlt, um sofort zu erkennen, ob ich das Bild vor dem Upload auch optimiert habe. Oder wenn eine Texterin ein riesiges Bild hochl├Ądt, sehe ich das auch gleich.

Genauso einfach kannst du ├╝brigens das Beitragsbild als Spalte in den Beitr├Ągen und Seiten einblenden.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht ver├Âffentlicht.