homefinance blog
Recientemente profundizamos cómo personalizar la navegación de WordPress. Esta vez, para dar una imagen más completa, pensamos que es bueno y apropiado tratar con el otro extremo de un sitio web y aprender a personalizar el sótano de un sitio de WordPress. El sótano es una parte a menudo descuidada de un sitio web. Después de todo, muchos visitantes nunca correrán tan lejos. Sin embargo, este tipo de actitud podría dejarte atrás. Primero, el sótano generalmente aparece en cada página de un sitio web (a menos que use una página de destino separada). En segundo lugar, puede contener información muy importante. Desde datos de contacto hasta menús y enlaces a la Política de privacidad y los términos y condiciones hasta que Legal se niegue a los íconos sociales, muchas cosas pueden encontrar su lugar allí.
Para garantizar que cualquier información en esta parte de su sitio se vea bien, ahora analizaremos más formas de personalizar el sótano de WordPress para que pueda aprovecharlo al máximo. Personalización del sótano en WordPress: Opciones nativas Cuando está buscando hacer cambios en su sótano, el primer lugar que puede abordar es el menú WordPress Widgets.
La mayoría de los temas de WordPress incluyen al menos un área de widget en el sótano, sin embargo, está acostumbrado a tener dos o tres para que pueda agregar contenido a las columnas si es necesario.
Agregar información es bastante simple. Simplemente tire y coloque un widget en su elección donde desea aparecer, configúrelo y guárdelo.
Opciones de widgets Teóricamente, puede usar todos los widgets que tiene a mano en el sótano de WordPress. Sin embargo, algunos tendrán más sentido que otros. Aquí hay algunas buenas opciones de widget para el sótano: Archivos: brinde a sus visitantes acceso a sus archivos de contenido mensuales agregando este widget.
Categorías: le permite a su audiencia acceder a las categorías de su blog de sótano.
Galería: muestre una galería de imágenes relevante. Simplemente tire del área del widget, luego agregue imágenes como suele hacer en una publicación o página.
Imagen: al igual que la galería, pero para una imagen singular. Agregar el logotipo es una buena idea aquí.
Los enlaces del menú de navegación a otras páginas en su sitio. Solo asegúrese de crear primero un menú> menús y equiparlo con las páginas a las que desea conectarse. Luego mueva el menú de navegación al widget del sótano, opcionalmente dale un título (se puede instar) y elija el menú en el menú desplegable.
Publicaciones recientes Lectores de ayuda que llegan al final de la página para descubrir más contenido en su blog web.
Search-It siempre es una buena idea tener un formulario de búsqueda en su sitio. Ayuda a los visitantes a encontrar lo que están buscando, y el sótano de WordPress es un buen lugar para decirlo.
Formulario de registro: si recopila correos electrónicos en su sitio, un formulario de registro del sótano puede funcionar como un impulso final para determinar a alguien para acceder a su boletín informativo.
Texto: agregue cualquier tipo de texto al sótano con la ayuda del clásico editor de WordPress. También puede usar el formato, como títulos, etc. Es excelente para la disminución de la responsabilidad o para cualquier mensaje que desee dejar a la audiencia. ¡No siempre olvide guardar sus widgets después de hacer cambios!
Eliminar “con orgullo con WordPress” del sótano del texto del sótano “alimentado por WordPress” es una solicitud común en los motores de búsqueda. Hay varias formas de eliminarlo, dependiendo de lo que ofrezca el tema. Use el personalizador Algunos temas le permitan personalizar esta parte del sótano de WordPress en el personalizador de WordPress. Para hacer esto, acceda a la apariencia> Personalización, luego busque opciones de sótano.
Por ejemplo, en el tema de OceanWP encontrará estas opciones en el fondo del pie.
Como puede ver, no solo sobrescribe el mensaje habitual “orgullosamente alimentado por WordPress” de forma predeterminada, sino que también le brinda la opción de personalizarlo a lo que desee. El tema incluso le permite usar códigos cortos para ingresar dinámicamente información como este año y otros.
Opciones como esta son muy comunes con muchos temas. Recuerde hacer clic en Publicar en la parte superior para hacer cambios permanentes. Elimínelo a través del complemento Otra opción para personalizar el contenido del sótano en WordPress puede ser complementos. Hay varios que pueden ayudarlo a eliminar el mensaje “WordPress”. El primero se elimina “impulsado por WordPress”. Cuando se activa en su sitio, le brinda opciones adicionales de temas dentro del personalizador para deshabilitar los préstamos del sótano.
Sin embargo, esto funciona solo para la marca predeterminada de WordPress, no para nada que pueda estar presente debido a su base u otro complemento, si este es el caso en su sitio, puede intentar eliminar el crédito del sótano. Aquí, bajo Instrumentos> Eliminación del crédito en el sótano, puede insertar cualquier texto o código HTML (busquelo con herramientas de desarrollo del navegador) para eliminarlo o reemplazarlo con una alternativa definida.
Edite el archivo de plantilla Si falla, aún tiene la opción de editar los archivos de plantilla. La mayoría de los temas tienen un archivo llamado Footer.php, que contiene toda la marca del sótano de WordPress. Si desea personalizarlo, desde aquí para comenzar (más sobre esto a continuación).
Nota rápida: los cambios en los archivos de plantilla y otros archivos de tema siempre deben hacerse en forma de un tema secundario. Para editar Footer.php, inicie sesión en el servidor con un cliente de FTP y vaya a WP-Content/Themes/YourThemedirection. Aquí, busque el archivo Footer.php y descárguelo. Luego edítelo con su editor de código favorito. Esto es lo que parece la parte que sale “impulsada por WordPress” en veintiún veintiún años. ! Esc_url (__ (‘https://wordpress.org/’, ‘veintiséis’)). ‘”> WordPress ‘); ? Guarde el archivo, vuelva a cargarlo en su tema (niño) y debe estar listo.
Cambie el diseño del sótano, así como para la navegación de WordPress, si desea realizar cambios más radicales en la forma en que se ve su sitio, deberá aplicar algo CSS o incluso PHP. Aquí, el primer paso también es encontrar los selectores CSS correctos para el elemento que desea cambiar. La forma más fácil de hacerlo es usar las herramientas de desarrollo del navegador mencionadas anteriormente. Básicamente, haga clic con el botón derecho en cualquier elemento del sótano que desee hacer cambios y luego elija inspeccionarlo. Esto le mostrará la estructura HTML del sótano y los selectores CSS y el estilo de cada elemento.
Saber esto le permite anular y cambiar lo que quiera. También es particularmente importante verificar esto, porque los últimos temas implícitos de WordPress (veinte veinte y veintiún años) comparten un sótano en un área de widget inferior y luego en el sótano real.
A continuación, pasaremos algunos ejemplos utilizando el tema de veinte veinte mencionado anteriormente. Mientras que veintiún veintiséis es el último valor predeterminado, utiliza muchas variables CSS en su marcado, lo que podría dificultar esto a los principiantes. Sin embargo, le mostraremos los principios sobre cómo personalizar su sótano de WordPress, tenga en cuenta que la marca puede no ser exactamente la misma.
Si va a hacer solo unos pocos cambios, es bueno hacerlo en el campo CSS personalizado, para cambios más grandes, es una buena idea usar un tema infantil nuevamente.
Cambie el color de fondo del sótano Lo primero que queremos hacer es bastante simple: cambiar el color de fondo del sitio. Puede hacer esto relativamente fácil con algunas marcas CSS. Lo único que debemos tener en cuenta es que los veinte veinte tienen la parte del sótano dividida en dos, con un área de widget y luego el sótano en sí. Mirándolos con herramientas de desarrolladores, verá que el primero tiene una clase. Publicación). Entonces, para cambiar ambos, puede usar la marca de la siguiente manera: .foot-fals-widgets-wrapper, #sitio-footer {background-color: #dfe5f5; . } Como puede ver, también cambiamos el color de los bordes, de modo que armonizan con el resto y no solo desaparecen en el fondo. Aquí está el resultado:
Haga cambios en las fuentes y el texto, queremos hacer algunos cambios en las fuentes de widgets. Actualmente, los títulos de Widget son bastante grandes y parecen poco desconectados por su contenido. También queremos probar cómo se ve el texto a continuación. Después de algunos exámenes, las herramientas de desarrolladores de navegadores revelan los siguientes selectores CSS:
.Widget .Widget-Title
.Tooter-Widgets A
Ahora podemos aplicar un nuevo estilo, como sigue: .Widget .Widget-Title {Margin-Bottom: 1Rem; } .footer-widgets a {relleno-izquierda: 5rem; } Cuando inserto esto en el campo CSS personalizado o en la hoja de estilo para el tema infantil, se ve así:
Agregue widgets al sótano de WordPress como un paso final para personalizar nuestro diseño de sótano de WordPress, queremos agregar un widget al sitio en sí para mostrar alguna información de contacto. El primer paso para esto es registrar un nuevo área de widget, que podemos hacer con este fragmento de código en funciones.php: function ns_register -widget -title “> ‘,’ after_title ‘=>’
‘,’, ‘ before_widget ‘=>’
‘,’ After_widget ‘=>’ ‘,’ name ‘=> __ (‘ pie-widget ‘,’ veintisejos ‘),’, ” Id ‘=> Widget de fondo inferior’, ‘Descripción’ => __ (‘Este es el widget en el pie de página inferior.’, ‘Veintisiete años’),)); } add_action (‘widgets_init’, ‘ns_register_footer_widget’); Cuando está presente, ya puede verlo en el menú Widgets Widgets. Todo esto, ahora tenemos que aparecer en la página. Para hacer esto, tenemos que editar el pie.php del tema. Nuevamente, esto es algo para un tema infantil, así que asegúrese de copiar el archivo con el tema antes de hacer cambios. Aquí está el código para que el nuevo área de widget aparezca en el sótano: Agregaremos eso ahora al archivo aquí:
Cuando recargamos la página, ya podemos ver la información de contacto allí:
Todo lo que quedó es aplicar un estilo adecuado, como sigue: .Bottom-Footer-Widget {Text-Align: Center;}. Bottom-Footer-Widget-Title {Font-Size: 2.2Rem;margen: 0 automóvil 0.5rem;} Entonces, realmente se ve bien: no es tan difícil, ¿no?Agregue scripts al sótano de lo que queremos hablar es cómo agregar scripts de sótano personalizados.Una de las formas más livianas es usar un complemento como insertar encabezados y pies de página.Simplemente instálelo y tenga la opción de incluir scripts de sótano a través de la interfaz de usuario.
Simplemente copie, pegue, guarde y estará bien.Algunos temas como Génesis también tienen cosas como esta incorporadas.
