Cómo convertir ancho fijo a WordPress Ancho de fluidos

Si cambia el código CSS levemente, puede convertir su sitio de WordPress ancho fijo a un diseño de ancho fluido. Esto significa que el área de contenido principal del sitio expandirse y contraerse para ajustarse al tamaño de la ventana del navegador, sin una barra de desplazamiento horizontal que aparece en la parte inferior de forma automática. Esta modificación requiere el acceso al Editor de temas de WordPress. Debe ser el administrador o Super Administrador del sitio para completar la conversión.

Instrucciones

1 Ingrese a su panel de control de administración de WordPress. Haga clic en "Apariencia" de la barra de menú de la izquierda, haga clic en "Editor".

2 Haga clic en "index.php" de la lista de archivos a la derecha. Estos archivos controlan el tema de WordPress. Desplaza hacia abajo hasta encontrar la etiqueta principal <div> que controla el ancho de la página. Este suele ser el primer <div>, y por lo general se llama "contenedor" o "contenedor". Tenga en cuenta el id del <div>, por ejemplo: "<div id =" contenedor ">".

3 Haga clic en "style.css" de la lista de archivos. Copia y pega este código en un nuevo archivo y guardarlo en su computadora. Ahora usted tiene una copia de seguridad que pueda restaurar en caso de que cometa un error.

4 Desplazarse por el archivo hasta que encuentre el nombre de la principal <div>. Para crear un diseño de ancho fluido, es necesario modificar el atributo "anchura" a "100%". Por ejemplo, si se encuentra en la lista como "width: 927px;", cambiarlo a "width: 100%;".

5 Haga clic en "Guardar cambios", a continuación, cargar su blog en un navegador. Si su sitio se llena todo el ancho de la ventana del navegador, la conversión se realiza correctamente. Trate de hacer la ventana más pequeña, y ver su sitio encoge para caber.

Consejos y advertencias

• Si no nota ninguna diferencia en la apariencia de su sitio, los cambios que se realizan en "style.css" no se han guardado correctamente.
• Si su sitio tiene un aspecto diferente, pero el cambio no es lo que quería, es porque no ha modificado el ancho de la correcta <div>, o porque hay un envoltorio separado para diferentes partes del sitio. Algunos sitios utilizan un derivador para la cabecera, y el otro para el área de contenido. Repita el proceso desde el paso 2, omitiendo el paso 3 si ya tiene una copia de seguridad, y comprobar los resultados con un diferente <div>. Continuar hasta que encuentre la correcta.