¿Cómo agregar un logo en el tema Blog Station de WordPress?

Sleepy1443 · 3 Abr 2011

Hola amigos, pues bien mi duda es la siguiente.. querria poner un logo en el siguiente theme:

Blog Station Free WordPress Theme

La cosa es que no trae una opcion en la que pueda escojer la imagen a subir para el logo.. y tendria que modificar creo que el header... aqui abajo pego el codigo del header para ver si me podeis echar una mano..

CODIGO:

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'); ?>" />

<title><?php wp_title(''); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<style type="text/css">
  #portrait-bg { background:url(<?php bloginfo('template_directory'); ?>/images/bg-portrait<?php echo (rand()%9); ?>.jpg); }
</style>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php if(is_singular()) wp_enqueue_script( 'comment-reply' );?>
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<div id="wrap">
	<div id="menu">
		
			<?php wp_nav_menu( array('menu' => 'Top Navigation', 'fallback_cb' => 'grace_top_default_menu' )); ?>			
	
	</div>
	
	<div id="header">
		<span class="btitle"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></span>
		<p class="description">
			<a href="<?php 
			if (current_user_can('edit_posts')) 
				echo get_option('home').'/wp-admin/">'; 
			else 
				echo get_option('home').'/">'; 
			bloginfo('description'); ?> 
			</a>
		</p>
	</div>
	
	
	<div id="portrait-bg"></div>
	<div id="catmenu">
	
			<?php wp_nav_menu( array('menu' => 'Bottom Navigation', 'fallback_cb' => 'grace_bottom_default_menu' ));  ?>
		
	</div>

muchas gracias por vuestra ayuda!!

Saludos 🙂

Andriyleu · 3 Abr 2011

Insertar CODE, HTML o PHP:

		<span class="btitle"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></span>

Sustituye eso por:

Insertar CODE, HTML o PHP:

<img scr="urldetulogo"/>

Saludos. (Acordate de agregarle alt, title y demás.)

Sleepy1443 · 3 Abr 2011

gracias andryileu por tu ayuda.. el codigo que copie es el del theme sin modificar.. y nose porque cuando lo cambio me sale un error raro.. asi que mira.. pego el codigo del header que actualmente utilizo en mi sitio.. y haver si puedes decirme como podria poner lo del logo ahi.. porque aunque no he modificado nada del header nose porque no sale el mismo codigo..

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"><?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(); ?>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]>
	<script src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
	<script>
	  DD_belatedPNG.fix('#header');
	</script>
<![endif]--> 
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php echo get_theme_option("head") . "\n";  wp_head(); ?>
</head>
<body>

	<div id="wrapper">
		<div id="container" class="container">  
				<div id="header" class="span-24">
					<div class="span-12">
													<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
							<h2><?php bloginfo('description'); ?></h2>
						
					</div>
					
					<div class="span-12 last">
						<div id="topsocials">
							<a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/rss.png"  style="margin:0 4px 0 0;"  /></a>		
							<?php if(get_theme_option('twitter') != '') { ?><a href="<?php echo get_theme_option('twitter'); ?>" title="<?php echo get_theme_option('twittertext'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter.png"  style="margin:0 4px 0 0; "  title="<?php echo get_theme_option('twittertext'); ?>" /></a><?php } ?>
						</div>
						<div id="topsearch">
							<?php get_search_form(); ?>
						</div>
						<div id="pagemenucontainer">
						<?php
                    if(function_exists('wp_nav_menu')) {
                        wp_nav_menu( 'depth=1&theme_location=menu_1&menu_id=pagemenu&container=&fallback_cb=menu_1_default');
                    } else {
                        menu_1_default();
                    }
                    
                    function menu_1_default()
                    {
                        ?>
                        <ul id="pagemenu">
    						<li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
    						<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' ); ?>
    					</ul>
                        <?php
                    }
                    
                ?>
					</div>
					</div>
				</div>

Andriyleu · 3 Abr 2011

Puedes escribir aquí la url de tu blog con este tema, y que código escribes.

brownie · 3 Abr 2011

Podrías dar el código del style.css?

Sleepy1443 · 3 Abr 2011

pues el problema es que se trata de una web que justo ahora la esoty empezando .. con lo que si dijese la url rapidamente perderia toda posibilidad de posicionarla.. o eso me han comentado...

el codigo del style.css esta aqui:

Insertar CODE, HTML o PHP:

