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

Problema al cargar estilos

Estas en el tema de Problema al cargar estilos en el foro de WordPress en Foros del Web. Buenas... acabo de instalar wordpress (por lo que no pude meter la pata XD) y estoy teniendo problema con los estilos y las imagenes. Indagando ...
  #1 (permalink)  
Antiguo 15/04/2012, 16:49
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 10 meses
Puntos: 5
Problema al cargar estilos

Buenas...

acabo de instalar wordpress (por lo que no pude meter la pata XD) y estoy teniendo problema con los estilos y las imagenes. Indagando durante largo rato me he dado cuenta de cual es el problema y es que al final de las URL se añade un backslash (/) que jode la entrada a los archivos convirtiendo el style.css a style.css/.

No tengo ni idea de que puede estar provocando esto. He hecho una prueba sacando todos los .htaccess propios que tengo en los subdominios y en la raiz y no hay cambio alguno, sigue haciendo lo mismo.

No se donde mirar porque realmente no se me ocurre que es lo que puede hacer esto. Estoy programando una aplicación en Code Igniter, en un subdominio aparte y no tengo problema alguno con la carga de css, js e imagenes por lo que la configuración del servidor queda descartada.

No se si a vosotros os ha pasado alguna vez esto o teneis alguna idea de que puede estar pasando pero me seria de gran ayuda. El blog sin estilo no se ve muy bien xD

Gracias~
  #2 (permalink)  
Antiguo 15/04/2012, 16:50
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 14 años, 8 meses
Puntos: 461
Respuesta: Problema al cargar estilos

eso esta estraño puedes mostrarnos tu archivo header.php??
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #3 (permalink)  
Antiguo 15/04/2012, 18:41
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 10 meses
Puntos: 5
Respuesta: Problema al cargar estilos

Olvide mencionar tambien que he probado varios themes para asegurarme de que no era el estilo que estaba mal hecho y pasa lo mismo con los 3 que he probado...Aquí tienes el código del header.php

Código PHP:
Ver original
  1. <?php
  2. /**
  3.  * The Header for our theme.
  4.  *
  5.  * Displays all of the <head> section and everything up till <div id="main">
  6.  *
  7.  * @package WordPress
  8.  * @subpackage Twenty_Ten
  9.  * @since Twenty Ten 1.0
  10.  */
  11. ?><!DOCTYPE html>
  12. <html <?php language_attributes(); ?>>
  13. <head>
  14. <meta charset="<?php bloginfo( 'charset' ); ?>" />
  15. <title><?php
  16.     /*
  17.      * Print the <title> tag based on what is being viewed.
  18.      */
  19.     global $page, $paged;
  20.  
  21.     wp_title( '|', true, 'right' );
  22.  
  23.     // Add the blog name.
  24.     bloginfo( 'name' );
  25.  
  26.     // Add the blog description for the home/front page.
  27.     $site_description = get_bloginfo( 'description', 'display' );
  28.     if ( $site_description && ( is_home() || is_front_page() ) )
  29.         echo " | $site_description";
  30.  
  31.     // Add a page number if necessary:
  32.     if ( $paged >= 2 || $page >= 2 )
  33.         echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
  34.  
  35.     ?></title>
  36. <link rel="profile" href="http://gmpg.org/xfn/11" />
  37. <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
  38. <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
  39. <?php
  40.     /* We add some JavaScript to pages with the comment form
  41.      * to support sites with threaded comments (when in use).
  42.      */
  43.     if ( is_singular() && get_option( 'thread_comments' ) )
  44.         wp_enqueue_script( 'comment-reply' );
  45.  
  46.     /* Always have wp_head() just before the closing </head>
  47.      * tag of your theme, or you will break many plugins, which
  48.      * generally use this hook to add elements to <head> such
  49.      * as styles, scripts, and meta tags.
  50.      */
  51.     wp_head();
  52. ?>
  53. </head>
  54.  
  55. <body <?php body_class(); ?>>
  56. <div id="wrapper" class="hfeed">
  57.     <div id="header">
  58.         <div id="masthead">
  59.             <div id="branding" role="banner">
  60.                 <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
  61.                 <<?php echo $heading_tag; ?> id="site-title">
  62.                     <span>
  63.                         <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
  64.                     </span>
  65.                 </<?php echo $heading_tag; ?>>
  66.                 <div id="site-description"><?php bloginfo( 'description' ); ?></div>
  67.  
  68.                 <?php
  69.                     // Check if this is a post or page, if it has a thumbnail, and if it's a big one
  70.                     if ( is_singular() && current_theme_supports( 'post-thumbnails' ) &&
  71.                             has_post_thumbnail( $post->ID ) &&
  72.                             ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post-thumbnail' ) ) &&
  73.                             $image[1] >= HEADER_IMAGE_WIDTH ) :
  74.                         // Houston, we have a new header image!
  75.                         echo get_the_post_thumbnail( $post->ID );
  76.                     elseif ( get_header_image() ) : ?>
  77.                         <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
  78.                     <?php endif; ?>
  79.             </div><!-- #branding -->
  80.  
  81.             <div id="access" role="navigation">
  82.               <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
  83.                 <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
  84.                 <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
  85.                 <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
  86.             </div><!-- #access -->
  87.         </div><!-- #masthead -->
  88.     </div><!-- #header -->
  89.  
  90.     <div id="main">

