Želite li znati kako dodati prilagođenu veličinu na minijature?

Prijenos slika na WordPress stvara različite veličine izvorne slike, ali nažalost, to nije rješenje koje bi moglo raditi svima. Zadane su veličine stvorene: minijatura, srednja, velika i izvorna veličina. No, ako trebate drugu veličinu, poput proizvoda u internetskoj trgovini, možete sami izraditi prilagođenu veličinu prema svojim potrebama.

U ovom uputstvu pokazat ćemo vam kako stvoriti prilagođene formate slika spremajući ih u vašu temu s kodom.

Za ovaj ću vodič pretpostaviti da znate kako razvijati (HTML/CSS & PHP). Ovaj vodič također vrijedi ako znate kako stvarati WordPress plugins.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Kako spremiti prilagođene veličine na WordPressu

Započnite otvaranjem ili stvorite function.php datoteku svoje teme, a zatim je konfigurirajte kao u donjem primjeru koji je izvadak iz zadane teme Dvadeset sedamnaest:

<?php

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

/**
 * Zadana konfiguracija teme + dodane nove značajke.
 *
 * Imajte na umu da se ovaj kod dodaje nakon "after_setup_theme hook", koji
 * izvodi se prije init kuke.
 */
funkcija twentyseventeen_setup() {

Kao što komentar objašnjava, možete dodati kompatibilnosti sa značajkama WordPressa koje želite koristiti u svojoj temi, poput istaknutih slika, formata postova, prilagođenog zaglavlja i drugih sličnih opcija.

Pogledajte i naš popis 5 WordPress dodataka za uređivanje slika na vašem blogu

Postoji značajka koju apsolutno morate dodati kako biste mogli stvarati slike s prilagođenim veličinama i pretpregledom sličica:

  add_theme_support ( 'post-sličica');

Nakon WordPress verzije 2.9, slike posta preimenovane su u „istaknute slike“, ali se (zbunjeno) još uvijek spominje izvornim nazivom u kodu datoteke. Ovi se izrazi mogu koristiti naizmjenično, međutim, ovisno o vašoj publici, ovo može za neke biti zbunjujuće.

Pročitajte i naš vodič o Kako imati napredni nadzor korisnički na WordPress

Tada možete dodati svoje prilagođene veličine slika u " add_image_size ". Ovo je osnovna struktura koja vam treba:

    add_image_size ('nova-prilagođena veličina', širina, visina, način obrezivanja);

Obavezno promijenite " THEMENAME Po nazivu svoje teme. Zamijeni " Novi-size-prilagoditi S opisnim nazivom za vašu veličinu slike. Iako možete koristiti gotovo bilo koje ime, oni su zabranjeni jer su rezervirani prema gore spomenutim zadanim veličinama slika: palac, sličica, srednja, velika, post-sličica.

Osim toga, možete postaviti prilagođene veličine slika širina, visina i za obrezivanje.

Otkrijte i vi Kako komprimirati i veličinu slike na WordPress

Možete promijeniti dimenzije " širina "A" visina Za one koji će vam trebati. Iako je sasvim razumljiv, način obrezivanja nije.

Postoji nekoliko opcija za obrezivanje slika:

  • Prisilni usjev - Da biste to učinili, postavite vrijednost " Način usjeva „Da” istinski ". Izreže veću sliku na točnu širinu i visinu koja je postavljena tako da se savršeno uklapa u vaš dizajn, ali ne mora nužno proporcionalno obrezati sliku.
  • Mekano obrezivanje - Ovo je zadana postavka i omogućava se uklanjanjem načina obrezivanja. Razmjerno daje sliku, ali visine slike mogu se razlikovati ako su izvorno bile različite veličine.
  • Neograničena visina - Brisanjem vrijednosti " visina », Način obrezivanja vaše prilagođene slike može imati neograničenu visinu. To je posebno korisno za infografiku.

Možete ponoviti redak u isječku koda gore da biste spremili onoliko veličina slika koliko vam treba. Ne zaboravite ga urediti tako da odgovara specifičnostima koje su vam potrebne. 

Kako dijeliti svoje članke kao PDF na WordPressu? Doznajte savjetujući ovaj članak.

Možete nastaviti dodavati podršku potrebnim značajkama i kad završite, uključite je u udicu " after_setup_theme '

add_action ('after_setup_theme', 'themename_setup');

Imajte na umu da " THEMENAME Trebao bi se promijeniti u stvarno ime vaše WordPress teme. Obavezno koristite ovo ime dosljedno u cijeloj datoteci.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. QT mjesta

QT Places je a WordPress proširenje elegantan i svestran za prikaz karata s Google karata na vašoj web stranici. Nakon instalacije, nova vrsta objave pod nazivom "Mjesta" pojavit će se u vašem WordPress izborniku i odmah možete početi dodavati nova mjesta na karte.

Qt postavlja interaktivni responzivni dodatak za Google Maps wordpress

Ovo proširenje super reagira i radi na mobilnim uređajima (iPhone, Android). Možeš dodajte funkcionalnost karte bilo kojoj standardnoj vrsti publikacije (poput članaka ili stranica) ili prilagođeno (poput portfelja).

Preuzmite | demo | Web hosting

2. Calendarista

Calendarista je premium dodatak za WordPress dizajniran za pružanje iskustva Online Booking – Rezervacija – brže i učinkovitije za vaše klijente. Njegov je cilj učiniti usluge vrlo brzima i lakima za dodavanje tvrtkama koje nude rezerviranje termina ili termina na internetu.

Dodatak za rezervaciju termina Calendarista premium wp i dodatak za raspored sustava wordpress

Dakle, ako tražite cjelovit sustav rezervacija za hotel, tvrtku za iznajmljivanje automobila, iznajmljivanje apartmana, putničku agenciju, salon ljepote, restoran itd.…, ovaj će dodatak biti savršen za vas. 

Pročitajte ovaj članak na Kako prikazati sve Vaše WordPress publikacije na jednoj stranici

Kao značajke nudi između ostalog: 10 modela rezervacijskih sustava spremnih za korištenje, podrška za pristupnike za plaćanje 3, Podrška za WooCommerce, integracija prilagodljivog graditelja obrazaca, Podrška za Google Map, izvrstan predložak kalendara za prikaz vaših obveza i još mnogo toga.

Preuzmite | demo Web hosting

3. EventOn

Vrhunski dodatak EventOn WordPress najprodavaniji je dodatak za kalendar na CodeCanyonu, s preko 7000 prodaja. Ima hrpu korisnih značajki poput istaknutih slika za događaje, kratke kodove, neograničeno stvaranje kalendara događaja, prilagodljivih polja metapodataka i karakteristika događaja.

Eventon wordpress kalendar događaja wordpress dodatak

Njegova su glavna proširenja, među ostalim: mogućnost prodaje ulaznica, uvoz / izvoz događaja u CSV formatu, besplatna integracija s Google Mapom, razvrstavanje i filtriranje na popisu događaja, potpuno odgovarajući izgled, Višejezična podrškai jednostavna prilagodba kalendara.

Otkrijte naše 9 WordPress dodataka za stvaranje turističke web stranice

Neke su značajke već dostupne besplatno u drugim dodacima, ali vrijednost je učinkovit kompromis.

Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Također vas pozivamo da se savjetujete sa donjim izvorima kako biste poboljšali i kontrolirali svoju web stranicu i blog.

Zaključak

Ovdje je ! To je sve za ovaj vodič. Nadamo se da će vam omogućiti dodavanje prilagođenih veličina slikama.

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ako jesi Komentari ili prijedloge, ne ustručavajte se obavijestiti nas u rezerviranom odjeljku, ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama

...