Hvordan du bygger et tilpasset tema for HTML5 og CSS3-siden med en WebsiteBaker Prebuilt Temple - dummies

Selv om det er mulig å bygge en WebsiteBaker-mal fra grunnen til HTML5 og CSS3-nettstedet, er det generelt ikke en god idé. Det er mye smartere å begynne med en mal som er tett og legg til de funksjonene du trenger for å gjøre det til ditt eget. På den måten er den generelle strukturen allerede bevist, og du trenger bare å tilpasse den til dine spesifikasjoner.

1. Finn en startmal du liker.

   Hvis du ikke har et annet sted å starte, kan du prøve maler som er innebygd i WebsiteBaker-kjernen (spesielt Alle CSS og Round). Blank mal er spesielt utviklet for tilpassing.

2. Installer malen på ditt lokale system.

   Det er mye lettere å jobbe med en mal på ditt lokale system enn på en ekstern server.

3. Finn lokal kopi av malen.

   Vanligvis lagres maler i katalogen på serveren din. Hver mal har sin egen mappe.

4. Kopier mappen til malen du vil endre.

   Det er generelt smartere å jobbe med en kopi enn originalen. Lim inn den kopierte mappen i mallkatalogen.

5. Gi nytt navn til den nye mappen for å gjenspeile ditt nye malnavn.

   Din nye mal trenger et annet navn enn den opprinnelige malmen.

På dette tidspunktet har du en kopi av den opprinnelige malmen, men denne kopien vil ikke bli reflektert i CMS ennå. Du må gjøre noen endringer før den nye mal er tilgjengelig. Før du gjør det, ta en titt på filstrukturen til en typisk WebsiteBaker-mal.

En av grunnene til at WebsiteBaker er flott, er hvor relativt enkel mallstrukturen er sammenlignet med andre CMSs. Kataloget inneholder et relativt lite antall filer:

• indeks. php: Denne PHP-filen er den grunnleggende filen som brukes som grunnlag for hver side i systemet. Det er egentlig en HTML-side med noen spesielle PHP-funksjoner som er innebygd. Du kan redigere hvilken som helst HTML-kode du ønsker, og de resulterende endringene vil bli reflektert i hver side av nettstedet.

• info. php: Denne enkle PHP-filen inneholder en rekke variabler som brukes til å kontrollere den generelle oppførselen til malen. Du vil gjøre noen få endringer i denne filen for å gi malen et offisielt navn.

• layout_setup. css: Denne CSS-filen beskriver CSS som brukes til den generelle sidedesignet. Du kan endre innholdet i denne CSS-filen for å endre skriftfarger eller annet stort bilde CSS.

• layout_text. css: Denne CSS-filen brukes til å definere stilene til de ulike tekstelementene på nettstedet.Hvis du leter etter en klasse som ikke er definert i layout_setup. css, du kan finne den her. Merk: Navnene på CSS-filene kan endres i andre maler, men det vil være minst en CSS-fil.

• editor. css: Denne filen brukes til å endre den interne WYSIWYG-editoren. Den beskriver hvordan ulike elementer vises i redigeringsprogrammet.

• bilder katalog: Ofte vil en mal inneholde en rekke bilder. Disse er lagret i en underkatalog for enkelhets skyld. Du må kanskje endre noen av disse bildene for å skape utseendet du skal.

Noen maler er mer komplekse, noen mindre. Egentlig, du kan ha så mange eller så få filer som du vil. Du må alltid ha en indeks. php og info. php. Du vil nesten alltid ha minst en CSS-side. Du kan ha alt annet du ønsker i malen, men ingenting annet er helt nødvendig.