Gå til hovedindhold

Hvordan at tilføje en brugerdefineret størrelse for miniaturer

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

Vil du vide, hvordan du tilføjer brugerdefineret størrelse på miniaturer?

Upload af billeder til WordPress skaber forskellige størrelser af det originale billede, men desværre er det ikke en løsning, der muligvis fungerer for alle. De standardstørrelser, der er oprettet, er: miniaturebillede, mellem, stor og original størrelse. Men hvis du har brug for en anden størrelse, som produkterne i en online butik, kan du lave din egen tilpassede størrelse efter dine krav.

I denne vejledning viser vi dig, hvordan du opretter tilpassede billedformater ved at gemme dem på dit tema med kode.

Jeg antager for denne vejledning, at du ved, hvordan du udvikler (HTML / CSS & PHP). Denne vejledning gælder også, hvis du ved, hvordan du opretter WordPress-plugins.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Sådan gemmer du tilpassede størrelser på WordPress

Start med at åbne eller Opret filen features.php af dit tema, og konfigurer det som i eksemplet nedenfor, som er et uddrag fra standard Twenty Seventeen-temaet:

<?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 forklarer, kan du tilføje kompatibilitet med de WordPress-funktioner, du vil bruge i dit tema, såsom fremhævede billeder, postformater, brugerdefineret header og andre lignende muligheder.

Se også vores liste over 5 WordPress plugins til at redigere billeder på din blog

Der er en funktion, som du absolut skal tilføje for at kunne oprette billeder med brugerdefinerede størrelser og miniatureeksempler:

  add_theme_support ( 'post-miniaturer');

Efter WordPress version 2.9 blev postbillederne omdøbt til "featured images", men det er (forvirret) stadig nævnt af dets oprindelige navn i filkoden. Disse udtryk kan bruges om hverandre, men afhængigt af dit publikum kan dette være forvirrende for nogle.

Læs også vores tutorial om Hvordan at have en avanceret brugerstyring på WordPress

Derefter kan du tilføje dine tilpassede billedstørrelser til " add_image_size ". Dette er den grundlæggende struktur, du har brug for:

    add_image_size ('new-custom-size', width, height, crop mode);

Sørg for at ændre " THEMENAME Ved navn på dit tema. Erstat " ny-size-tilpassede Med et beskrivende navn til din billedstørrelse. Selvom du kan bruge næsten ethvert navn, er disse forbudt, fordi de er forbeholdt de standardbilledstørrelser, der er nævnt ovenfor: tommelfinger, miniature, medium, stor, post-thumbnail.

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

Desuden kan du indstille brugerdefinerede billedstørrelser bredde, højde og til beskæring.

Opdag også Hvordan til at komprimere og ændre størrelse på billeder på WordPress

Du kan ændre dimensionerne " bredde "Og" højde For dem du har brug for. Selvom det er ganske selvforklarende, er afgrødetilstand ikke.

Der er et par muligheder for at beskære dine billeder:

  • Tvungen afgrøde - For at gøre dette skal du indstille værdien " afgrøde tilstand "Til" sand ". Det klipper et større billede til den nøjagtige bredde og højde, der er indstillet, så det passer perfekt til dit design, men det beskærer ikke nødvendigvis billedet proportionalt.
  • Sød beskæring - Dette er standardindstillingen og aktiveres ved at fjerne beskæringstilstanden. Det producerer proportionalt et billede, men billedhøjder kan variere, hvis de oprindeligt var i forskellige størrelser.
  • Ubegrænset højde - Ved at slette værdien " højde », Beskæringstilstanden på dit brugerdefinerede billede kan have ubegrænset højde. Dette er især nyttigt til infografik.

Du kan gentage linjen i kodestykket ovenfor for at gemme så mange billedstørrelser, som du har brug for. Glem ikke at redigere det, så det opfylder de specifikationer, du har brug for. 

Hvordan deler du dine artikler som PDF på WordPress? Find ud af det ved at læse denne artikel.

Du kan fortsætte med at tilføje support til de funktioner, du har brug for, og når du er færdig, skal du medtage dem i krogen " after_setup_theme »:

add_action ('after_setup_theme', 'themename_setup');

Husk at " THEMENAME Bør ændres til det aktuelle navn på dit WordPress-tema. Sørg for at bruge dette navn konsekvent i hele denne fil.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andre WordPress-plugins til at give et moderne look og optimere grebet på din blog eller dit websted.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. QT Places

QT Places er et elegant og alsidigt WordPress-plugin til visning af kort fra Google Maps på dit websted. Efter installationen vises en ny posttype kaldet "Places" i din WordPress-menu, og du kan straks begynde at tilføje nye placeringer til kortene.

Qt placerer interaktivt responsivt google maps wordpress-plugin

Denne udvidelse er super lydhør og fungerer på mobil (iPhone, Android). Du kan tilføj kortfunktionalitet til enhver standard publikationstype (som artikler eller sider) eller personaliserede (som porteføljer).

Downloade | demo | Web-hosting

2. Calendarista

Calendarista er et premium WordPress-plugin designet til at give dine kunder en hurtigere og mere effektiv online bookingoplevelse. Dets mål er at gøre tjenester meget hurtig og nem at tilføje for virksomheder, der tilbyder reservation af sessioner eller aftaler på Internettet.

Calendarista premium wp aftale booking plugin og planlæg system plugin wordpress

Så hvis du leder efter et komplet reservationssystem til et hotel, biludlejningsfirma, leje af lejligheder, rejsebureau, skønhedssalon, restaurant osv.…, dette plugin vil være perfekt til dig. 

Læs denne artikel på Hvordan til at vise alle dine WordPress udgivelser på en enkelt side

Som funktionalitet tilbyder den blandt andet: 10 brugsklare reservationssystemmodeller, understøttelse af 3 betalingsgateways, WooCommerce support, integrationen af ​​en tilpassbar formbygger, Google Map support, en fremragende kalenderskabelon til visning af dine aftaler og meget mere.

Downloade | demo Web-hosting

3. EventOn

EventOn premium WordPress plugin er det bedst sælgende kalender plugin på CodeCanyon, med over 7000 salg. Det har masser af nyttige funktioner som fremhævede billeder til begivenheder, kortkoder, ubegrænset oprettelse af begivenhedskalendere, tilpassbare metadatafelter og begivenhedsegenskaber.

Eventon wordpress begivenhedskalender wordpress plugin

Dets vigtigste udvidelser er blandt andet: muligheden for at sælge billetter, import / eksport af begivenheder i CSV-format, gratis integration med Google Map, sortering og filtrering på begivenhedslisten, fuldt responsivt layout, Flersproget support, og let tilpasning af kalenderen.

Opdag vores 9 WordPress plugins til oprettelse af et rejseside

Nogle funktioner er allerede tilgængelige gratis i andre plugins, men værdien er et effektivt kompromis.

Downloade | demo | Web-hosting

Andre anbefalede ressourcer

Vi inviterer dig også til at konsultere nedenstående ressourcer for at komme videre i grebet og kontrollen af ​​dit websted og blog.

Konklusion

Her er ! Det er det for denne guide. Vi håber, at det giver dig mulighed for at tilføje tilpassede størrelser til billederne.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Hvis du har det kommentarer eller forslag, tøv ikke med at give os besked i det reserverede afsnit Men i mellemtiden, del denne artikel på dine forskellige sociale netværk

... 

Denne artikel indeholder kommentarer 0

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen
14 aktier
andel10
tweet1
Tilmeld3