En Tutorial for konvertering fra CSS til Wordpress

October 13

WordPress nettsteder er "dynamisk" i at HTML-koden som gjør opp strukturen og styling av området holdes på flere PHP-filer, og innholdet i bloggen er satt inn i malen fra en MySQL database. Dette betyr at hvis du har en CSS nettsted som du ønsker å konvertere til en WordPress tema, må du segmentere HTML-filer til separate PHP-filer som WordPress bruker. Dette gjør du enkelt ved å modifisere en "Utvikler" WordPress tema, som inneholder alle WordPress funksjoner, men ingen styling.

Bruksanvisning

1 Gå til starkerstheme.com og laste ned ZIP-filen for temaet. Dette temaet inneholder alle funksjoner og kode for å kalle bloggen innhold fra MySQL-databasen, men er ellers tom for CSS og HTML-kode.

2 Pakk den nedlastede ZIP-fil på harddisken på datamaskinen. Filene vil trekke inn i en mappe som heter "Blank". Åpne denne mappen.

3 Finn "header.php" i "Blank" -mappen og åpne den i et tekstredigeringsprogram. Åpne HTML-fil for nettstedet ditt inn i et eget vindu, og kopier koden som definerer øverste overskriften område av nettstedet ditt. Denne er plassert rett under <BODY> tag. Lim inn koden i "header.php," igjen under <BODY> tag, slette noen kode som allerede er der. Lagre og lukk filen.

4 Åpne "style.css" fil. Kopier og lim inn CSS-fil her, rett på bunnen av filen. Lagre og lukk filen når du er ferdig.

5 Åpne filene "archive.php", "page.php", "index.php", "single.php" og "search.php." Ring skillet som inneholder CSS stedets hovedinnholdet før WordPress loop. Dette gjøres med følgende kode:

Sett det faktiske navnet på innholdet skillelinjen i anførselstegn. WordPress løkken starter med følgende kode:

<? Php if (have_posts ())

Ring innhold skillelinjen rett over denne linjen. Lukk skillelinjen etter utløpet av WordPress loop, ved å plassere </ div> rett under denne linjen med kode:

<? Php endif; ?>

Fullføre denne prosessen for alle filene du har åpne, lagre og lukke hver og en som du avanserer.

6 Kopier alle bildene på nettstedet ditt til "Bilder" -mappen inne i "Blank" -mappen.

7 Gå tilbake til "Blank" -mappen og gå opp et nivå slik at du ser ikonet for mappen. Slå mappen tilbake i en ZIP-fil ved å høyreklikke på den og velge "Legg til arkiv" på Mac eller "Send til" og deretter "komprimert mappe" på Windows-maskiner. CSS nettstedet er nå kompatibel med WordPress.