Tecnología

Inicio

Cómo hacer flotar el pie de página debajo de la barra lateral de contenido en WordPress

Cómo hacer flotar el pie de página debajo de la barra lateral de contenido en WordPress


WordPress utiliza temas como plantillas que determinan el aspecto de su sitio web. Estos temas vienen en piezas que separan el encabezado, contenido, barras laterales y pies de página. Una hoja de estilo llamado "style.css" se aplica un conjunto sistemático de los elementos de estilo a cada parte. Al crear su propio tema, tendrá que saber cómo escribir código para el archivo de flotar columnas y claro para los pies de página. Utilice la opción "clear: both;" código para borrar columnas flotaban. Ya sea que su código de flota el contenido o la barra lateral a la izquierda oa la derecha, "clear: both" colocará un elemento por debajo tanto de ellos.

Instrucciones

1 Entre para WordPress y vaya a "Apariencia". Haga clic en el enlace "Editor" para cargar la pantalla de edición de temas. Localizar "footer.php" en la parte inferior de la pantalla y haga clic en su enlace.

2 Leer el código en el archivo "footer.php" y busque el nombre de identificación de las etiquetas HTML que se envuelven alrededor del pie de página:

<Div id = "pie">

El contenido del pie aquí ...

</ Div>

Temas codificados en HTML 4 o XHTML etiquetas DIV abrigo de todo el pie de página, pero HTML 5 temas utilizarán etiquetas de pie de página en su lugar.

3 Haga clic en el enlace a "style.css" e ir a la parte inferior del archivo. Añadir este código:

pie de página {

Limpia los dos;

}

Cambiar "pie de página" al nombre de identificación en su código "footer.php". En el caso de que el código utiliza etiquetas de pie de página sin nombre ID, el cambio "#footer" a "pie de página".

4 Haga clic en "Guardar", a continuación, haga clic en Cargar su sitio en un navegador para comprobar que el formato tiene éxito.

Consejos y advertencias

  • Si el tema utiliza los nombres de clases como "lapso de 12" o "grid_10", entonces el tema utiliza un marco de CSS. El uso de un "lapso" es el modelo mientras que el uso de una "red" es 960 Grid System. Siga las instrucciones para cualquiera de marco para colocar el pie de página.
  • Copias de seguridad de archivos de temas antes de editarlos. Estos archivos se encuentran en "/ wp-content / themes / THEMENAME /" en su servidor Web.