Ábhar
- Eolas de dhíth: PHP bunúsach agus CSS
- Éilíonn: Suiteáil WordPress, eagarthóir téacs de rogha
- Am tionscadail: 10 nóiméad
Má liostálann tú leis an leagan clóite den iris .net (mura bhfuil, cén fáth nach bhfuil!?), Beidh sé feicthe agat go bhfuil alt den scoth ar “Dearadh Sofhreagrach le WordPress” in eagrán na míosa seo.
San alt, tugann an t-údar Jesse Friedman breac-chuntas ar ualach de theicnící an-úsáideacha chun an leas is fearr a bhaint as feidhmiúlacht bhunúsach WordPress d’fhonn an láithreán gréasáin sofhreagrach fíor-éifeachtach a tháirgeadh agus a shárú. Má tá tú ag smaoineamh ar shuíomh sofhreagrach a tháirgeadh le WordPress ba cheart duit cinnte cóip dá alt a fháil. Ní mór é a léamh.
Tar éis dom mo bhlag pearsanta ar WordPress a atógáil le déanaí ag úsáid cur chuige sofhreagrach, soghluaiste ar dtús, bhí cur amach agam ar chuid de na teicnící a chuimsítear san alt. Mar sin féin, an t-aon earra amháin a sheas amach dom i ndáiríre ná cur chuige Jesse maidir le híomhánna sreabhach a chumasú trí jQuery.
An fhadhb le WordPress agus “íomhánna sreabhach”
Mar is eol duit go bhfuil a fhios agat go léir go bhfuil ‘íomhánna sreabhach’ - a bhaineann úsáid as uas-leithead: 100% - ag éileamh nach mbeidh aon leithead nó airde seasta ag íomhánna ionas gur féidir leo scála de réir mhéid a gcoimeádáin. Ar an drochuair, ríomhann WordPress toisí na n-íomhánna a ghintear ó leabharlann na Meán go huathoibríoch agus cuireann sé na tréithe leithead agus airde comhfhreagracha le haon chlibeanna img.
Tá sé seo iontach do luas rindreála leathanaigh ach caitheann sé a ollmhór spanner sna saothair maidir le leagan amach sofhreagrach a chruthú toisc nach gcuirtear toisí íomhá srianta a thuilleadh ar mhéid a gcoimeádáin.
Is fadhb í sin.
An réiteach neamh-jQuery
Ina alt, tugann Jesse ’le fios go n-úsáidtear jQuery chun na tréithe leithead agus airde a bhaint as gach clib img> ar an leathanach nuair a bheidh sé luchtaithe. Is cinnte go n-oibríonn sé seo ach nuair a bhí mé ag tógáil mo shuíomh níor mhaith liom an smaoineamh a bheith ag brath ar JavaScript chun é seo a bhaint amach, go háirithe dá mbeadh a lán íomhánna ar an leathanach atá i gceist.
Seo an áit ar tháinig scagairí WordPress chun an tarrthála.
Sainmhíníonn an cód WordPress scagaire mar:
"... crúcaí a sheolann WordPress chun téacs de chineálacha éagsúla a mhodhnú sula gcuirtear é sa bhunachar sonraí nó sula seoltar chuig scáileán an bhrabhsálaí é."
De réir mar a tharlaíonn sé is é seo go díreach a theastaíonn uainn. Trí scagaire a chur ar bun chun rith ar gach íomhá mar an gníomh deiridh sula ndéantar iad a sholáthar ar an leathanach, is féidir linn PHP a úsáid chun na tréithe leithead agus airde a bhaint agus ar an gcaoi sin teacht timpeall ar an ngá le hionramháil DOM daor (a d’fhéadfadh a bheith costasach) trí JavaScript.
An cód
- /**
- FEIDHMEANNA ÍOSTA FREAGRACH
- */
- add_filter (‘post_thumbnail_html’, ‘remove_thumbnail_dimensions’, 10);
- add_filter (’image_send_to_editor’, ‘remove_thumbnail_dimensions’, 10);
- feidhm remove_thumbnail_dimensions ($ html)
- $ html = preg_replace (’/ (leithead
Sa chód thuas táimid ag cur dhá scagaire leis an bhfeidhm add_filter. Is í an chéad argóint an scagaire a theastaíonn uainn a dhéanamh agus sonraíonn an dara ceann an fheidhm a theastaíonn uainn a rith nuair a ghlaoitear an scagaire.
Inár gcód déanaimid dhá fheidhm doiléir:
- post_thumbnail_html - íomhánna a fuarthas leis an post_thumbnail ()
- image_send_to_editor - íomhánna curtha leis an eagarthóir
Ansin úsáidimid slonn rialta chun na tréithe leithead agus airde a bhaint de na clibeanna íomhá. Anois nuair a sheoltar ár n-íomhánna chuig an mbrabhsálaí is féidir leo a bheith go hiomlán ‘sreabhach’ díreach mar a dúirt an tUasal Marcotte linn gur chóir dóibh.
Admháil
Caithfidh mé a admháil go raibh an smaoineamh agam úsáid a bhaint as add_filter chun tréithe a bhaint nach bhféadfainn ar feadh mo shaol na scagairí WordPress cearta a aimsiú le hook a dhéanamh iontu.
Tar éis go leor cuardach a dhéanamh tháinig mé trasna ar an bpost thar a bheith cabhrach seo ar Wordpress Stack Exchange le Nathaniel Taintor a chuir an fhaisnéis ar fáil faoin dá scagaire a bhí uaim.
Uaimheanna
Chomh fada agus is eol dom is é an t-aon tarraingt siar mór don chur chuige seo ná nach mbaintear na tréithe leithead agus airde ó gach íomhá ar do shuíomh. Chinn mé gur saincheist í seo, go sonrach leis na híomhánna Gravatar a úsáideann WordPress i dtuairimí.
Má tá réiteach ag duine ar bith ar an gceist seo, fág trácht le do thoil ionas go mbainfimid uile leas as.
Tá súil agam go raibh sé seo úsáideach agus léirigh sé rogha eile seachas a bheith ag brath ar JavaScript chun “íomhánna sreabhach” a chur i bhfeidhm ar láithreáin ghréasáin WordPress.
Focail: David Smith
Is dearthóir ceann tosaigh é Dave Smith atá lonnaithe gar do chathair álainn Bath, an Ríocht Aontaithe. Nuair nach bhfuil sé ag obair ar thionscadail nua spreagúla gréasáin is féidir é a fháil ag seinm an trumpa i ngach rud ó ghrúpaí snagcheoil Big Band go ceolfhoirne Siansa. Is féidir leat teacht suas le Dave ar Twitter mar @get_dave.
