Achtergrond sidebars en achtergrond inhoud/content:
Er zijn momenten waarop je zou willen wat kleur toe te voegen aan de zijbalk van uw WordPress Thema's om het meer uniek, zeker als je gebruik maakt van een vrij thema, die vele anderen worden gebruikt. Er zijn een paar manieren om te gaan over het toevoegen van kleuren aan uw sidebars.
De eenvoudigste methode zou zijn simpelweg een kleur voor je sidebar achtergrond in je CSS stylesheet. Dit komt omdat bijna alle WordPress Thema's hun sidebars te verklaren als "sidebars" in de stylesheet zodat u gemakkelijk kunt herkennen dat bepaalde sectie. Kleur toe te voegen aan de sidebar achtergrond, gewoon de kleur die je wilt door de toevoeging van dit attribuut - background-color: # xxx; binnen de accolades.
Het nadeel van deze methode is de kleur eindigt met uw sidebars. Dus als u een korte zijbalk, zal het "opknoping" halverwege.
De andere oplossing zou zijn om de kleur die u wilt gebruiken voor de hele "container", dat is de kolom waarin je de inhoud en de zijbalken huizen te verklaren.Sommige programmeurs beschrijft met andere woorden als "wrapper" of "kolommen" en anderen, zodat je zal moeten doen wat giswerk. Opnieuw toe te voegen in dezelfde attribuut. Zodra u het goed te krijgen, de hele pagina, met uitzondering van uw belangrijkste achtergrond zal worden in de kleur die u hebt opgegeven. Nu alles wat je hoeft te doen is om de kleur van uw "inhoud" gebied. Dan is uw zijbalk zal de kleuren verspreiden recht naar beneden naar de voettekst.
Het nadeel zal nu worden uw inhoud zal worden "opknoping" indien het gebied is korter dan de zijbalken.
De beste en meest professionele methode is om een afbeelding te gebruiken om uw inhoud en uw sidebars te scheiden. Op deze manier, de achtergrond van de zijbalk en de inhoud zal zowel spreid gelijkmatig verticaal over uw pagina.
Voor noobs zoals wij, zal het verkrijgen van de juiste breedte lastig zijn. Ik gebruik een zeer ruwe methode die een einde maakt aan alle berekeningen. Ten eerste, ik geef een achtergrondkleur voor de sidebars, dus ik weet de exacte locatie. Dan neem ik een screenshot van de pagina. Volgende plak de afbeelding in Photoshop. Gewas de hoogte van de afbeelding om ongeveer 10 tot 15 pixels. De breedte moet gelijk blijven.
Selecteer de toverdrank van de sidebar, die nu kan je duidelijk zien waar het begint en eindigt. "Paint-Bucket" met de kleur die je wilt. Sla de afbeelding op als jpg. Geef het een makkelijk te onthouden bestandsnaam zoals "pagebg.jpg" of zoiets. Upload de afbeelding naar uw Thema's afbeeldingen map.
In je CSS-bestand op zoek naar de "container" div of wat dan ook dat je moet hebben geraden door nu. Binnen de accolades, in plaats van alleen de achtergrond kleuren, voeg de url van de beelden. Voorbeeld: # container achtergrond: # 000 url (images / yourimagefilename) herhaal-y Update en te vernieuwen. Je moet over een mooie en zelfs achtergrondkleur scheiden van de zijbalk en de inhoud.
Geen opmerkingen:
Een reactie posten