Hay varias formas de añadir código personalizado a tu web de WordPress.com. En esta guía se explica qué tipos de código puedes añadir a tu web en función de tu plan de WordPress.com.
El tipo de código que puedes añadir a una web de WordPress.com depende de tu nivel de plan:
- Los sitios gratuitos tienen limitaciones en cuanto al código que se puede añadir. Estas restricciones existen para garantizar la seguridad de todos los sitios que comparten este entorno de alojamiento.
- Los sitios con plugins activados no tienen límites en el código que puedes añadir una vez que actives el plan.
Si quieres usar un iframe, JavaScript u otro código en un sitio sin contratar un plan compatible, considera las siguientes alternativas:
- Hay varias formas seguras de compartir vídeos, archivos de audio y documentos en cualquier sitio de WordPress.com.
- Puedes incrustar contenido de muchos servicios populares sin necesidad de código. Consulta la lista completa de plataformas compatibles, que incluye YouTube, Spotify, Giphy, todas las principales plataformas de redes sociales y más.
- WordPress.com incluye muchas funciones adicionales a las que puedes acceder sin necesidad de código ni plugins. Entre ellas se encuentran los formularios de contacto, las galerías, Google Analytics, los botones de pago, eventos, sondeos, cuestionarios, programación de citas, reservas de restaurantes y más. Consulta esta guía con la lista de funciones incluidas.
HTML es el lenguaje de todas las páginas web que visitas en internet. Utiliza etiquetas especiales para estructurar y organizar el contenido de una página web, como texto, imágenes, enlaces y contenido multimedia. Todos los sitios de WordPress.com pueden usar las siguientes etiquetas HTML:
aaddressabbracronymareaarticleasidebbigblockquotebrcaptionciteclasscodecol
deldetailsdddivdldtemfigurefigcaptionfooterfonth1, h2, h3, h4, h5, h6headerhgroupi
imginskbdlimapmarkolppreqrprtrtcrubyssectionsmall
spanstrikestrongsubsummarysuptabletbodytdtfootththeadtrttuulvar
Además, los sitios con plugins activados y funciones de alojamiento activadas pueden usar los siguientes códigos:
embed, frame, iframe, form, input, object, textarea, script, style, linkPuedes insertar un bloque de HTML personalizado para fragmentos pequeños de HTML.
Puedes editar el HTML directamente en el editor de WordPress.com de dos formas:
En la barra de herramientas de cada bloque (que aparece al hacer clic en el bloque), los puntos suspensivos, o los tres puntos, incluyen la opción «Editar como HTML» para editar el HTML de ese bloque en concreto.
Si quieres editar toda la página en HTML, haz clic en los puntos suspensivos de la esquina superior derecha y elige «Editor de código» para cambiar a HTML.
Por defecto, el editor de código usa resaltado de sintaxis. Puedes desactivarlo de forma individual por usuario y por sitio siguiendo estos pasos:
- Ve a Usuarios → Perfil en el Escritorio de tu sitio.
- Marca la casilla junto a «Desactivar el resaltado de sintaxis en la edición de código».
- Haz clic en el botón «Actualizar perfil» para guardar los cambios.
CSS se encarga de la presentación y la apariencia del contenido web en HTML. Con CSS puedes controlar los colores, las fuentes, los tamaños, el espaciado y la posición de los elementos en una página web.
La edición de CSS está disponible en los sitios con los planes Personal, Premium, Business o Commerce. Consulta nuestra guía de CSS personalizado para obtener más información.
JavaScript aporta interactividad y elementos dinámicos a las páginas web. Se utiliza para crear funciones atractivas como formularios interactivos, animaciones y diseño adaptable.
Las secuencias JavaScript suelen comenzar con una etiqueta <script> y se pueden utilizar en sitios con plugins activados. Puedes insertar código JavaScript mediante un bloque de HTML personalizado u otro método de la siguiente sección, que describe cómo insertar código.
El JavaScript de servicios de confianza, como YouTube y Google Maps, puede mostrarse como contenido insertado o mediante un Shortcode compatible en cualquier plan.
⚠️
Ten mucho cuidado al añadir código personalizado que pueda hacer tu sitio vulnerable a ataques. Te recomendamos que solo añadas código que provenga de fuentes de confianza. Si tienes dudas, es preferible ser prudente y buscar un método alternativo.
Con las limitaciones descritas anteriormente, puedes añadir código a tu sitio utilizando el método más adecuado para tus objetivos. Los siguientes métodos sirven para incrustar la mayoría de los códigos, incluidos iframes y JavaScript:
- Inserta código en una página o entrada mediante el bloque de HTML personalizado.
- Sube imágenes, vídeos, audios y documentos directamente. Consulta Tipos de archivo aceptados para más información.
- Verifica tu sitio con Google, Bing, Pinterest, Yandex y Facebook Business. Consulta Servicios de verificación del sitio.
- Muestra código fuente con el bloque de código SyntaxHighlighter.
Solo para sitios con plugins activados y funciones de alojamiento activadas:
- Añade códigos de verificación para servicios como AdSense, Facebook y Mailchimp a través de un plugin. Consulta Añadir código a las cabeceras.
- Añade código a functions.php a través de un plugin como Code Snippets.
- Edita los archivos de tu sitio directamente mediante FTP seguro (SFTP).
- Instala un plugin para añadir prácticamente cualquier función a tu web.
- Crea un tema hijo para realizar modificaciones en el tema.