Gracias por responder :)
  #4 (permalink)  
Antiguo 15/04/2012, 19:23
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 14 años, 8 meses
Puntos: 461
Respuesta: Problema al cargar estilos

revisando la función no esta mal, y es algo extraño que te aparezca lo que indicas, sin embargo revisando el archivo wp-includes/theme.php acá la referencia puedes ver si tiene el / que indicas que te coloca al final, pero en teoría no debería de tenerlo porque esos son los archivos que no deberían de ser modificados por las personas que utilizan el cms como tal, sino por los desarrolladores que trabajan en el, saludos
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #5 (permalink)  
Antiguo 15/04/2012, 19:35
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 10 meses
Puntos: 5
Respuesta: Problema al cargar estilos

Código HTML:
Ver original
  1. function get_stylesheet_uri() {
  2.     $stylesheet_dir_uri = get_stylesheet_directory_uri();
  3.     $stylesheet_uri = $stylesheet_dir_uri . '/style.css';
  4.     return apply_filters('stylesheet_uri', $stylesheet_uri, $stylesheet_dir_uri);
  5. }

Pues no tiene barra ni tiene nada :\ He mirado tambien el "get_stylesheet_directory_uri()" y tampoco tiene barra al final.

El caso es que la url osea, el link en el html no sale como style.css/ sale bien pero cuando entras al estilo directamente desde el navegador, entonces es cuando te añade esa barra por eso me habia costado tanto ver porque no cargaban los estilos porque en el código está bien pero cuando entras te pone el backslash :\

Lo peor de todo es que acabo de instalarlo entonces no hay nada que pueda "deshacer" para arreglarlo porque es un error que me da desde el principio ._.
  #6 (permalink)  
Antiguo 15/04/2012, 19:35
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 10 meses
Puntos: 5
Respuesta: Problema al cargar estilos

:S perdón el doble post, me decía que no se habia podido enviar porque debia esperar 30 segundos, le volví a dar y ha salido dos veces :S
  #7 (permalink)  
Antiguo 15/04/2012, 20:25
Avatar de carlos_belisario
Colaborador
 
Fecha de Ingreso: abril-2010
Ubicación: Venezuela Maracay Aragua
Mensajes: 3.156
Antigüedad: 14 años, 8 meses
Puntos: 461
Respuesta: Problema al cargar estilos

la pregunta es cuando le das al link te aparece el style.css o que te aparece?? lo que dices es extraño, verifica que tengas los permisos de tus carpetas porque muchas veces no carga las cosas es por los permisos de las carpetas, saludos
__________________
aprende d tus errores e incrementa tu conocimientos
it's not a bug, it's an undocumented feature By @David
php the right way
  #8 (permalink)  
Antiguo 16/04/2012, 03:32
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 5 meses
Puntos: 429
Respuesta: Problema al cargar estilos

