[Resolvido] css e imagens não carregam

pirotess · Julho 26, 2010

Olá pessoal,

Você poderiam me ajudar com um probleminha que não consigo resolver? Toda vez que publico meu site, nem o tema nem o css carregam como no link abaixo:

http://www.labragames.ifba.edu.br

Eu já tentei mudar de tema e o mesmo aconteceu. Tem outro problema que está ocorrendo... as imagens postadas também não carregam, o que posso fazer?

Abraços

Adolpho B. · Julho 26, 2010

Analisei seu código fonte e vi que há vários links inválidos do tipo

http://localhost/wordpress/wp-content/uploads/2010/07/banner.jpg

http://localhost/wordpress/wp-content/uploads/2010/07/svr.gif

http://www.labragames.ifba.edu.br/wp-content/themes/cover-wp/mystyle.css

Verifique os links de sua pagina talvez o erro possa ser isso Imagem Postada

Anderson Narciso · Julho 26, 2010

Puxe os links de forma dinâmica

Ex:

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/mystyle.css" type="text/css" media="screen" /

Você pode usar a mesma forma para imagens

<img src="<?php bloginfo('template_directory'); ?>/images/imagem.png" alt="imagem" />

E não esqueça de indicar seu cabeçalho antes do fim do </head>

<?php wp_head(); ?>

pirotess · Julho 27, 2010

Olá,

Consegui resolver o problema das imagens. Agora elas estão sendo carreadas, mas não sei como puxar os links de forma dinâmica para carregar o tema.

Tem condições de me explicar passo-a-passo de como fazê-lo?

Outra coisa, eu não tenho esse arquivo mystyle na pasta cover-wp. O que que tenho é o style normal.

Anderson Narciso · Julho 27, 2010

Acabei de olhar novamente seu código fonte

<link href="http://www.labragames.ifba.edu.br/wp-content/themes/cover-wp/style.css" type="text/css" rel="stylesheet" media="screen" />
<link href="http://www.labragames.ifba.edu.br/wp-content/themes/cover-wp/mystyle.css" type="text/css" rel="stylesheet" media="screen" />

O style.css origatoriamente precisa estar dentr da apsta do tema como também um index.php para que o Wordpress identifique como um tema. Mas também você pode ver que há um link para o mystyle.css, se você não tem elimine ele do código.

No seu arquivo header.php está assim

<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" />

Ou assim

<link href="http://www.labragames.ifba.edu.br/wp-content/themes/cover-wp/style.css" type="text/css" rel="stylesheet" media="screen" />

?

Atualize seu Wordpress para a versão 3.0 também, vejo que você usa a 2.9.2

<meta name="generator" content="WordPress 2.9.2" />

Você usa algum bloqueio de arquivos? Digo isso porque ao tentar visualizar seu css aparece isso

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /wp-content/themes/cover-wp/style.css was not found on this server.</p>
<hr>
<address>Apache/2.2.9 (Debian) DAV/2 SVN/1.5.1 PHP/5.2.6-1+lenny8 with Suhosin-Patch proxy_html/3.0.0 mod_ssl/2.2.9 OpenSSL/0.9.8g Phusion_Passenger/2.2.15 mod_perl/2.0.4 Perl/v5.10.0 Server at www.labragames.ifba.edu.br Port 80</address>
</body></html>

pirotess · Julho 29, 2010

Anderson

Modifiquei o tema para saber se este era o problema, mas nada mudou. O site ainda não carrega a template, como você pode ver: http://www.labragames.ifba.edu.br/

Outra coisa, eu não utilizo bloqueio de arquivos, e caso você não consiga visualizar o codigo fonte vou deixá-lo abaixo:

<!DOCTYPE html>
<html dir="ltr" lang="pt-BR">
<head>
<meta charset="UTF-8" />
<title>labragames | Só mais um site WordPress</title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.labragames.ifba.edu.br/wp-content/themes/twentyten/style.css" />
<link rel="pingback" href="http://www.labragames.ifba.edu.br/xmlrpc.php" />
<link rel="alternate" type="application/rss+xml" title="Feed de labragames »" href="http://www.labragames.ifba.edu.br/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="labragames »  Feed de comentários" href="http://www.labragames.ifba.edu.br/?feed=comments-rss2" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.labragames.ifba.edu.br/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.labragames.ifba.edu.br/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='labragames' href='http://www.labragames.ifba.edu.br' />
<meta name="generator" content="WordPress 3.0" />
</head>

