Hallo,
ich arbeitet mich gerade in WP ein und kann kleinere Sachen selbst ändern, jetzt stoße ich allerdings an meine Grenze :-(.
Ich möchte gerne in dem Theme "FreshAndClean" Eine Headergrafik einbinden und "über" diese Grafik den Blogtitel und die Beschreibung legen. (ich will einen ansprechenden Header designen aber aus SEO Sicht nicht auf den Titel und die Beschreibung verzichten)
Grafik, Titel und Beschreibung kann man in dem Theme über ein Panel bearbeiten, dass macht es wohl nicht gerade einfacher...
Derzeit verdrängen Titel und Beschreibung ein eingefügtes Headerbild. (das Bild wird verschoben darsgestellt)
Hier der Code aus der header.php:
<?php
global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) );
?></title>
<link rel="icon" type="image/png" href="<?php echo $xs_favicon; ?>" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/superfish.js"></script>
<? if ($xs_disable_slider== "true") { ?>
<? } else { ?>
<script type="text/javascript" src="<?php bloginfo('template_url');?>/js/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="<?php bloginfo("template_url"); ?>/css/nivosliderstyle.css" type="text/css" media="screen" />
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#slider').nivoSlider({
effect:'<?php echo $xs_slider_animation ?>',
slices:<?php echo $xs_slider_slices ?>,
animSpeed:<?php echo $xs_slider_speed ?>,
directionNavHide:<?php echo $xs_slider_nav ?>,
controlNav:false,
pauseTime:<?php echo $xs_slider_pause ?>
});
});
</script>
<? } ?>
<script type="text/javascript">
jQuery(function($){
$('ul.dropdown').superfish({
animation: {height:'show'},
delay: 500
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-6408716-33']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<link rel="shortcut icon" type="image/x-icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" />
</head>
<body>
<div id="header">
<div id="header-logo">
<? if ($xs_disable_logo== "true") { ?>
<? } else { ?>
<a href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home"><img src="<?php echo $xs_custom_logo ?>" alt="<?php bloginfo( 'name' ) ?>" /></a>
<? } ?>
<? if ($xs_disable_logo_text== "true") { ?>
<? } else { ?>
<a id="logo" href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home"><?php bloginfo( 'name' ) ?></a>
<? } ?>
<? if ($xs_disable_blog_description== "true") { ?>
<? } else { ?>
<br><?php bloginfo( 'description' ) ?></br>
<? } ?>
</div>
<!-- /header-logo -->
</div><!-- /header -->
<div id="primary-nav">
<?php wp_nav_menu( array('theme_location' => 'primary', 'sort_column' => 'menu_order', 'menu_class' => 'dropdown' ) ); ?>
<div class="clear"></div>
</div><!-- /Primary Nav -->
<div id="wrap">Und hier der Code aus der style.css:
/*** Header ***/
#header {
background: #FFF;
margin: 0 auto;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
width: 960px;
height: 100px;
position: relative;
}
#header-logo{
position: absolute;
left: 30px;
bottom: 20px;
}
a#logo {
height: 45px;
font-size: 2.14em;
color: #166E9D;
font-weight: normal;
}
#logo:hover {
text-decoration: none;
}
/*** Primary Nav ***/Ich würde mich freuen, wenn mir jemand einen Tipp geben kann oder sogar den Code ändern könnte.
Viele Grüße, Dennis
PS: diesen Beitrag (http://forum.wordpress-deutschland.org/design/77119-t…adergrafik.html) habe ich gelesen.