¿Tal vez ayudaría revisar o reconstruir enlaces permanente y/o .htaccess?
__________________
Mi blog personal | Mi G+
  #9 (permalink)  
Antiguo 16/04/2012, 05:03
 
Fecha de Ingreso: febrero-2008
Mensajes: 269
Antigüedad: 16 años, 10 meses
Puntos: 5
Respuesta: Problema al cargar estilos

Cita:
Iniciado por carlos_belisario Ver Mensaje
la pregunta es cuando le das al link te aparece el style.css o que te aparece?? lo que dices es extraño, verifica que tengas los permisos de tus carpetas porque muchas veces no carga las cosas es por los permisos de las carpetas, saludos
Cuando le doy al link cambia automaticamente a style.css/ así que salta error 404 porque un enlace así no va a funcionar nunca

Cita:
Iniciado por zanguanga Ver Mensaje
¿Tal vez ayudaría revisar o reconstruir enlaces permanente y/o .htaccess?
Increible. He entrado al panel de administración que tenia tambien el mismo problema, he ido a la configuracion de enlaces permanente donde estaba marcado el "Predeterminado" lo he cambiado a otro y magicamente ya funciona...pero si cambio a otro estilo no. El panel de administración al menos tiene estilo, ahora lo que falta solucionar es el estilo "publico" por así decirlo...

Ahora solo Twenty Ten carga el estilo base pero el css "admin-bar" si entras en el, abre el 404 de wordpress diciendo que no encontró la página así que la barra no carga correctamente, salen todos los links abajo deformando el blog y esto sucede porque sigue apareciendo la barra al final.

En cualquier otro theme los archivos e imagenes las toma como páginas, así que redirecciona al 404 de wordpress diciendo que "No encontró la página" porque sigue habiendo el problema de la barra al final.

Lo curioso es que pase con algunos css y con otros no ._.

Dejo el header.php de uno de los themes que estoy probando...