<body class="home blog">
<div id="wrapper" class="hfeed">
	<div id="header">
		<div id="masthead">
			<div id="branding" role="banner">
								<h1 id="site-title">
					<span>
						<a href="http://www.labragames.ifba.edu.br/" title="labragames" rel="home">labragames</a>
					</span>

				</h1>
				<div id="site-description">Só mais um site WordPress</div>

										<img src="http://www.labragames.ifba.edu.br/wp-content/themes/twentyten/images/headers/path.jpg" width="940" height="198" alt="" />
								</div><!-- #branding -->

			<div id="access" role="navigation">
			  				<div class="skip-link screen-reader-text"><a href="#content" title="Pular para o conteúdo">Pular para o conteúdo</a></div>
								<div class="menu"><ul><li class="current_page_item"><a href="http://www.labragames.ifba.edu.br/" title="Início">Início</a></li><li class="page_item page-item-2"><a href="http://www.labragames.ifba.edu.br/?page_id=2" title="Sobre">Sobre</a></li></ul></div>

			</div><!-- #access -->
		</div><!-- #masthead -->
	</div><!-- #header -->

	<div id="main">

		<div id="container">
			<div id="content" role="main">

			




			<div id="post-5" class="post-5 post type-post hentry category-sem-categoria">

			<h2 class="entry-title"><a href="http://www.labragames.ifba.edu.br/?p=5" title="Link permanente para Teste" rel="bookmark">Teste</a></h2>

			<div class="entry-meta">
				<span class="meta-prep meta-prep-author">Publicado em</span> <a href="http://www.labragames.ifba.edu.br/?p=5" title="19:54" rel="bookmark"><span class="entry-date">29 de julho de 2010</span></a> <span class="meta-sep">por</span> <span class="author vcard"><a class="url fn n" href="http://www.labragames.ifba.edu.br/?author=1" title="Ver todos os posts de admin">admin</a></span>			</div><!-- .entry-meta -->

				<div class="entry-content">
				<p><a href="http://www.labragames.ifba.edu.br/wordpress/wp-content/uploads/2010/07/core.png"><img class="alignleft size-thumbnail wp-image-8" title="core" src="http://localhost/wordpress/wp-content/uploads/2010/07/core-150x150.png" alt="" width="150" height="150" /></a>imagem</p>
							</div><!-- .entry-content -->
	
			<div class="entry-utility">
									<span class="cat-links">
						<span class="entry-utility-prep entry-utility-prep-cat-links">Publicado em</span> <a href="http://www.labragames.ifba.edu.br/?cat=1" title="Ver todos os posts em Sem categoria" rel="category">Sem categoria</a>					</span>

					<span class="meta-sep">|</span>
												<span class="comments-link"><a href="http://www.labragames.ifba.edu.br/?p=5#respond" title="Comentário para Teste">Deixar um comentário</a></span>
							</div><!-- .entry-utility -->
		</div><!-- #post-## -->

		
	

			</div><!-- #content -->
		</div><!-- #container -->


		<div id="primary" class="widget-area" role="complementary">
			<ul class="xoxo">

<li id="search-2" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://www.labragames.ifba.edu.br/" >
	<div><label class="screen-reader-text" for="s">Pesquisar por:</label>
	<input type="text" value="" name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Pesquisar" />
	</div>
	</form></li>		<li id="recent-posts-2" class="widget-container widget_recent_entries">		<h3 class="widget-title">Tópicos recentes</h3>		<ul>

				<li><a href="http://www.labragames.ifba.edu.br/?p=5" title="Teste">Teste</a></li>
				</ul>
		</li><li id="recent-comments-2" class="widget-container widget_recent_comments"><h3 class="widget-title">Comentários</h3><ul id="recentcomments"></ul></li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Arquivos</h3>		<ul>
			<li><a href='http://www.labragames.ifba.edu.br/?m=201007' title='julho 2010'>julho 2010</a></li>
		</ul>
</li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categorias</h3>		<ul>

	<li class="cat-item cat-item-1"><a href="http://www.labragames.ifba.edu.br/?cat=1" title="Ver todos os posts arquivados em Sem categoria">Sem categoria</a>
</li>
		</ul>
</li><li id="meta-2" class="widget-container widget_meta"><h3 class="widget-title">Meta</h3>			<ul>
						<li><a href="http://www.labragames.ifba.edu.br/wp-login.php">Login</a></li>
			<li><a href="http://www.labragames.ifba.edu.br/?feed=rss2" title="Assinar este site usando RSS 2.0">Posts <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="http://www.labragames.ifba.edu.br/?feed=comments-rss2" title="Os comentários mais recentes de todos os posts em RSS"><abbr title="em inglês: Really Simple Syndication">RSS</abbr> dos comentários</a></li>

			<li><a href="http://wordpress.org/" title="Powered by WordPress, uma plataforma semântica de vanguarda para publicação pessoal.">WordPress.org</a></li>
						</ul>
</li>			</ul>
		</div><!-- #primary .widget-area -->

	</div><!-- #main -->

	<div id="footer" role="contentinfo">
		<div id="colophon">



			<div id="site-info">
				<a href="http://www.labragames.ifba.edu.br/" title="labragames" rel="home">
					labragames				</a>
			</div><!-- #site-info -->

			<div id="site-generator">
								<a href="http://wordpress.org/"
						title="Plataforma de Publicação Pessoal Semântica" rel="generator">

					Orgulhosamente criado com WordPress.				</a>
			</div><!-- #site-generator -->

		</div><!-- #colophon -->
	</div><!-- #footer -->

