domingo, mayo 19, 2024
No menu items!
InicioBlogsC√≥mo editar el pie de p√°gina en WordPress ‚Äď Explicado para principiantes

C√≥mo editar el pie de p√°gina en WordPress ‚Äď Explicado para principiantes

Al crear un sitio web de WordPress, editar el pie de p√°gina puede ser un poco frustrante.

Aunque personalizar un pie de p√°gina no es un proceso complicado, puede llevar mucho tiempo obtener el dise√Īo que desea. Esto se debe a que cada tema de WordPress puede tener diferentes dise√Īos de pie de p√°gina.

Sin embargo, no tome eso como una raz√≥n para ignorarlo. Un pie de p√°gina puede ayudar a su sitio de varias maneras. Los visitantes navegan a las secciones de pie de p√°gina para buscar informaci√≥n, y tambi√©n es √ļtil para mejorar la optimizaci√≥n de motores de b√ļsqueda (SEO).

En este artículo, hablaremos más sobre qué es un pie de página y cómo editarlo en WordPress. Además, agregaremos algunos complementos de pie de página de WordPress para ayudar con el proceso de edición.

El pie de p√°gina es la secci√≥n del sitio web que se encuentra en la parte inferior de la p√°gina. Enumera informaci√≥n adicional sobre el sitio y enlaces a p√°ginas que pueden ser √ļtiles para los visitantes. Aparte de eso, los enlaces internos ayudan a mejorar el SEO del sitio.

Un √°rea de pie de p√°gina normalmente consta de los siguientes componentes, pero no se limita a ellos:

Mapa del sitio de WordPressIconos de redes socialesSuscripción al boletínEnlaces a páginas de información de la empresa: Acerca de, Detalles de contacto y EquipoEnlaces a recursos: Blog, Tutoriales y CursosPolítica de privacidad y Términos y condicionesEventos y programasServicio al clienteReclamaciones de derechos de autor

No es necesario incluir todos estos elementos. Seleccione los que sean relevantes para su sitio web para evitar tener un √°rea de pie de p√°gina que ocupe la mitad de la p√°gina web.

Cuando se trata del dise√Īo del pie de p√°gina, todo depende de las preferencias de los usuarios. Sin embargo, tenga en cuenta que el tema que elija para su sitio de WordPress puede afectar el estilo, el formato y las caracter√≠sticas del pie de p√°gina.

Este es un ejemplo de cómo se ve el pie de página de un sitio:

Es posible tener un pie de página como el que se muestra arriba sin tener ninguna experiencia en desarrollo web. En la siguiente sección, presentaremos cuatro métodos diferentes para editar un pie de página de WordPress.

El contenido del pie de p√°gina se puede encontrar en el pie de p√°gina.php archivo del tema de WordPress, y est√° codificado en HTML o CSS.

Sin embargo, no necesita editar el archivo directamente para personalizar el pie de página de un sitio web de WordPress. También puede usar widgets, el personalizador de WordPress o un complemento.

Uno de los métodos más fáciles para editar el pie de página es utilizar el sistema de widgets integrado de WordPress. Sin embargo, esto solo se aplica a los temas que tienen un área de widget de pie de página. Si el tuyo no lo hace, simplemente usa un método diferente.

Para acceder al √°rea de widgets, simplemente coloque el cursor sobre Apariencia y seleccione Widgets desde tu panel de WordPress.

ūüĒ• Leer:  Los 10 mejores temas gratuitos de WordPress para alquiler de casas y propiedades
Seleccionando la pesta√Īa Widgets en el tablero de WordPress

El Widgets La página está dividida en Widgets disponibles sección y la Pie de página área.

La p√°gina de Widgets en el tablero de WordPress

Tenga en cuenta que el tema que utiliza puede tener un n√ļmero diferente de √°reas de pie de p√°gina que el que se muestra arriba.

Para editar el pie de página, simplemente arrastre y suelte un widget en el área de pie de página de su elección. Luego, haga clic en el widget para configurarlo y presione Ahorrar una vez que haya terminado.

Agregar widgets al √°rea de pie de p√°gina en la p√°gina de Widgets de WordPress

Para agregar enlaces al √°rea del widget de pie de p√°gina, siga estos pasos:

    Navegar a Apariencia -> Men√ļs.
Seleccionando la pesta√Īa Men√ļs en el tablero de WordPress
    Escribe un nuevo Nombre del men√ļ y haga clic sobre el Men√ļ Guardar bot√≥n.
Crear un nuevo men√ļ en la p√°gina de men√ļs de WordPress
    Marque las casillas junto a las p√°ginas, publicaciones o categor√≠as que desea agregar al men√ļ y haga clic en Agregar al men√ļ.Presione el Men√ļ Guardar bot√≥n.Volver a la Widgets de WordPress p√°gina, luego arrastre y suelte el Men√ļ de Navegaci√≥n widget al √°rea de pie de p√°gina. Seleccione el men√ļ reci√©n creado del men√ļ desplegable, luego presione Ahorrar.
