HTML Wordpress Header bzw. Logo positionieren

octekin · 23. Juli 2013

Moin,

ich bin dabei ein Blog zu veröffentlichen und habe dabei Probleme wie ich mein Logo Positionieren kann. (www.teknology-inside.de)
Ich hab ein Blog mit dem gleichen Theme gesucht und auch gefunden. Er hat das irgendwie hin bekommen (s. Bild)

Würde mich über hilfen freuen

Hier der header.php:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
<?php if ( is_home() ) { ?><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?><?php } ?>
<?php if ( is_search() ) { ?>Search Results - <?php bloginfo('name'); ?><?php } ?>
<?php if ( is_author() ) { ?>Author Archives - <?php bloginfo('name'); ?><?php } ?>
<?php if ( is_single() ) { ?><?php wp_title(''); ?><?php } ?>
<?php if ( is_page() ) { ?><?php wp_title(''); ?><?php } ?>
<?php if ( is_category() ) { ?><?php single_cat_title(); ?> - <?php bloginfo('name'); ?><?php } ?>
<?php if ( is_month() ) { ?><?php the_time('F'); ?> - <?php bloginfo('name'); ?><?php } ?>
<?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php bloginfo('name'); ?> - Tag Archive - <?php single_tag_title("", true); } } ?>
</title>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php if (is_home()) { ?>
<?php if ( get_option('uniq_meta_description') <> "" ) { ?>
<meta name="description" content="<?php echo stripslashes(get_option('uniq_meta_description')); ?>" />
<?php } ?>
<?php if ( get_option('uniq_meta_keywords') <> "" ) { ?>
<meta name="keywords" content="<?php echo stripslashes(get_option('uniq_meta_keywords')); ?>" />
<?php } ?>
<?php if ( get_option('uniq_meta_author') <> "" ) { ?>
<meta name="author" content="<?php echo stripslashes(get_option('uniq_meta_author')); ?>" />
<?php } ?>
<?php } ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
<?php if ( get_option('uniq_favicon') <> "" ) { ?>
<link rel="shortcut icon" type="image/png" href="<?php echo get_option('uniq_favicon'); ?>" />
<?php } ?>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option('uniq_feedburner_url') <> "" ) { echo get_option('uniq_feedburner_url'); } else { echo get_bloginfo_rss('rss2_url'); } ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php if ( get_option('uniq_scripts_header') <> "" ) { echo stripslashes(get_option('uniq_scripts_header')); } ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/lib/js/prettyPhoto/css/prettyPhoto.css" />
<link href="<?php bloginfo('template_directory'); ?>/lib/css/slimbox.css" rel="stylesheet" type="text/css" />

<?php if ( get_option('uniq_skin') == "Dark" ) { ?>
<link href="<?php bloginfo('template_directory'); ?>/lib/css/style_dark.css" rel="stylesheet" type="text/css" />
<?php } ?>



<?php if ( get_option('uniq_customcss') ) { ?>
<link href="<?php bloginfo('template_directory'); ?>/custom.css" rel="stylesheet" type="text/css">
<?php } ?>

<?php if (get_option('uniq_alt_stylesheet') != '') { ?>
<style type="text/css">
.req, #fullwidth h4 span, .highlight_light, #the_body h4 span, #sidebar ul.news_list li h3 a:hover, a:hover, h3 a:hover, .category_wise_post ul li a:hover, .related h4 span, #comments h4 span {
color:#<?php echo get_option('uniq_alt_stylesheet');?>;
}
</style>
<?php } else { ?>
<style type="text/css">
.req, #fullwidth h4 span, .highlight_light, #the_body h4 span, #sidebar ul.news_list li h3 a:hover, a:hover, h3 a:hover, .category_wise_post ul li a:hover, .related h4 span, #comments h4 span {
color:#d26630;
}
</style>
<?php } ?>

<?php if (get_option('uniq_corners')) { ?>
<style type="text/css">
.searchform, #nav, #the_body, .related, #fullwidth,
#slider, #sidebar .advt_single img, #sidebar ul.news_list,
#sidebar .video, .popular_post ul, #twitter_update_list,
#sidebar ul, #sidebar ul.news_list li a img, .posts img,
.related img, .stylings, img.avatar,
#respond input, #respond textarea, #comments, .main_img, img {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#topnav ul ul, #topnav ul ul ul, #nav ul ul, #nav ul ul ul {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
}
</style>
<?php } ?>

