Springe zum Hauptinhalt

Wie ein benutzerdefiniertes Format für Thumbnails hinzufügen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie wissen, wie Sie benutzerdefinierte Größen für Miniaturansichten hinzufügen können?

Durch das Hochladen von Bildern in WordPress werden unterschiedliche Größen des Originalbilds erstellt. Leider ist dies keine Lösung, die für alle geeignet ist. Die erstellten Standardgrößen sind: Miniaturansicht, Mittel, Groß und Originalgröße. Wenn Sie jedoch eine andere Größe benötigen, wie die Produkte in einem Online-Shop, können Sie Ihre eigene benutzerdefinierte Größe nach Ihren Bedürfnissen erstellen.

In diesem Tutorial zeigen wir Ihnen, wie Sie benutzerdefinierte Bildformate erstellen, indem Sie sie mit Code in Ihrem Thema speichern.

Ich gehe für dieses Tutorial davon aus, dass Sie wissen, wie man entwickelt (HTML / CSS & PHP). Dieses Tutorial gilt auch, wenn Sie wissen, wie man WordPress-Plugins erstellt.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

So speichern Sie benutzerdefinierte Größen in WordPress

Beginnen Sie mit dem Öffnen von oder Erstellen Sie die Datei functions.php Konfigurieren Sie es dann wie im folgenden Beispiel, das ein Auszug aus dem Standardthema Twenty Seventeen ist:

<?php

if ( version_compare( $GLOBALS['wp_version'], '4.7-alpha', '<' ) ) {
    require get_template_directory() . '/inc/back-compat.php';
    return;
}

/**
 * Configuration par défaut du thème + ajout de nouvelles fonctionnalités.
 *
 * Notez que ce code s'ajoute après le crochet "after_setup_theme hook", qui
 * s'exécute avant le crochet init. 
 */
