Gå till innehållet

Hur man lägger till en anpassad storlek för miniatyrer

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du veta hur du lägger till anpassad storlek på miniatyrer?

Att ladda upp bilder till WordPress skapar olika storlekar på originalbilden, men tyvärr är det inte en lösning som kan fungera för alla. Standardstorlekarna som skapats är: miniatyr, medium, stor och originalstorlek. Men om du behöver en annan storlek, som produkterna i en webbutik, kan du göra din egen anpassade storlek efter dina behov.

I den här handledningen visar vi dig hur du skapar anpassade bildformat genom att spara dem till ditt tema med kod.

Jag kommer att anta för denna handledning att du vet hur du utvecklar (HTML / CSS & PHP). Denna handledning gäller också om du vet hur du skapar WordPress-plugins.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Hur du sparar anpassade storlekar på WordPress

Börja med att öppna eller skapa filen features.php av ditt tema, konfigurera det sedan som i exemplet nedan som är ett utdrag från standard Twenty Seventeen-temat:

<?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() {

Som kommentaren förklarar kan du lägga till kompatibilitet med WordPress-funktionerna du vill använda i ditt tema, till exempel bilder, inläggsformat, anpassad rubrik och andra liknande alternativ.

Se även vår lista över 5 WordPress plugins för att redigera bilder på din blogg

Det finns en funktion som du absolut måste lägga till för att kunna skapa bilder med anpassade storlekar och miniatyrförhandsvisningar:

  add_theme_support ( 'post-miniatyrer');

Efter WordPress version 2.9 döptes inläggsbilderna om till "utvalda bilder", men det nämns (förvirrat) fortfarande av sitt ursprungliga namn i filkoden. Dessa termer kan användas omväxlande, men beroende på din publik kan det vara förvirrande för vissa.

Läs även vår handledning om Hur man har en avancerad användare kontroll på Wordpress

Sedan kan du lägga till dina anpassade bildstorlekar i " add_image_size ". Det här är den grundläggande strukturen du behöver:

    add_image_size ('ny anpassad storlek', bredd, höjd, beskärningsläge);

Se till att ändra " THEME Med namnet på ditt tema. Ersätt " ny storlek anpassade Med ett beskrivande namn för din bildstorlek. Även om du kan använda nästan vilket namn som helst är dessa förbjudna eftersom de är reserverade av standardbildstorlekarna som nämns ovan: tumme, miniatyrbild, medium, stor, postminiatyrbild.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Dessutom kan du ställa in anpassade bildstorlekar bredd, höjd och för beskärning.

Upptäck också Hur komprimera och ändra storlek på bilder på Wordpress

Du kan ändra måtten " bredd "Och" höjd För dem du behöver. Även om det är ganska självförklarande är grödsläget inte.

Det finns några alternativ för att beskära dina bilder:

  • Tvingad gröda - För att göra detta, ställ in värdet " gröda Läge Till " sann ". Det skär en större bild till den exakta bredden och höjden som ställs in så att den passar perfekt med din design, men det kanske inte nödvändigtvis beskär bilden proportionellt.
  • mjuk Trim - Det här är standardinställningen och aktiveras genom att ta bort beskärningsläget. Den ger en bild proportionellt, men bildhöjderna kan variera om de ursprungligen hade olika storlekar.
  • Obegränsad höjd - Genom att radera värdet " höjd », Beskärningsläget för din anpassade bild kan ha obegränsad höjd. Detta är särskilt användbart för infografik.

Du kan upprepa raden i utdraget ovan för att spara så många bildstorlekar som du behöver. Glöm inte att redigera den så att den uppfyller de specifikationer du behöver. 

Hur delar du dina artiklar som PDF på WordPress? Ta reda på det genom att läsa den här artikeln.

Du kan fortsätta att lägga till stöd för de funktioner du behöver och när du är klar, inkludera det i kroken " after_setup_theme »:

add_action ( 'after_setup_theme', 'themename_setup');

Tänk på att " THEME Bör ändras till det faktiska namnet på ditt WordPress-tema. Var noga med att använda detta namn konsekvent i hela den här filen.

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. QT-platser

QT Places är ett elegant och mångsidigt WordPress-plugin för att visa kartor från Google Maps på din webbplats. Efter installationen visas en ny inläggstyp som heter ”Platser” i din WordPress-meny och du kan omedelbart börja lägga till nya platser till kartorna.

Qt placerar interaktivt responsivt google maps wordpress-plugin

Den här förlängningen är superresponsiv och fungerar på mobil (iPhone, Android). Du kan lägg till kartfunktionalitet till vilken standardtyp som helst (som artiklar eller sidor) eller personifierade (som portföljer).

Ladda ner | demo | webbhotell

2. Calendarista

Calendarista är ett premium WordPress-plugin som är utformat för att ge dina kunder en snabbare och effektivare onlinebokningsupplevelse. Dess mål är att göra tjänster mycket snabba och enkla att lägga till för företag som erbjuder bokning av sessioner eller möten på internet.

Calendarista premium wp mötebokningsplugin och schemalägg systemplugin wordpress

Så om du letar efter ett komplett bokningssystem för hotell, biluthyrningsföretag, lägenhetuthyrning, resebyrå, skönhetssalong, restaurang etc. ..., detta plugin är perfekt för dig. 

Läs denna artikel om Så här visar alla dina Wordpress publikationer om en enda sida

Som funktioner erbjuder det bland annat: 10 färdiga bokningssystemmodeller, stöd för 3 betalningsportar, WooCommerce-stöd, integrationen av en anpassningsbar formbyggare, Google Map-support, en utmärkt kalendermall för att visa dina möten och mycket mer.

Ladda ner | demo webbhotell

3. EventOn

Premium WordPress EventOn-tillägget är det bästsäljande kalendertillägget på CodeCanyon, med över 7000 försäljningar. Den har massor av användbara funktioner som utvalda bilder för evenemang, kortkoder, obegränsat skapande av händelsekalendrar, anpassningsbara metadatafält och händelseegenskaper.

Eventon plugin för WordPress-händelsekalender

Dess huvudsakliga tillägg är bland annat: möjligheten att sälja biljetter, import / export av evenemang i CSV-format, gratis integration med Google Map, sortering och filtrering på händelselistan, helt responsiv layout, Flerspråkigt stödoch enkel anpassning av kalendern.

Upptäck vårt 9 WordPress plugins för att skapa en resewebbplats

Vissa funktioner finns redan gratis i andra plugins, men värdet är en effektiv kompromiss.

Ladda ner | demo | webbhotell

Andra rekommenderade resurser

Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.

Slutsats

Här är ! Det är det för den här guiden. Vi hoppas att det gör att du kan lägga till anpassade storlekar för bilderna.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Om du har commentaires eller förslag, tveka inte att meddela oss i det reserverade avsnittet Men under tiden, dela den här artikeln på dina olika sociala nätverk

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
14 aktier
del10
tweet1
Enregistrer3