<?php global $cufon_disable; if (get_option('uniq_cufon')) { $cufon_disable=true; } ?>

<?php wp_head(); ?>

<?php if ( get_option('uniq_analytics') <> "" ) { echo stripslashes(get_option('uniq_analytics')); } ?>
</head>

<body <?php body_class(); ?>>
<div id="header">
<div id="top">
<div class="inner">

<?php if ( has_nav_menu( 'primary-menu' ) ) {
wp_nav_menu( array( 'menu' => 'primary-menu', 'container_id' => 'topnav', 'container_class' => '', 'menu_class' => 'sf-menu', 'fallback_cb' => '', 'theme_location' => 'primary-menu' ) );
} else { ?>

<div id="topnav">
<ul class="sf-menu">
<li class="hometab <?php if ( is_home() && $_REQUEST['page']=='' ) { ?> current_page_item <?php } ?>"><a href="<?php echo get_option('home'); ?>/"><?php _e(Home); ?></a></li>
<?php wp_list_pages('title_li=&depth=0&exclude=' . get_inc_pages("pag_exclude_") .'&sort_column=menu_order'); ?>
</ul>
</div>

<?php } ?>

<div id="rss">
<?php if (!get_option('uniq_feedburner_url')) {?>
<span><a href="<?php bloginfo('rss2_url'); ?>"><?php echo stripslashes(get_option('uniq_subscribe_feed')); ?></a></span>
<?php } else { ?>
<span><a href="<?php echo stripslashes(get_option('uniq_feedburner_url')); ?>"><?php echo stripslashes(get_option('uniq_subscribe_feed')); ?></a></span>
<?php } ?>
</div>
</div>

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

<div id="bottom">

<div id="logo">
<?php if ( get_option('uniq_show_blog_title') ) { ?>
<div class="blog-title"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a>

<p class="blog-description">
<?php bloginfo('description'); ?>
</p>

</div>

<?php } else { ?>
<?php if (get_option('uniq_skin') == "Light") { ?>
<a href="<?php echo get_option('home'); ?>/">
<img src="<?php if ( get_option('uniq_logo_url') <> "" ) { echo get_option('uniq_logo_url'); } else { echo get_bloginfo('template_directory').'/assets/logo.png'; } ?>" alt="<?php bloginfo('name'); ?>" class="logo" /></a>
<?php } else { ?>
<a href="<?php echo get_option('home'); ?>/">
<img src="<?php if ( get_option('uniq_logo_url') <> "" ) { echo get_option('uniq_logo_url'); } else { echo get_bloginfo('template_directory').'/assets/logo_dark.png'; } ?>" alt="<?php bloginfo('name'); ?>" class="logo" /></a>
<?php } ?>
<?php } ?>
</div>

<div id="header_advert">
<?php dynamic_sidebar(1); ?>
</div> 

<?php if ( has_nav_menu( 'category-navigation' ) ) {
wp_nav_menu( array( 'menu' => 'category-navigation', 'container_id' => 'nav', 'container_class' => '', 'menu_class' => 'sf-menu', 'fallback_cb' => '', 'theme_location' => 'category-navigation' ) );
} else { ?>
<div id="nav">
<ul class="sf-menu">
<?php wp_list_categories('orderby=name&title_li'); ?>
</ul>

<div class="clearboth"></div>
</div> 
<?php } ?>
</div> 
</div>

<div id="container">

omaliesschen · 23. Juli 2013

Scherzkeks. Einmal formatieren und in Code Tags packen. Es wird dadurch vermutlich nicht besser aber das ist das minimum um überhaupt Hilfe zu bekommen.

WhiteShark · 23. Juli 2013

Das ist nicht notwendig, da er in der header.php falsch ist. Ich würde im css gucken

octekin · 23. Juli 2013