function twentyseventeen_setup() {

Wie im Kommentar erläutert, können Sie Kompatibilitäten mit den WordPress-Funktionen hinzufügen, die Sie in Ihrem Thema verwenden möchten, z. B. vorgestellte Bilder, Postformate, benutzerdefinierte Kopfzeilen und andere ähnliche Optionen.

Siehe auch unsere Liste von 5 WordPress-Plugins zum Bearbeiten von Bildern in Ihrem Blog

Es gibt eine Funktion, die Sie unbedingt hinzufügen müssen, um Bilder mit benutzerdefinierten Größen und Miniaturansichten erstellen zu können:

  add_theme_support ( 'Post-Thumbnails');

Nach der WordPress-Version 2.9 wurden Post-Bilder in „Featured Images“ umbenannt, aber es wird (verwirrend) immer noch mit seinem ursprünglichen Namen im Dateicode bezeichnet. Diese Begriffe können austauschbar verwendet werden, jedoch kann dies je nach Zielgruppe für einige verwirrend sein.

Lesen Sie auch unser Tutorial auf Wie eine erweiterte Benutzerkontrolle auf Wordpress zu haben

Dann können Sie Ihre benutzerdefinierten Bildgrößen zum " add_image_size ". Dies ist die Grundstruktur, die Sie benötigen:

    add_image_size ('neue benutzerdefinierte Größe', Breite, Höhe, Zuschneidemodus);

Stellen Sie sicher, zu ändern " THEME Mit dem Namen Ihres Themas. Ersetzen " neue benutzerdefinierte Größe Mit einem beschreibenden Namen für Ihre Bildgröße. Obwohl Sie fast jeden Namen verwenden können, sind diese verboten, da sie für die oben genannten Standardbildgrößen reserviert sind: Daumen, Miniaturbild, mittel, groß, Post-Miniaturbild.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Außerdem können Sie benutzerdefinierte Bildgrößen festlegen Breite, Höhe und zum Zuschneiden.

entdecken Sie auch Wie zu komprimieren und die Größe von Bildern auf Wordpress

Sie können die Abmessungen ändern " Breite "Und" Höhe Für diejenigen, die Sie brauchen werden. Der Zuschneidemodus ist zwar selbsterklärend, aber nicht.

Es gibt einige Optionen zum Zuschneiden Ihrer Bilder:

  • Zwangsernte - Stellen Sie dazu den Wert " Ernte-Modus Zu " was immer dies auch sein sollte. ". Es schneidet ein größeres Bild auf die exakte Breite und Höhe, die so eingestellt ist, dass es perfekt zu Ihrem Design passt, aber es muss das Bild nicht unbedingt proportional zuschneiden.
  • Süßes Schneiden - Dies ist die Standardeinstellung und wird durch Entfernen des Zuschneidemodus aktiviert. Es wird proportional ein Bild erzeugt, aber die Bildhöhen können variieren, wenn sie ursprünglich unterschiedliche Größen hatten.
  • Unbegrenzte Höhe - Durch Löschen des Wertes " Höhe », Der Zuschneidemodus Ihres benutzerdefinierten Bildes kann eine unbegrenzte Höhe haben. Dies ist besonders nützlich für Infografiken.

Sie können die Zeile im obigen Snippet wiederholen, um so viele Bildgrößen wie nötig zu speichern. Vergessen Sie nicht, es so zu bearbeiten, dass es den Anforderungen entspricht, die Sie benötigen. 

Wie können Sie Ihre Artikel als PDF in WordPress teilen? Finden Sie es heraus, indem Sie diesen Artikel konsultieren.

Sie können weiterhin Unterstützung für die Funktionen hinzufügen, die Sie benötigen. Wenn Sie fertig sind, fügen Sie diese in den Hook ein. " after_setup_theme »:

Add_action ('after_setup_theme', 'themename_setup');

Denk daran, dass " THEME Sollte in den tatsächlichen Namen Ihres WordPress-Themas geändert werden. Stellen Sie sicher, dass Sie diesen Namen in dieser Datei konsistent verwenden.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. QT Orte

QT Places ist ein elegantes und vielseitiges WordPress-Plugin zum Anzeigen von Karten aus Google Maps auf Ihrer Website. Nach der Installation wird in Ihrem WordPress-Menü ein neuer Beitragstyp namens "Orte" angezeigt, und Sie können sofort damit beginnen, den Karten neue Orte hinzuzufügen.

Qt platziert interaktives responsives Google Maps WordPress-Plugin

Diese Erweiterung reagiert sehr schnell und funktioniert auf Mobilgeräten (iPhone, Android). Sie können Hinzufügen von Kartenfunktionen zu jedem Standardveröffentlichungstyp (wie Artikel oder Seiten) oder personalisiert (wie Portfolios).

Download | Demo | Web-Hosting

2. Calendarista

Calendarista ist ein Premium-WordPress-Plugin, das Ihren Kunden ein schnelleres und effizienteres Online-Buchungserlebnis bietet. Ziel ist es, Unternehmen, die die Reservierung von Sitzungen oder Terminen im Internet anbieten, Dienste sehr schnell und einfach hinzuzufügen.

Calendarista Premium WP Terminbuchung Plugin und Schedule System Plugin WordPress

Wenn Sie also nach einem vollständigen Reservierungssystem für ein Hotel, eine Autovermietung, eine Apartmentvermietung, ein Reisebüro, einen Schönheitssalon, ein Restaurant usw. suchen,… Dieses Plugin ist perfekt für Sie. 

Lesen Sie diesen Artikel auf Wie alle Publikationen Ihre Wordpress auf einer einzigen Seite angezeigt werden

Als Funktionalität bietet es unter anderem: 10 gebrauchsfertige Reservierungssystemmodelle, die Unterstützung von 3 Payment Gateways, WooCommerce-Unterstützung, die Integration eines anpassbaren Form Builders, Google Map-Unterstützung, eine hervorragende Kalendervorlage zum Anzeigen Ihrer Termine und vieles mehr.

Download | Demo Web-Hosting

3. EventOn

Das Premium EventOn WordPress Plugin ist mit über 7000 Verkäufen das meistverkaufte Kalender Plugin auf CodeCanyon. Es hat eine Menge nützlicher Funktionen wie vorgestellte Bilder für Veranstaltungen, Shortcodes, unbegrenzte Erstellung von Ereigniskalendern, anpassbaren Metadatenfeldern und Ereigniseigenschaften.

Eventon WordPress Event Kalender WordPress Plugin

Die wichtigsten Erweiterungen sind unter anderem: die Möglichkeit des Verkaufs von Tickets, der Import / Export von Veranstaltungen im CSV-Format, kostenlose Integration mit Google Map, Sortieren und Filtern in der Ereignisliste, voll ansprechendes Layout, Mehrsprachige Unterstützungund einfache Anpassung des Kalenders.

Entdecken Sie unsere 9 WordPress Plugins zum Erstellen einer Reise-Website

Einige Funktionen sind bereits in anderen Plugins kostenlos verfügbar, der Wert ist jedoch ein wirksamer Kompromiss.

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Fazit

Hier ist ! Das war's für diesen Leitfaden. Wir hoffen, dass Sie damit benutzerdefinierte Größen für die Bilder hinzufügen können.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Wenn du hast commentaires oder Vorschläge, zögern Sie nicht, uns im reservierten Bereich zu informieren, aber in der Zwischenzeit, Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
14 Aktien
Aktie10
tweet1
Registrieren3