Hvordan Stil CSS innebygde objekter i Wordpress

November 24

WordPress nettsteder bruker stilark (CSS) tungt på både forsiden og baksiden. CSS brukes til egen HTML-innhold fra design. Ved å oppdatere en sentral CSS-fil, vil en endring gjenspeiles på alle nettsider som kaller i denne filen, og har de riktige kodene.

Bruksanvisning

1 Logg inn på din WordPress dashbordet.

2 Klikk "Editor" under "Utseende" i navigasjonsmenyen til venstre. Stilen ark er vanligvis hva laster i redigeringsvinduet først. Hvis ikke, se etter CSS- filen under malens listen til høyre.

3 Legg den riktige CSS-kode til CSS-filen. For eksempel, er dette den grunnleggende kode for å legge inn et bilde i et innlegg eller side:

.bilde {

bakgrunn: URL (http://www.yoururl.com/image.gif);

width: 100px;

height: 100px;

}

URL i bakgrunnen attributt inneholder linken til bildet ditt. Juster bredden og høyden basert på bildets dimensjoner. Klikk på "Update File" etter at alle endringer er gjort.

4 Klikk "Legg til ny" under "innlegg" eller "sider" i navigasjonsmenyen til venstre. Du kan også oppdatere en eksisterende fil.

5 Ring i bildet fra HTML-dokumentet. Legg til følgende kode i innlegg eller side:

Klassen "image" er knyttet til attributtet i CSS-filen.

6 Klikk "Publiser" for å presse HTML-fil levende. Forhåndsvise filen for å sikre at CSS og dokument tags koble til og bildet vises.

Hint

CSS attributter må være unikt. Hvis "image" er allerede brukt i din CSS fil, endre begrepet til noe annet.