Share
I denne opplæringen lærer du hvordan du genererer egendefinerte bilder for å bruke i WordPress-temaet. Hvorfor bruke egendefinerte bildestørrelser? Så du trenger ikke å redigere hvert bilde du laster opp til mediebiblioteket. På denne måten vil hvert bilde lastet opp få alle de egendefinerte bildestørrelsene som genereres automatisk. Det kan settes inn i innlegget eller siden ved hjelp av mediegalleriet eller fra løkken. Fortsett å lese for å finne ut hvordan.
For temaet ditt for å støtte egendefinerte bildestørrelser må du redigere funksjonen features.php som finnes i tema-mappen din. Åpne temaets funksjoner.php og sjekk om du har en linje som ser slik ut:
Accentsconagua
add_action ('after_setup_theme', 'function_name'); Denne kroken kalles under et temaets initialisering. Det er vanligvis brukt til å utføre grunnleggende oppsett-, registrerings- og initialiseringshandlinger for et tema, hvor "funksjonsnavn" er navnet på funksjonen som skal kalles.
Hvis du fant en linje som det, så finn du også metoden med samme navn som den andre parameteren fra den add_action-metoden.
Hvis du ikke finner en linje som ser ut som det, bør du legge til den, og også opprette en metode navn som den andre parameteren:
add_action ('after_setup_theme', 'setup'); funksjonsoppsett () // ... Nå for å aktivere innlegg miniatyrbilder for temaet, legg til følgende linjer i metoden som er definert ovenfor:
funksjonoppsett () // ... add_theme_support ('post-miniatyrer'); // Denne funksjonen tillater støtte etter et miniatyrbilde for et tema // For å bare aktivere innlegg: // add_theme_support ('post thumbnails', array ('post')); // For å aktivere bare for innlegg og egendefinerte innleggstyper: // add_theme_support ('post-miniatyrer', array ('innlegg', 'film')); // Registrer en ny bildestørrelse. // Dette betyr at WordPress vil lage en kopi av postbildet med de angitte dimensjonene // når du laster opp et nytt bilde. Registrer så mange som nødvendig. // Legge til egendefinerte bildestørrelser (navn, bredde, høyde, beskjære) add_image_size ('featured-image', 620, 200, true); // ... For å sette inn et bilde i et innlegg eller en side fra mediegalleriet, sett inn følgende filter i funksjonsfilen:
add_filter ('image_size_names_choose', 'custom_image_sizes_choose'); funksjon custom_image_sizes_choose ($ størrelser) $ custom_sizes = array ('featured-image' => 'Utvalgt bilde'); returner array_merge ($ størrelser, $ custom_sizes); Hva denne koden gjør, er det fusjonerer dine egendefinerte bildestørrelser med den som er definert i WordPress, slik at resultatet blir bildet nedenfor.
For eksempel å vise bildet som ble kalt "featured-image", inne i sløyfen må du legge til disse linjene:
'featured-image')); slutt om; ?>
Dette vil sjekke om innlegget / siden har et bilde vedlagt og vil sende ut en
For denne oppgaven er det et plugin for å hjelpe deg, regenerere miniatyrbilder. Det kan regenerere alle, en batch eller individuelle bilder. Hvis du endrer bildestørrelser og regenererer dem, blir bildene med de forrige dimensjonene ikke slettet.
La oss si at du vil gjerne benytte denne funksjonen i temaet ditt. Fra / Wp-content / themes / navn-of-the-tema mappen åpen functions.php med din favoritt tekstredigerer. Hvis temaet ditt ikke har en after_setup_theme handling definert, må du legge til en. Koden for de egendefinerte bildestørrelsene vil bli lagt til den definerte metoden.
Merk: Dette er reserverte bildestørrelsesnavn: tommel, miniatyrbilde, medium, stor, post-miniatyrbilde. Hvis du legger til en egendefinert bildestørrelse med et reservert navn, overstyres de forhåndsdefinerte verdiene.
add_action ('after_setup_theme', 'setup'); funksjonoppsett () // ... add_theme_support ('post-miniatyrer'); // Denne funksjonen muliggjør støtte etter et miniatyrbilde for et tema add_image_size ('header', 600, 200, true); // header image add_image_size ('tilpasset størrelse1', 400, 200); // 400 piksler bred og 200 piksler høy, størrelseskapasjonalt add_image_size ('custom-size2', 400, 200, true); // 400 piksler bred og 200 piksler høy, beskåret // ... Redigerer content.php eller innholds single.php eller innholds page.php filer, kan du vise bildet med den riktige størrelsen for postteksten som legger den under eller under posttittelen.
For å lage de to andre egendefinerte størrelsene som kan velges fra mediegalleriet, legg til følgende filter:
add_filter ('image_size_names_choose', 'custom_image_sizes_choose'); funksjon custom_image_sizes_choose ($ størrelser) $ custom_sizes = array ('custom-size1' => 'Min tilpassede størrelse 1', 'custom-size2' => 'Min tilpassede størrelse 2'); returner array_merge ($ størrelser, $ custom_sizes); Et virkelig eksempel på hvordan dette virker og hvordan det kan brukes: gurde.com
Slik genererer du et galleri med egendefinerte bildestørrelser og legg til litt JavaScript for å zoome bildene og bytte mellom dem (mus og tastatur).