Seleccionar un nuevo men√ļ en el √°rea de pie de p√°gina en la p√°gina de widgets de WordPress

Los usuarios de WordPress también pueden editar los aspectos visuales del pie de página utilizando el Personalizador incorporado. Muestra una vista previa en vivo de su sitio web, por lo que podrá ver los cambios que ha realizado en tiempo real.

Para acceder al Personalizador, vaya a Apariencia -> personalizar en tu panel de WordPress.

Esto es lo que debe buscar para editar el pie de p√°gina en el Personalizador de WordPress:

    Opciones de tema ‚Äď usted puede encontrar un Pie de p√°gina del tema secci√≥n donde puede personalizar los colores, el borde y el texto del pie de p√°gina para que se ajuste al dise√Īo general del sitio.
Edición de la apariencia del pie de página del tema en el Personalizador de WordPress
    Widgets ‚Äď donde se pueden agregar varios widgets de contenido a un √°rea de pie de p√°gina.
Edición de los widgets del pie de página en el Personalizador de WordPress
    Men√ļs ‚Äď para aquellos que quieren agregar enlaces al pie de p√°gina. Utiliza el sistema de men√ļ incorporado de WordPress.
Edici√≥n del men√ļ de pie de p√°gina en el personalizador de WordPress

Una vez que esté satisfecho con los resultados, recuerde presionar Publicar o Guardar borrador.

Tenga en cuenta que no todos los temas tienen opciones de pie de p√°gina. Es posible que deba confiar solo en la personalizaci√≥n de widgets y men√ļs.

Para los que tienen, la configuración también se puede colocar en una sección distinta de Opciones de tematal como Generador de pie de página.

La mayor√≠a de los temas de sitios web de WordPress tienen el mensaje ‚ÄúCon la tecnolog√≠a de WordPress‚ÄĚ en el pie de p√°gina. A veces tambi√©n incluye los cr√©ditos del desarrollador, como ‚ÄúTema del desarrollador A‚ÄĚ.

Aunque no tiene nada de malo tener el mensaje en el pie de p√°gina, puede parecer poco profesional o incluso tergiversar los intereses de tu marca.

Puede editar o eliminar el mensaje editando el pie de p√°gina.php Archivo. Para evitar problemas, aseg√ļrese de haber realizado una copia de seguridad de los archivos de su sitio web antes de cambiar el archivo. Una vez que est√© listo para comenzar, contin√ļe con los siguientes pasos para eliminar ‚ÄúPowered by WordPress‚ÄĚ de su pie de p√°gina:

    En el panel de administraci√≥n de WordPress, navegue hasta Apariencia -> Editor de temas.Bajo la Archivos de temas secci√≥n, haga clic en Pie de p√°gina del tema (footer.php).Encuentre el texto de cr√©dito del pie de p√°gina ‚ÄúPowered by‚ÄĚ y su c√≥digo. en el wordpress Veinte Veinte tema, el c√≥digo se ve as√≠:

    “>

ūüĒ• Leer:  ¬ŅC√≥mo hacer excepciones en Avast Firewall PC?
Eliminación de
    No dude en eliminar el texto del pie de página o agregar la marca de su sitio web en su lugar, y presione el botón Actualizar archivo botón.

Para obtener una guía completa sobre cómo eliminar el texto, no dude en consultar nuestro artículo Cómo eliminar Powered by WordPress del pie de página.

A veces, es posible que deba insertar c√≥digo adicional en el pie de p√°gina, ya sea CSS o PHP. Por lo general, es para conectar su sitio con una aplicaci√≥n externa o con fines de dise√Īo. Hay varias formas de hacerlo.

Utilizar el CSS adicional campo en el Personalizador de WordPress si solo desea realizar peque√Īos cambios en el pie de p√°gina. Por ejemplo, cambiando el color de fondo o el margen y relleno del √°rea de contenido:

    Acceder al Personalizador de WordPressy seleccione CSS adicional.
Selección de CSS adicional en el personalizador de WordPress
    Agrega el siguiente código para cambiar el fondo del pie de página y el color del borde:
    .footer-widgets-outer-wrapper, .footer-top {
    color del borde: #000;
    }
    .footer-nav-widgets-wrapper, #pie de p√°gina del sitio {
    color de fondo: #D7BDE2 ;
    }
Insertar código para cambiar el fondo del pie de página y el color del borde en WordPress CSS adicional
    Para editar el margen y el relleno del pie de p√°gina, agregue el siguiente fragmento:
    .widget .widget-título {
    margen inferior: 1rem;
    }
    .footer-widgets un {
    relleno-izquierda: 5rem;
    }
Insertar código para editar el margen del pie de página y el relleno en WordPress CSS adicional
    Haga clic en el Activar y Publicar botón.

La forma m√°s f√°cil de agregar scripts personalizados al pie de p√°gina es mediante el complemento Insertar encabezados y pies de p√°gina:

    Instale el complemento y actívelo. Vaya a Ajustes -> Insertar encabezados y pies de página.
