Cómo agregar un botón a un blog de Código Fuente en WordPress

Los desarrolladores a menudo quieren demostrar las diversas formas creativas que vienen con para resolver problemas e implementar características. A veces esto es para los sitios web de tutoría, para ayudar a los principiantes a aprender los entresijos de la página web de codificación. Otras veces, es simplemente para mostrar. Cualquiera que sea la razón, se puede añadir un botón para un blog de WordPress que traerá instantáneamente el código fuente HTML de cualquier página que el usuario está en ese momento.

Instrucciones

Cómo agregar el botón a la barra lateral

1 Ingrese a su panel de control de administración de WordPress. Haga clic en "Apariencia" y luego "Aplicaciones".

2 Arrastre un widget de "texto" de la zona grande en el medio de la barra lateral a la derecha. Mover el widget a la posición de la barra lateral en la que desea el botón para acceder. Los otros widgets se desplazará automáticamente para dejar espacio a medida que lo hace. Cuando se haya decidido por una posición, escriba un título en el campo de texto "Título", algo descriptivo, como "Ver código fuente para esta página" será eficaz. A continuación, enviar el código siguiente en el área de "texto":

<Form>

<Input type = "button" value = "Ver código fuente"

onclick = 'window.location = "ver el código fuente:" + window.location.href>

</ Form>

También puede escribir cualquier otro texto descriptivo que desea mostrar alrededor del botón de aquí también - sólo asegúrese de escribir fuera de las etiquetas <form>.

3 Haga clic en "Guardar" cuando haya terminado. El botón aparecerá ahora en la barra lateral.

Cómo agregar el botones en los mensajes

4 Ingrese a su área de administración de WordPress. Haga clic en "Mensajes", a continuación, haga clic en "Add New" para iniciar una nueva entrada, o haga clic en el título de la entrada a la que desea agregar el botón.

5 Haga clic en la pestaña "HTML" en la parte superior derecha del área principal de edición. Esto le permite añadir manualmente el código para el puesto.

6 Coloque el cursor en el punto en el post desea que el botón que se mostrará, a continuación, introduzca el siguiente código:

<Form>

<Input type = "button" value = "Ver código fuente"

onclick = 'window.location = "ver el código fuente:" + window.location.href>

</ Form>

7 Haga clic en "Publicar" si se trata de un mensaje nuevo, o "actualización del anuncio" si va a agregar el botón para un puesto existente. El botón aparecerá ahora en el poste.