/*
	Theme Name: Blog Station
	Theme URL: http://newwpthemes.com/wordpress-theme/blog-station/
	Description: Blog Station is clean and elegant design free WordPress theme. Suitable for any niche, especially for personal blogging
	Author: NewWpThemes.com
	Author URI: http://newwpthemes.com/
	Version: 2.1
	Tags: Blue, Blogging,  Ads Ready, Two Columns, Right Sidebar, Fixed Width, Options Page
*/

/* LAYOUT */

body {
	background: url(images/background.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #49b3d1;
	}

#wrapper {
	padding:0;
	}

#container {
	}

#contentwrap {
	background: url(images/content-wrap-background.png) top center repeat-y;
	}

a {
	color: #7fa702;
	}

a:hover {
	color: #ed5859;
	}
/* HEADER */

#header {
	height: 151px;
	background: url(images/header-background.gif) left bottom no-repeat;
	}

#header h1 {
	margin-bottom: 4px !important;
	padding: 25px 0 0 0px;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 50px;
	text-transform: uppercase;
	}

#header h1 a, #header h1 a:visited {
	color: #fff;
	text-decoration: none;
	}


#header h2 {
	color: #e8f5f8;
	font-size: 16px;
	line-height: 14px; 
	font-family: Arial;
	}

/* NAVIGATION MENUS */

#pagemenucontainer {
	height: 30px;
	margin-top: 12px;
	float: right;
	}
	
#pagemenu {
	height: 30px;
	float: right;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #ecf8fb;
	display: block;
    margin: 0px 0 0px 6px;
	padding: 7px 0 6px 15px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#pagemenu li a:hover, #pagemenu li a:active {
	background: url(images/pagenav-backgr.png);
	background-repeat: repeat-x;
	color: #05708e;
	display: block;
    margin: 0px 0 0px 6px;
	padding: 7px 0 6px 15px;
	text-decoration: none;
	}
	
#pagemenu  li.current_page_item a {
	color:#05708e;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}
	



	
/* CONTENT */

.content {
	padding: 0 5px 0 5px;
	min-height: 120px;
	}
	
pre { overflow: auto; 
	width: 470px; 
	}

.post {
	padding-bottom: 30px;
	}

.post p {
	margin-bottom: 10px;
	}

.title {
	margin: 0 0 0 0;
	padding: 0px;
	line-height: 22px;
	font-family: Georgia, Times, "Times New Roman";
	color: #067b9c;
	}

	
.title a {
	text-decoration: none;
	color: #067b9c;
	}

.title a:hover {
	text-decoration: none;
	color: #49b3d1;
	}

.pagetitle {
	margin-bottom: 20px;
	line-height: 22px;
	font-family: Georgia, Times, "Times New Roman";
	text-decoration: underline;
	padding-left: 160px;
}

.postdate {
	font-size: 11px;
	padding: 15px 0 15px 0;
	font-family: Georgia, Times, "Times New Roman";
	background: #e4edd1;
	text-align: center;
	color: #0b7897;
	border-left: 4px solid #bee14f;
	margin-right: 2px;
	font-size: 20px;
	line-height: 18px;
	}


.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Georgia, Times, "Times New Roman";
	font-size: 14px;
	}
.navigation {
	padding: 10px 0 0 16px;
	}

blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7;
	}
	
.post img {
	max-width: 680px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.alignleft {
   float: left;
	}

.alignright {
   float: right;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}
	
/* SIDEBAR(S) */

.sidebaradbox {
	text-align:center;
	}
	
.ad125 {
	margin: 0 10px 10px 10px;
	}


.sidebar {
	}
	
.sidebar a {
	text-decoration: none;
	color: #055a72;
	}

.sidebar a:hover {
	text-decoration: underline;
	color:#ed5859;
	}
	

	
#search input, #searchform input{
	border: 1px solid #005687;
	}
	
#search label, #searchform label {
	margin: 10px 0 10px 0;
	padding: 4px 0 6px 0px;
	background: url(images/tab_backgr.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #003d69;
	display: block;
	}
	
#s {
	width: 220px;
	padding: 2px;
	}
	
#searchsubmit {
	border: 1px solid #1b90b1;
	background: #fff;
	color: #1b90b1;
	}

#topsocials {
	float: left;
	width: 180px;
	text-align: right;
	padding: 25px 0 0 0;
}
	
