Cómo flotar el pie debajo de la barra lateral de contenido en WordPress

El estilo de su pie con "claro: tanto" para ponerlo debajo de dos columnas flotantes.

contenido de pie de página

WordPress utiliza temas como plantillas que determinan el aspecto de su sitio web. Estos temas vienen en piezas que separan la cabecera, contenidos, barras laterales y pies de página. Una hoja de estilo llamada "style.css" aplica un conjunto sistemático de los elementos de estilo a todas partes. Al crear su propio tema, usted tendrá que saber cómo escribir código para el archivo de flotar columnas y eliminarlas de pies de página. Utilice la opción "claro: ambos;" código para borrar columnas flotantes. Si su código de flota del contenido o la barra lateral a la izquierda oa la derecha, "claro: tanto" colocará un elemento por debajo de ambos.

Acceda a WordPress y vaya a "Apariencia". Haga clic en el enlace "Editor" para cargar la pantalla de edición de Temas. Busque "footer.php" en la parte inferior de la pantalla y haga clic en su enlace.

Lea el código en el archivo "footer.php" y busque el nombre ID de las etiquetas HTML que se colocan alrededor del pie de página:

div id = "pie de página"

Pie de contenido aquí ...

/ Div

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

Haga clic en el enlace "style.css" y vaya a la parte inferior del archivo. Añade este código:

# Footer {

claro: ambos;

}

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

Haga clic en "Guardar", luego 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 clase como "span-12" o "grid_10", entonces el tema utiliza un marco de CSS. El uso de "span" es el modelo, mientras que el uso de "la red" es 960 Grid System. Siga las instrucciones para cualquier marco de referencia para colocar el pie de página.

Realice una copia de seguridad de los archivos del tema antes de editarlos. Estos archivos se encuentran en "/ wp-content/themes/themename /" en su servidor Web.