Selles ekraanivaates uurime jaotist Pakkumised. Pakkumiste jaotis on sisuliselt reklaamide sein. See on saidi ala, kus inimesed peaksid ise navigeerima, nii et ma ei muretse reklaamide segamise pärast inimeste mõtetest. Samuti on igal reklaamil allahindlus ja see on toode, mida ma isiklikult soovitan, nii et varjutust ei toimu.
Päis on meil juba paigas. Samuti on meil juba sisu spikerdatud lehele, mille peame stiilima. See on ideaalne koht CSS-i kirjutamiseks.
Selle lehe jaoks on lahe see, et saame oma varbad tundliku reklaami maailma. Reklaamimaailm pole tõepoolest reageeriva kujundusega järele jõudnud. Reklaamid on sageli fikseeritud suurusega ja nende suuruse muutmine on keeruline või on otse keelatud. Sellel saidil see nii ei ole, sest ma loon reklaamid ise.
Iga reklaam luuakse taustpildist, logopildist ja tekstibittidest. Vahendite background-imageabil saame selle servad kuidagi kärpida ja see on OK. Me ei kaota ühtegi teksti ega logo olulisi osi.
Selle "seina" paigutus on seinale sarnane =). Meil on see kolm veergu laia töölaua suurusega ja seejärel kahes veerus ja siis lõpuks üks veerg telefoni-suurusega. Kõik, mida me teeme, on hõljuda reklaame ja rakendada tähte, min-heightet hoida neid kõiki samal kõrgusel. Erinevate meediumipäringute korral reguleerime lihtsalt reklaamide laiusi ja muudame, millistel neist on õige veeris ja millistel mitte (via :nth-child).
Selle taga on iga reklaam WordPressi kohandatud väli. Kui väljastame need lehele, siis küsime kõigepealt nende järgi ja paneme massiivi. Seejärel segage see massiiv läbi. Siis kajavad nad lõpuks välja. Võib ka anda kõigile parema pildi, kui nad on parim reklaam!