PDA

Zobraziť plnú verziu : Logo ako odkaz



spetko
21.07.2010, 09:32
Ahoj,
na mojej stránke www.fontes.sk by som rád, aby obrázok vľavo hore (logo) slúžil ako odkaz na prvú záložku - Domov. Ako to dosiahnem?
Ďakujem

JohnnyPea
21.07.2010, 18:58
Nájdi si vo svojej téme ( s najväčšou pravdepodobnosťou v header.php ) kód nejakého takéhoto znenia:

<div class="left" id="branding2">

<h5>&nbsp;</h5>

<div class="description"></div>

</div>
a zmeň <h5>&nbsp;</h5> na:

<a id="header-logo" href="<?php bloginfo( 'url' ) ?>"></a>

V style.css na riadku 181 zmeň h5 na #header-logo.

spetko
21.07.2010, 20:43
Všetko som zmenil podľa Teba, ale teraz mi logo zmizlo úplne.

JohnnyPea
22.07.2010, 09:23
Asi nezmenil, keďže v zdrojáku stránky tam stále vidím
<h5>&nbsp;</h5>.

Najlepšie by asi bolo keby si sem dal obsah header.php...

spetko
22.07.2010, 09:52
Prepáč, vo wp som len začiatočník, v téme mám dva header-y - header a header2. Už som to zmenil aj v tom druhom. Tu je "header.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" <?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 bloginfo('name'); ?> <?php if ( is_single() ) { ?>

&raquo; <?php

foreach((get_the_category()) as $cat) {

echo $cat->cat_name . ' ';

} ?> <?php } ?>



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



<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->



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

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

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



<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/dropdowns.js"></script>



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


<link rel=”shortcut icon” href=”favicon.ico”>


<?php wp_head(); ?>

</head>



</div>



<body<?php if ( is_home() ) { ?> id="home"<?php } ?>>



<div id="page" class="clearfloat">



<div class="clearfloat">

<div id="branding2" class="left">



<a id="header-logo" href="<?php bloginfo( 'url' ) ?>"></a>

<div class="description"></div>



</div>









<div class="right">

<?php include (TEMPLATEPATH . '/searchform.php'); ?>

<?php echo qtrans_generateLanguageSelectCode('image'); ?>

</div>

</div>

<ul id="nav" class="clearfloat">
<?php wp_list_pages('title_li='); ?>

</ul>

<div class="clearfloat">

<div id="branding" class="left">

<h1>&nbsp;</h1>

<div class="description"></div>

</div>



</div>

JohnnyPea
22.07.2010, 15:10
V style.css tam kde si upravoval h5 na #header-logo pridaj css atribút:
display:block; takže to bude vyzerať nejak takto:

#header-logo {
text-indent:-9999px;
background: url(images/fontes.jpg) no-repeat;
width: 142px;
height: 46px;
background-color: #FFFFFF;
margin-bottom: 18px;
display:block;
}

spetko
22.07.2010, 20:59
Ďakujem,
funguje to perfektne.
Keby som logo chcel odkazovať napr. na článok, čo treba v kóde zmeniť?