Code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
	<?php if ( is_home() ) { ?><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?><?php } ?>
	<?php if ( is_search() ) { ?>Search Results - <?php bloginfo('name'); ?><?php } ?>
	<?php if ( is_author() ) { ?>Author Archives - <?php bloginfo('name'); ?><?php } ?>
	<?php if ( is_single() ) { ?><?php wp_title(''); ?><?php } ?>
	<?php if ( is_page() ) { ?><?php wp_title(''); ?><?php } ?>
	<?php if ( is_category() ) { ?><?php single_cat_title(); ?> - <?php bloginfo('name'); ?><?php } ?>
	<?php if ( is_month() ) { ?><?php the_time('F'); ?> - <?php bloginfo('name'); ?><?php } ?>
	<?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php bloginfo('name'); ?> - Tag Archive - <?php single_tag_title("", true); } } ?>
</title>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php if (is_home()) { ?>
<?php if ( get_option('uniq_meta_description') <> "" ) { ?>
<meta name="description" content="<?php echo stripslashes(get_option('uniq_meta_description')); ?>" />
<?php } ?>
<?php if ( get_option('uniq_meta_keywords') <> "" ) { ?>
<meta name="keywords" content="<?php echo stripslashes(get_option('uniq_meta_keywords')); ?>" />
<?php } ?>
<?php if ( get_option('uniq_meta_author') <> "" ) { ?>
<meta name="author" content="<?php echo stripslashes(get_option('uniq_meta_author')); ?>" />
<?php } ?>
<?php } ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
<?php if ( get_option('uniq_favicon') <> "" ) { ?>
<link rel="shortcut icon" type="image/png" href="<?php echo get_option('uniq_favicon'); ?>" />
<?php } ?>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option('uniq_feedburner_url') <> "" ) { echo get_option('uniq_feedburner_url'); } else { echo get_bloginfo_rss('rss2_url'); } ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php if ( get_option('uniq_scripts_header') <> "" ) { echo stripslashes(get_option('uniq_scripts_header')); } ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/lib/js/prettyPhoto/css/prettyPhoto.css" />
<link href="<?php bloginfo('template_directory'); ?>/lib/css/slimbox.css" rel="stylesheet" type="text/css" />


<?php if ( get_option('uniq_skin') == "Dark" ) { ?>
<link href="<?php bloginfo('template_directory'); ?>/lib/css/style_dark.css" rel="stylesheet" type="text/css" />
<?php } ?>

<!--[if IE 7]>
	<script type='text/javascript' src='<?php bloginfo('template_directory'); ?>/lib/js/excanvas.js'></script>
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/lib/css/IE_fix.css" type="text/css" media="screen" />
<![endif]--> 


<?php if ( get_option('uniq_customcss') ) { ?>
	<link href="<?php bloginfo('template_directory'); ?>/custom.css" rel="stylesheet" type="text/css">
<?php } ?>

<?php if (get_option('uniq_alt_stylesheet') != '') { ?>
	<style type="text/css">
		.req, #fullwidth h4 span, .highlight_light, #the_body h4 span, #sidebar ul.news_list li h3 a:hover, a:hover, h3 a:hover, .category_wise_post ul li a:hover, .related h4 span, #comments h4 span {
			color:#<?php echo get_option('uniq_alt_stylesheet');?>;
		}
	</style>
<?php } else { ?>
	<style type="text/css">
		.req, #fullwidth h4 span, .highlight_light, #the_body h4 span, #sidebar ul.news_list li h3 a:hover, a:hover, h3 a:hover, .category_wise_post ul li a:hover, .related h4 span, #comments h4 span {
			color:#d26630;
		}
	</style>
<?php } ?>

<?php if (get_option('uniq_corners')) { ?>
	<style type="text/css">
	.searchform, #nav, #the_body, .related, #fullwidth, 
	#slider, #sidebar .advt_single img, #sidebar ul.news_list, 
	#sidebar .video, .popular_post ul, #twitter_update_list, 
	#sidebar ul, #sidebar ul.news_list li a img, .posts img,
	.related img, .stylings, img.avatar, 
	#respond input, #respond textarea, #comments, .main_img, img {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;	
	}
	#topnav ul ul, #topnav ul ul ul, #nav ul ul, #nav ul ul ul {
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-webkit-border-bottom-left-radius:3px;
		-webkit-border-bottom-right-radius:3px;
	}
	</style>
<?php } ?>


<?php global $cufon_disable; if (get_option('uniq_cufon')) { $cufon_disable=true; }  ?>

<?php wp_head(); ?>

<?php if ( get_option('uniq_analytics') <> "" ) { echo stripslashes(get_option('uniq_analytics')); } ?>
</head>