Selección de la configuración Insertar encabezados y pies de página en el panel de WordPress
    Desplácese hacia abajo hasta el Guiones en el pie de página sección, luego copie y pegue su código de pie de página personalizado.
Insertar código personalizado en la sección Scripts en el pie de página
    Hacer clic Ahorrar.

Es posible agregar c√≥digos y scripts manualmente al pie de p√°gina si edita el tema de WordPress Archivos PHP. Sin embargo, deber√° tener algunos conocimientos de HTML, CSS, JavaScript, adem√°s de dise√Īo y desarrollo web.

Si desea editar el pie de página de WordPress con un complemento, le recomendamos tres herramientas: Insertar encabezados y pies de página, Administrador de código de pie de página de encabezadoy Columnas de mega cuadrícula de pie de página. Echemos un vistazo a cada uno de ellos.

1. Insertar encabezados y pies de p√°gina

Insertar banner de complemento de encabezados y pies de p√°gina

Estadísticas del complemento:

Descargas: 1 millón+Clasificación: 4.5/5Características notables: fácil de usar, compatible con Google AnalyticsMás adecuado para: principiantes que buscan una solución más simple para agregar fragmentos de código al pie de páginaPrecio: gratis

Insertar encabezados y pies de página es un complemento que lo ayuda a agregar código y scripts sin tener que editar los archivos del tema. Su interfaz es muy sencilla, lo que lo convierte en un complemento fácil de usar para principiantes.

ūüĒ• Leer:  C√≥mo empezar a invertir: 6 consejos para invertir

No necesita saber ning√ļn lenguaje de programaci√≥n para editar el pie de p√°gina con este complemento. Simplemente pegue el c√≥digo de Google analitico, Facebook p√≠xely otros servicios para agregarlos a su sitio.

Insertar encabezados y pies de p√°gina admite CSS, HTML y JavaScript personalizados.

Banner del complemento Administrador de código de encabezado y pie de página

Estadísticas del complemento:

Descargas: 200,000+Clasificación: 5/5Características notables: habilitar códigos en publicaciones y páginas específicas, registro de actividadMás adecuado para: usuarios que quieren opciones de gestión para los códigos de pie de páginaPrecio: gratis

Header Footer Code Manager es otra herramienta que lo ayuda a agregar fragmentos al pie de página con facilidad. No solo le permite agregar secuencias de comandos y estilos ilimitados, sino también administrar la ubicación del código.

Adem√°s de p√°ginas y publicaciones espec√≠ficas, los fragmentos tambi√©n se pueden configurar para cargar en computadoras de escritorio y dispositivos m√≥viles o en uno de los dos. Adem√°s, a√ļn tendr√° la lista de fragmentos listos para usar incluso cuando cambie de tema.

El complemento tambi√©n incluye registros de actividad, para que sepa qui√©n agreg√≥ y edit√≥ por √ļltima vez un fragmento. Header Footer Code Manager admite c√≥digos CSS, HTML y JavaScript de cualquier servicio, incluidos Publicidad de Google, Twittery An√°lisis web Clicky.

Banner de complemento de columnas Mega Grid de pie de p√°gina

Estadísticas del complemento:

Descargas: 6,000+Clasificación: 4.5/5Características notables: vista de cuadrícula, compatible con la mayoría de los temas de WordPressMás adecuado para: personas que no quieren usar el área predeterminada del temaPrecio: gratuito

El complemento Footer Mega Grid Columns muestra widgets de pie de página en una cuadrícula horizontal, lo que ayuda a organizar el contenido de su pie de página en columnas.

El complemento es bastante fácil de usar. Simplemente arrastre un widget y suéltelo en la columna para mostrar el contenido en el pie de página en la vista de cuadrícula.

Si desea funciones adicionales como opciones de color, cuadr√≠culas m√ļltiples y un editor de CSS personalizado, el paquete de complementos esenciales est√° disponible en $119/a√Īo.

Tenga en cuenta que debe pegar el código proporcionado por el desarrollador del complemento en el pie de página.php archivo de su tema para que funcione.

Conclusión

Además del encabezado y el cuerpo, el pie de página es una de las partes principales de un sitio web. Se encuentra en la parte inferior del sitio y consiste principalmente en información adicional y enlaces a diferentes páginas del sitio web.

Por lo tanto, el pie de página ayuda a los usuarios de WordPress a mejorar el SEO y la navegación de sus sitios web.

En este artículo, has aprendido diferentes formas de editar el pie de página en WordPress:

A trav√©s del sistema de widgets de WordPress. Usando el personalizador de WordPress para editar su tema. Eliminando el texto ‚ÄúPowered by WordPress‚ÄĚ. Agregando c√≥digo y scripts. Usando un complemento de WordPress.

Si tiene alguna pregunta o sugerencia sobre cómo editar el pie de página en WordPress, no dude en dejarnos un comentario a continuación.

Recomendamos

Populares