Problemas para poner mi logo en el header del theme

  • Autor Autor MatComa
  • Fecha de inicio Fecha de inicio
M

MatComa

Dseda
SEO
Hola compañeros, llevo unos días intentado poner mi logo en el header de mi theme y no lo consigo, ya vi unos cuantos hilos con la misma temática, pero no me sirvieron, por eso mi solicitud.

Veréis, el theme que uso no trae sitio para logo ni imágenes, solo el titulo y la descripción y mi intención es en el lugar del titulo poner mi logo, como el de la firma.
lo intente por medio del header.php aqui os dejo como es

Insertar CODE, HTML o PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<title>
<?php wp_title(''); ?>
<?php if(wp_title('', false)) { echo ' :'; } ?>
<?php bloginfo('name'); ?>
</title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<!-- leave this for stats please -->
<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<style type="text/css" media="screen">
<!-- @import url( <?php bloginfo('stylesheet_url'); ?> ); -->
</style>
</head>

Y también lo intente modificando el style.css cuyo código es

Insertar CODE, HTML o PHP:
body {
	color:#FFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: [B]Enlace eliminado[/B]
	background-image: url(images/body-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
a:link, a:visited {
	text-decoration:none;
	color:#205BB2;
	border:0;
	-moz-outline-style:none;
}
a:hover {
	text-decoration:underline;
	color:[B]Enlace eliminado[/B]
	border:0;
	-moz-outline-style:none;
}
a:active {
	text-decoration:underline;
	color:#205BB2;
	border:0;
	-moz-outline-style:none;
}
h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}
h2.pagetitle {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font: normal 19px/22px Arial, Helvetica, sans-serif;
	color: [B]Enlace eliminado[/B]
}
img {
	border:none;
	margin:0;
	padding:0;
}
img.alignleft {
	margin-right:10px;
	margin-bottom:5px;
}
img.alignright {
	margin-bottom:5px;
	margin-left:10px;
}
hr {
	height:1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: [B]Enlace eliminado[/B]
	border-right-color: [B]Enlace eliminado[/B]
	border-bottom-color: [B]Enlace eliminado[/B]
	border-left-color: [B]Enlace eliminado[/B]
}
blockquote {
	background-color:#F0F2F4;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#D6DBE0;
	margin:0 20px 10px 10px;
	padding:10px 15px;
}
* html blockquote {
	height:1%;
}
blockquote blockquote {
	margin-right:5px;
	margin-left:0;
	border-top: 1px solid [B]Enlace eliminado[/B]
	border-bottom: 1px solid [B]Enlace eliminado[/B]
	border-right-style: none;
	border-left-style: none;
}
blockquote p {
	margin:0;
	padding:0 0 5px;
}
#wrap {
	width:900px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#header a {
	color:#FFF;
}

#sidebar a {
	color:#333333;
}
#header {
	clear:left;
	height:259px;
	width:920px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background: url(images/header-bg.png) no-repeat center bottom;
}
#header h1 {
	font-size:54px;
	position:absolute;
	width:600px;
	left:50px;
	top:37px;
	font-weight:400;
	line-height:38px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
#header h1 a:hover {
	color: [B]Enlace eliminado[/B]
	text-decoration: none;
}
p.tagline {
	font-size:14px;
	font-weight:700;
	position:absolute;
	width:600px;
	top:85px;
	left:50px;
	color:#00CCFF;
	margin:0;
	padding:0;
}

Alguien me podría ayudar con alguna de las 2 opciones??

Salu2 y gracias
 
Amigo, fijate en el head.php de tu blog. Busca la linea :
<div id="header">
<h1>blab alb abla</h1>


</div>

Borra el contenido que tiene dentro del H1, y pon el link de tu logo en imagen.
 
Gracias amigo, con tu ayuda y la de san google al final pude ponerla, tuve que tocar el código css para situarla en sitio correcto.
el php quedo asi
Insertar CODE, HTML o PHP:
<div id="header">
  <h1><img src="http://matcoma.com/wp-content/uploads/2012/03/logopequeño.png"></h1>
y el css asi
Insertar CODE, HTML o PHP:
#header h1 {
	font-size:34px;
	position:absolute;
	width:600px;
	left:50px;
	top:17px;
	font-weight:400;
	line-height:38px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}
Lo dejo aqui, por si a alguien mas le sirve.
Salu2
 
Atrás
Arriba