Hvordan konvertere fra WordPress til Microsoft Expressions

WordPress er et populært open-source plattform for publisering nettsteder. Den strømlinjeformer prosessen med å utforme hvordan en nettside ser gjennom Content Management System (CMS). Microsoft Expression Web, derimot, er mer orientert mot å utvikle en stabil og pålitelig kode for nettsteder. Ved å ta inn koden fra en nettside designet i WordPress og konvertere og importere den til Expression Web, kan et nettsted være opprettet som har det beste fra begge verdener: form og funksjon.

Bruksanvisning

1 Flytte WordPress selve siden (inkludert CSS og PHP-filer) til rotmappen der søknaden ble installert.

2 Åpne Microsoft Expression.

3 Opprett en ny HTML-side og name it.

4 I kodevisning vinduet, slette all koden slik at vinduet er tomt.

5 Minimer vinduet i Expression søknaden.

6 Åpne forsiden av nettsiden i nettleseren etter eget valg.

7 Utfør relevant kommando i nettleseren din for å vise siden kildekode. For Microsoft Internet Explorer 8, gjøres dette ved å åpne "Page" -menyen og velge "View Source". I Mozilla Firefox, trykker du "Ctrl" og "U" på tastaturet.

8 Trykk "Ctrl" og "A" for å markere og velge all kode i vinduet.

9 Trykk "Ctrl" og "C" for å kopiere den.

10 Bytt tilbake til Expression Web vinduet Microsoft.

11 Klikk én gang i kodevisning vinduet på den aller første linje.

12 Trykk "Ctrl" og "V" for å lime inn den kopierte koden i kodevisning vinduet.

1. 3 Rull tilbake til toppen linjer med kode i kodevisning vinduet. Se etter en linje med kode (vanligvis funnet på linje 8) som inneholder en link til nettstedet ditt WordPress tema. Det vil se slik ut:

rel = "stylesheet" type = "text / css" href = "http: //localhost/wordpress/wp-content/themes/Example/style.css" />

Her er "Eksempel" er navnet på WordPress temaet som brukes i din webside.

14 Slett følgende streng med tegn fra linken på slutten av denne linjen for å endre den til en relativ kobling: "http: // localhost / wordpress / & quot ;. Lenken følgende" href = "skal nå starte med" wp-innhold / temaer ... "

15 Lagre siden i Expression Web.

Hint

• Fortsett å redigere siden med Expression Web-verktøy som er godt egnet til WordPress sin CSS-kode, for eksempel Hurtig Tag Selector og CSS egenskaper paneler.
• Bytt til Split Vis for å vise hvordan endringene du gjør i koden endre utseendet på websiden i sanntid.