Come aggiungere un pulsante a un blog per il codice sorgente su WordPress

August 3

Come aggiungere un pulsante a un blog per il codice sorgente su WordPress


Gli sviluppatori spesso vogliono dimostrare i diversi modi creativi sono venuti fuori con per risolvere i problemi e attuare caratteristiche. A volte questo è per i siti web di tutorial, aiutando i principianti per imparare i pro ei contro di codifica sito web. Altre volte, è puramente mettersi in mostra. Qualunque sia la ragione, è possibile aggiungere un pulsante per un blog WordPress che immediatamente aprire il codice sorgente HTML per qualsiasi pagina che l'utente è in quel momento.

istruzione

Come aggiungere il pulsante alla barra laterale

1 Accedi al tuo pannello di controllo di amministrazione di WordPress. Fai clic su "Aspetto", quindi "Widget".

2 Trascinate un widget "Testo" dalla vasta area in mezzo alla barra laterale sulla destra. Spostare il widget per la posizione nella barra laterale in cui si desidera il pulsante per andare. Gli altri widget si sposteranno automaticamente per fare spazio mentre lo fate. Quando avete deciso su una posizione, digitare un titolo nel campo di testo "Titolo", qualcosa di descrittivo come "codice sorgente View per questa pagina" sarà efficace. Poi inserire il seguente codice nella zona "Testo":

<Form>

<Input type = valore "pulsante" = "Visualizza origine"

onClick = 'window.location = "view-source:" + window.location.href'>

</ Form>

È inoltre possibile digitare qualsiasi altro testo descrittivo che si desidera visualizzare attorno al pulsante qui dentro, come pure - tanto per essere sicuro di digitare al di fuori dei tag <form>.

3 Fai clic su "Salva" quando hai finito. Il pulsante apparirà sulla barra laterale.

Come aggiungere il pulsante per singoli post

4 Accedi al tuo area di amministrazione di WordPress. Fai clic su "Messaggi", quindi fare clic su "Aggiungi nuovo" per iniziare un nuovo post, oppure fare clic sul titolo del post a cui si desidera aggiungere il pulsante.

5 Fare clic sulla scheda "HTML" in alto a destra dell'area di modifica principale. Ciò consente di aggiungere manualmente il codice per il post.

6 Posizionare il cursore nel punto nel post si desidera che il tasto da visualizzare, quindi digitare il seguente codice:

<Form>

<Input type = valore "pulsante" = "Visualizza origine"

onClick = 'window.location = "view-source:" + window.location.href'>

</ Form>

7 Fai clic su "Pubblica" se questo è un nuovo post, o "Aggiornamento Post" se si aggiunge il pulsante per un post esistente. Il pulsante apparirà nel post.