Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Margenes extraños en los themes de wordpress

Estas en el tema de Margenes extraños en los themes de wordpress en el foro de WordPress en Foros del Web. Hola buenas, eh tenido varios problemas con wordpress ya que son nuevo en la creacion de themes y plugins para este. en mi practica necesito ...
  #1 (permalink)  
Antiguo 12/04/2012, 13:58
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
Margenes extraños en los themes de wordpress

Hola buenas, eh tenido varios problemas con wordpress ya que son nuevo en la creacion de themes y plugins para este.

en mi practica necesito hacer un theme para wordpress y para ello tengo primero estructurada mi pagina web en HTML y CSS, para después hacerla un theme.

el problema es que cuando empiezo (todo bien) divio el index en <?php get_header(); ?><?php get_sidebar(); ?><?php get_footer(); ?>
empiezo con el header y al momento de visualizar la pagina con todo y estilos validados sale un margen de exacatamente 16px esto aparece en todos los themes que ago. para resolverlo tengo que hacer un margin-top:-16px; pero esto no es una buena practica por lo que debo buscar la solucion.


y si, tengo ya lista mi archivo css .reset y esta correctamente estructurado ya que en html y css se ve el theme a la perfeccion. pero al pasar la pagina a php con wordpress sale este margin :S







otro problema que suelo tener es al agregar imagenes directamente al header. Esto lo suelo usar para agregar el logo y sustituir el texto H1 por una imagen,

pero agrego la sintaxis <img src="images/logo.png" />
<img src="/images/logo.png" />
<img src="../images/logo.png" />

y ninguna de ellas puede representar la imagen, y no es problema de la ruta porque en css con la misma ruta si soporta la imagen y la muestra correctamente



Porfavor de ser tan amables y podor ayudarme
  #2 (permalink)  
Antiguo 13/04/2012, 07:08
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 8 meses
Puntos: 656
Respuesta: Margenes extraños en los themes de wordpress

Hola! Ese margin que te agrega es la barra de administración de WordPress. Podés deshabilitarla y sólo la estás viendo vos y no los visitantes del sitio.

Para añadir tus imágenes en los archivos php del theme añadí lo siguiente a tu ruta:

<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #3 (permalink)  
Antiguo 13/04/2012, 17:44
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Margenes extraños en los themes de wordpress

Cita:
Iniciado por Nekko Ver Mensaje
Hola! Ese margin que te agrega es la barra de administración de WordPress. Podés deshabilitarla y sólo la estás viendo vos y no los visitantes del sitio.

Para añadir tus imágenes en los archivos php del theme añadí lo siguiente a tu ruta:

<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
respecto a las imagenes eso si funciono gracias, pero en cuanto a los de los margenes todavía no lo puedo solucionar; deshabilite la navbar en la administración y tampoco, añadí un código al archivo functions para ocultarla, add_ ......

y lo que veo no es problema de dicha barra de herramientas ya que vi la pagina en otra computadora y se ven los mismo margenes.

otro caso es que se ve bien en Firefox sin dichos margenes, en Opera, IE, Google Chrome si aparecen.



ojala que puedan ayudarme!
  #4 (permalink)  
Antiguo 13/04/2012, 18:11
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 4 meses
Puntos: 429
Respuesta: Margenes extraños en los themes de wordpress

Si nos pasas la url tal vez podríamos echarle un vistazo.
__________________
Mi blog personal | Mi G+
  #5 (permalink)  
Antiguo 13/04/2012, 18:49
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Margenes extraños en los themes de wordpress

Cita:
Iniciado por zanguanga Ver Mensaje
Si nos pasas la url tal vez podríamos echarle un vistazo.

mm acabada de reiniciar mi trabajo, esto es lo que puedo mostrarte ahora
es solo el header pero como veras ahi se muestra el problema

http://diiots.comuv.com

Última edición por zanguanga; 14/04/2012 a las 04:41 Razón: editado enlace
  #6 (permalink)  
Antiguo 14/04/2012, 04:40
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 4 meses
Puntos: 429
Respuesta: Margenes extraños en los themes de wordpress

Revisa tu header.php, parece que en <body> tienes un cambio de línea o algo así como un <br /> metido
__________________
Mi blog personal | Mi G+
  #7 (permalink)  
Antiguo 14/04/2012, 08:59
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Margenes extraños en los themes de wordpress

Cita:
Iniciado por zanguanga Ver Mensaje
Revisa tu header.php, parece que en <body> tienes un cambio de línea o algo así como un <br /> metido
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title><?php bloginfo('name');?> <?php wp_title();?></title>
  5. <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/reset.css" /><!-- reset file css -->
  6. <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url');?>" /><!-- style file css -->
  7. </head>
  8.  
  9.  
  10. <!-- header-wrapper -->
  11. <div id="header-wrapper">
  12.     <div id="header">
  13.         <div id="headings"><a href="#" ><img id="logotype" src="<?php bloginfo('template_directory'); ?>/images/logo.png" title="Diiots Diseño" alt="Diiots Logo" /></a><h1>Diiots</h1><h2><?php bloginfo ('description');?></h2></div>
  14.         <!-- navigation -->
  15.         <div id="navigation">
  16.             <ul id="navbar">
  17.                 <li><a href="#" title="#">Home</a></li>
  18.                 <li><a href="#" title="#">Portafolio</a></li>
  19.                 <li><a href="#" title="#">Acerca de</a></li>
  20.                 <li><a href="#" title="#">Contacto</a></li>
  21.             </ul><!-- end navbar -->
  22.         </div>
  23.     </div>
  24. </div><!-- header-wrapper end-->
  25. <div class="shadow"></div>

me puse a revisar en el header.php y no hay ningun indicio de ese salto de linea.
y aunque solo ponga texto sin ninguna etiqueta ni estilos no cambia ese margen
  #8 (permalink)  
Antiguo 14/04/2012, 09:43
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 8 meses
Puntos: 656
Respuesta: Margenes extraños en los themes de wordpress

No cerraste el </body> y no cerraste el </html>.

Al no insertar wp_head() ni wp_footer(), WordPress no está agregando nada extra, así que el problema está dentro de tu maquetación.
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #9 (permalink)  
Antiguo 14/04/2012, 17:55
 
Fecha de Ingreso: marzo-2012
Mensajes: 20
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Margenes extraños en los themes de wordpress

si habia cerrado el body y el html en el footer.php, pero alfin encontre la solucion lo que realize es lo siguiente:

con tanto tiempo tratando de resolver el problema mejor decidi bajar un plugin para poder hacer mi theme para wordpress, pero en lo que realidad hize fue tomar la base de ese plugin y borre todo asi que ahora el margen no aparece, y todo va bien con el diseño esta igual que como lo tenia en .PSD en photoshop ahora mismo estoy trabajando en localhost con el theme y todo bien solo faltan pequeños detalles en cuanto al theme

gracias

Etiquetas: css, extraños, imagenes, margenes, php, soporte, vizualizacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:16.