Šioje ekrano juostoje mes įsigilinsime į skyrių „Pasiūlymai“. Pasiūlymų skiltis iš esmės yra „skelbimų siena“. Tai yra svetainės sritis, kurioje žmonėms tektų pereiti prie savęs, todėl nesijaudinu dėl reklamų trukdymo žmonių mintyse. Be to, kiekvienam skelbimui taikoma nuolaida ir jis yra produktas, kurį aš asmeniškai rekomenduoju, todėl nėra jokio šešėlio.
Antraštę jau turime vietoje. Turinį jau spjaudome į puslapį, kurį turime stilizuoti. Tai puiki vieta pradėti rašyti kai kuriuos CSS.
Šauniausia šiame puslapyje yra tai, kad galime įmerkti pirštus į reaguojančios reklamos pasaulį. Reklamos pasaulis tikrai nepasivijo reaguojančio dizaino. Skelbimai dažnai būna fiksuoto dydžio, o jų dydį keisti yra sunku arba draudžiama. Šioje svetainėje taip nėra, nes aš pats kuriu skelbimus.
Kiekvienas skelbimas sukurtas iš fono paveikslėlio, logotipo atvaizdo ir teksto dalių. Naudodamiesi background-imagepriemonėmis galime šiek tiek apkarpyti jos kraštus ir viskas gerai. Mes neprarandame jokio teksto ar svarbių logotipo dalių.
Šios "sienos" išdėstymas bus panašus į sieną =). Mes turėsime tris stulpelius, kurių darbalaukio dydis yra didelis, tada eikite žemyn į du stulpelius, o galų gale - vieną stulpelį, kurio dydis yra telefono numeris. Viskas, ką mes darome, yra plūduriuojantys skelbimus ir pritaikyti min-height, kad jie būtų vienodo aukščio. Esant skirtingoms žiniasklaidos užklausoms, mes tiesiog pakoreguojame skelbimų pločius ir keičiame, kurie iš jų turi teisingą paraštę, o kurie ne (per :nth-child).
Kiekvienas skelbimas yra pasirinktinis „WordPress“ laukas. Kai išvedame juos į puslapį, pirmiausia jų paklausiame ir įtraukiame į masyvą. Tada sumaišykite tą masyvą. Tada pagaliau juos pakartok. Gali taip pat suteikti visiems teisingą smūgį, kai jie yra geriausias skelbimas!