HTML es un lenguaje de marcado para páginas web. De hecho, HTML significa Lenguaje de marcado de hipertexto.
Una cosa que hay que dejar clara desde el principio y tener presente es que elHTML no es un lenguaje de programaciónHTML es sólo para dar formato al texto y para maquetar elementos como formularios, citas, vídeos.
En esta breve guía no nos detendremos demasiado en discusiones técnicas o filosóficas sobre qué es un hipertextopero tomaremos como definición la de página web, una página navegable en Internet.
Herramientas
Para desarrollar su primera página html, un simple editor de textoPara los usuarios de Windows, la sencilla Bloc de notas.
Nuestra primera página HTML
Abre el bloc de notas e introduce el siguiente código:
<html></html>
Haz clic en Guardar y elige un nombre "página.html" y en el menú desplegable "guardar como"recuerde seleccionar "todos los archivos“.
Ya hemos creado nuestra primera página html, que una vez abierta mostrará una página en blanco.
Cada página html consta básicamente de dos elementos, un head <head> y un cuerpo <body>.
Así modificamos nuestra página:
<html>
<head></head>
<body></body>
</html>
El DOCTYPE
En este punto es importante introducir el concepto de DOCTYPE. El doctype es una declaración que se inserta al principio del documento y que permite a los navegadores renderizar la página correctamente. En el caso de HTML5 la declaración doctype es la siguiente
<!doctype html>
<html>
<head></head>
<body></body>
</html>
En el pasado, se utilizaban declaraciones de doctype más largas y articuladas, pero ahora elHTML5 es una norma, por lo que nos limitaremos a ésta.
Añadir un título a la página HTML: la etiqueta title
Si intentamos abrir la página html creada anteriormente, veremos que en la barra de la ventana aparece la ruta del archivo. Si queremos añadir un título más explicativo, podemos añadir la etiqueta </strong> en el<strong><head></strong> del documento.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body></body>
</html></code></pre>
<p>Además de hacer la página más fácil de usar, la presencia del título también es importante en el lateral <strong>SEO</strong>.</p>
<h2 class="wp-block-heading" id="i-tag">Etiquetas</h2>
<p>Una de las primeras cosas que podemos observar es que HTML es un lenguaje compuesto de etiquetas. Cada etiqueta HTML va siempre encerrada entre un signo menor ( ). Una etiqueta genérica se caracteriza por la siguiente sintaxis: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><nomedeltag></code></pre>
<p>Las etiquetas pueden incluir una apertura <strong><nometag></strong> y un cierre <strong>.</strong>, </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título del artículo</h1></code></pre>
<p>o ser etiquetas que no contienen ningún elemento y, por tanto, se cierran solas. Un ejemplo de este último tipo de etiquetas es <strong><img /></strong>.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><img src="mondo.jpg" /></code></pre>
<p>En esta breve guía no analizaremos todas las etiquetas html, sino sólo las que se utilizan con más frecuencia. Para obtener una lista exhaustiva de todas las etiquetas puede consultar <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">aquí</a>.</p>
<p>Veamos cuáles son las principales etiquetas y cómo utilizarlas.</p>
<h2 class="wp-block-heading" id="il-tag-h1-e-gli-altri-headings">La etiqueta <h1> y las demás rúbricas</h2>
<p>La etiqueta <strong><h1></strong> se utiliza para definir un encabezado, es decir, un texto que tiene mayor importancia dentro del contenido de nuestra página html, por lo que se formateará con una fuente más grande. </p>
<p>Existen varias etiquetas de cabecera en función de su importancia: así, se puede tener <strong><h1></strong>, <strong><h2></strong> , <<strong>h3></strong> , <strong><h4></strong> , <strong><h5></strong> , <strong><h6></strong>. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título de la página</h1></code></pre>
<h2 class="wp-block-heading" id="il-tag-p">La etiqueta <p></h2>
<p>El <<strong>p></strong> se utiliza para definir un párrafo. Si se inserta texto dentro de esta etiqueta, se formateará como texto libre. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><p>En esta página hablaremos de HTML.</p></code></pre>
<h2 class="wp-block-heading" id="il-tag-b">La etiqueta <b></h2>
<p>La etiqueta <strong><b></strong> se utiliza para resaltar texto:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><b>texto muy importante</b></code></pre>
<p>Su funcionamiento es idéntico al del <strong>ponga una parte del texto en negrita.</p>
<h2 class="wp-block-heading" id="il-tag-a">La etiqueta <a> </h2>
<p>La etiqueta <a> se utiliza para definir un enlace (enlaces entre páginas web) nos permite crear un enlace desde nuestra página a otra página. La sintaxis de un enlace es la siguiente: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><a href="https://www.google.it">Enlaces Google</a></code></pre>
<p>Podemos ver que el <a> necesita el atributo href que indica la página de destino. </p>
<h2 class="wp-block-heading" id="il-tag-img">La etiqueta <img></h2>
<p>La etiqueta <strong><img></strong> se utiliza para insertar una imagen en la página HTML. A diferencia de las etiquetas anteriores, la etiqueta <img> es una etiqueta de cierre automático, es decir, no necesita una etiqueta de cierre.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" /></code></pre>
<p>Como vemos en el ejemplo, el <img> necesita el atributo src, que indica la ruta a la imagen que se va a mostrar. El atributo <img> también puede tener otros atributos:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" alt="imagen de la Tierra" /></code></pre>
<p>En este ejemplo, el atributo alt se utiliza para mostrar un texto alternativo en caso de que la imagen no se cargue. También es útil para indicar a los motores de búsqueda lo que se muestra en la página, lo que es muy importante en términos de SEO.</p>
<h2 class="wp-block-heading" id="i-tag-lista-ul-ol-li">Las etiquetas de lista <ul>, <ol>, <li></h2>
<p>Si queremos mostrar una lista en nuestra página html, podemos utilizar la etiqueta <ul>. Esta etiqueta muestra una lista desordenada, por lo que aparecerá un punto junto a cada elemento de la lista. Si queremos mostrar una lista numerada, podemos utilizar la etiqueta <ol>. </p>
<p>Cada elemento de la lista debe ir dentro de la etiqueta <li>.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><ul>
<li>Primo punto</li>
<li>Secondo punto</li>
<li>Terzo punto</li>
</ul></code></pre>
<h2 class="wp-block-heading" id="mini-tutorial-come-creare-la-tua-prima-pagina-web">Mini tutorial: cómo crear tu primera página web</h2>
<p>Tras un rápido vistazo a las principales etiquetas html, podemos intentar crear nuestra primera página web.</p>
<p>Abre el Bloc de notas o cualquier otro editor de texto y empieza a escribir este código:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body></body>
</html></code></pre>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="600" height="400" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png" alt="primera página html" class="wp-image-133" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png 600w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-300x200.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></figure>
<p>Guardar como y recuerde seleccionar "Todos los archivos" en el cuadro desplegable y, a continuación, guardar como <strong>index.html</strong> o <strong>mipagina.html</strong> o lo que más nos gusta. </p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="960" height="540" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png" alt="" class="wp-image-135" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png 960w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-300x169.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-768x432.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure>
<p>Si hacemos doble clic en el archivo que acabamos de guardar, se abrirá una nueva ventana del navegador con nuestra primera página html. Será una página vacía, pero tendrá el título que hemos introducido en el campo <strong><title></strong>.</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="650" height="133" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png" alt="" class="wp-image-136" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png 650w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03-300x61.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
<p>Pasemos a la construcción de la página web. Añadimos una cabecera y algunos párrafos. Aplicamos el <strong><b></strong> algunas palabras para destacar, como el nombre de la ciudad de nacimiento, añadir una foto con la etiqueta <strong><img></strong> y un enlace a la página en Wikipedia.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body>
<h1>Lionel Messi</h1>
<p>Lionel Andrés Messi, al que muchos llaman simplemente Leo, nació el 24 de junio de 1987 en <b>Rosario</b>en el estado argentino de Santa Fe.
</p>
<img src="Messi.jpg" />
<p>Sólo tiene cinco años cuando empieza a dar patadas al balón. Su primer equipo es el <b>Grandoli</b>En su ciudad hay una pequeña escuela de fútbol para niños. El entrenador de los chicos es Jorge Messi, obrero metalúrgico y padre del futuro campeón.
</p>
<p>A los siete años <a href="https://it.wikipedia.org/wiki/Lionel_Messi">Lionel Messi</a> Viste la camiseta de "Newell's Old Boys" y juega en las categorías inferiores. A los ojos de los aficionados al fútbol que seguían al chaval por los campos de Rosario, el talento del joven ya era evidente.
</p>
<h2>La llegada a barcelona</h2>
<p>Debido a un retraso en el desarrollo óseo del niño causado por los bajos niveles de hormonas del crecimiento en su organismo, la transición se desvanece.
</p>
<p>Se aconseja a la familia que busque tratamiento médico, pero es muy caro: se habla de 900 dólares al mes; Jorge Messi pide ayuda a Newell's Old Boys y a River Plate sin obtener soluciones adecuadas. Creyendo firmemente en el posible futuro de Lionel como campeón, pide ayuda a algunas fundaciones.
</p>
</body>
</html></code></pre>
<p>Si queremos insertar una imagen, podemos guardarla en la misma carpeta que el archivo html y recuperarla introduciendo el nombre del archivo en el campo <strong>src</strong> de la etiqueta <strong><img></strong>.</p>
<p>Si hemos hecho todo correctamente, deberíamos obtener algo como esto:</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="902" height="654" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png" alt="" class="wp-image-146" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png 902w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-300x218.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-768x557.png 768w" sizes="auto, (max-width: 902px) 100vw, 902px" /></figure>
<p>En esta breve guía sobre HTML, hemos visto cómo hacer una página web, añadir texto e imágenes, dar formato a una cabecera y texto en negrita, y añadir enlaces. </p>
<p>Para mejorar nuestra página tendremos que cambiar su apariencia, utilizando la función <strong>CSS</strong>. Este será el tema de una futura guía.</p>
</div>
<hr class="wp-block-separator has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"/>
</div>
</li><li class="wp-block-post post-19 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4b99461e wp-block-group-is-layout-constrained">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4b99461e wp-block-group-is-layout-constrained"><div style="font-style:normal;font-weight:500" class="taxonomy-category has-link-color wp-elements-dc029530ae85985093705fae8a40dd3d wp-block-post-terms has-small-font-size"><a href="https://www.francescopepe.com/es/wordpress/" rel="tag">WordPress</a></div>
<h2 class="wp-block-post-title has-x-large-font-size"><a href="https://www.francescopepe.com/es/diferencia-entre-wordpress-com-y-org/" target="_self" >¿Cuál es la diferencia entre WordPress.org y WordPress.com?</a></h2>
<div class="wp-block-group has-secondary-color has-text-color has-small-font-size is-layout-flex wp-container-core-group-is-layout-b56ea84c wp-block-group-is-layout-flex" style="font-style:normal;font-weight:500"><div class="wp-block-post-author"><div class="wp-block-post-author__avatar"><img alt='' src='https://secure.gravatar.com/avatar/660288424706c1e81cdfa984813e860d815034a29d8f74fe11d34010ddd652c8?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/660288424706c1e81cdfa984813e860d815034a29d8f74fe11d34010ddd652c8?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo' height='48' width='48' loading='lazy' decoding='async'/></div><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">Francesco</p></div></div>
<p class="has-secondary-color has-text-color">-</p>
<div class="wp-block-post-date"><time datetime="2018-09-08T23:22:45+00:00">8 de septiembre de 2018</time></div></div>
</div>
<figure style="margin-top:var(--wp--preset--spacing--large);" class="wp-block-post-featured-image"><a href="https://www.francescopepe.com/es/diferencia-entre-wordpress-com-y-org/" target="_self" ><img width="1024" height="627" src="https://www.francescopepe.com/wp-content/uploads/2018/09/WordPress.org-or-WordPress.com_.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="¿Cuál es la diferencia entre WordPress.org y WordPress.com?" style="border-radius:5px;object-fit:cover;" decoding="async" loading="lazy" srcset="https://www.francescopepe.com/wp-content/uploads/2018/09/WordPress.org-or-WordPress.com_.jpg 1024w, https://www.francescopepe.com/wp-content/uploads/2018/09/WordPress.org-or-WordPress.com_-300x184.jpg 300w, https://www.francescopepe.com/wp-content/uploads/2018/09/WordPress.org-or-WordPress.com_-768x470.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
<div class="entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow">
<p>Muchos usuarios se confunden cuando buscan información sobre WordPress. De hecho, aunque tienen el mismo nombre, <strong><a href="https://it.wordpress.com/">WordPress.com</a></strong> e <strong><a href="https://it.wordpress.org/">WordPress.org</a></strong> son dos cosas diferentes.</p>
<p>Para entender bien de qué estamos hablando, primero hay que entender qué es <strong>WordPress</strong>.</p>
<h2 class="wp-block-heading" id="cose-wordpress">¿Qué es WordPress?</h2>
<p><a href="https://wordpress.org/">WordPress</a> es un software de código abierto creado por <a href="https://it.wikipedia.org/wiki/Matt_Mullenweg">Matt Mullenweg</a> para la creación de un blog personal. Con el tiempo <strong>WordPress</strong> se ha enriquecido con nuevas funcionalidades, convirtiéndose en un CMS completo gracias al apoyo de la comunidad de desarrolladores, que además de contribuir al desarrollo del código ha creado un ecosistema de <strong><a href="https://it.wordpress.org/plugins/">plugins</a></strong> ampliar su potencial, así como un vasto repertorio de <a href="https://it.wordpress.org/themes/">temas</a>.</p>
<p>Hay miles de plugins para cada necesidad, son gratuitos pero también los hay de pago. Yo también he desarrollado un <a href="https://wordpress.org/plugins/search-console/">plugin que permite visualizar datos de Google Search Console</a> en el panel de administración de WordPress.</p>
<h2 class="wp-block-heading" id="cose-wordpressorg-la-versione-selfhosted">Qué es WordPress.org: la versión autoalojada</h2>
<p>Como ya se ha mencionado, WordPress es un software de código abierto que todo el mundo puede descargar gratuitamente accediendo a la página web <a href="https://it.wordpress.org/">sitio web oficial</a>Puede instalarlo en su propio servidor, personalizarlo y aprovechar todo su potencial.</p>
<p>Esto implica, por tanto, que debe tener su propio <strong>dominio</strong> y uno de sus <strong>servidor</strong> dónde instalar el software.</p>
<p>Los requisitos para instalar WordPress en tu servidor son mínimos: sólo necesitas tener activados PHP y MySql y ya puedes proceder con la instalación. </p>
<p>Casi todos los servicios de alojamiento también permiten instalar WordPress a través de un cómodo panel de gestión del servidor que, en la mayoría de los casos, es <strong>cPanel</strong>.</p>
<p>Incluso un principiante puede crear fácilmente su propio blog en pocos minutos y explotar todo el potencial de WordPress.</p>
<p>Incluso si eres principiante, de hecho, no tendrás ningún problema para crear tu blog profesional de forma totalmente independiente.</p>
<p>Como ya hemos dicho, puedes elegir tu tema favorito para personalizar la apariencia de tu blog: los hay gratuitos y de pago, la oferta es casi ilimitada.</p>
<p>Además, puede ampliar su blog con un número ilimitado de plugins que añaden diversas funciones.</p>
<p>Hay plugins para gestionar el SEO, para agilizar el sitio, para crear formularios y boletines, para convertir el blog en un ecommerce y mucho más.</p>
<p>Como ya se ha mencionado, debe tener un dominio y un alojamiento en el que alojar su blog: actualmente el <strong><ta href="https://www.francescopepe.com/go/siteground/" linkid="167">el mejor servicio de alojamiento es Siteground</ta></strong>.</p>
<h2 class="wp-block-heading" id="cose-wordpresscom-la-versione-hosted">Qué es WordPress.com: la versión alojada</h2>
<p>WordPress.com es un servicio que permite crear un blog en WordPress sin tener que descargar nada. Es básicamente un SaaS (software como servicio).</p>
<p>Esto significa que no tienes que instalar nada, WordPress ya está instalado.</p>
<p>Por lo tanto, no es necesario tener un dominio y un plan de alojamiento. </p>
<p>Puede parecer una buena solución si tienes pocos conocimientos técnicos y un presupuesto limitado.</p>
<p>En realidad, tendrá limitaciones que le impedirán explotar todo el potencial de WordPress.</p>
<h2 class="wp-block-heading" id="le-differenze-tra-wordpressorg-e-wordpresscom">Diferencias entre WordPress.org y WordPress.com</h2>
<p>Después de una rápida visión general de las dos versiones, veamos las principales diferencias con más detalle, para que pueda tomar la decisión correcta para iniciar su blog. </p>
<h2 class="wp-block-heading" id="dominio">Dominio</h2>
<p>Para empezar a cuidar su presencia en Internet, necesitará un nombre de dominio. </p>
<h3 class="wp-block-heading" id="wordpressorg">WordPress.org</h3>
<p>El coste de un dominio es de unos 10 EUR al año. Puede ahorrarse el coste del dominio si lo solicita al mismo tiempo que activa un plan de alojamiento en <ta linkid="167" href="https://www.francescopepe.com/go/siteground/"><strong>SiteGround</strong></ta>es gratuito.</p>
<p>A continuación, puede tener un sitio accesible en "<em>ilmiosito.it</em>“.</p>
<h3 class="wp-block-heading" id="wordpresscom">WordPress.com</h3>
<p>En WordPress.com sólo puede tener un dominio de tercer nivel: por ejemplo, "<em>ilmiosito.wordpress.com</em>". Obviamente es menos atractivo que un dominio con sólo el nombre que usted ha elegido.</p>
<p>Si desea utilizar su dominio personalizado en WordPress.com, tendrá que suscribirse a un plan de suscripción que cuesta 4 euros al mes. </p>
<p>Por tanto, gastará 48 euros más el coste del dominio.</p>
<h2 class="wp-block-heading" id="hosting">Alojamiento</h2>
<h3 class="wp-block-heading" id="wordpressorg">WordPress.org</h3>
<p>Para gestionar tu blog de forma independiente, necesitarás un plan de alojamiento. Los precios varían, pero rondan los 5 euros al mes para un buen alojamiento.</p>
<p>Tener su propio alojamiento le proporciona muchas ventajas.</p>
<p>Podrá gestionar de forma independiente todos los archivos de su sitio, realizar cambios en el código CSS, PHP o <a href="https://www.francescopepe.com/es/guia-html/">HTML</a>.</p>
<p>Las ofertas de hosting pueden ser muy variadas y con diferentes precios, pero si quieres lo mejor entonces te recomiendo utilizar <strong><ta linkid="167" href="https://www.francescopepe.com/go/siteground/">SiteGround</ta></strong>Este alojamiento se está consolidando como uno de los mejores, especialmente para gestionar sitios de WordPress, ya que ofrece un rendimiento excelente, mucho espacio para copias de seguridad y un servicio de asistencia de primera las 24 horas del día.</p>
<h3 class="wp-block-heading" id="wordpresscom">WordPress.com</h3>
<p>En WordPress.com, no es necesario comprar alojamiento, ya que se proporciona de forma gratuita.</p>
<p>Pero no tendrás acceso a editar archivos, estarás limitado para hacer las personalizaciones que quieras. Para tener un mínimo de control, tendrás que suscribirte al plan business, que cuesta 8 EUR al mes. </p>
<p>Comprenderá que, por el mismo coste, es mejor tener su propio plan de alojamiento para explotar todo su potencial.</p>
<h2 class="wp-block-heading" id="spazio-di-memoria">Espacio de memoria</h2>
<h3 class="wp-block-heading" id="wordpressorg">WordPress.org</h3>
<p>Varía en función del alojamiento que elijas. En <strong><ta href="https://www.francescopepe.com/go/siteground/" linkid="167">SiteGround</ta></strong> por ejemplo es <strong>10 GB</strong>.</p>
<h3 class="wp-block-heading" id="wordpresscom">WordPress.com</h3>
<p>La versión gratuita ofrece <strong>3 GB</strong> de espacio. Para aumentarlo, tienes que pasarte a las versiones de pago.</p>
<h2 class="wp-block-heading" id="plugin-e-temi">Plugins y temas</h2>
<p>He aquí la nota más dolorosa de todas.</p>
<p>En <strong>WordPress.com</strong> de hecho, no podrá instalar ningún plugin. Basta con decir que ni siquiera podrá utilizar plugins fundamentales como <strong><a href="https://yoast.com/">Yoast Seo</a></strong> o <a href="https://wpforms.com/"><strong>WpForms</strong></a>.</p>
<p>También se restringirá el uso de Google Analytics, a menos que se suscriba a un plan de pago.</p>
<p>Lo mismo ocurre con los temas. Con la versión alojada tendrás muchas limitaciones y no podrás instalar los mejores temas de WordPress, sino que estarás limitado a los gratuitos.</p>
<p>Esta infografía puede simplificar los puntos que hemos analizado.</p>
<figure class="wp-block-image is-style-default"><img loading="lazy" decoding="async" width="960" height="689" src="https://www.francescopepe.com/wp-content/uploads/2019/07/com-vs-org.png" alt="WordPress.com frente a WordPress.org" class="wp-image-180" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/com-vs-org.png 960w, https://www.francescopepe.com/wp-content/uploads/2019/07/com-vs-org-300x215.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/com-vs-org-768x551.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /><figcaption class="wp-element-caption">Diferencias entre WordPress.com y WordPress.org</figcaption></figure>
<p>Como te habrás dado cuenta, mi preferencia es sin duda la versión autoalojada, es decir, WordPress.org. </p>
<p>A menos que quieras crear un simple blog amateur para compartir tus pensamientos y tener un espacio online sin pensar en monetizarlo, mi consejo es que apuestes definitivamente por WordPress.org.</p>
<p>Además, por el mismo precio, si decides optar por WordPress.com, tendrás menos libertad para gestionar tu blog.</p>
</div>
<hr class="wp-block-separator has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"/>
</div>
</li><li class="wp-block-post post-17 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4b99461e wp-block-group-is-layout-constrained">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4b99461e wp-block-group-is-layout-constrained"><div style="font-style:normal;font-weight:500" class="taxonomy-category has-link-color wp-elements-dc029530ae85985093705fae8a40dd3d wp-block-post-terms has-small-font-size"><a href="https://www.francescopepe.com/es/wordpress/" rel="tag">WordPress</a></div>
<h2 class="wp-block-post-title has-x-large-font-size"><a href="https://www.francescopepe.com/es/como-mejorar-la-seguridad-de-wordpress/" target="_self" >Cómo mejorar la seguridad de WordPress sin plugins</a></h2>
<div class="wp-block-group has-secondary-color has-text-color has-small-font-size is-layout-flex wp-container-core-group-is-layout-b56ea84c wp-block-group-is-layout-flex" style="font-style:normal;font-weight:500"><div class="wp-block-post-author"><div class="wp-block-post-author__avatar"><img alt='' src='https://secure.gravatar.com/avatar/660288424706c1e81cdfa984813e860d815034a29d8f74fe11d34010ddd652c8?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/660288424706c1e81cdfa984813e860d815034a29d8f74fe11d34010ddd652c8?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo' height='48' width='48' loading='lazy' decoding='async'/></div><div class="wp-block-post-author__content"><p class="wp-block-post-author__name">Francesco</p></div></div>
<p class="has-secondary-color has-text-color">-</p>
<div class="wp-block-post-date"><time datetime="2018-09-08T23:22:36+00:00">8 de septiembre de 2018</time></div></div>
</div>
<figure style="margin-top:var(--wp--preset--spacing--large);" class="wp-block-post-featured-image"><a href="https://www.francescopepe.com/es/como-mejorar-la-seguridad-de-wordpress/" target="_self" ><img width="700" height="400" src="https://www.francescopepe.com/wp-content/uploads/2018/09/security.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Cómo mejorar la seguridad de WordPress sin plugins" style="border-radius:5px;object-fit:cover;" decoding="async" loading="lazy" srcset="https://www.francescopepe.com/wp-content/uploads/2018/09/security.png 700w, https://www.francescopepe.com/wp-content/uploads/2018/09/security-300x171.png 300w" sizes="auto, (max-width: 700px) 100vw, 700px" /></a></figure>
<div class="entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow">
<p><a href="https://wordpress.org">WordPress</a> es el sistema de gestión de contenidos más extendido del mundo. Un tercio de los sitios de todo el mundo se desarrollan en esta plataforma.</p>
<p>Esto la convierte en una presa perfecta para <a href="https://it.wikipedia.org/wiki/Hacker#Classificazione">hacker</a> e <a href="https://it.wikipedia.org/wiki/Spam">spammer</a>. </p>
<p>Afortunadamente, la seguridad en WordPress se tiene muy en cuenta y los desarrolladores han implementado todas las medidas posibles para evitar que un sitio sea "<strong>lavandería</strong>por personas malintencionadas".</p>
<p>A pesar de ello, podemos poner en práctica pequeñas medidas para que nuestra instalación sea más segura. ¡Y sin necesidad de utilizar plugins!</p>
<h2 class="wp-block-heading" id="aggiorna-wordpress">Actualizar WordPress</h2>
<p>Mantener nuestro CMS actualizado es lo más importante. WordPress se actualiza constantemente con todos los parches para solucionar cualquier problema de seguridad.</p>
<p>De hecho, la mayoría de las actualizaciones de WordPress consisten en <strong>correcciones de errores y parches de seguridad</strong>.</p>
<p>Para los más perezosos, cabe mencionar que a partir de la versión 3.7 WordPress puede recibir actualizaciones automáticas. Para activar esta cómoda opción, basta con ir a la sección <strong>wp-config.php</strong> y añada o modifique la siguiente línea de código:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-powershell line-numbers">define( 'WP_AUTO_UPDATE_CORE', true );</code></pre>
<h2 class="wp-block-heading" id="cancella-temi-e-plugin-inutilizzati">Eliminar temas y plugins no utilizados</h2>
<p>Puede ocurrir que haya instalado un plugin o un tema que, por una razón u otra, haya dejado de utilizar. De hecho, tener plugins y temas sin usar no solo aumenta el espacio ocupado en tu disco, sino que también puede conllevar un mayor riesgo de exponer tu sitio a ataques. </p>
<p>Limite la instalación de plugins a los que necesite y utilice con regularidad.</p>
<h2 class="wp-block-heading" id="cancella-lutente-admin">Borrar usuario admin</h2>
<p>Por defecto, muchas instalaciones de WordPress crean el usuario admin. En caso de fuerza bruta, habrá muchos intentos de iniciar sesión con esta cuenta.</p>
<p>Para mejorar la seguridad, debería eliminarse la cuenta de administrador y sustituirla por un nombre menos obvio.</p>
<h2 class="wp-block-heading" id="usa-password-efficaci">Utilice contraseñas eficaces</h2>
<p>Obvio pero nunca trillado, el consejo de utilizar una contraseña difícil de adivinar es perenne. </p>
<p>No utilices la contraseña más sencilla que puedas recordar, como "<strong>mario83</strong>", pero procure utilizar uno que combine mayúsculas y minúsculas, números y caracteres especiales.</p>
<p>Puede utilizar uno como "<strong>!lm10Gatt0s!CH1am4G1g1o</strong>". Esta es una <strong>frase de contraseña</strong> y podrías utilizar una similar usando una frase que puedas recordar fácilmente.</p>
<p>WordPress asigna un valor para cada contraseña que introduzcas, intenta utilizar un <strong>fuerte</strong>.</p>
<h2 class="wp-block-heading" id="permessi-di-files-e-cartelle">Permisos de archivos y carpetas</h2>
<p>Para una correcta instalación de WordPress, también hay que tener en cuenta los permisos de los archivos y carpetas. Para una configuración óptima, todas las carpetas deben estar <strong>755</strong> y archivos <strong>644</strong>, el wp-config.php debe estar configurado con permisos<strong> 400</strong>.</p>
<figure class="wp-block-table"><table><tbody><tr><td><strong>Archivos/carpetas</strong></td><td><strong>Permisos</strong></td></tr><tr><td>wp-contenido</td><td>755</td></tr><tr><td>wp-admin</td><td>755</td></tr><tr><td>wp-incluye</td><td>644</td></tr><tr><td>Todos los archivos .php</td><td>644</td></tr><tr><td>wp-config.php (carpeta public_html)</td><td>400</td></tr><tr><td>index.php (carpeta public_html)</td><td>644</td></tr></tbody></table></figure>
<h2 class="wp-block-heading" id="usa-le-wordpress-key">Utilizar las teclas de WordPress</h2>
<p>Asegúrese de que en su <strong>wp-config.php</strong> Se han creado las claves de WordPress. Estas variables globales sirven para mejorar el sistema de seguridad cifrando las cookies que residen en el navegador.</p>
<p>Se generan durante la instalación en casi todos los hosts, pero en caso de que no estén presentes en su wp-config.php, puede crearlos yendo a <a href="https://api.wordpress.org/secret-key/1.1/">https://api.wordpress.org/secret-key/1.1/</a>.</p>
<pre title="wp-config.php" class="wp-block-code" data-no-auto-translation=""><code lang="php" class="language-php">define('AUTH_KEY', 'Mi@A%m`3adaTJ@#sL+{nq-WhrOwyCH|I(3k>NEoT=2+-.Fs^B*8*K|[jJ_GlQ~q[');
define('SECURE_AUTH_KEY', 'ag-?YfLW!<gYt~EtGRWD3?jp@h#8fW&cVb50FSL=6?)$ps?N8t*&]2U5jvZ4{wnQ');
define('LOGGED_IN_KEY', '++@dhNqKK8uv9OUM|-u^i>/sZt.2]-X(^n>i/+;vf!Fw;Dl(,<v.H>kV1+D-h:C7');
define('NONCE_KEY', 'WSR]KMRL%6<y|#0.] =r^W4PPse].T<g#S00It^O!BX%BBq0:XAYOg#g33[ZWlT<');</code></pre>
<h2 class="wp-block-heading" id="fai-un-backup-del-database">Hacer una copia de seguridad de la base de datos</h2>
<p>Las copias de seguridad son algo fundamental. Puede parecer obvio, pero muchos subestiman la importancia de tener una copia de seguridad en caso de que el sitio se vea comprometido.</p>
<p>En la actualidad, todos los hosts ofrecen copias de seguridad automáticas, cuya periodicidad puede configurarse a voluntad, para que siempre tenga la seguridad de no perder su trabajo.</p>
</div>
<hr class="wp-block-separator has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"/>
</div>
</li></ul>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"></div>
</div>
</div>
</main>
<footer class="site-footer wp-block-template-part">
<footer class="wp-block-group alignfull has-main-color has-base-background-color has-text-color has-background has-link-color wp-elements-da5a7e944c833a7e596099de9e0e4e4a has-global-padding is-layout-constrained wp-container-core-group-is-layout-d3460c8d wp-block-group-is-layout-constrained" style="border-top-color:var(--wp--preset--color--border-light);border-top-width:1px;margin-top:0px;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-010e51cd wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><p class="has-link-color wp-elements-f89e54a87e09ad25ba6ef7404bf88732 wp-block-site-title has-text-color has-main-color">Francesco Pepe</p>
<p class="has-small-font-size">Crea fácilmente sitios web atractivos y totalmente personalizables con el nuevo Editor de Sitios de WordPress y el tema en bloque Ollie. Sin necesidad de conocimientos de programación. Descárgalo gratis hoy mismo.</p>
<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default is-content-justification-left is-layout-flex wp-container-core-social-links-is-layout-d893daad wp-block-social-links-is-layout-flex"><li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-twitter has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-instagram has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-linkedin has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-facebook has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li></ul>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Empresa</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Acerca de</p>
<p>Carreras profesionales</p>
<p>Activos de marca</p>
<p>Póngase en contacto con</p>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Recursos</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Blog</p>
<p>Póngase en contacto con</p>
<p>Documentos de apoyo</p>
<p>Obtener ayuda</p>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Producto</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Características</p>
<p>Precios</p>
<p>Casos prácticos</p>
<p>Demo</p>
</div>
</div>
</div>
</div>
</div>
<div class="wp-block-group alignwide has-secondary-color has-text-color has-link-color wp-elements-5e0e5debb1bea18d0a002bf19dd12e0c is-layout-flow wp-block-group-is-layout-flow" style="padding-top:40px">
<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-289c189c wp-block-group-is-layout-flex">
<p class="has-small-font-size">© 2025<strong>-</strong> Desarrollado por WordPress y <a href="https://olliewp.com">Ollie</a></p>
<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex">
<p>Descargar</p>
<p>Visita Ollie</p>
<p>Visita Mike</p>
</div>
</div>
</div>
</footer>
</footer>
</div>
<template id="tp-language" data-tp-language="es_ES"></template><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/es\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/ollie\/*","\/es\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" >
<div id="trp-floater-ls-current-language" class="trp-with-flags">
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish </a>
</div>
<div id="trp-floater-ls-language-list" class="trp-with-flags" >
<div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://www.francescopepe.com/?cst"
title="Italian">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian">Italian </a>
<a href="https://www.francescopepe.com/en/?cst"
title="English">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English </a>
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish</a></div> </div>
</div>
<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-right cmplz-categories-type-no" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
<div class="cmplz-header">
<div class="cmplz-logo"><a href="https://www.francescopepe.com/es/" class="custom-logo-link" rel="home" aria-current="page"><img width="1250" height="1250" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francesco Pepe" decoding="async" fetchpriority="high" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="(max-width: 1250px) 100vw, 1250px" /></a></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Gestionar el consentimiento</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Cerrar ventana" data-no-translation-aria-label="">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optin">Para proporcionar la mejor experiencia, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento a estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o los identificadores únicos en este sitio. No consentir o retirar el consentimiento puede afectar negativamente a determinadas características y funciones.</div>
<!-- categories start -->
<div class="cmplz-categories">
<details class="cmplz-category cmplz-functional" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Funcional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optin"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Funcional</span></label>
</span>
Siempre activo </span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-functional">El almacenamiento o acceso técnico es estrictamente necesario para el fin legítimo de permitir el uso de un servicio específico solicitado explícitamente por el abonado o usuario, o con el único fin de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.</span>
</div>
</details>
<details class="cmplz-category cmplz-preferences" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Preferencias</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optin"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferencias</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-preferences">El almacenamiento o acceso técnico es necesario para el fin legítimo de almacenar preferencias no solicitadas por el abonado o usuario.</span>
</div>
</details>
<details class="cmplz-category cmplz-statistics" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Estadísticas</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optin"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Estadísticas</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-statistics">Archivo técnico o acceso que se utiliza exclusivamente con fines estadísticos.</span>
<span class="cmplz-description-statistics-anonymous">El almacenamiento o acceso técnico se utiliza únicamente con fines estadísticos anónimos. Sin una citación judicial, el cumplimiento voluntario por parte de su proveedor de servicios de Internet o registros adicionales de terceros, la información almacenada o recuperada únicamente con este fin no puede utilizarse normalmente con fines de identificación.</span>
</div>
</details>
<details class="cmplz-category cmplz-marketing" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optin"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-marketing">El almacenamiento o acceso técnico es necesario para crear perfiles de usuario con el fin de enviar publicidad, o para realizar un seguimiento del usuario en uno o varios sitios web con fines de marketing similares.</span>
</div>
</details>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container" data-no-translation="" data-trp-gettext="">Administrar opciones</a>
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview" data-no-translation="" data-trp-gettext="">Gestionar los servicios</a>
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper" data-no-translation="" data-trp-gettext="">Gestionar {cuenta_vendedores} proveedores</a>
<a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" data-no-translation="" data-trp-gettext="">Leer más sobre estos propósitos</a>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Acepte</button>
<button class="cmplz-btn cmplz-deny">Nega</button>
<button class="cmplz-btn cmplz-view-preferences">Mostrar preferencias</button>
<button class="cmplz-btn cmplz-save-preferences">Guardar preferencias</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Mostrar preferencias</a>
</div>
<div class="cmplz-links cmplz-documents">
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{título}</a>
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{título}</a>
<a class="cmplz-link impressum" href="#" data-relative_url="">{título}</a>
</div>
</div>
</div>
<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Gestionar el consentimiento</button>
</div><script type="application/json" id="wp-script-module-data-@wordpress/interactivity">
{"config":{"formello":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"29d9497644","settings":{"messages":{"form":{"success":"Thanks for submitting this form.","error":"Ops. An error occurred."},"missingValue":{"default":"Please fill out this field.","checkbox":"This field is required.","radio":"Please select a value.","select":"Please select a value.","select-multiple":"Please select at least one value."},"patternMismatch":{"email":"Please enter a valid email address.","url":"Please enter a URL.","number":"Please enter a number","color":"Please match the following format: #rrggbb","date":"Please use the YYYY-MM-DD format","time":"Please use the 24-hour time format. Ex. 23:00","month":"Please use the YYYY-MM format","default":"Please match the requested format."},"outOfRange":{"over":"Please select a value that is no more than {max}.","under":"Please select a value that is no less than {min}."},"wrongLength":{"over":"Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.","under":"Please lengthen this text to {minLength} characters or more. You are currently using {length} characters."}},"reCaptcha":{"version":"1","site_key":"","threshold":"0.5"},"hCaptcha":{"version":"3","site_key":"","threshold":"0.5"}}},"popper":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"e87a7ccfbd","mediaUrl":""}},"state":{"formello":{"captcha":{"enabled":false,"type":"reCaptcha","version":"1"},"errors":[],"debug":false}}}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js?ver=1.0.0" id="prism-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/components/prism-markup.min.js?ver=1.0.0" id="prism-lang-js"></script>
<script id="trp-dynamic-translator-js-extra">
var trp_data = {"trp_custom_ajax_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"es_ES","trp_original_language":"it_IT","trp_current_language":"es_ES","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset","alt","content"],"gettranslationsnonceregular":"c9c47654c4","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]",".wp-block-code"]};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.9.19" id="trp-dynamic-translator-js"></script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = 'Saltar al contenido';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/plugins/line-numbers/prism-line-numbers.min.js?ver=1.0.0" id="prism-line-numbers-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-8917f4bdb6ac659920cf.js" id="googlesitekit-consent-mode-js"></script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=1.0.8" id="wp-consent-api-js"></script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"21","version":"7.4.1","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/www.francescopepe.com\/es\/wp-json\/complianz\/v1\/","locale":"lang=es&locale=es_ES","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"30","cookie_path":"\/","categories":{"statistics":"estad\u00edsticas","marketing":"m\u00e1rketing"},"tcf_active":"","placeholdertext":"Haz clic para aceptar cookies de marketing y permitir este contenido","css_file":"https:\/\/www.francescopepe.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=21","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/www.francescopepe.com\/es\/politica-de-cookies-de-la-ue\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/www.francescopepe.com\/es\/politica-de-privacidad\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Haz clic para aceptar cookies de marketing y permitir este contenido"};
</script>
<script defer src="https://www.francescopepe.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1751942610" id="cmplz-cookiebanner-js"></script>
</body>
</html>
