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 man utvecklar (HTML/CSS & PHP). Denna handledning gäller även om du vet hur man 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', '<' ) ) {
kräver get_template_directory() . '/inc/back-compat.php';
lämna tillbaka;
}
/**
* Standardtemakonfiguration + tillagda nya funktioner.
*
* Observera att denna kod läggs till efter "after_setup_theme-kroken", som
* går före initkroken.
*/
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.
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 för att optimera hanteringen av din blogg eller hemsida.
Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.
1. QT-platser
QT Places är en WordPress plugin elegant och mångsidig för att visa kartor från Google Maps på din webbplats. Efter installationen kommer en ny inläggstyp som heter "Platser" att dyka upp i din WordPress-meny, och du kan direkt börja lägga till nya platser på kartor.
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 designat för att ge en upplevelse av Online bokning –Bokning – snabbare och effektivare för dina kunder. 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.
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 den 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.
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.
- Hur man utformar ett online-inloggningsformulär för en anpassad global rubrik i Divi
- 7 WordPress plugins för att skapa en FAQ på din webbplats
- Några plugins att välja mellan för att skapa tabeller på WordPress
- Hur man fixar inloggningsfelet med WordPress-databasen
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.
.