<body <?php body_class(); ?>>
	<div id="header">
		<div id="top">
			<div class="inner">
			
				<?php if ( has_nav_menu( 'primary-menu' ) ) {
					wp_nav_menu( array( 'menu' => 'primary-menu', 'container_id' => 'topnav', 'container_class' =>  '', 'menu_class' => 'sf-menu', 'fallback_cb' => '', 'theme_location' => 'primary-menu' ) );
				} else { ?>
			
				<div id="topnav">
					<ul class="sf-menu">    
						<li class="hometab <?php if ( is_home() && $_REQUEST['page']=='' ) { ?> current_page_item <?php } ?>"><a href="<?php echo get_option('home'); ?>/"><?php _e(Home); ?></a></li>     
						<?php wp_list_pages('title_li=&depth=0&exclude=' . get_inc_pages("pag_exclude_") .'&sort_column=menu_order');  ?>
					</ul>
				</div>
				
				<?php } ?>
				
				<div id="rss">    
				<?php if (!get_option('uniq_feedburner_url')) {?>
                    <span><a href="<?php bloginfo('rss2_url'); ?>"><?php echo stripslashes(get_option('uniq_subscribe_feed')); ?></a></span>
				<?php } else { ?>
					<span><a href="<?php echo stripslashes(get_option('uniq_feedburner_url')); ?>"><?php echo stripslashes(get_option('uniq_subscribe_feed')); ?></a></span>
				<?php } ?>
                </div><!--rss-->
			</div>
        
        <?php //include(TEMPLATEPATH."/searchform.php");?>
		</div>

		<div id="bottom">

			<div id="logo">
				<?php if ( get_option('uniq_show_blog_title') ) { ?>
                   <div class="blog-title"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a> 
                   		
                         <p class="blog-description">
                          <?php bloginfo('description'); ?>
                        </p>
                   	
                   </div> 
                <!-- default logo -->
                <?php } else { ?>
					<?php if (get_option('uniq_skin') == "Light") { ?>
						<a href="<?php echo get_option('home'); ?>/">
						<img src="<?php if ( get_option('uniq_logo_url') <> "" ) { echo get_option('uniq_logo_url'); } else { echo get_bloginfo('template_directory').'/assets/logo.png'; } ?>" alt="<?php bloginfo('name'); ?>" class="logo"  /></a>
					<?php } else { ?>
						<a href="<?php echo get_option('home'); ?>/">
						<img src="<?php if ( get_option('uniq_logo_url') <> "" ) { echo get_option('uniq_logo_url'); } else { echo get_bloginfo('template_directory').'/assets/logo_dark.png'; } ?>" alt="<?php bloginfo('name'); ?>" class="logo"  /></a>
					<?php } ?>
				<?php } ?>
            </div>
                
            <div id="header_advert">
				<?php dynamic_sidebar(1);  ?>
            </div> <!-- header_ad -->
		
		

			<?php if ( has_nav_menu( 'category-navigation' ) ) {
				wp_nav_menu( array( 'menu' => 'category-navigation', 'container_id' => 'nav', 'container_class' =>  '', 'menu_class' => 'sf-menu', 'fallback_cb' => '', 'theme_location' => 'category-navigation' ) );
			} else { ?>
			<div id="nav">
				<ul class="sf-menu">
					<?php wp_list_categories('orderby=name&title_li'); ?>
				</ul>
				
				<div class="clearboth"></div>
			</div> <!-- nav -->
			<?php } ?>
		</div> <!-- bottom -->
	</div>

	<div id="container">

omaliesschen · 23. Juli 2013

Und wo soll Dein Logo sitzen bzw. wo sitzt es aktuell?

Hier:

Code:

function center( div, w, h ){ 

var wW = $(window).width(), 
wH = $(window).height(), 
wHc = wH /2-10, 
divH = h,
divHo = divH / 2,
wC = wW / 2, 
lW = w, 
lO = lW / 2, 
t = $(div);

t.css("position", "absolute").css('height',divH+'px').css('width',lW+'px').css('left', wC).css('margin-left', "-"+lO+'px').css('top', wHc).css('margin-top', "-"+divHo+'px'); 
}

Code:

$(function() { center( '#myLogo', 500, 100); });

octekin · 23. Juli 2013

