kuvat ovat elintärkeitä osia jokaisen sivuston. Ennen kuin alat kyseenalaistaa kuvien tärkeyttä, yritä kuvitella suosikkiblogisi tai-sivustosi ilman sellaista. Olisitko yhtä kiinnostunut lukemaan tekniikasta, autoista, ruoasta tai muodista ja meikeistä, jos sivusto ei sisältäisi kuvia?
kun ensimmäiset sivustot siirtyivät verkkoon, kuvilla ei voinut olla merkittävää roolia niiden olemassaolossa. Nettiyhteydet olivat liian hitaat, eikä kukaan voinut ladata kymmeniä kuvia per sivu. Onneksi asiat ovat muuttuneet, ja nyt emme voi elää ilman verkkomediaa. Samaa periaatetta voidaan soveltaa henkilökohtaiseen blogiin tai verkkosivustoosi. Nykymaailmassa, et vain voi olla blogisivusto ilman kuvia. Ne ovat paljon tärkeämpiä kuin voit edes kuvitella.
mikä on esillä oleva kuva WordPressissä
vaikka esillä oleva kuva on vain yksi mediatiedosto, jonka voit lisätä WordPressiin, se ansaitsee erityiskohtelun. Tällainen kuva voi auttaa sinua napata huomiota kävijöitä. Sitä käytetään houkuttelemaan yksilöitä lukemaan tarinoitasi, lisäämään blogisi visuaalista laatua, ja sillä on jopa merkittävä rooli sosiaalisen median jakamisessa. Joten, älä laiminlyö tärkeyttä esillä kuva.
esillä olevia kuvia ohjataan WordPress-teemoilla.
ei niin kauan sitten monilla WordPress-teemoilla ei ole ollut niille tukea. Vain kaikkein varovainen kehittäjät olivat ystävällisesti käyttöön esillä kuvia niiden teemoja, kun taas kaikki muut joutuivat koodaamaan ominaisuus itse. Onneksi ajat ovat muuttuneet, ja nyt suurin osa teemoista on täysin valmiita esillä oleviin kuviin.
missä esillä olevat kuvat näkyvät sivustossasi?
yleensä WordPressissä esitelty kuva löytää paikkansa kotisivusi valonheittimien alta. Niitä käytetään näytekuvina, jotka edustavat koko julkaisua. Useammin kuin ei, sama viesti thumbnail (joka on myös toinen nimi esillä kuva) linkkejä suoraan kyseiseen viestiin. Valitsemalla esillä kuva postitse, voit asettaa koko sävy tarinasi. Vaikka hyvä kuva voi houkutella kävijän lukemaan koko postauksen, huono voi helposti karkottaa keskivertolukijan.
myös WordPressissä samat kuvat esiintyvät yleensä yksittäisten julkaisujen, sivujen ja kustomoitujen postityyppien päällä. Riippuen teema, että käytät, esillä kuva voi näkyä yläpuolella tai alapuolella otsikko. Se voi keksiä eri ulottuvuuksia; kaikki riippuu teema kehittäjä, joka työskenteli yksityiskohtia.
taas aihepiiristä riippuen esillä olevia kuvia saatetaan käyttää muuallakin. Esimerkiksi, jos lisäät widget näyttää uusimmat viestit, post pikkukuvat voidaan käyttää lisäämään tyyliä widget ja saada enemmän huomiota kävijöitä.
jotkut teemat jopa näyttävät kuvia WordPress-ylläpitosivuilla, aivan niille osoitettujen julkaisujen vieressä.
How to add a featured image
When we walked you through adding your first post in WordPress, we also mentioned the featured image tab that ’ s located on the right-laidassa. Mikäli välilehteä ei löydy, kannattaa tarkistaa näyttövalinnat:
- Lisää uusi viesti tai muokkaa olemassa olevaa
- Selaa aina ylöspäin
- klikkaa ”Näyttöasetukset”-välilehteä oikeassa yläkulmassa
- varmista, että ”esillä oleva kuva” – ruutu on valittuna
tuoreella WordPress-sivustolla esillä oleva kuva-välilehti sijaitsee aivan sivupalkin alareunassa oikealla puolella. Tarkista, onko sinulla kuva, ja valmistaudu lisäämään ensimmäinen viestikuvasi:
- klikkaa ”kuvasarja” – linkkiä, joka sijaitsee ”kuvasarja” – ruudussa
- uusi ikkuna Avaa mediakirjaston
- Valitse mikä kuva sinulla on tai lataa uusi tietokoneeltasi
- kun olet valinnut kuvan, napsauta ”kuvasarja” – painiketta
This is it! Voit nyt nähdä esikatselun kuvan aivan esillä kuva-ruutuun. Jos haluat nähdä, miltä se näyttää viestissä, voit nopeasti vierittää ylös ja klikkaa ”Esikatselu” – painiketta.
Drag&Drop featured image plugin
PRICE: Free
Jos haluat vetää ja pudottaa kuvia WordPress mediakirjastoon, kannattaa harkita tämän ilmaisen laajennuksen lisäämistä sivustosi aktiivisten luetteloon. Vain asentamalla vedä&Drop Featured Image plugin, säännöllinen linkki pikkukuvan postauksen lisäämiseksi muuttuu. Sen sijaan klikkaamalla linkkiä ja sitten lataamalla uuden kuvan, voit vetää ja pudottaa kuvan suoraan paikalla.
miten post thumbnail poistetaan tai korvataan
joskus haluat poistaa tai korvata Post thumbnailin. Olitpa löytänyt tai luonut paremman kuvan, tai oli ongelma ensimmäisen kanssa, se kestää vain muutamalla klikkauksella tehdä muutos:
- klikkaa pikkukuvan alla olevassa ”Esittelykuva” – ruudussa olevaa ”Poista kuva” – linkkiä
- Jos haluat asettaa uuden kuvan, toista vaiheet uuden esittelykuvan lisäämiseksi
mitä jos teemassa ei ole vaihtoehtoa?
vaikka suurin osa teemoista on nykyään valmiita kuvattavaksi, on silti joitakin, jotka eivät hyödynnä ominaisuutta. Manuaalisesti lisätä Elementti, sinun pitäisi olla joitakin perustiedot WordPress kehitystä. Onneksi sen voi kiertää ja unohtaa koodin. Näytämme sinulle joitakin WordPress plugins, joka nopeasti käyttöön post pikkukuvat teema. Näiden laajennukset, voit jopa antaa WordPress automaattisesti käsitellä esillä kuvia.
Dynamic Featured Image plugin
PRICE: Free
sinä, että on vielä melko paljon teemoja, jotka tarvitsevat erityistä huolta Post pikkukuvat. Dynaaminen varustellun kuvan avulla voit lisätä useita kuvia, joten sinun ei tarvitse riippua vain, että yksi, joka on yleensä saatavilla. Koskematta koodi, plugin valmistelee valitut kuvat ja antaa muiden teema toimintoja käyttää niitä tarvittaessa. Voit rentoutua, ei sinun tarvitse tehdä mitään.
plugin on erinomainen valinta, kun työskentelet muiden plugins, jotka tarvitsevat esillä kuvia ja liukusäätimiä, jotka näyttävät ne käyttäjille. On jopa premium-versio, joka lisää useita eri toimintoja.
Quick Featured Images plugin
PRICE: Free
heti kun tämän liitännäisen asentaa, kaikki voi toimia autopilotti. Quick Featured kuvat avulla voit asettaa oletuksena esillä kuva. Niin, aina kun unohdat asettaa yhden, plugin käyttää oletuskuvaa. Se voi myös korvata tai poistaa kuvia tahansa useita valittuja viestejä kerralla.
lisäksi tämä ilmainen lisäosa lisää kuvan kannettavaan kuvasarakkeeseen luetteloihin viroista, sivuista ja mukautetuista postityypeistä. On myös erilaisia suodattimia ja sääntöjä, joiden avulla voit muokata tapaa, jolla sivustosi käsittelee post pikkukuvia.
the guide to featured image size – How to change it in WordPress
nykyaikaisessa nettimaailmassa kaikki koostuu mediatiedostoista. Vaikka videot ovat alkaneet vallata Internetiä, Kuvat ovat edelleen elintärkeä komponentti, jota ilman ei voi elää. Riippumatta siitä, minkä sivuston avaat, siihen pitäisi liittää ainakin muutama kuva. Mediatiedostot rikastuttavat julkaisuja ja kotisivuja, ja muistutat itseäsi mediatiedostojen tärkeydestä aina, kun törmäät sivustoon, jossa ei ole sellaista. Voit jopa etsiä ilmaisia kuvia itse. Kun lisäät ne blogiisi, ne tekevät koko blogista elinvoimaisemman ja houkuttelevamman keskivertokävijälle.
ohjetta esitellyn kuvan kokoon
yleensä esitettyjä kuvia ohjataan teeman mukaan. Onko sinulla on yksi, kuinka monta kokoasetukset saat ja missä se tulee näkyviin, riippuu täysin teema kehittäjä. Valitettavasti kaikki kehittäjät yleensä antaa esillä kuvia tarpeeksi huomiota. Niin, joissakin tapauksissa, sinun täytyy tehdä muutoksia esillä kuvan kokoa. Muissa tapauksissa, tarvitset ylimääräisen ulottuvuuden asettaa mahtuu plugin, uusi widget tai jokin muu alue sivustosi että haluat muokata.
vaikka uusien kuvakokojen rekisteröinti on pala kakkua WordPress-kehittäjälle, se voi olla painajainen ei-koodaajalle. Joten, tässä osassa, emme aio näyttää koodinpätkiä. Sen sijaan, näytämme, miten perusasetukset toimivat, ja miten laajentaa toiminnallisuutta esillä kuvia kautta ilmainen WordPress plugin.
Peruskuvaasetukset
alkajaisiksi sinun pitäisi tietää, että WordPress antaa sinun muuttaa muutamia median perusasetuksia, jotka vaikuttavat kaikkiin sivustolle lataamiisi uusiin kuviin. Oletusarvoisesti jokainen WordPress-asennus toimii vain neljällä kuvakoolla:
- alkuperäinen koko
- keskikokoinen
- Suuri
p>kun olet ladannut uuden kuvan, WordPress tallentaa alkuperäisen tiedoston ilman siihen tehtyjä muutoksia. Tiedonsiirron jälkeen järjestelmä ottaa alkuperäisen tiedoston ja tekee kaikki Lisäulottuvuudet, jotka olet määrittänyt Media-asetuksiin. Se voi myös lisätä muutamia ylimääräisiä kokoja, jotka on rekisteröity teema, jota käytät, joka ei välttämättä näy median asetuksissa.
päästäksesi Media-asetuksiin, siirry kohtaan Asetukset – > Media
pikkukuva on jokseenkin uniikki. Se on potenssiin, ja ei ole väliä ulottuvuus olet asettanut, WordPress keskittyy osaan kuvan ja rajata se saada tarvittavat mitat. Jotkin teemat voivat käyttää tätä esiasetusta esillepanevana kuvana.
keskikokoisten ja suurten kokojen osalta WordPress toimii hieman eri tavalla. Voit määrittää enimmäisleveyden ja korkeuden, ja järjestelmä skaalaa kuvaa alaspäin näiden asetusten mukaisesti, joten sitä ei rajata. Nämä ovat yleensä kuvia, joita käytät sisällä virkaa ja sivuja.
miksi WordPress tuottaa lisäkokoja?
Jos WordPress ei tuottaisi lisää kuvakokoja, ne olisi luotava manuaalisesti. Vaihtoehtona olisi ottaa sama kuvakoko koko sivuston tai suunnittelijat joutuisivat työskentelemään paljon vaikeampaa asettaa mitat jokaisen kuvan koodin kautta. Tämä vaihtoehto myös vaikeuttaisi huomattavasti räätälöintiä.
kuvittele, kuinka paljon aikaa tarvitset jokaisen tiedoston avaamiseen kuvankäsittelyohjelmassa, mukautetun ulottuvuuden asettamiseen ja sitten sen lataamiseen WordPressiin?
Tiedätkö, että WordPress-teemat voivat käyttää samaa kuvaa useassa eri ulottuvuudessa sijainnista riippuen? Se tarkoittaisi useiden kuvatiedostojen luomista joka kerta, kun olet lähettämässä uutta kuvaa! Kenelläkään ei olisi aikaa sellaiseen.
muuta varustellun kuvan kokoa
ilmeisesti kaikki WordPress-teemat eivät käytä samaa varustellun kuvan kokoa. Niin, kun vaihdat teemoja tai yksinkertaisesti kun haluat muokata yksi tarpeisiisi ja tykkäykset, saatat haluta säätää esillä kuvan kokoa.
ehkä pienempi koko näyttää paremmalta korostamalla otsikkoa? Ehkä haluat esillä Kuva on laajempi? Onneksi, mikä tahansa syy muuttaa esillä kuvakoko, sinun ei tarvitse koodata mitään itse. Olemme aikeissa näyttää fantastinen ilmainen plugin, joka auttaa sinua.
Tarkista teema-asetuksesi
ennen kuin asennat ylimääräisiä liitännäisiä, sinun tulee tarkistaa teema-asetuksesi perusteellisesti. Viime vuosina, teema kehittäjät ovat sallineet muutoksia monia teema ominaisuuksia. Niin, riippuen teema, että sinulla on, on mahdollisuus löytää varustellun kuvan koko vaihtoehto oikeassa Teema-asetukset.
Siirry ulkoasuun -> Themes -> Muokkaa ja etsi vaihtoehtoja. Myös, jotkut teemat on lisäasetuksia, jotka löytyvät yleensä ulkonäkö-valikosta. Jos löydät yhden, olet onnekas, koska voit muuttaa esillä kuvan kokoa vain muutamalla klikkauksella. Jos ei, älä huoli; seuraava plugin on edelleen enemmän kuin yksinkertainen tarpeeksi tehdä tarvittavat muutokset.
yksinkertaiset kuvakoot
Hinta: Vapaa
kun asennat yksinkertaisia kuvakokoja, juuri puhuimme perusasetuksista heti laajentaa. Plugin tunnistaa kaikki muut kuvakoot tällä hetkellä aktiivinen teema, ja sen avulla voit myös luoda mukautettuja kokoja itse.
kun olet aktivoinut liitännäisen, siirry kohtaan Asetukset -> Media. Kaikkien ylimääräisten kuvakokojen joukosta kannattaa löytää se, joka on omistettu esitellylle kuvalle. Jos käytät standardi Twentyeighteen teema, sinun pitäisi löytää ”twentyeighteen-varustellun kuvan koko” vaihtoehto. Täällä voit helposti asettaa mukautetun leveys ja korkeus esillä kuvia.
riippuen käyttämästäsi teemasta, kuvakokoja voi olla enemmän kuin vain yksi. Esimerkiksi, teema saattaa näyttää esillä kuva etusivulla, yhden virkaa ja jotkut widgetit samoin. Tällöin tarvittaisiin kolme kokoa, jotta ominaisuudesta saataisiin paras irti. Riippuen siitä, miten haluat muokata esillä kuva, muuttaa asetuksia vastaavasti. Älä unohda painaa päivityspainiketta, Tallenna muutokset ja avaa sivustosi nähdäksesi, mitä kuville tapahtui.
entä vanhemmat kuvat?
yleensä kuvan mittoja muuttaessaan WordPress tekee muutoksia juuri niihin uusiin, jotka olet lataamassa. Mutta entä Vanhat, joita jo käytät?
onneksi yksinkertaisten kuvien koon Kehittäjä otti ystävällisesti käyttöön ominaisuuden, joka korjaa tämän ongelman. Vieritä samalla Media-asetussivulla kuvan mittojen luetteloa alaspäin. Löydät Thumbnail Regeneration ominaisuus, jonka avulla voit valita, mitkä pikkukuvat haluat rakentaa. Koska puhumme vain esillä olevista kuvista, valitse samat esikatselukuvat, joita muokkasit aiemmin.
Jos haluat vielä enemmän näytekuvien hallintaa, vieritä hieman enemmän ja valitse postityyppi, jonka haluat rakentaa uudelleen.
kun olet valmis, napsauta jos haluat luoda esikatselukuvat uudelleen, äläkä unohda tallentaa muutoksia.
muuttuvien kuvakokojen varjopuolia
vaikka uusien kuvakokojen asettaminen on melko helppoa yksinkertaisilla Kuvakooilla, ole varovainen muokatessasi kuviasi.
Jos työskentelet pienemmällä sivustolla, jolla ei edelleenkään ole niin paljon kuvia, voit rentoutua ja uudistaa näytekuvat. Mutta huomaa, että on olemassa sivustoja, joissa on satojatuhansia kuvia.
uuden ulottuvuuden luominen jokaiselle kuvalle voi viedä paljon tilaa palvelimeltasi. Joten ennen kuin vahvistat muutoksen, varmista, että tiedät, mitä olet tekemässä.
myöskään WordPress ei oikein pidä huolta vanhoista pikkukuvista. Joten, vaikka et käytä niitä enää, kaikki nämä kuvat silti istua alas kansioon ja vie arvokasta kiintolevytilaa. Jotkin image cleanup-liitännäiset voivat auttaa sinua, jos käytät pienempää sivustoa. Mutta suurempia sivustoja tonnia kuvia, tarvitset ammattimaisempi (ja valitettavasti monimutkaisempi ja kalliimpi) lähestymistapa.
aseta automaattisesti featured image WordPress
käyttämällä esillä kuvia WordPress on helppo ja suhteellisen helppo perustaa, vaikka teema ei tue ominaisuutta tyhjästä. Olemme jo osoittaneet, miten asettaa ja näyttää perus varustellun kuvan, ja opit tarkistaa, onko esillä kuvajoukko ja näyttää ilmoituksen tekijälle, joka unohti asettaa yhden.
Jos et pidä tästä vaihtoehdosta, voit nopeasti toteuttaa hieman erilaisen ominaisuuden – voit ohjelmoida WordPressisi asettamaan sinulle automaattisesti varustellun kuvan.
toisin kuin edellä mainitussa menetelmässä, jossa WP ilmoittaa sinulle puuttuvasta featured image-kuvasta, jossa sinun on vielä valittava yksi itse, tämä lähestymistapa asettaa kuvan automaattisesti varustelluksi. Jotta tämä toimisi, sinun täytyy olla vähintään yksi kuva liitteenä viestiisi.
kun olet julkaissut viestin ilman esillä olevaa kuvaa, toiminto ottaa ensimmäisen kuvan kyseisestä artikkelista ja asettaa sen featured-kuvaksi.
mikä tässä on hienoa on se, että kun funktio asettaa sinulle featured imagen, se pysyy päällä, vaikka päätät poistaa kuvan postauksesta (yksi funktio, jota käytetään featured imagen tekemiseen ylipäätään).
Jos viestiisi ei ole liitetty kuvia ja painat julkaisupainiketta, ei tule ilmoituksia eikä tietenkään ole kuvia, joista funktio voisi valita. Niin, tämä on hyvä vaihtoehto joku, joka käyttää kuvia useimmissa niiden virkaa. Mutta jos sinulla on taipumus unohtaa kuvia useammin kuin ei ja et liitä kuvia säännöllisesti, suosittelemme tarkistaa aikaisempi tapa estää julkaiseminen postauksia ilman kuvaa.
nyt kun tiedät, mitä tästä voi saada, näytetään koodi. Toiminnon asentaminen edellyttää toimintojen avaamista.php file and copy/paste seuraava pätkä:
function autoset_featured() {global $post;$already_has_thumb = has_post_thumbnail($post->ID);if (!$already_has_thumb) {$attached_image = get_children("post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );if ($attached_image) {foreach ($attached_image as $attachment_id => $attachment) {set_post_thumbnail($post->ID, $attachment_id);}}}}add_action('the_post', 'autoset_featured');add_action('save_post', 'autoset_featured');add_action('draft_to_publish', 'autoset_featured');add_action('new_to_publish', 'autoset_featured');add_action('pending_to_publish', 'autoset_featured');add_action('future_to_publish', 'autoset_featured');
älä unohda tallentaa muutoksia koodin liittämisen jälkeen. Nyt voit yrittää lisätä uuden viestin tahansa kuvan sisällä ja julkaista sen. Näetkö, miten esillä kuva ilmestyi sivustolla? Magic.
linkittää automaattisesti featured post pikkukuvat alkuperäiseen viestiinsä
nykyaikaiset WordPress-teemat ovat taideteoksia, jotka on suunniteltu uusinta teknologiaa silmällä pitäen. Tämä tarkoittaa, että kehittäjät ovat huolehtineet joka ikinen asia sinun ja tulevaisuuden sivuston kävijät tarvitsevat teema. Tämä sisältää kaunis muotoilu ja lukuisia ominaisuuksia lisätty sekä backend ja frontend.
sen jälkeen, kun WordPress otti käyttöön featured post pikkukuvat, teema kehittäjien oli löydettävä tapa linkittää nämä kuvat alkuperäiseen virkaa. Tämä yksinkertainen esillä kuva tuli game changer WordPress, joka muutti suosittu blogging alustan entistä suosittu CMS. Joskus näiden kuvien ei tarvitse linkittää mihinkään, mutta jos meiltä kysytään, jokaisen näytellyn pikkukuvan on johdettava alkuperäiseen viestiin.
vaikka monet kehittäjät pitävät tätä pakko saada ominaisuus teema, monet WordPress teemoja (useimmat niistä ovat ilmaisia) ei ole asennettu oletuksena. Ja jos sinulla on ongelmia Post thumbnail kuvat eivät ole napsautettavissa, kuten meillä, tämä saattaa saada hermoja. Mutta ei hätää, nopea ratkaisu löytyy muutaman rivin alla.
tässä osassa opetusohjelma, olemme aikeissa näyttää, miten automaattisesti linkittää featured image post permalink ja siten sallia kuka tahansa, joka napsauttaa kuvaa ohjataan alkuperäiseen viestiin.
linkki kuvajaiseen:
- avaa funktiot.php
- kopioi ja liitä seuraava koodi:
function wcs_auto_link_post_thumbnails( $html, $post_id, $post_image_id ) {$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>'; return $html;}add_filter( 'post_thumbnail_html', 'wcs_auto_link_post_thumbnails', 10, 3 );
- Tallenna muutokset
That ’ s all, folks. Kun olet tallentanut muutokset, sinun ei tarvitse huolehtia niistä esillä post pikkukuvat eivät linkitä alkuperäiseen viestiin. Nyt sekä esillä thumbnail kuva ja ”lue lisää” teksti johtaa kävijöitä viestiisi.
kuinka lisätä esikatselukuvat Post/Page edit-luetteloon
Jos sinulla on jokapäiväinen WordPress-teema vakio-ominaisuuksilla, olet luultavasti tottunut tietynlaiseen ulkoasuun WordPress admin-paneelissa. Kun puhumme julkaisujen ja sivujen muokkausvaihtoehdoista, sinulla on todennäköisesti vakionäkymä, jossa otsikko, tekijä, luokat, tunnisteet ja päivämäärät näytetään eri sarakkeissa.
kuten näkyy, esillä olevista kuvista ei ole tietoa. Niin, jos haluat nähdä, jos viesti on esillä kuva jo asetettu ja mahdollisesti nähdä, mitä kuva näyttää, sinun täytyy muokata jokaista viestiä erikseen.
Kuvittele käyväsi läpi kymmeniä viestejä vain ottaaksesi nopeasti kuvan, joten et kopioi yhtä tai jätä viestiä ilman yhtä. Se on vain ajanhukkaa ja siksi aiomme näyttää sinulle pikaratkaisun tähän.
tässä osassa opetusohjelma, aiomme näyttää yksinkertaisen koodin voit lisätä teema, joka sitten lisätä pikkukuvan suoraan post / page sarake. Jotta tämä ”temppu” toimisi, varmista, että teema ei tue lähettää pikkukuvia.
riittää puhe; lisätään koodi teemaan ja näytetään pikkukuva viestiesi muokkaimessa:
- avaa funktiosi.php-tiedosto
- kopioi ja liitä seuraava koodi:
add_filter('manage_posts_columns', 'posts_columns', 5);add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2);add_filter('manage_post-type_posts_columns', 'posts_columns', 5);add_action('manage_post-type_posts_custom_column', 'posts_custom_columns', 5, 2);function posts_columns($defaults){ $defaults = __('Thumbs'); return $defaults;}function posts_custom_columns($column_name, $id){ if($column_name === 'riv_post_thumbs'){if( has_post_thumbnail() ) { echo the_post_thumbnail('medium'); } else { _e('No Thumbnail For Post'); }echo "<style> .column-riv_post_thumbs img{ max-height: 300px; max-width: 250px; } </style>"; } }
yllä olevassa koodissa pienoiskuvan koko on asetettu 100×100 pikseliin. Koska tätä käytetään vain esitellyn kuvan esikatseluna, suurempaa kuvaa ei todellakaan tarvita. Voit tietenkin vapaasti muuttaa näytekuvan kokoa minkä kokoiseksi haluat. Seuraavilla riveillä on muutamia esimerkkejä koodin viimeisen rivin muokkaamisesta:
Näytä koko kuva pienoiskuvan sijaan:
echo the_post_thumbnail( 'featured-thumbnail' );
tuplaa pienoiskuvan koko:
echo the_post_thumbnail( array(200,200) );
otsikkomme mukaan näytekuvia voi näyttää viesteissä ja sivuja muokkaa ruuduissa. Olet kokeillut koodia, mutta et näe peukaloita sivuilla? Älä huoli, tarvitset nämä kaksi koodiriviä, ja ne kannattaa lisätä yllä olevan pätkän alkuun:
add_filter('manage_pages_columns', 'posts_columns', 5);add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);
kun olet lisännyt tämän koodinpätkän, näytekuvat näkyvät myös pages editorissa.
tee kirjoittajistasi valikoituja kuvia ennen julkaisuja
kun WordPress saavutti version 2.9, ihmiset saivat mahdollisuuden lisätä esittelykuvia julkaisuihinsa. Siitä lähtien, jos teemat sallivat sen, olet voinut ladata tai valita kuvan viestiisi, joka hienosti edustaa sitä, ja silti ei ollut velvollisuus näyttää, että kuva sisällä postitse.
WordPress-käyttäjät tottuivat nopeasti uuteen ominaisuuteen, ja nyt on käynyt vaikeaksi löytää teemaa ilman esillä olevia kuvia.
mutta jos julkaiset paljon ja sinulla on useampi kuin yksi kirjoittaja, voit joskus unohtaa lisätä featured-kuvan, joka voi johtaa sotkuiseen verkkosivustoon. Viestisi ilman kuvaa näyttäisi tyhjältä ja keskeneräiseltä kotisivulla, siellä olisi varmasti reikä tehty viimeaikaisiin viesteihin widget, ja jos käytät pikkukuvia näyttää kuvia alussa artikkeleita, viestisi näyttäisi hyvin tavallinen ilman kuvaa.
nämä ovat vain muutamia yksinkertaisia ongelmia saatat olla, jos unohdat sisällyttää featured kuva. Ennen kuin ne ongelmat edes tulevat esiin, katsotaan, miten se saadaan katoamaan lopullisesti.
tässä osassa opetusohjelma, olemme aikeissa näyttää pala koodia, jonka avulla voit unohtaa ongelman. Kun olet asentanut koodin, jokainen kirjoittaja, joka yrittää julkaista viestin ilman varustellun kuvan saa virheilmoituksen. Silloin hänen virkansa päätyy julkaisemisen sijaan tallennettavaksi luonnokseksi. Tämä tekee, että erityisesti kirjailija käyttää mitään esillä kuva ennen julkaisemista postitse ja on hengenpelastaja, kun olet kiire.
Jos olet valmis saamaan funktion toimimaan, tässä ohjeita kannattaa noudattaa:
- avaa funktiosi.php-tiedosto
- kopioi ja liitä seuraava koodi:
add_action('save_post', 'pu_validate_thumbnail');function pu_validate_thumbnail($post_id){// Only validate post type of postif(get_post_type($post_id) != 'post')return;// Check post has a thumbnailif ( !has_post_thumbnail( $post_id ) ) {// Confirm validate thumbnail has failedset_transient( "pu_validate_thumbnail_failed", "true");// Remove this action so we can resave the post as a draft and then reattach the postremove_action('save_post', 'pu_validate_thumbnail');wp_update_post(array('ID' => $post_id, 'post_status' => 'draft'));add_action('save_post', 'pu_validate_thumbnail');} else {// If the post has a thumbnail delete the transientdelete_transient( "pu_validate_thumbnail_failed" );}}
- Tallenna muutokset
tämä koodi tarkistaa postitilanteen, kun tekijä napsauttaa julkaisupainiketta. Se toimii vain viesteille, ja jos toiminto ei löydä siihen liitettyä näytekuvaa, luonnos tallennettaisiin, ja WordPress olisi valmis näyttämään virheilmoituksen. Jos näytekuva löytyy, viesti yleensä julkaistaan ilman, että viestiä näytetään.
koska yllä oleva koodi ei sisällä itse virheilmoitusta, tarvitset silti pienen koodinpätkän, joka valmistelee sen:
add_action('admin_notices', 'pu_validate_thumbnail_error');function pu_validate_thumbnail_error(){if ( get_transient( "pu_validate_thumbnail_failed" ) == "true" ) {echo "<div class='error'><p><strong>A post thumbnail must be set before saving the post.</strong></p></div>";delete_transient( "pu_validate_thumbnail_failed" );}}
Jos haluat muokata virheilmoitusta, siirry riville #5 ja muuta ”post thumbnail on asetettava ennen tallentamista postitse” mitään haluat.
That ’ s it. Nauti virkaa ilman huolta ei ole esillä kuva.
muuta esitellyn kuvan tekstiä järjestelmänvalvojan sivuilla
Jos muokkaat teemaa tai luot uutta, sinun on luultavasti työstettävä asioita esitellyn kuvan ympärille.
Jos olet käyttänyt esimerkiksi funktiota, joka lisää automaattisesti featured imagen ensimmäisestä kuvasta postauksessa, olisi kiva kertoa tekijöille, mitä tapahtuu. Voit yksinkertaisesti muuttaa tekstiä ja käyttää sitä lyhyenä ilmoituksena, joka kertoo tekijälle, että esillä oleva kuva valitaan automaattisesti, jos tekijä ei ole valinnut sitä itse. Niin, miten muuttaa, että teksti, jossa lukee ”Set featured image” jotain muuta?
- avoimet funktiot.php-tiedosto käyttämästäsi teemasta
- kopioi ja liitä seuraava koodi:
function change_featured_image_text( $content ) { return $content = str_replace( __( 'Set featured image' ), __( 'Your custom text goes here' ), $content);}add_filter( 'admin_post_thumbnail_html', 'change_featured_image_text' );
- muuta ”mukautettu teksti menee tähän”, mutta älä unohda jättää yksittäisiä lainausmerkkejä
- Tallenna muutokset
- mene mihin tahansa postiin ja katso muutettu teksti
paketointi
esillä olevat kuvat ovat todennäköisesti tärkein mediatiedostotyyppi, joka sinulla on blogissasi. Siksi on tärkeää, että ne näyttävät hyvältä. Vaikka kaunis kuva tai kauniisti luotu tietokonekuva on välttämätöntä, sinun pitäisi tehdä kaikki, mitä voit tehdä siitä niin hyvä kuin se voi saada.
Onneksi sinun ei tarvitse olla kehittäjä tai ymmärtää täydellisesti, miten WordPress käsittelee kuvia. Sinun tarvitsee vain yksinkertainen plugin tai koodinpätkä, joka auttaa sinua asettamaan uusia esillä kuvia; toivomme, että tämä opas auttoi sinua, että.