Cómo insertar código en wordpress

3 minutos de lectura

avatar de usuario
Mihir

En muchos blogs de wordpress, vemos el código como se muestra a continuación.
ingrese la descripción de la imagen aquí

¿Ahora quiero poner mi código también así? ¿Cómo hacerlo? ¿Pertenece a alguna herramienta de terceros o está integrada y viene con wordpress? Cuando copio y pego el código en el blog, se ve feo. Por favor, dame una sugerencia para hacer mi blog más legible. Gracias

avatar de usuario
Liebre

Si está ejecutando su blog en WordPress.comsolo incluye las siguientes líneas antes de tu código.

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

WordPress.com nos brinda la posibilidad de evitar preocuparnos por resaltar el código. Si su código está entre estos bloques, se procesará automáticamente según el idioma que especificó. Puede admitir muchos idiomas.

Algunos de ellos son..

html

javascript

Java

javafx

matlab (solo palabras clave)

objeto

perlas

php

Si tiene un sitio autohospedado o uno alojado en wordpress.orgdebe usar el complemento SyntaxHighlighter: wordpress.org/plugins/syntaxhighlighter.

Este es el complemento que obtuvo el equipo de WordPress para crear esta funcionalidad en wordpress.com

Para más información ver esto Enlace

  • Para que quede claro, el código anterior solo funciona en sitios de wordpress.com, no en instalaciones autohospedadas (wordpress.org). Los sitios autohospedados deben usar el complemento SyntaxHighlighter: wordpress.org/plugins/syntaxhighlighter que es el complemento que el equipo de WordPress obtuvo para crear esta funcionalidad en wordpress.com (de todos modos, de acuerdo con la documentación vinculada anteriormente).

    – Tyler Hayes

    27/09/2013 a las 23:20

  • Incluya el comentario de @tyler Hayes en su respuesta.

    – Teoman shipahi

    10 de marzo de 2016 a las 23:18

avatar de usuario
SHETA SHEJAR

Lamento decirlo, pero con el siguiente código que mencionaste WONT WORK

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

Pronto Sitio de WordPress agregar un fragmento de código al blog de wordpress es:

[code language="javascript"]
//your language script here
[/code]

¡Espero que esto te haya ayudado! 🙂

  • Sheklar habla sobre wordpress.com

    – Benoti

    26 de noviembre de 2016 a las 10:46


Lo que está buscando es algún tipo de resaltador de sintaxis. Donde aparece el código en su publicación en un cuadro con el número de líneas, etc., ¿correcto?

Hay algunos complementos en wordpress para eso.

Verificar:

http://wordpress.org/extend/plugins/syntaxhighlighter/

http://wordpress.org/extend/plugins/crayon-syntax-highlighter/

Espero eso ayude. Salud

  • Debe instalar el complemento y seguir las instrucciones del complemento. ¿Está utilizando un blog de wordpress autohospedado o un blog en wordpress.com?

    – CMoreira

    7 de noviembre de 2012 a las 12:41


Agregando a la respuesta de SHEKHAR SHETE.

Para bloques de código en línea:

Seleccionar un texto y luego ejecutar Alt+Shift+x hará texto como:

THIS is an example

Esto en realidad rodeará el texto con <code></code>

Escribiendo texto dentro `..` es otra manera

fuente

Haga esto si desea agregar código en su publicación de wordpress:

Cambie a Texto desde HTML en su editor de wordpress, luego inserte
<code>
como etiqueta inicial y
</code>
como etiqueta final.

Este es el único método que funciona en la última versión de wordpress en el momento en que escribo la respuesta. ¡Que te diviertas!

avatar de usuario
ScryptKeeper

Último: en editar publicación, comience a escribir /syntax. Elija Resaltador de sintaxis. Puede cambiar el tipo de idioma en el bloque.

WordPress Ayuda

¿Ha sido útil esta solución?