WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo insertar código en el header, footer y en el cuerpo de los posts sin FTP

Jorge López by Jorge López
2 octubre 2017
in Tutoriales
Reading Time: 4 mins read
0

En muchos de nuestros múltiples tutoriales os indicamos que tenéis que insertar código en el header, en el footer e incluso en el cuerpo de vuestros posts. A través de vuestros comentarios nos habéis indicado en más de una ocasión que no sabéis desenvolveros con los clientes FTP, solicitándonos otras soluciones. Ya sabéis que los clientes FTP nos permiten acceder al listado de archivos y directorios de nuestra web. En este artículo os mostramos cómo insertar código en el header, footer y en el cuerpo de los posts sin FTP.

Insertar código en el header, footer y en el cuerpo de los posts sin FTP

Lo primero que tienes que hacer es instalar y activar el plugin Head, Footer and Post Injections. Sí, se que es un plugin desactualizado, pero funciona perfectamente en las versiones actuales de WordPress. Para ello ve a la sección Plugins del backoffice de tu WordPress y selecciona la opción de Añadir Nuevo. En la página de Añadir Nuevo Plugin, busca el plugin que queremos instalar haciendo uso del campo de búsqueda que se sitúa en la parte superior derecha de la página.

Teclea el nombre del plugin (que como te hemos indicado es «Head, Footer and Post Injections») y presiona ENTER para iniciar la búsqueda. Si has seguido los pasos al pie de la letra, este plugin te debería aparecer como el primer resultado de la búsqueda. Instálalo y actívalo para poder utilizarlo.

Artículos relacionados

Cómo mostrar los últimos usuarios registrados en WordPress

17 septiembre 2018

Cómo mostrar distintos sidebars para cada post o página en WordPress

18 septiembre 2017

Cómo corregir el error ERR_SSL_VERSION_OR_CIPHER_MISMATCH

8 agosto 2017

10 plugins de LinkedIn para WordPress que te vendrán de maravillas

4 octubre 2019

Una vez activado, ve a Ajustes > Header and Footer para insertar código personalizado. Dentro verás varias pestañas con distintos formularios en su interior.

Agregar código en el header

insertar código

Si queremos agregar código tanto en el header, como en el footer, la pestaña que nos interesa es la llamada Head and footer.

En la pestaña Head and footer tenemos seis cajas de texto. Si queremos agregar código en el header de nuestra web, tenemos que insertar el código en el cuadro de la izquierda de la sección «<HEAD> section injection». Pero claro, este código se agregará en todas las páginas de vuestra web. Si lo que queremos es que solo se inserte en la portada de la web, tenemos que agregar el código en el cuadro de texto de la derecha de la sección «<HEAD> section injection».

insertar código

Si queremos agregar código después del tag <body> tenemos que insertar el código en el cuadro de la izquierda de la sección «After the <BODY> tag». Este código se agregará en todas las páginas de vuestra web. Si lo que queremos es que solo se inserte en la versión móvil de la web, tenemos que agregar el código en el cuadro de texto de la derecha de la sección «After the <BODY> tag».

Agregar código en el footer

insertar código

Si queremos agregar código en el footer de nuestra web, tenemos que insertar el código en el cuadro de la izquierda de la sección «Before the </BODY> closing tag (footer)». Este código se agregará en todas las páginas de vuestra web. Si lo que queremos es que solo se inserte en la versión móvil de la web, tenemos que agregar el código en el cuadro de texto de la derecha de la sección «Before the </BODY> closing tag (footer)».

Agregar código en el cuerpo de los posts

insertar código

Por último, si lo que queremos es agregar código dentro del cuerpo de nuestros posts, debes hacer clic en la pestaña Inside Posts. En esta pestaña puedes ver otras seis cajas de texto, que están divididas en tres secciones. Cada una de las secciones son tres zonas para insertar código dentro de los posts. La caja de texto de la izquierda de cada sección es para la versión de escritorio de la web, y la caja de texto de la derecha de cada sección es para la versión móvil.

Y hasta aquí nuestro artículo sobre cómo insertar código en el header, footer y en el cuerpo de los posts sin FTP. Espero que te haya gustado y, si te ha resultado útil, no dudes en compartirlo en redes sociales. ¡Nos leemos!

Icono: Pravin Unagar

Tags: códigocuerpo del postfooterftpheaderposts
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Tutoriales

WordPress: Cambia tu URL directamente desde la base de datos

18 diciembre 2024

La gestión eficaz de un sitio web en WordPress a menudo requiere adaptaciones técnicas,...

General

Protección avanzada de tu WordPress: Cómo blindar /wp-admin sin bloquear funciones necesarias

18 diciembre 2024

En el ámbito de la gestión de sitios web basados en WordPress, la seguridad...

Tutoriales

Cómo crear una tabla de contenidos en tus publicaciones con Rank Math

11 enero 2023

En muchas ocasiones, leer un artículo demasiado largo puede provocar que te aburras de...

Tutoriales

Cómo instalar Perl en un servidor desplegado en Clouding

20 julio 2021

Un buen desarrollador necesita contar con las herramientas, servicios y tecnologías adecuadas a sus...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo añadir el aviso sobre la política de cookies en Wordpress

14 septiembre 2015

Hello Elementor: La plantilla ideal para WordPress

18 diciembre 2024

Convierte tu blog en un periódico impreso con el plugin Printable PDF Newspaper para WordPress

20 abril 2025

La curva de aprendizaje según el CMS

26 diciembre 2013

Migración y optimización de WordPress del alto tráfico

23 junio 2017
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.