es sitzt zwar schon in dem Header, aber er sitzt zu hoch! siehe www.teknology-inside.de und es soll in etwa so sein http://web.archive.org/web/20130315174047/http://mbitme.de/slotmaschine-auf-dem-handy/

omaliesschen · 23. Juli 2013

??

Code:

#header_advert {
    float: right;
    margin: 0 !important;
    width: 468px;
}

#logo {
    float: left;
    padding: 85px 0 0 10px;
}

octekin · 23. Juli 2013

und wo muss ich das einfügen?

omaliesschen · 23. Juli 2013

Irgendwo in die entsprechende CSS Datei oder unsauber inline ins HTML.

Am besten hierein und die alten Werte überschreiben:
http://www.teknology-inside.de/wp-content/themes/widezine/style.css

octekin · 23. Juli 2013

vielen Dank für deine sehr schnelle und hilfreiche hilfe

Ergänzung (23. Juli 2013)

mal den andere Frage: wie kann ich die Seiten die oben verlikt sind auch unten verliken im fooder

omaliesschen · 23. Juli 2013

WhiteShark · 23. Juli 2013

Geh mal in der Wordpress-Admin auf Design/Menus
Da solltest du das Menu im Footer konfigurieren können.

octekin · 23. Juli 2013

@WhiteShark

Hab ich schon nachgesehen ist nur für den Header (Top) und für Home (s.Bild)

WhiteShark · 23. Juli 2013

Dann solltest du mal in der footer.php nachschauen. Dort muss das was jetzt im footer steht ja ausgelesen werden. Das muss man dann anpassen

octekin · 23. Juli 2013

Ich kenn mich damit nicht so gut aus, könntest du mir vielleicht bisschen weiterhelfen?

Code:

		<div class="clearboth"></div>
	</div> <!-- container -->
  
	<div id="footer">
		<div class="inner">
			<div class="margins_fix">
				<div class="one_fourth">
					<div class="widget">
						<?php dynamic_sidebar(4);  ?>
					</div>
				</div>
		  
				<div class="one_fourth">
					<div class="widget">
						<?php dynamic_sidebar(5);  ?>
					</div>
				</div>
		  
				<div class="one_fourth">
					<div class="widget">
						<?php dynamic_sidebar(6);  ?>
					</div>
				</div>
		  
				<div class="one_fourth last">
					<div class="widget">
						<?php dynamic_sidebar(7);  ?>
					</div>
				</div>
				
				 <div class="clearboth"></div>
			</div> <!-- margins_fix -->
		</div> <!-- inner -->
  </div>  <!-- footer -->
  
  <div id="subfooter">
		<div class="inner">
			<div class="margins_fix">
				<div class="one_half">
					<?php echo stripslashes(get_option('uniq_copyright_text')); ?>
				</div>
					
				<div class="one_half last">
					<?php if ( has_nav_menu( 'primary-menu' ) ) {
						wp_nav_menu( array( 'menu' => 'primary-menu', 'container_id' => '', 'container_class' =>  '', 'menu_class' => 'footer_nav', 'fallback_cb' => '' ) );
					} else { ?>
				
						<ul class="footer_nav">
							<li class="hometab <?php if ( is_home() && $_REQUEST['page']=='' ) { ?> current_page_item <?php } ?>"><a href="<?php echo get_option('home'); ?>/"><?php _e(Home); ?></a></li>     
							<?php wp_list_pages('title_li=&depth=0&exclude=' . get_inc_pages("pag_exclude_") .'&sort_column=menu_order');  ?>
						</ul>
					
					<?php } ?>
				</div>
					
				 <div class="clearboth"></div>
			</div> <!-- margins fix -->
		</div> <!-- inner -->
	</div> <!-- subfooter -->

  <?php wp_footer(); ?>

  </body>
</html>

Suche

HTML Wordpress Header bzw. Logo positionieren

octekin

Cadet 4th Year

Anhänge

omaliesschen

Gast

WhiteShark

Admiral

octekin

Cadet 4th Year

omaliesschen

Gast

octekin

Cadet 4th Year

omaliesschen

Gast

octekin

Cadet 4th Year

omaliesschen

Gast

octekin

Cadet 4th Year

omaliesschen

Gast

WhiteShark

Admiral

octekin

Cadet 4th Year

WhiteShark

Admiral

octekin

Cadet 4th Year

Ähnliche Themen