WordPress è una piattaforma open-source popolare per i siti web editoriali. Si semplifica il processo di progettazione come una pagina web appare attraverso il suo sistema di gestione dei contenuti (CMS). Microsoft Expression Web, al contrario, è più orientato verso lo sviluppo di codice stabile e affidabile per i siti web. Prendendo il codice da un sito web progettato in WordPress e la conversione e l'importazione in Expression Web, un sito web può essere creato che offre il meglio dei due mondi: forma e funzione.

istruzione

1 Spostare il pagina di WordPress stesso (inclusi i file PHP CSS e) per la cartella principale in cui è stata installata l'applicazione.

2 Aprire Microsoft Expression.

3 Creare una nuova pagina HTML e denominarlo.

4 Nella finestra di visualizzazione del codice, eliminare tutto il codice in modo che la finestra è vuota.

5 Ridurre al minimo la finestra dell'applicazione Expression.

6 Aprire la pagina della tua pagina web nel browser internet di vostra scelta.

7 Eseguire il comando in questione all'interno del tuo browser per visualizzare il codice sorgente della pagina. Per Microsoft Internet Explorer 8, questo è fatto aprendo il menu "Pagina" e selezionando "Visualizza origine". In Mozilla Firefox, premere il tasto "Ctrl" e "U" sulla tastiera.

8 Premere il tasto "Ctrl" e "A" per evidenziare e selezionare tutto il codice nella finestra.

9 Premere il tasto "Ctrl" e "C" per copiarlo.

10 Tornare alla finestra di Expression Web Microsoft.

11 Fare clic una volta nella finestra di visualizzazione del codice alla prima riga.

12 Premere il tasto "Ctrl" e "V" per incollare il codice copiato nella finestra di visualizzazione del codice.

13 Scorrere indietro fino all'inizio righe di codice nella finestra di visualizzazione del codice. Cercare una riga di codice (di solito si trova sulla linea 8) che contiene un collegamento a WordPress tema del tuo sito. Essa sarà simile a questa:

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

Qui, "Esempio" è il nome del tema WordPress utilizzato nella vostra pagina web.

14 Eliminare la seguente stringa di caratteri dal link alla fine di questa linea di trasformarla in un collegamento relativo: "http: // localhost / wordpress / & quot ;. Il link seguente" href = "dovrebbe ora iniziare con" wp-content / temi ... "

15 Salvare la pagina in Expression Web.

Consigli e avvertenze

• Continuare a modificare la pagina con gli strumenti di Expression Web che ben si adattano a codice CSS di WordPress, come ad esempio il Quick Tag Selector e pannelli delle proprietà CSS.
• Passare a Split View per vedere come le modifiche apportate al codice di alterare l'aspetto della pagina web in tempo reale.