</div><!-- #wrapper -->

</body>
</html>

Mas tem algo que está me deixando intrigada... antes de publicar a pasta wordpress eu tive problemas com o arquivo wp-config e a unica solução que tinha encontrado foi essa:

/** nome do host do MySQL */
define('DB_HOST', 'localhost');

Mesmo sabendo que o certo seria isto:

/** nome do host do MySQL */
define('DB_HOST', 'labragames');

Caso contrário daria o erro: Error establishing a database connection

Por favor, quem puder da uma ajuda eu agradeço desde já.

Anderson Narciso · Julho 29, 2010

Mas se o site está em um servidor online é estranho o db estar com link localhost e funcionar.. Qual servidor de hospedagem você usa? Porque tipo geralmente links para servidor são parecidos com

hm3043.locaweb.com.br

ou

dbmy0012.whservidor.com

Por isso dava a mensagem de "Erro ao estabelecer uma conexão de banco de dados" porque não é um link.. Ou como também pode ser por causa da senha...

Rodrigo Resende · Julho 30, 2010

Parece que o problema realmente está relacionado com o wordpress, seria uma boa mover para o fórum certo ;D

As imagens não estão carregando por que seus caminhos estão incorretos. Tente reinstalar o Wordpress em instalar novamente o tema.

Boa sorte.

Imagem Postada

pirotess · Julho 30, 2010

Anderson e Rodrigo,

Eu uso o apache no servidor linux.

E não acho que é um problema com o wordpress, pq a primeira postagem quem fiz desta maneira que descrevi deu certo, e o tema carregou normalmente. Depois que eu mudei o tema nada mais funciona. Eu ja desisntalei e reinstalei tudo. Já fiz outro site, já tentei retornar ao tema anerior, mas nada modifica a situação atual.

O db do mysql só funciona como localhost quando o servidor web estiver no mesmo servidor de bd (q é o meu caso). Por creio que o meu problema seja com o css

Rodrigo Resende · Julho 30, 2010

OK, então vamos lá:

Olhe só o endereço desta img:

:seta: http://localhost/wordpress/wp-content/uploads/2010/07/core-150x150.png

Claro que não vai carregar.

O endereço correto é:

:seta: http://www.labragames.ifba.edu.br/wordpress/wp-content/uploads/2010/07/core-150x150.png

Agora olhe este endereço:

:seta:http://www.labragames.ifba.edu.br/wp-content/themes/twentyten/style.css

O correto seria:

:seta:http://www.labragames.ifba.edu.br/wordpress/wp-content/themes/twentyten/style.css

O problema está nos endereços!

Faz o seginte:

No painel de admin do worpdress clica em:

Configurações -> Geral

E posta aqui o aqui o conteúdo dos campos: Endereço do WordPress (URL) e Endereço do blog (URL).

Imagem Postada

pirotess · Julho 30, 2010

Eu consegui carregar o tema, mas algumas imagens ainda não carregam. Mais tarde coloco aqui conteúdo dos campos: Endereço do WordPress (URL) e Endereço do blog (URL).

Rodrigo Resende · Julho 30, 2010

O problema das imgs agora é relacionado ao script TimThumb. Olha só:

:seta: http: //www.labragames.ifba.edu.br/wp-content/themes/cover-wp/scripts/timthumb.php?src=http: //www.labragames.ifba.edu.br/wordpress/wp-content/uploads/2010/07/svr1.gif&w=230&h=165&zc=1&q=100

pirotess · Agosto 1, 2010

Como eu poderia fazer essa modificação se a função que chama o TimThumb é:

<img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $values[0]; ?>&w=230&h=165&zc=1&q=100" alt="<?php the_title(); ?>" width="230" height="165" border="0" />

Paulo de Tarso F. M. · Agosto 1, 2010

Alterando o conteúdo das variáveis do Endereço do WordPress (URL) e Endereço do blog (URL), conforme indicado anteriormente. A variável template_url precisa ter o endereço correto, já com o "wordpress" antes de "wp-content"...

pirotess · Agosto 11, 2010

Pessoal

passei aqui para agradecer a ajuda. Consegui resolver os problemas.

Abraços

Arquivado

[Resolvido] css e imagens não carregam

Recommended Posts

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Adolpho B. 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Anderson Narciso 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Anderson Narciso 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Anderson Narciso 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rodrigo Resende 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rodrigo Resende 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rodrigo Resende 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo de Tarso F. M. 24

Compartilhar este post

Link para o post

Compartilhar em outros sites

pirotess 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

PHP - Consulta MySql para prazo de dias

Fóruns

Tempo Real

Informação importante