{"id":31702,"date":"2023-05-16T01:10:47","date_gmt":"2023-05-15T23:10:47","guid":{"rendered":"\/tutoriales\/?p=31702"},"modified":"2025-02-09T11:18:31","modified_gmt":"2025-02-09T10:18:31","slug":"editar-footer-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/editar-footer-wordpress","title":{"rendered":"C\u00f3mo editar el footer en WordPress: 3 m\u00e9todos efectivos + plugins para editarlo"},"content":{"rendered":"<p>Al <a href=\"\/mx\/tutoriales\/como-crear-pagina-web-wordpress\">crear una p&aacute;gina web de WordPress,<\/a> editar el pie de p&aacute;gina puede ser un poco frustrante.<\/p><p>Aunque personalizar un pie de p&aacute;gina no es un proceso complicado, puede llevar mucho tiempo conseguir el dise&ntilde;o deseado. Esto se debe a que cada tema de WordPress puede tener diferentes dise&ntilde;os de pie de p&aacute;gina.<\/p><p>Sin embargo, no tomes esto como una raz&oacute;n para ignorarlo. Un pie de p&aacute;gina puede ayudar a tu sitio de varias maneras. Los visitantes navegan a las secciones de pie de p&aacute;gina para buscar informaci&oacute;n, y tambi&eacute;n es &uacute;til para mejorar la optimizaci&oacute;n de motores de b&uacute;squeda (<a href=\"\/mx\/tutoriales\/que-es-seo\">SEO<\/a>).<\/p><p>En este art&iacute;culo, hablaremos m&aacute;s sobre c&oacute;mo editar footer en WordPress. Adem&aacute;s, a&ntilde;adiremos algunos plugins de pie de p&aacute;gina de WordPress para ayudar con el proceso de edici&oacute;n.<\/p><h2 class=\"wp-block-heading\" id=\"h-que-es-un-footer-de-wordpress\">&iquest;Qu&eacute; es un footer de WordPress?<\/h2><p>El footer es la secci&oacute;n del sitio web que se encuentra en la parte inferior de la p&aacute;gina. Contiene informaci&oacute;n adicional sobre el sitio y enlaces a p&aacute;ginas que pueden ser &uacute;tiles para los visitantes. Aparte de eso, los enlaces internos ayudan a mejorar el <a href=\"\/mx\/tutoriales\/seo-en-wordpress\">SEO del sitio<\/a>.<\/p><p>Un pie de p&aacute;gina suele constar, entre otros, de los siguientes componentes:<\/p><ul class=\"wp-block-list\">\n<li><a href=\"\/mx\/tutoriales\/sitemap-en-wordpress\">Sitemap en WordPress<\/a><\/li>\n\n\n\n<li><a href=\"\/mx\/tutoriales\/iconos-redes-sociales-wordpress\">Iconos de redes sociales<\/a><\/li>\n\n\n\n<li>Suscripci&oacute;n al bolet&iacute;n de noticias<\/li>\n\n\n\n<li>Enlaces a p&aacute;ginas de informaci&oacute;n de la empresa: Acerca de, Datos de contacto y Equipo<\/li>\n\n\n\n<li>Enlaces a recursos: blog, tutoriales y cursos<\/li>\n\n\n\n<li>Pol&iacute;tica de privacidad y t&eacute;rminos y condiciones<\/li>\n\n\n\n<li>Eventos y programas<\/li>\n\n\n\n<li>Servicio de atenci&oacute;n al cliente<\/li>\n\n\n\n<li>Reclamaciones de derechos de autor<\/li>\n<\/ul><p>No es necesario incluir todos estos elementos. Selecciona los que sean relevantes para tu sitio web para evitar tener una secci&oacute;n de footer que ocupe la mitad de la p&aacute;gina web.<\/p><p>En cuanto al dise&ntilde;o del pie de p&aacute;gina, todo depende de las preferencias de los usuarios. Sin embargo, ten en cuenta que el tema que elijas para tu sitio WordPress puede afectar al estilo, formato y caracter&iacute;sticas del footer.<\/p><p>Este es un ejemplo del aspecto de un footer:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"882\" height=\"509\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-hostinger.jpg\" alt=\"Footer de Hostinger\" class=\"wp-image-31709\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-hostinger.jpg 882w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-hostinger-300x173.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-hostinger-150x87.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-hostinger-768x443.jpg 768w\" sizes=\"(max-width: 882px) 100vw, 882px\" \/><\/figure><\/div><p>Es posible tener un pie de p&aacute;gina como el que se muestra arriba sin tener ninguna experiencia en desarrollo web. En la siguiente secci&oacute;n, presentaremos cuatro m&eacute;todos diferentes sobre c&oacute;mo editar el footer de wordpress.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-editar-el-footer-de-wordpress\">C&oacute;mo editar el footer de WordPress<\/h2><p>El contenido del footer se encuentra en el archivo <strong>footer.php<\/strong> del tema de WordPress, y est&aacute; codificado en <a href=\"\/mx\/tutoriales\/que-es-html\">HTML<\/a> o <a href=\"\/mx\/tutoriales\/que-es-css\">CSS<\/a>.<\/p><p>Sin embargo, no es necesario editar el archivo directamente para personalizar el footer de un sitio web WordPress. Tambi&eacute;n puedes utilizar <a href=\"\/mx\/tutoriales\/que-es-widget-wordpress\">widgets<\/a>, el personalizador de WordPress o un plugin.<\/p><h3 class=\"wp-block-heading\" id=\"h-editar-el-footer-de-wordpress-con-widgets\">Editar el footer de WordPress con widgets<\/h3><p>Uno de los m&eacute;todos m&aacute;s sencillos para editar el footer es utilizar el sistema de widgets integrado en WordPress. Sin embargo, esto s&oacute;lo se aplica a los temas que tienen un &aacute;rea de widget de pie de p&aacute;gina. Si el tuyo no la tiene, simplemente utiliza un m&eacute;todo diferente.<\/p><p>Para acceder al &aacute;rea de widgets, simplemente pasa el rat&oacute;n por <strong>Apariencia<\/strong> y selecciona <strong>Widgets<\/strong> en el <a href=\"\/mx\/tutoriales\/acceder-al-escritorio-wordpress\">escritorio de WordPress<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"670\" height=\"276\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Widgets.jpg\" alt=\"Opci&oacute;n de Widgets en el escritorio de WordPress\" class=\"wp-image-31715\" style=\"width:816px;height:336px\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Widgets.jpg 670w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Widgets-300x124.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Widgets-150x62.jpg 150w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/figure><\/div><p>&nbsp;La p&aacute;gina de <strong>Widgets<\/strong> se divide en la secci&oacute;n <strong>Widgets disponibles<\/strong> y el &aacute;rea de <strong>Footer<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154-1024x510.png\" alt=\"Visualizaci&oacute;n de la secci&oacute;n de Widgets en WordPress\" class=\"wp-image-31849\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154-1536x764.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154-300x149.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154-150x75.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154-768x382.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-154.png 1674w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Ten en cuenta que el tema que utilices puede tener un n&uacute;mero de &aacute;reas de pie de p&aacute;gina diferente al mostrado anteriormente.<\/p><p>Para editar el pie de p&aacute;gina, simplemente arrastra y suelta un widget en el &aacute;rea de pie de p&aacute;gina de tu elecci&oacute;n. A continuaci&oacute;n, haz clic en el widget para configurarlo y pulsa <strong>Guardar<\/strong> cuando hayas terminado.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166-1024x495.png\" alt=\"Visualizaci&oacute;n de los widgets del footer.\" class=\"wp-image-31863\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166-1024x495.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166-300x145.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166-150x72.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166-768x371.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-166.png 1087w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Para a&ntilde;adir enlaces a la zona del widget del footer, sigue estos pasos:<\/p><ol class=\"wp-block-list\">\n<li>Ve a <strong>Apariencia<\/strong> -&gt; <strong>Men&uacute;s<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"670\" height=\"240\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/wordpress-menu.jpg\" alt=\"Secci&oacute;n de Men&uacute;s en WordPress\" class=\"wp-image-31722\" style=\"width:808px;height:290px\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/wordpress-menu.jpg 670w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/wordpress-menu-300x107.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/wordpress-menu-150x54.jpg 150w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Escribe un nuevo <strong>Nombre de Men&uacute;<\/strong> y haz clic en el bot&oacute;n <strong>Guardar Men&uacute;.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Menus-WordPress-1024x504.jpg\" alt=\"Visualizaci&oacute;n de la secci&oacute;n de Men&uacute;s en WordPress\" class=\"wp-image-31725\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Menus-WordPress.jpg 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Menus-WordPress-300x148.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Menus-WordPress-150x74.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Menus-WordPress-768x378.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Marca las casillas junto a las p&aacute;ginas, entradas o categor&iacute;as que quieras a&ntilde;adir al men&uacute; y haz clic en <strong>A&ntilde;adir al men&uacute;.<\/strong><\/li>\n\n\n\n<li>Pulsa el bot&oacute;n <strong>Guardar men&uacute;<\/strong>.<\/li>\n\n\n\n<li>Vuelve a la p&aacute;gina de <strong>Widgets de WordPress<\/strong> y, a continuaci&oacute;n, arrastra y suelta el widget <strong>Men&uacute; de navegaci&oacute;n<\/strong> en la zona del pie de p&aacute;gina.<\/li>\n\n\n\n<li>Selecciona el men&uacute; reci&eacute;n creado en el men&uacute; desplegable y pulsa <strong>Guardar.<\/strong><\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1007\" height=\"677\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-167.png\" alt=\"Opci&oacute;n para seleccionar un men&uacute; en los widgets de WordPress.\" class=\"wp-image-31865\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-167.png 1007w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-167-300x202.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-167-150x101.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-167-768x516.png 768w\" sizes=\"(max-width: 1007px) 100vw, 1007px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-editar-el-footer-a-traves-de-tu-tema-de-wordpress\">Editar el Footer a trav&eacute;s de tu tema de WordPress<\/h3><p>Los usuarios de WordPress tambi&eacute;n pueden editar los aspectos visuales del pie de p&aacute;gina mediante el personalizador integrado. Muestra una vista previa en vivo de tu sitio web, por lo que podr&aacute;s ver los cambios que has realizado en tiempo real.<\/p><p>Para acceder al personalizador, ve a <strong>Apariencia<\/strong> -&gt; <strong>Personalizar<\/strong> en el escritorio de WordPress.<\/p><p>Esto es lo que debes buscar para editar el pie de p&aacute;gina en el Personalizador de WordPress:<\/p><ol class=\"wp-block-list\">\n<li><strong>Opciones del tema: <\/strong>es posible que encuentres una secci&oacute;n especial para el footer del tema en la que puedes personalizar los colores, el borde y el texto del pie de p&aacute;gina para adaptarlo al dise&ntilde;o general del sitio.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"735\" height=\"333\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-173.png\" alt=\"Visualizaci&oacute;n de la opci&oacute;n pie de p&aacute;gina del tema.\" class=\"wp-image-31890\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-173.png 735w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-173-300x136.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-173-150x68.png 150w\" sizes=\"(max-width: 735px) 100vw, 735px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Widgets: <\/strong>donde se pueden a&ntilde;adir varios widgets de contenido a un &aacute;rea de pie de p&aacute;gina.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-171-1024x509.png\" alt=\"Opci&oacute;n para personalizar los widgets del tema.\" class=\"wp-image-31888\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-171.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-171-300x149.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-171-150x75.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-171-768x382.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li><strong>Men&uacute;s: <\/strong>para a&ntilde;adir enlaces al pie de p&aacute;gina. Utiliza el sistema de men&uacute;s integrado de WordPress.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-172-1024x555.png\" alt=\"Visualizaci&oacute;n del personalizador de men&uacute;s en WordPress.\" class=\"wp-image-31889\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-172.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-172-300x162.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-172-150x81.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-172-768x416.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Cuando est&eacute;s satisfecho con los resultados, recuerda pulsar <strong>Publicar<\/strong> o <strong>Guardar borrador<\/strong>.<\/p><p>Ten en cuenta que no todos los temas tienen opciones de pie de p&aacute;gina. Puede que tengas que limitarte a personalizar los widgets y los men&uacute;s.<\/p><p>Para los que s&iacute; tienen, los ajustes tambi&eacute;n pueden estar situados en una secci&oacute;n distinta de <strong>Opciones<\/strong> de tema, como el <strong>Constructor de pie de p&aacute;gina<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-editar-el-footer-con-el-editor-de-bloques\">Editar el Footer con el editor de bloques<\/h3><p>WordPress 5.9 introdujo un nuevo editor de bloques para la personalizaci&oacute;n del sitio. Facilita la edici&oacute;n, ya que el pie de p&aacute;gina tiene ahora su propio bloque y plantilla. Varios bloques como el t&iacute;tulo del sitio, el calendario y la navegaci&oacute;n tambi&eacute;n han sustituido a los widgets.<\/p><p>Sin embargo, ten en cuenta que el editor de bloques s&oacute;lo est&aacute; disponible si utilizas un tema basado en bloques. Un ejemplo de tema WordPress basado en bloques es el nuevo tema por defecto Twenty Twenty-Two.<\/p><p>Para acceder al editor, pasa el rat&oacute;n por <strong>Apariencia<\/strong> y selecciona <strong>Editor<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174-1024x477.png\" alt=\"\" class=\"wp-image-31891\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174-1024x477.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174-300x140.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174-150x70.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174-768x358.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-174.png 1069w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Te llevar&aacute; al <a href=\"\/mx\/tutoriales\/gutenberg-wordpress\">editor de bloques<\/a>, abriendo la plantilla de la p&aacute;gina de <strong>inicio<\/strong>.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-175-1024x476.png\" alt=\"Visualizaci&oacute;n del editor de bloques de WordPress.\" class=\"wp-image-31892\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-175.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-175-300x139.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-175-150x70.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-175-768x357.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Despl&aacute;zate hasta la parte inferior de la p&aacute;gina para encontrar el &aacute;rea de footer.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-176-1024x466.png\" alt=\"Visualizaci&oacute;n del &aacute;rea de footer en el editor de WordPress.\" class=\"wp-image-31893\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-176.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-176-300x137.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-176-150x68.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-176-768x349.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Alternativamente, utiliza el modo de enfoque para mostrar s&oacute;lo el &aacute;rea de pie de p&aacute;gina. Para abrirlo, haz clic en el bot&oacute;n <strong>Editar<\/strong> dentro del bloque y luego en el bot&oacute;n cerca de <strong>Pie de p&aacute;gina.<\/strong><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"336\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-179-1024x336.png\" alt=\"Editar bloque de Pie de p&aacute;gina.\" class=\"wp-image-31896\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-179.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-179-300x99.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-179-150x49.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-179-768x252.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"904\" height=\"396\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-178.png\" alt=\"Bot&oacute;n para editar pie de p&aacute;gina en el editor de WordPress.\" class=\"wp-image-31895\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-178.png 904w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-178-300x131.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-178-150x66.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-178-768x336.png 768w\" sizes=\"(max-width: 904px) 100vw, 904px\" \/><\/figure><p>Ahora, el editor s&oacute;lo mostrar&aacute; el &aacute;rea del pie de p&aacute;gina. Comienza a editarla a&ntilde;adiendo bloques al pie de p&aacute;gina.<\/p><p>Para ello, pasa el rat&oacute;n por encima de la zona y aparecer&aacute;n iconos con el signo <strong>m&aacute;s (+)<\/strong> en las ubicaciones disponibles para los bloques. Haz clic en el icono y elige un bloque para a&ntilde;adir. Puedes buscar el bloque deseado o hacer clic en <strong>Ver todos <\/strong>para ver todos los bloques disponibles.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"446\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-180-1024x446.png\" alt=\"\" class=\"wp-image-31897\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-180.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-180-300x131.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-180-150x65.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-180-768x335.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Por ejemplo, a&ntilde;adamos un bloque de <strong>B&uacute;squeda<\/strong> al pie de p&aacute;gina. Puedes cambiar el texto del t&iacute;tulo e incluir un marcador de posici&oacute;n opcional directamente en el editor.<\/p><p>Para personalizar el dise&ntilde;o del bot&oacute;n, selecciona el bloque en el editor y haz clic en el icono <strong>Ajustes<\/strong> situado en la parte superior derecha de la pantalla. Dependiendo del tipo de bloque, puedes personalizar su color, borde y utilizar el campo CSS adicional.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"994\" height=\"655\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-181.png\" alt=\"Visualizaci&oacute;n del bloque de b&uacute;squeda.\" class=\"wp-image-31898\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-181.png 994w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-181-300x198.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-181-150x99.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-181-768x506.png 768w\" sizes=\"(max-width: 994px) 100vw, 994px\" \/><\/figure><p>Para reorganizar los bloques del pie de p&aacute;gina, abre la vista de lista haciendo clic en el icono de lista de la parte superior izquierda de la pantalla.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-182-1024x377.png\" alt=\"Vista de lista en WordPress.\" class=\"wp-image-31899\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-182.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-182-300x110.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-182-150x55.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-182-768x283.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>La lista de bloques y su estructura aparecer&aacute;n en el panel izquierdo. Basta con arrastrar y soltar un elemento del bloque en la lista para reorganizarlo.<\/p><h3 class=\"wp-block-heading\" id=\"h-eliminar-el-footer-funciona-gracias-a-wordpress\">Eliminar el footer &ldquo;Funciona gracias a WordPress&rdquo;<\/h3><p>La mayor&iacute;a de los temas para webs de WordPress tienen el mensaje <strong>&ldquo;Funciona gracias a WordPress&rdquo;<\/strong> en el pie de p&aacute;gina. A veces tambi&eacute;n incluye los cr&eacute;ditos del desarrollador, como &ldquo;Theme by Developer A&rdquo;.<\/p><p>Aunque no hay nada malo en tener el mensaje en el pie de p&aacute;gina, puede parecer poco profesional o incluso tergiversar los intereses de tu marca.<\/p><p>Puedes editar o eliminar el mensaje editando el archivo <strong>footer.php<\/strong>. Para evitar problemas, aseg&uacute;rate de haber hecho una copia de seguridad de los archivos de tu sitio web antes de modificar el archivo. Una vez que est&eacute;s listo, contin&uacute;a con los siguientes pasos para <a href=\"\/mx\/tutoriales\/quitar-creado-wordpress-del-footer\">quitar &ldquo;Funciona gracias a WordPress&rdquo; de tu pie de p&aacute;gina<\/a>:<\/p><ol class=\"wp-block-list\">\n<li>En el panel de administraci&oacute;n de WordPress, ve a <strong>Apariencia<\/strong> -&gt; <a href=\"\/mx\/tutoriales\/editar-plantillas-wordpress\">Editor de archivos de temas<\/a>.<\/li>\n\n\n\n<li>En la secci&oacute;n <strong>Archivos del tema<\/strong>, haz clic en <strong>footer.php.<\/strong><\/li>\n\n\n\n<li>Busca el cr&eacute;dito del footer &ldquo;Powered by&rdquo; y su c&oacute;digo. En el tema <strong>Twenty Twenty<\/strong> de WordPress, el c&oacute;digo tiene este aspecto:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;p class=\"powered-by-wordpress\"&gt;\n    &lt;a href=\"&lt;?php echo esc_url( __( 'https:\/\/wordpress.org\/', 'twentytwenty' ) ); ?&gt;\"&gt;\n&lt;?php _e( 'Powered by WordPress', 'twentytwenty' ); ?&gt;\n    &lt;\/a&gt;\n&lt;\/p&gt;&lt;!-- .powered-by-wordpress --&gt;<\/pre><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"437\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-183-1024x437.png\" alt='Editar el tema para eliminar \"Funciona gracias a WordPress\" del footer.' class=\"wp-image-31912\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-183.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-183-300x128.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-183-150x64.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-183-768x328.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Puedes eliminar el texto del pie de p&aacute;gina o a&ntilde;adir la marca de tu sitio web y pulsar el bot&oacute;n <strong>Actualizar archivo<\/strong>.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-anadir-codigo-al-footer-de-wordpress\">A&ntilde;adir c&oacute;digo al footer de WordPress<\/h3><p>A veces, puede que necesites insertar c&oacute;digo adicional en el pie de p&aacute;gina, ya sea CSS o <a href=\"\/mx\/tutoriales\/que-es-php\">PHP<\/a>. Normalmente, es para conectar tu sitio con una aplicaci&oacute;n externa o por motivos de dise&ntilde;o. Hay varias formas de hacerlo.<\/p><p>Utiliza el campo <strong>CSS adicional<\/strong> en el <strong>Personalizador de WordPress<\/strong> si s&oacute;lo quieres hacer peque&ntilde;os cambios en el pie de p&aacute;gina. Por ejemplo, cambiar el color de fondo o el margen y el relleno del &aacute;rea de contenido:<\/p><ol class=\"wp-block-list\">\n<li>Accede al <strong>personalizador de WordPress<\/strong> y selecciona <strong>CSS adicional<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-184-1024x570.png\" alt=\"Secci&oacute;n CSS adicional en el personalizador de WordPress.\" class=\"wp-image-31913\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-184.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-184-300x167.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-184-150x84.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-184-768x428.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"2\" class=\"wp-block-list\">\n<li>A&ntilde;ade el siguiente c&oacute;digo para cambiar el color de fondo y del borde del pie de p&aacute;gina:<br><\/li>\n<\/ol><pre class=\"wp-block-code\"><code>.footer-widgets-outer-wrapper, .footer-top {\n  border-color: #000;\n}\n.footer-nav-widgets-wrapper, #site-footer {\n  background-color: #D7BDE2 ;\n}<\/code><\/pre><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185-1024x632.png\" alt=\"Ejemplo de c&oacute;digo CSS para modificar el color del fondo y del borde del pie de p&aacute;gina en WordPress.\" class=\"wp-image-31914\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185-1024x632.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185-300x185.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185-150x93.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185-768x474.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-185.png 1317w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Para editar el relleno y el margen del pie de p&aacute;gina, a&ntilde;ade el siguiente fragmento:<\/li>\n<\/ol><pre class=\"wp-block-code\"><code>.widget .widget-title {\nmargin-bottom: 1rem;\n}\n.footer-widgets a {\npadding-left: 5rem;\n}<\/code><\/pre><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186-1024x547.png\" alt=\"Ejemplo de c&oacute;digo para editar el rellendo y el margen del pie de p&aacute;gina en el personalizador de WordPress.\" class=\"wp-image-31915\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186-1024x547.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186-300x160.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186-150x80.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186-768x411.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-186.png 1304w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Pulsa el bot&oacute;n <strong>Activar<\/strong> y <strong>publicar<\/strong>.<\/li>\n<\/ol><p>La forma m&aacute;s sencilla de a&ntilde;adir scripts personalizados al pie de p&aacute;gina es utilizando el <a href=\"https:\/\/es.wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Insert Headers and Footers<\/a><strong>:<\/strong><\/p><ol class=\"wp-block-list\">\n<li>Instala el plugin, y act&iacute;valo.<\/li>\n\n\n\n<li>Ve a <strong>Fragmentos de c&oacute;digo<\/strong> -&gt; <strong><strong>Cabecera y pie<\/strong><\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"712\" height=\"340\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-187.png\" alt=\"Secci&oacute;n Cabecera y pie en el plugin Insert Headers and Footers.\" class=\"wp-image-31916\" style=\"width:712px;height:340px\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-187.png 712w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-187-300x143.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-187-150x72.png 150w\" sizes=\"(max-width: 712px) 100vw, 712px\" \/><\/figure><ol start=\"3\" class=\"wp-block-list\">\n<li>Despl&aacute;zate hasta la secci&oacute;n <strong>Pie de p&aacute;gina<\/strong>, luego copia y pega tu c&oacute;digo personalizado.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"351\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188-1024x351.png\" alt=\"Secci&oacute;n para agregar scripts en el pie de p&aacute;gina con el plugin Insert Headers and Footers.\" class=\"wp-image-31917\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188-1024x351.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188-300x103.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188-150x51.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188-768x264.png 768w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/image-188.png 1390w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"4\" class=\"wp-block-list\">\n<li>Haz clic en <strong>Guardar los cambios<\/strong>.<\/li>\n<\/ol><p>Es posible a&ntilde;adir c&oacute;digos y scripts manualmente al pie de p&aacute;gina si editas los <strong>archivos PHP<\/strong> del tema de WordPress. Sin embargo, necesitar&aacute;s tener algunos conocimientos de HTML, CSS, <a href=\"\/mx\/tutoriales\/que-es-javascript-introduccion-basica\/\">JavaScript<\/a>, adem&aacute;s de dise&ntilde;o y desarrollo web.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Lecturas recomendadas<\/h4>\n                    <p><\/p><p><a href=\"\/mx\/tutoriales\/codigos-html-cheat-sheet\">C&oacute;digos HTML &ndash; Cheat Sheet<\/a><\/p><p><a href=\"\/mx\/tutoriales\/codigos-css-cheat-sheet\">C&oacute;digos CSS &ndash; Cheat Sheet<\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-los-3-mejores-plugins-para-el-footer-de-wordpress\">Los 3 mejores plugins para el footer de WordPress<\/h2><p>Si quieres editar el footer de WordPress con un plugin, te recomendamos tres herramientas: <strong>Insert Headers and Footers, Header Footer Code Manager<\/strong> y <strong>Footer Mega Grid Columns<\/strong>. Echemos un vistazo a cada una de ellas.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-insert-headers-and-footers\">1. <a href=\"https:\/\/es.wordpress.org\/plugins\/insert-headers-and-footers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Insert Headers and Footers<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"917\" height=\"365\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Insert-Headers-and-Footers.jpg\" alt=\"Plugin Insert Headers and Footers\" class=\"wp-image-31793\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Insert-Headers-and-Footers.jpg 917w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Insert-Headers-and-Footers-300x119.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Insert-Headers-and-Footers-150x60.jpg 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Insert-Headers-and-Footers-768x306.jpg 768w\" sizes=\"(max-width: 917px) 100vw, 917px\" \/><\/figure><\/div><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>M&aacute;s de 1 mill&oacute;n<\/li>\n\n\n\n<li><strong>Puntuaci&oacute;n: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables:<\/strong> f&aacute;cil de usar, compatible con Google Analytics.<\/li>\n\n\n\n<li><strong>Recomendado para<\/strong><strong>:<\/strong> principiantes que buscan una soluci&oacute;n m&aacute;s sencilla para a&ntilde;adir fragmentos de c&oacute;digo al pie de p&aacute;gina<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p>Insert Headers and Footers es un plugin que te ayuda a a&ntilde;adir c&oacute;digo y scripts sin tener que editar los archivos del tema. Su interfaz es muy sencilla, por lo que es un plugin f&aacute;cil de usar para principiantes.<\/p><p>No necesitas saber ning&uacute;n lenguaje de programaci&oacute;n para editar el pie de p&aacute;gina con este plugin. Basta con pegar el c&oacute;digo de <strong>Google Analytics, Facebook Pixel<\/strong> y otros servicios para a&ntilde;adirlos a tu sitio.<\/p><p>Insert Headers and Footers admite CSS, HTML y JavaScript personalizados.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-header-footer-code-manager\">2. <a href=\"https:\/\/es.wordpress.org\/plugins\/header-footer-code-manager\/\" target=\"_blank\" rel=\"noreferrer noopener\">Header Footer Code Manager<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"690\" height=\"218\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Header-Footer-Code-Manager.jpg\" alt=\"Plugin Header Footer Code Manager\" class=\"wp-image-31797\" style=\"width:841px;height:266px\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Header-Footer-Code-Manager.jpg 690w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Header-Footer-Code-Manager-300x95.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Header-Footer-Code-Manager-150x47.jpg 150w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><\/figure><\/div><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>M&aacute;s de 200,000<\/li>\n\n\n\n<li><strong>Puntuaci&oacute;n: <\/strong>5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables: <\/strong>activar c&oacute;digos en entradas y p&aacute;ginas espec&iacute;ficas, registro de actividad<\/li>\n\n\n\n<li><strong>Recomendado para<\/strong><strong>: <\/strong>usuarios que deseen opciones de gesti&oacute;n para los c&oacute;digos de footer<\/li>\n\n\n\n<li><strong>Precio: gratis<\/strong><\/li>\n<\/ul><p>Header Footer Code Manager es otra herramienta que te ayuda a a&ntilde;adir fragmentos de c&oacute;digo al pie de p&aacute;gina con facilidad. No s&oacute;lo te permite a&ntilde;adir un n&uacute;mero ilimitado de secuencias de comandos y estilos, sino tambi&eacute;n gestionar la colocaci&oacute;n del c&oacute;digo.<\/p><p>Adem&aacute;s de p&aacute;ginas y entradas espec&iacute;ficas, los fragmentos tambi&eacute;n se pueden configurar para que se carguen en ordenadores de escritorio y dispositivos m&oacute;viles o en uno de los dos. Adem&aacute;s, seguir&aacute;s teniendo la lista de fragmentos lista para usar incluso cuando cambies de tema.<\/p><p>El plugin tambi&eacute;n incluye registros de actividad, para que sepas qui&eacute;n a&ntilde;adi&oacute; y edit&oacute; por &uacute;ltima vez un fragmento. Header Footer Code Manager admite c&oacute;digos CSS, HTML y JavaScript de cualquier servicio, incluidos <strong>Google AdSense, Twitter<\/strong> y <strong>Clicky Web Analytics<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-footer-mega-grid-columns\">3. <a href=\"https:\/\/es.wordpress.org\/plugins\/footer-mega-grid-columns\/\" target=\"_blank\" rel=\"noreferrer noopener\">Footer Mega Grid Columns<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"690\" height=\"220\" src=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-Mega-Grid-Columns.jpg\" alt=\"Plugin Footer Mega Grid Columns\" class=\"wp-image-31799\" style=\"width:842px;height:268px\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-Mega-Grid-Columns.jpg 690w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-Mega-Grid-Columns-300x96.jpg 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2023\/05\/Footer-Mega-Grid-Columns-150x48.jpg 150w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><\/figure><\/div><p><strong>Estad&iacute;sticas del plugin:<\/strong><\/p><ul class=\"wp-block-list\">\n<li><strong>Descargas: <\/strong>M&aacute;s de<strong> <\/strong>6,000<\/li>\n\n\n\n<li><strong>Puntuaci&oacute;n: <\/strong>4.5\/5<\/li>\n\n\n\n<li><strong>Caracter&iacute;sticas destacables:<\/strong> vista de cuadr&iacute;cula, compatible con la mayor&iacute;a de los temas de WordPress<\/li>\n\n\n\n<li><strong>Recomendado para: <\/strong>personas que no desean utilizar el &aacute;rea predeterminada del tema<\/li>\n\n\n\n<li><strong>Precio: <\/strong>freemium<\/li>\n<\/ul><p>El plugin Footer Mega Grid Columns muestra los widgets de pie de p&aacute;gina en una cuadr&iacute;cula horizontal, ayudando a organizar el contenido de tu pie de p&aacute;gina en columnas.<\/p><p>El plugin es bastante f&aacute;cil de usar. Simplemente arrastra un widget y su&eacute;ltalo en la columna para mostrar el contenido del pie de p&aacute;gina en vista de cuadr&iacute;cula.<\/p><p>Si quieres caracter&iacute;sticas adicionales como opciones de color, m&uacute;ltiples cuadr&iacute;culas y un editor CSS personalizado, el Essential Plugins bundle est&aacute; disponible desde 119 d&oacute;lares al a&ntilde;o.<\/p><p>Ten en cuenta que necesitas pegar el c&oacute;digo proporcionado por el desarrollador del plugin en el archivo <strong>footer.php<\/strong> de tu tema para que funcione.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/mx\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-content\/uploads\/sites\/39\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Adem&aacute;s de la cabecera y el contenido, el pie de p&aacute;gina es una de las partes principales de un sitio web. Se encuentra en la parte inferior del sitio y contiene principalmente informaci&oacute;n adicional y enlaces a diferentes p&aacute;ginas del sitio web.<\/p><p>As&iacute;, el pie de p&aacute;gina ayuda a los usuarios de WordPress a mejorar el SEO y la navegaci&oacute;n de sus sitios web.<\/p><p>En este art&iacute;culo, has aprendido diferentes maneras de c&oacute;mo editar el footer de WordPress:<\/p><ul class=\"wp-block-list\">\n<li>A trav&eacute;s del sistema de widgets de WordPress.<\/li>\n\n\n\n<li>Mediante el personalizador de WordPress para editar el tema.<\/li>\n\n\n\n<li>Usando el editor de bloques en WordPress 5.9.<\/li>\n\n\n\n<li>Eliminando el texto &ldquo;Powered by WordPress&rdquo;.<\/li>\n\n\n\n<li>A&ntilde;adiendo c&oacute;digo y scripts.<\/li>\n\n\n\n<li>Usando un <a href=\"\/mx\/tutoriales\/mejores-plugins-wordpress\/\">plugin de WordPress<\/a><\/li>\n<\/ul><p>Si tienes alguna pregunta o sugerencia sobre c&oacute;mo editar el footer de WordPress, no dudes en dejarnos un comentario a continuaci&oacute;n.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\"><strong>Descubre qu&eacute; m&aacute;s puedes hacer con WordPress<\/strong><\/h4>\n                    <p><a href=\"https:\/\/blog.hostinger.io\/mx-tutoriales\/que-es-sidebar-wordpress\" target=\"_blank\" rel=\"noopener\">&iquest;Qu&eacute; es el sidebar o barra lateral de WordPress?<\/a><br><a href=\"\/mx\/tutoriales\/agregar-notificaciones-push-wordpress\">C&oacute;mo agregar notificaciones push en WordPress<\/a><br><a href=\"\/mx\/tutoriales\/como-insertar-video-en-wordpress\">C&oacute;mo insertar un video en WordPress<\/a><br><a href=\"\/mx\/tutoriales\/como-mejorar-la-seguridad-wordpress\/\">C&oacute;mo mejorar la seguridad en WordPress<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al crear una p&aacute;gina web de WordPress, editar el pie de p&aacute;gina puede ser un poco frustrante. Aunque personalizar un pie de p&aacute;gina no es un proceso complicado, puede llevar mucho tiempo conseguir el dise&ntilde;o deseado. Esto se debe a que cada tema de WordPress puede tener diferentes dise&ntilde;os de pie de p&aacute;gina. Sin embargo, [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/mx\/tutoriales\/editar-footer-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":317,"featured_media":31704,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo editar el footer en WordPress: Gu\u00eda para principiantes","rank_math_description":"El footer es donde se puede insertar informaci\u00f3n adicional y men\u00fas en un sitio web. Aprende a editar el footer en WordPress en este art\u00edculo.","rank_math_focus_keyword":"editar footer wordpress","footnotes":""},"categories":[4747,14349],"tags":[14395],"class_list":["post-31702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-basico","tag-editar-footer-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/editar-rodape-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/modifier-footer-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"de-DE","link":"https:\/\/www.hostinger.com\/de\/tutorials\/wordpress-footer-bearbeiten","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/how-to-edit-footer-in-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/editar-footer-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/editar-rodape-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-edit-footer-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-edit-footer-in-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/317"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=31702"}],"version-history":[{"count":87,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31702\/revisions"}],"predecessor-version":[{"id":45245,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31702\/revisions\/45245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media\/31704"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=31702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=31702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=31702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}