Hvordan du redigerer koden til en Joomla-mal - dummier

Du kan komme inn i en Joomla-males faktiske HTML- og CSS-kode via siden Tilpass mal, som inneholder Rediger HTML og Rediger CSS-knapper. Klikk på CSS-filen du er interessert i å jobbe med for å vise malens HTML- eller CSS-kode.

Når du tilpasser en mal i Joomla, gjør du vanligvis endringer i CSS-koden.

For å åpne en CSS-fil for en mal for redigering, følg disse trinnene:

1. Klikk på Rediger CSS-knappen i informasjonssiden til malen.

   Siden Tilpass maler åpnes. Denne siden viser CSS-filene som er knyttet til malen - vanligvis mange av dem.

   

2. Klikk navnet på stilen du vil redigere.

   Stilens CSS-fil (template. Css) åpnes for redigering i Template Manager.

   

Malen. css-filen er en lang en - omtrent 16 sider - og det er bare en av filene som går inn i en Joomla-mal. Det er en bona-fide CSS-fil, og her er hvordan den starter:

/ **************************** / / * ** Core html setup stuff *** / / ***************************** / html {høyde: 100%; margin-bunn: 1px;} skjema {margin: 0; polstring: 0;} body {font-family: Helvetica, Arial, sans-serif; linjehøyde: 1. 3em; margin: 0px 0px 0px 0px; skriftstørrelse: 12px; farge: # 333;} a: link, a: besøkt {tekst-dekorasjon: ingen; font-weight: normal;} a: svever {text-decoration: understreke; font-weight: normal;} input. knapp {markør: peker;} p {margin-top: 0; margin-bunn: 5px;} img {border: 0 none;} / ****************************************** ******* / / *** Template spesifikke layoutelementer *** / / ***************************** ************ / #page_bg {polstring: 10px 0; margin-bunn: 1px;} div. senter {text-align: center;} div # wrapper {margin-left: auto; margin-høyre: auto;} kropp. width_medium div # wrapper {width: 950px;} …

Dessverre, for å redigere denne filen må du virkelig vite hva du gjør i CSS for å lage dine egne endringer. (En god WYSIWYG-kode redaktør innebygd i Joomla ville være bra for denne situasjonen.)

Det er mye diskusjon om hvorvidt det er bedre å bruke HTML-tabeller eller CSS for å ordne komponenter og moduler i Joomla-maler; begge sider av argumentet har sterke poeng.

HTML-tabeller, for eksempel, er ganske stive strukturer som gjør det vanskelig for søkemotorer å forstå innholdet på siden din. CSS-implementeringer, derimot, varierer mye fra nettleser til nettleser, og noen eldre nettlesere tillater deg å bruke bare minimal CSS. Beez-malen i Joomla er et eksempel på en tabellløs CSS-mal.

Som du kan se, er det ikke noe å gjennomføre lett å tilpasse en Joomla-mal.Så hvordan får du malen du vil ha? Du kan laste den ned. Det er Joomla maler på nettet. Noen er gratis mens andre krever en liten avgift for å laste ned.