{"id":7282,"date":"2024-05-26T07:18:45","date_gmt":"2024-05-26T12:18:45","guid":{"rendered":"https:\/\/pruebasweb.argenispaz.com\/?p=7282"},"modified":"2024-05-28T18:26:56","modified_gmt":"2024-05-28T23:26:56","slug":"como-mostrar-codigo-en-wordpress","status":"publish","type":"post","link":"https:\/\/pruebasweb.argenispaz.com\/index.php\/2024\/05\/26\/como-mostrar-codigo-en-wordpress\/","title":{"rendered":"\u00bfC\u00f3mo mostrar c\u00f3digo en WordPress?"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Mostrar c\u00f3digo en WordPress puede parecer una tarea sencilla, pero para muchos blogueros<\/strong> y desarrolladores<\/strong> que publican tutoriales<\/strong> y ejemplos de c\u00f3digo<\/strong>, puede convertirse en un verdadero desaf\u00edo. Escribir y compartir fragmentos de c\u00f3digo sin que estos se ejecuten y alteren la funcionalidad del sitio es esencial para mantener la claridad y la integridad<\/strong> de nuestro contenido. Si alguna vez hemos intentado a\u00f1adir c\u00f3digo en una entrada de blog en WordPress<\/a> y nos hemos encontrado con que el formato se desordena o, peor a\u00fan, el c\u00f3digo desaparece, no est\u00e1s solo.<\/p>\n

En esta gu\u00eda, vamos a abordar c\u00f3mo mostrar c\u00f3digo en WordPress de manera efectiva, utilizando m\u00e9todos que aseguran que los fragmentos de c\u00f3digo<\/strong> se muestren de forma correcta y sin problemas. Exploraremos diferentes t\u00e9cnicas, desde el uso del editor de bloques de Gutenberg<\/a> hasta la implementaci\u00f3n de plugins de WordPress<\/a> especializados. Ya sea que necesitemos una soluci\u00f3n r\u00e1pida y sencilla o una m\u00e1s personalizada y detallada.<\/p>\n

Entenderemos por qu\u00e9 el solo pegar c\u00f3digo en el editor visual de WordPress no es suficiente y c\u00f3mo evitar los resultados no deseados como el formato incorrecto o la desaparici\u00f3n del c\u00f3digo. Para ello veremos algunos plugins<\/strong> y c\u00f3mo los shortcodes de WordPress<\/a> personalizados pueden hacer nuestra vida m\u00e1s sencilla. Adem\u00e1s, veremos m\u00e9todos alternativos como las etiquetas <code><\/strong> y <pre><\/strong>, y c\u00f3mo utilizar herramientas de codificaci\u00f3n para preservar el formato de tu c\u00f3digo.<\/p>\n

Al final de esta gu\u00eda, estar\u00e1s equipado con las herramientas y el conocimiento necesarios para mostrar tus fragmentos de c\u00f3digo en WordPress de manera profesional y efectiva. As\u00ed que, si est\u00e1s listo para mejorar tus publicaciones y hacer que tu c\u00f3digo brille, \u00a1comencemos!<\/strong><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfQu\u00e9 es un c\u00f3digo en WordPress?<\/h2>\n

Cuando hablamos de c\u00f3digo en WordPress, nos referimos a los fragmentos de programaci\u00f3n que se utilizan para crear funciones espec\u00edficas en un sitio web. Este c\u00f3digo puede ser de varios tipos, incluyendo HTML<\/a>, CSS<\/a>, JavaScript<\/a> y PHP<\/a>, cada uno desempe\u00f1ando un papel crucial en la estructura, el dise\u00f1o y la interactividad del sitio.<\/p>\n

HTML (HyperText Markup Language):<\/strong> es el lenguaje est\u00e1ndar para crear p\u00e1ginas web. Define la estructura b\u00e1sica del contenido, utilizando etiquetas para elementos como p\u00e1rrafos, encabezados, im\u00e1genes y enlaces. En WordPress, el HTML se utiliza para construir la arquitectura de las p\u00e1ginas y publicaciones.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb24px|34px|34px|34px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

<!DOCTYPE html>
<html>
<head>
<title>Mi P\u00e1gina de Ejemplo<\/title>
<\/head>
<body>
<h1>Bienvenidos a Mi P\u00e1gina<\/h1>
<p>Este es un p\u00e1rrafo de ejemplo.<\/p>
<ul>
<li>Elemento de lista 1<\/li>
<li>Elemento de lista 2<\/li>
<li>Elemento de lista 3<\/li>
<\/ul>
<\/body>
<\/html><\/p>\n

[\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

CSS (Cascading Style Sheets):<\/strong> este lenguaje de estilo se encarga de la presentaci\u00f3n visual del sitio web. Controla el dise\u00f1o<\/strong>, los colores<\/strong>, las fuentes en WordPress<\/a> y el espaciado de los elementos HTML. En WordPress, el CSS es fundamental para personalizar la apariencia de los temas y dar un toque \u00fanico a nuestro sitio.<\/p>\n

[\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb24px|34px|34px|34px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}<\/p>\n

h1 {
color: #333333;
text-align: center;
}<\/p>\n

ul {
list-style-type: none;
padding: 0;
}<\/p>\n

li {
background-color: #ffffff;
border: 1px solid #cccccc;
margin: 5px;
padding: 10px;
text-align: center;
}<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

JavaScript:<\/strong> es un lenguaje de programaci\u00f3n que a\u00f1ade interactividad y dinamismo a las p\u00e1ginas web. Permite crear funciones avanzadas como formularios interactivos en WordPress<\/a>, galer\u00edas de im\u00e1genes en WordPress<\/a> y efectos visuales<\/strong>. En el entorno de WordPress, JavaScript se utiliza para mejorar la experiencia del usuario y hacer que el sitio sea m\u00e1s atractivo y funcional.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb24px|34px|34px|34px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de JavaScript<\/title>
<script>
function mostrarAlerta() {
alert(‘\u00a1Hola! Has hecho clic en el bot\u00f3n.’);
}
<\/script>
<\/head>
<body>
<button onclick=\u00bbmostrarAlerta()\u00bb>Haz clic aqu\u00ed<\/button>
<\/body>
<\/html><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

PHP (Hypertext Preprocessor):<\/strong> es el lenguaje de programaci\u00f3n del lado del servidor que impulsa a WordPress. PHP<\/strong> se encarga de la l\u00f3gica detr\u00e1s de la funcionalidad del sitio, desde la recuperaci\u00f3n de datos de la base de datos hasta la ejecuci\u00f3n de tareas complejas. Todo, desde los temas hasta los plugins de WordPress, utiliza PHP para funcionar correctamente.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_text_color=\u00bb#FFFFFF\u00bb background_color=\u00bb#000000″ custom_padding=\u00bb24px|34px|34px|34px|false|false\u00bb hover_enabled=\u00bb0″ border_radii=\u00bbon|8px|8px|8px|8px\u00bb global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de PHP<\/title>
<\/head>
<body>
<?php
date_default_timezone_set(‘UTC’);
$hora = date(‘H’);<\/p>\n

if ($hora < 12) {
echo ‘<p>Buenos d\u00edas!<\/p>’;
} elseif ($hora < 18) {
echo ‘<p>Buenas tardes!<\/p>’;
} else {
echo ‘<p>Buenas noches!<\/p>’;
}
?>
<\/body>
<\/html><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfCu\u00e1ndo mostrar c\u00f3digo en WordPress?<\/h2>\n

Decidir cu\u00e1ndo mostrar c\u00f3digo en WordPress es crucial para proporcionar contenido \u00fatil y relevante a nuestros lectores. Si bien compartir c\u00f3digo puede ser beneficioso, tambi\u00e9n es importante hacerlo en el contexto adecuado para maximizar su impacto y utilidad. Aqu\u00ed exploramos algunos escenarios en los que mostrar c\u00f3digo en WordPress es en especial relevante.<\/p>\n

Tutoriales y gu\u00edas de programaci\u00f3n<\/strong><\/p>\n

Uno de los momentos m\u00e1s obvios para mostrar c\u00f3digo es cuando estamos creando tutoriales o gu\u00edas sobre desarrollo web. Por ejemplo, si estamos explicando c\u00f3mo crear un tema personalizado en WordPress o c\u00f3mo a\u00f1adir alguna funci\u00f3n espec\u00edfica mediante un plugin, incluir fragmentos de c\u00f3digo es esencial. Mostrar el c\u00f3digo ayuda a los lectores a entender c\u00f3mo implementar las soluciones que est\u00e1s describiendo, proporcionando un recurso pr\u00e1ctico que pueden seguir paso a paso.<\/p>\n

Soluciones a problemas comunes<\/strong><\/p>\n

Si nuestro blog trata sobre la resoluci\u00f3n de problemas comunes en WordPress, incluir fragmentos de c\u00f3digo puede ser \u00fatil. Por ejemplo, podr\u00edamos estar explicando c\u00f3mo corregir un error en el archivo functions.php<\/a> o c\u00f3mo solucionar problemas de compatibilidad entre plugins. Mostrar el c\u00f3digo necesario para realizar estas correcciones permite a los lectores implementar las soluciones en sus propios sitios, ahorr\u00e1ndoles tiempo y esfuerzo.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2024\/05\/Solving-Problem-3-Streamline-Brooklyn.png\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbSolving-Problem-3–Streamline-Brooklyn\u00bb width=\u00bb50%\u00bb max_width=\u00bb50%\u00bb align=\u00bbcenter\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Ejemplos de mejores pr\u00e1cticas<\/strong><\/p>\n

Otra situaci\u00f3n en la que es \u00fatil mostrar c\u00f3digo es cuando discutimos mejores pr\u00e1cticas en desarrollo web. Ya sea sobre la optimizaci\u00f3n del rendimiento, la seguridad del sitio o la auditoria SEO<\/a>, proporcionar ejemplos de c\u00f3digo bien estructurado y eficiente puede ayudar a nuestros lectores a mejorar la calidad de su propio trabajo. Por ejemplo, podr\u00edamos compartir fragmentos de CSS optimizados para mejorar los tiempos de carga de la p\u00e1gina o ejemplos de c\u00f3digo PHP que siguen las mejores pr\u00e1cticas de seguridad.<\/p>\n

Personalizaci\u00f3n de temas y plugins<\/strong><\/p>\n

Mostrar c\u00f3digo es tambi\u00e9n esencial cuando hablamos sobre c\u00f3mo personalizar temas y plugins de WordPress. Los usuarios a menudo buscan formas de adaptar sus sitios para satisfacer sus necesidades espec\u00edficas, y proporcionar ejemplos de c\u00f3digo personalizados les permite hacerlo de manera efectiva. Por ejemplo, podr\u00edamos mostrar c\u00f3mo modificar la hoja de estilos de un tema para cambiar su apariencia o c\u00f3mo a\u00f1adir funciones adicionales a un plugin existente.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2024\/05\/Personal-Info-Digital-Form-Streamline-Brooklyn.png\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbPersonal-Info-Digital-Form–Streamline-Brooklyn\u00bb sticky_enabled=\u00bb0″ align=\u00bbcenter\u00bb width=\u00bb50%\u00bb max_width=\u00bb50%\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Recursos educativos y acad\u00e9micos<\/strong><\/p>\n

Si nuestro sitio web tiene un enfoque educativo, como un curso en l\u00ednea sobre desarrollo web, mostrar c\u00f3digo es una parte fundamental del aprendizaje<\/strong>. Proporcionar ejemplos claros y bien documentados, ayudamos a los estudiantes a comprender conceptos complejos y a ver c\u00f3mo se aplican en situaciones pr\u00e1cticas. Este enfoque pr\u00e1ctico es esencial para cualquier curso que busque ense\u00f1ar habilidades t\u00e9cnicas de manera efectiva.<\/p>\n

Al final del d\u00eda, el mostrar c\u00f3digo en WordPress es una pr\u00e1ctica valiosa en una variedad de contextos, desde la creaci\u00f3n de tutoriales y gu\u00edas hasta la resoluci\u00f3n de problemas y la ense\u00f1anza de mejores pr\u00e1cticas. Al proporcionar ejemplos de c\u00f3digo claros y bien estructurados, podemos ayudar a los lectores a entender y aplicar las soluciones que necesitan, mejorando as\u00ed su experiencia y fomentando su confianza en el uso de WordPress.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

\u00bfC\u00f3mo mostrar c\u00f3digo en WordPress?<\/h2>\n

Mostrar c\u00f3digo en WordPress es una habilidad esencial para blogueros<\/strong>, desarrolladores<\/strong> y cualquier persona que desee compartir fragmentos de programaci\u00f3n en su sitio web. Cuando se trata de compartir ejemplos de c\u00f3digo en nuestras publicaciones, es crucial que estos se presenten de manera clara y sin errores de formato. Por fortuna, WordPress tiene muchas formas de hacer esto, como usar el editor de bloques de Gutenberg<\/strong> o instalar plugins en WordPress<\/a> y shortcodes personalizados.<\/p>\n

En esta secci\u00f3n, vamos a ver diferentes formas de mostrar c\u00f3digo en WordPress, desde las m\u00e1s simples hasta las m\u00e1s avanzadas. Exploraremos el uso del bloque de c\u00f3digo en Gutenberg<\/strong>, c\u00f3mo utilizar plugins para resaltar la sintaxis y crear shortcodes personalizados para mayor flexibilidad. Adem\u00e1s, vamos a ver c\u00f3mo las herramientas de codificaci\u00f3n pueden hacer m\u00e1s f\u00e1cil el proceso al convertir autom\u00e1ticamente el c\u00f3digo para que se vea correctamente.<\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Mostrar c\u00f3digo en WordPress con plugin<\/h3>\n

Usar un plugin para mostrar c\u00f3digo en WordPress es una de las maneras m\u00e1s efectivas y eficientes de asegurar que los fragmentos de programaci\u00f3n se presenten con claridad y estilo<\/strong>. Los plugins de resaltado de sintaxis no solo mantienen el formato del c\u00f3digo intacto, sino que tambi\u00e9n a\u00f1aden color y estilo para mejorar la legibilidad<\/strong>, lo que resulta especialmente \u00fatil para tutoriales y gu\u00edas t\u00e9cnicas. A continuaci\u00f3n, exploraremos c\u00f3mo utilizar uno de los plugins m\u00e1s recomendados, Enlighter<\/strong>, para mostrar c\u00f3digo en nuestro sitio WordPress.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2024\/05\/enligh.png\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″ title_text=\u00bbenligh\u00bb url=\u00bbhttps:\/\/wordpress.org\/plugins\/enlighter\/\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||30px||false|false\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

Gratuito<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Comercial<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0Visitar el plugin <\/i><\/span><\/a><\/p>\n

[\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

El primer paso para utilizar un plugin de Enlighter<\/strong> es instalarlo y activarla<\/strong> en nuestro dashboard de WordPress<\/a>. Para ello tenemos que hacer los siguientes pasos:<\/p>\n

Ingresamos al panel de administraci\u00f3n de WordPress<\/strong> y seleccionamos Plugins > A\u00f1adir nuevo<\/strong>.<\/p>\n

En la barra de b\u00fasqueda, escribimos Enlighter<\/strong> y buscamos el plugin Enlighter \u2013 Customizable Syntax Highlighter<\/strong>.<\/p>\n

Hacemos clic en Instalar ahora<\/strong> y luego en Activar<\/strong>\u00a0una vez que la instalaci\u00f3n haya finalizado.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2024\/05\/instalacion-del-repositorio.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbinstalacion del repositorio\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

De la misma forma tenemos una opci\u00f3n manual, para ello tenemos que ingresar a nuestro mismo dashboard de WordPress<\/strong>, siguiendo los pasos anteriores, solo que esta vez ingresaremos luego de agregar un nuevo plugin<\/strong> a subir plugin<\/strong>. Esto nos mostrar\u00e1 una interfaz gr\u00e1fica en la que podemos a bien arrastrar nuestro archivo<\/strong> o seleccionarlo de la lista<\/strong> al hacer clic en este bot\u00f3n.<\/p>\n

Una vez lo seleccionamos hacemos clic en instalar<\/strong> y luego en activar<\/strong> cuando se nos presente la opci\u00f3n, similar al paso anterior, solo que esta vez tendremos que descargarlo con antelaci\u00f3n, lo cual podemos hacer desde el enlace que hemos visto antes en este mismo punto.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2024\/05\/subida-manual-del-plugin.gif\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb title_text=\u00bbsubida manual del plugin\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n

El pr\u00f3ximo paso es agregar este bloque<\/strong> en nuestras p\u00e1ginas de WordPress<\/a> o entradas de WordPress, seg\u00fan sea el caso donde estemos configurando nuestro c\u00f3digo a mostrar.<\/p>\n

Para ello podemos:<\/strong><\/p>\n