Tecnología

Inicio

Cómo determinar el ancho de un blog de WordPress

Cómo determinar el ancho de un blog de WordPress


blogs de WordPress son altamente personalizable en su aspecto y funciones. Una cosa que los diseñadores deben tener en cuenta es el ancho del blog en general. Esto se debe a que los blogs con una anchura fija - una anchura que no cambia con respecto a la anchura de la ventana del navegador - no aparecerán adecuadamente a los usuarios cuya resolución de pantalla es menor que el ancho del blog. Además, si los propietarios de blogs quieren mostrar una imagen de fondo en su sitio, tienen que asegurarse de que la imagen coincida con el ancho del blog.

Instrucciones

1 Ingrese a su área de administración de WordPress. Esta se encuentra en yourbloglocation.com/wp-admin.

2 Haga clic en "Apariencia" y luego "Editor". Esta sección le permite editar el código fuente HTML del blog directamente. Tenga en cuenta que a la mera determinar el ancho del blog, es necesario hacer que estos archivos no hay cambios.

3 Haga clic en "hojas de estilo", que se encuentra en la parte inferior de la lista de archivos a la derecha de la pantalla. La hoja de estilo contiene información sobre el tamaño, color y colocación de todos los elementos de tu blog. Después de hacer clic en el enlace, el archivo aparecerá en el área de edición central.

4 Buscar en el sitio de "contenedor". Puede pulsar Ctrl + F en Windows o Comando + F en el Mac para abrir una barra de búsqueda, o bien puede escanear el archivo manualmente. El título de la envoltura se procedió con un símbolo de hash "#". Mira justo debajo de "Ancho" - junto a ésta será la anchura de tu blog en píxeles. Si no puede encontrar una "envoltura", trate de buscar "contenedor". Si no hay un elemento contenedor o bien, continuar con el paso siguiente.

5 Haga clic en "header.php" - el archivo que contiene datos e información meta para los sitios de la parte superior de cabecera y cualquier MenuBars allí ubicados. Su objetivo es localizar la etiqueta primera <div> después de la etiqueta <body>. Esta será marcada con un "id", por ejemplo, <div id = "contenedor">. Anote el nombre de la etiqueta <div>, y búsquelo en la hoja de estilo, utilizando el mismo procedimiento que utilizó en el paso anterior.

Consejos y advertencias

  • Si no se siente cómodo tratar con código del sitio web, buscar la ayuda de alguien que tenga experiencia y conocimiento de HTML.