Fragst du dich, ob es eine Möglichkeit gibt, Bilder in WordPress automatisch in Graustufen darzustellen, wenn du sie hochlädst?
Normalerweise benötigen Sie ein Fotobearbeitungstool, um Ihre Bilder in Graustufen umzuwandeln. Dies kann jedoch zeitaufwändig sein, da Sie jedes einzelne Bild bearbeiten müssen, bevor Sie es auf Ihre Website hochladen.
In diesem Artikel zeigen wir Ihnen, wie Sie Bilder in WordPress beim Hochladen auf Ihre Website in Graustufen darstellen.
Wann sollten Sie Graustufenbilder in WordPress verwenden?
Graustufenbilder enthalten nur Informationen über die Lichtmenge im Bild. Bildfarben zeigen unterschiedliche Grauschattierungen, die zwischen Schwarz und Weiß variieren.
In bestimmten Situationen kann die Verwendung von Graustufenbildern für Ihre WordPress-Website von Vorteil sein. Sie können es beispielsweise verwenden, um die Lesbarkeit der im Bild gezeigten Objekte zu verbessern.
Andererseits werden Graustufenbilder aufgrund ihrer geringen Größe häufig für die Bildverarbeitung verwendet. Es ermöglicht Entwicklern, komplexe Vorgänge in kürzerer Zeit auszuführen.
Lassen Sie uns sehen, wie Sie Ihre Bilder in WordPress in Graustufen umwandeln können, wenn Sie sie hochladen.
Graysacling-Bilder beim Hochladen in WordPress
Wenn es darum geht, Bilder im WordPress-Blog hinzuzufügen, müssten Sie diese vor dem Hochladen mit einer Bildbearbeitungssoftware wie Photoshop bearbeiten und farbige Bilder in Graustufen umwandeln.
Wenn Sie Hunderte oder Tausende von Bildern hochladen müssen, kann es viel Zeit in Anspruch nehmen, jedes Bild manuell zu bearbeiten.
Sie können sie jedoch beim Hochladen automatisch in Graustufenbilder umwandeln. Zu Beginn müssen Sie lediglich den folgenden Code zur Datei functions.php Ihres Themes hinzufügen:
add_filter('wp_generate_attachment_metadata','rb_bw_filter');
function rb_bw_filter($meta) {
$path = wp_upload_dir(); // get upload directory
$file = $path['basedir'].'/'.$meta['file']; // Get full size image
$files[] = $file; // Set up an array of image size urls
foreach ($meta['sizes'] as $size) {
$files[] = $path['path'].'/'.$size['file'];
}
foreach ($files as $file) { // iterate through each image size
// Convert image to grayscale credit to http://ottopress.com/2011/customizing-wordpress-images/
list($orig_w, $orig_h, $orig_type) = @getimagesize($file);
$image = wp_load_image($file);
imagefilter($image, IMG_FILTER_GRAYSCALE);
switch ($orig_type) {
case IMAGETYPE_GIF:
imagegif( $image, $file );
break;
case IMAGETYPE_PNG:
imagepng( $image, $file );
break;
case IMAGETYPE_JPEG:
imagejpeg( $image, $file );
break;
}
}
return $meta;
}
Eine einfache Möglichkeit, Designdateien Code hinzuzufügen, ist die Verwendung von Code Ausschnitte Plugin für WordPress. Es ist ein kostenloses Plugin, mit dem Sie Code-Snippets ausführen können, ohne die function.php-Datei Ihres Themes manuell bearbeiten zu müssen.
Zuerst müssen Sie das Code-Snippets-Plug-in herunterladen und auf Ihrer Website installieren. Wenn Sie Hilfe benötigen, folgen Sie bitte unserer Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung können Sie zu gehen Schnipsel » Neu hinzufügen aus Ihrem WordPress-Dashboard.
Geben Sie als Nächstes einen Namen für Ihr Snippet ein und fügen Sie den obigen Code in den Codebereich ein.
Klicken Sie nach Eingabe des Codes einfach auf die Schaltfläche „Aktivieren“ und speichern Sie Ihre Änderungen.
Als Nächstes können Sie den Code testen, indem Sie eine neue Seite bearbeiten oder hinzufügen. Wenn Sie sich im WordPress-Editor befinden, klicken Sie auf die Schaltfläche „+“ und fügen Sie einen Bildblock hinzu.
Sie können jetzt jedes Bild auf Ihre WordPress-Website hochladen und es wird automatisch in ein Graustufenbild umgewandelt.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Bilder in WordPress in Graustufen umwandelt. Sie können auch unseren Leitfaden zur Auswahl der besten Blogging-Plattform und des besten kostenlosen Generators für Firmennamen lesen.