Código PHP:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php function wp_initialize_the_theme() { if (!function_exists("wp_initialize_the_theme_load") || !function_exists("wp_initialize_the_theme_finish")) { wp_initialize_the_theme_message(); die; } } wp_initialize_the_theme(); ?>
  2. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
  3.  
  4. <head profile="http://gmpg.org/xfn/11">
  5. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
  6.  
  7. <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
  8. <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
  9. <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
  10. <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
  11. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
  12. <?php if(get_theme_option('featured_posts') != '' && is_home()) {
  13. ?>
  14. <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
  15. <script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
  16. <script src="<?php bloginfo('template_directory'); ?>/jdgallery/mootools-1.2-more.js" type="text/javascript"></script>
  17. <script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.js" type="text/javascript"></script>
  18. <script src="<?php bloginfo('template_directory'); ?>/jdgallery/jd.gallery.transitions.js" type="text/javascript"></script>
  19. <?php } ?>
  20. <!--[if IE 6]>
  21.     <script src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
  22. <![endif]-->
  23. <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
  24. <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
  25. <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
  26. <script src="<?php bloginfo('template_directory'); ?>/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
  27. <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />
  28. <!--[if lt IE 7]>
  29.     <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/menu/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
  30. <![endif]-->
  31. <!-- Load the MenuMatic Class -->
  32. <script src="<?php bloginfo('template_directory'); ?>/menu/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
  33.  
  34. <?php
  35.     $get_background_image = get_theme_option('background');
  36.     if($get_background_image != '') {
  37.     ?>
  38.         <style type="text/css">
  39.         <!--
  40.            body {
  41.                background-image: url(<?php echo $get_background_image; ?>);
  42.                background-position: center top;
  43.                background-repeat: no-repeat;
  44.            }
  45.         -->
  46.         </style>
  47.     <?php
  48.     }
  49. ?>
  50. <?php echo get_theme_option("head") . "\n";  wp_head(); ?>
  51.  
  52. </head>
  53. <body <?php body_class(); ?>>
  54. <script type="text/javascript">
  55.     window.addEvent('domready', function() {           
  56.             var myMenu = new MenuMatic();
  57.     });
  58. </script>
  59.     <div id="wrapper">
  60.         <div id="container" class="container">  
  61.             <div class="span-24">
  62.                 <div id="pagemenucontainer">
  63.                     <?php
  64.                     if(function_exists('wp_nav_menu')) {
  65.                         wp_nav_menu( 'depth=1&theme_location=menu_1&menu_id=pagemenu&container=&fallback_cb=menu_1_default');
  66.                     } else {
  67.                         menu_1_default();
  68.                     }
  69.                    
  70.                     function menu_1_default()
  71.                     {
  72.                         ?>
  73.                         <ul id="pagemenu">
  74.                             <li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
  75.                             <?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' ); ?>
  76.                         </ul>
  77.                         <?php
  78.                     }
  79.                    
  80.                 ?>
  81.                 </div>
  82.             </div>
  83.            
  84.            
  85.                 <div id="header" class="span-24">
  86.                     <div class="span-12">
  87.                         <?php
  88.                         $get_logo_image = get_theme_option('logo');
  89.                         if($get_logo_image != '') {
  90.                             ?>
  91.                             <a href="<?php bloginfo('url'); ?>"><img src="<?php echo $get_logo_image; ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" class="logoimg" /></a>
  92.                             <?php
  93.                         } else {
  94.                             ?>
  95.                             <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
  96.                             <h2><?php bloginfo('description'); ?></h2>
  97.                             <?php
  98.                         }
  99.                         ?>
  100.                        
  101.                     </div>
  102.                    
  103.                     <div class="span-12 last" style="padding-top: 26px; text-align:right;">
  104.                         <?php echo get_theme_option('ad_header'); ?>
  105.                     </div>
  106.                 </div>
  107.            
  108.             <div class="span-24">
  109.                
  110.                 <div id="navcontainer">
  111.                     <?php
  112.                     if(function_exists('wp_nav_menu')) {
  113.                             wp_nav_menu( 'theme_location=menu_2&menu_id=nav&container=&fallback_cb=menu_2_default');
  114.                         } else {
  115.                             menu_2_default();
  116.                         }
  117.                        
  118.                         function menu_2_default()
  119.                         {
  120.                             ?>
  121.                             <ul id="nav">
  122.                                 <li <?php if(is_home()) { echo ' class="current-cat" '; } ?>><a href="<?php bloginfo('url'); ?>">Home</a></li>
  123.                                 <?php wp_list_categories('depth=3&exclude=1&hide_empty=0&orderby=name&show_count=0&use_desc_for_title=1&title_li='); ?>
  124.                             </ul>
  125.                             <?php
  126.                         }
  127.                     ?>
  128.                 </div>
  129.             </div>

y dejo tambien el htaccess a ver si por un casual falta algo o que se yo...

Código C:
Ver original
  1. # BEGIN WordPress
  2. <IfModule mod_rewrite.c>
  3. RewriteEngine On
  4. RewriteBase /
  5. RewriteRule ^index\.php$ - [L]
  6. RewriteCond %{REQUEST_FILENAME} !-f
  7. RewriteCond %{REQUEST_FILENAME} !-d
  8. RewriteRule . /index.php [L]
  9. </IfModule>
  10.  
  11. # END WordPress
  #10 (permalink)  
Antiguo 16/04/2012, 18:54
Avatar de zanguanga
Moderadora
 
Fecha de Ingreso: julio-2009
Ubicación: España
Mensajes: 1.686
Antigüedad: 15 años, 5 meses
Puntos: 429
Respuesta: Problema al cargar estilos

El .htaccess parece correcto, es el que genera Wordpress.

Cita:
he ido a la configuracion de enlaces permanente donde estaba marcado el "Predeterminado" lo he cambiado a otro y magicamente ya funciona...pero si cambio a otro estilo no.
Solo por confirmar:

- ¿Le diste permisos 777 a .htaccess para que tomara los cambios?
- ¿Probaste también desactivando todos los plugins?
__________________
Mi blog personal | Mi G+
  #11 (permalink)  
Antiguo 16/04/2012, 19:05
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: Problema al cargar estilos

Podés pasarnos el link al theme para descargarlo y verlo? Estás probando el theme sin ningún plugin activado?
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP

Etiquetas: blog, estilos, imagenes
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 09:28.