#topsearch {
	padding:30px 0 10px 0;
	margin-left: 180px;
	text-align: right;
	}
	
#topsearch input {
	border: 1px solid #1b90b1;
	}
	
#topsearch label {
	display: none;
	}
	
#topsearch #s {
	width: 200px;
	padding: 2px;
	}

	
.sidebarvideo {
	padding: 0 0 0 5px;
	}

.sidebar h2 {
	margin: 10px 0 0 1px;
	padding: 4px 0 4px 10px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #aeda22;
	border-right: 5px solid #80a805;
	}

.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li li {
	padding: 3px 0px 3px 15px;
	margin: 0px;
	background: url(images/bullet.gif) no-repeat top left;
	}
	
.sidebar ul li ul li {
	background: # url(images/bullet.gif) no-repeat top left;
	padding: 2px 0px 2px 15px;
	margin: 2px 0 2px 6px;
	}



#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #555;
	background: none;
	}
#wp-calendar caption {
	padding: 2px 4px;
	text-transform: uppercase;	margin: 2px 0 2px 0;
	background: none;
	}

#wp-calendar td {
	color: #999;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td:hover, #wp-calendar #today {
	background: #d9e5eb;
	color: #555;
	}
	
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	font-weight: bold; 
	width: 100%;
	}


/* FOOTER */

#footer {
	background: url(images/footer-background.gif) center top no-repeat;
	padding: 40px 0 10px 0 ;
	text-align: center;
	color: #fff;
	font-size: 13px;
	}

#footer a {
	color: #fff;
	} 

#footer a:hover {
	text-decoration: none;
	} 
	
#footer2 {
	color: #a3d4e2;
	font-size: 11px;
	text-align: right;
	padding: 10px;
	}	
#footer2 a {
	color: #a3d4e2;
	text-decoration: none;
	} 

#footer2 a:hover {
	text-decoration: none;
	} 
	
	
/* COMMENTS */

#comments h3 {
	margin-bottom: 10px;	
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.post_thumbnail {
    margin: 0 10px 10px 0;
}

al final he añadido este codigo

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"><?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(); ?>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]>
	<script src="<?php bloginfo('template_url'); ?>/js/pngfix.js"></script>
	<script>
	  DD_belatedPNG.fix('#header');
	</script>
<![endif]--> 
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php echo get_theme_option("head") . "\n";  wp_head(); ?>
</head>
<body>

	<div id="wrapper">
		<div id="container" class="container">  
	<div class="logotipo"><a href="#"><img src="http://img718.imageshack.us/img718/4959/logotipoby.jpg"/></a></div>

				<div id="header" class="span-24">

					<div class="span-12">
				<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
							<h2><?php bloginfo('description'); ?></h2>
									
						
					</div>

					
					<div class="span-12 last">
						<div id="topsocials">
							<a href="<?php bloginfo('rss2_url'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/rss.png"  style="margin:0 4px 0 0;"  /></a>		
							<?php if(get_theme_option('twitter') != '') { ?><a href="<?php echo get_theme_option('twitter'); ?>" title="<?php echo get_theme_option('twittertext'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter.png"  style="margin:0 4px 0 0; "  title="<?php echo get_theme_option('twittertext'); ?>" /></a><?php } ?>
						</div>
						<div id="topsearch">
							<?php get_search_form(); ?>
						</div>
						<div id="pagemenucontainer">
						<?php
                    if(function_exists('wp_nav_menu')) {
                        wp_nav_menu( 'depth=1&theme_location=menu_1&menu_id=pagemenu&container=&fallback_cb=menu_1_default');
                    } else {
                        menu_1_default();
                    }
                    
                    function menu_1_default()
                    {
                        ?>
                        <ul id="pagemenu">
    						<li <?php if(is_home()) { ?> class="current_page_item" <?php } ?>><a href="<?php echo get_option('home'); ?>/">Home</a></li>
    						<?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' ); ?>
    					</ul>
                        <?php
                    }
                    
                ?>
					</div>
					</div>
				</div>

el problema es que ahora se queda descuadrado y no se donde podria ajustar las medidas de este.. o que el logo quedase detras del recuadro de busqueda ...

Gracias por toda vuestra ayuda!

¿Cómo agregar un logo en el tema Blog Station de WordPress?

Sleepy1443

Andriyleu

Sleepy1443

Andriyleu

brownie

Sleepy1443

Temas similares

Privacidad y transparencia

Privacidad y transparencia