Header-Image bei Theme Willy the Cat

Kimbi

Hallo,

ich habe mir das folgende Theme für meinen Weblog ausgesucht:
http://wordpress.bytesforall.com/?page_id=34

Installiert ist es bereits.

Nun wollte ich das Bild im Header ändern. Denn es steht auch dabei, dass man sein eigenes Bild einfügen kann.

Wenn ich nun in meine Design-Einstellungen gehe, erscheint auch eine Seite "Willy the Cat Options", dort kann ich Farben, Schriften, etc. einstellen bzw. ändern.

Ich finde jedoch nirgends eine Option, wie ich das Bild austauschen kann?

Leider kenne ich mich mit css überhaupt nicht aus, sonst würde ich es direkt über den Editor (dort Header) ändern.

Wer kann mir helfen?

Danke im voraus.

LG Kimbi

P.S. Link meines Blogs: http://maunzblog.die-teppichtorpedos.de/

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Kimbi

Hier ist mal die header.php:

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'); ?>" />
<?php
global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } }
?>
<title><?php 
// TITLE TAG for ALL Pages
// If you don't want the Blog Name added to certain types of pages (could make sense for single post and "page" pages, to make them more unique), 
// remove the 'echo " &laquo; "; bloginfo('name');' part (the first and last quotation mark are just for highlighting the text part, they don't appear below) 
// in the corresponding line below:
if ( is_home() ) {bloginfo('name');  /* If home page, use Blog Name */ } 
elseif ( is_single () OR is_page () ) { the_title(); echo " &laquo; "; bloginfo('name'); /* If single post page or "page" page, use post title / page title, followed by blog name */} 
elseif ( is_category() ) { single_cat_title(); echo " &laquo; "; bloginfo('name'); /* If category page, use categroy title, followed by blog name */  } 
elseif ( function_exists('is_tag') && is_tag() ) { single_tag_title(); echo " &laquo; "; bloginfo('name'); /* If tag page, use tag title, followed by blog name */  } 
elseif ( is_search() ) { echo wp_specialchars($s); echo " &laquo; "; bloginfo('name'); /* If search result page, use search query, followed by blog name */  } 
elseif ( is_day () ) { the_time('l, F jS, Y'); echo " &laquo; "; bloginfo('name'); /* If daily archive, use day date, followed by blog name */  } 
elseif ( is_month () ) { the_time('F Y'); echo " &laquo; "; bloginfo('name');  /* If monthly archive, use month date, followed by blog name */ } 
elseif ( is_year () ) { the_time('Y'); echo " &laquo; "; bloginfo('name');  /* If yearly archive, use year date, followed by blog name */  } 
elseif ( is_author () ) { the_author(); echo " &laquo; "; bloginfo('name');  /* If author page, use author name, followed by blog name */  } 
elseif ( is_404 () ) { echo "404 not found &laquo; "; bloginfo('name');  /* If 404 not found page, use "404 not found", followed by blog name */  } 
else { wp_title(); } 
?>
</title>
<?php 
// META DESCRIPTION Tag for (only) the HOMEPAGE. To be set in WP Admin -> Presentation -> BytesForAll Theme Options
if ( is_home() && rtrim($wtc_homepage_meta_description) != "" ) { echo "<meta name=\"description\" content=\"$wtc_homepage_meta_description\">\n"; }
?>
<?php 
// META KEYWORDS Tag for (only) the HOMEPAGE. To be set in WP Admin -> Presentation -> BytesForAll Theme Options
if ( is_home() && rtrim($wtc_homepage_meta_keywords) != "" ) { echo "<meta name=\"keywords\" content=\"$wtc_homepage_meta_keywords\">\n"; }
?>
<?php
// META DESCRIPTION Tag for SINGLE POST PAGES & "PAGE" PAGES 
$finaldescription = "";
if ( have_posts() && (is_single() OR is_page() ) && !is_home() ) :
while ( have_posts() ) : the_post();
if (get_the_excerpt()) { $description = get_the_excerpt(); }
endwhile;
$shorteneddescription = (explode(" ", $description, 26));  // change this number to max amount of words - 1
if (count($shorteneddescription) > 25) { // change this number to max amount of words
$lastinphrase = array_pop($shorteneddescription); }
while (list(, $word) = each($shorteneddescription)) {
$finaldescription .= ("$word "); }
$finaldescription = trim($finaldescription); echo "<meta name=\"description\" content=\"$finaldescription"." ...\" />\n"; ?>
<?php endif; ?>
<?php 
// META KEYWORDS Tag for ALL pages CONTAINING POSTS, EXCEPT HOMEPAGE (Note: "PAGE" PAGES don't have posts in the sense meant here, so no keywords for them)
if ( have_posts() && !is_page() && !is_home() ) : ?>
<?php echo "<meta name=\"keywords\" content=\""; ?>
<?php while ( have_posts() ) : the_post(); ?>
<?php
if (function_exists('get_the_tags') && get_the_tags()) {
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
$keyword_array[] = $tag->name; 
}}}
if (get_the_category()) {
$postcategory = get_the_category();
if ($postcategory) {
foreach($postcategory as $category) {
$keyword_array[] = $category->name; 
}}}
?>
<?php endwhile; ?>
<?php $keywords_unique = array_unique($keyword_array);
while (list(, $number) = each($keywords_unique)) { 
$keywords .= strtolower("$number, ");                   
}
$keywords = rtrim ($keywords, ", ");
echo "$keywords\" />\n"; ?>
<?php endif; /* END META KEYWORDS */ ?>
<?php /* prevent duplicate content by making archive pages noindex: */
if ($wtc_archive_noindex == "Yes" && is_archive() ) {?>
<meta name="robots" content="noindex, follow" />
<?php } ?>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<style type="text/css">
body {background: #cccccc url(<?php echo get_bloginfo('template_directory'); ?>/images/bg.gif) top center repeat-y; color: <?php echo $wtc_body_color; ?>; margin: 16px 0; }
a:link, a:visited, a:active {color: <?php echo $wtc_link_color; ?>; text-decoration: none; text-align: center; /*needed for IE page align*/}
a:hover {text-decoration: underline; }
h3.widgettitle {color: <?php echo $wtc_sidebar_headings_font_color; ?>; width: 100%; font-size: 1.3em; margin-bottom: 0px; padding-bottom: 0px; font-family: <?php echo $wtc_body_font; ?>; border-bottom: <?php echo $wtc_sidebar_headings_underline_width; ?>px dashed <?php echo $wtc_sidebar_headings_underline_color; ?>; }
p.header { margin: 23px 20px 0 0; font-size:1.2em; font-weight: bold; /*line-height:1.2em*/; color: <?php echo $wtc_blog_tagline_color; ?>; }
h1{ font-family: <?php echo $wtc_blog_title_font; ?>; letter-spacing:-1px; line-height: 1.0em; font-size:<?php echo $wtc_blog_title_fontsize; ?>em; /*float:left;*/ /*width: 49%;*/ margin: 10px 20px 2px 10px; padding:0; }
.header-background {margin-bottom: <?php echo $wtc_header_height; ?>px}
a.header:link, a.header:visited, a.header:active, a.header:hover {color: <?php echo $wtc_blog_title_color; ?>; text-decoration: none; }
#page-container {background-color: #fff; /*border: solid 16px #ffffff;*/  
width: 740px; margin-left:auto; margin-right: auto; font-family: <?php echo $wtc_body_font; ?>; text-align: left; /* because we set body to center for IE */}
#outer-column-container {border-left: solid 0em <?php echo $wtc_leftcolumn_backgroundcolor; ?>; border-right: solid <?php echo $wtc_rightcolumn_width; ?>em <?php echo $wtc_rightcolumn_backgroundcolor; ?>;}
#left-column {float: left; margin-left: -0em; width: 0em; margin-right: 0px; }
#right-column {float: right; margin-right: -<?php echo $wtc_rightcolumn_width; ?>em; width: <?php echo $wtc_rightcolumn_width; ?>em; margin-left: 1px; }
#masthead {background: #ffffff url(<?php echo get_bloginfo('template_directory'); ?>/images/headerimage.jpg) <?php echo $wtc_header_image_alignment; ?> no-repeat;
border-top: 0px solid #ffb0b3; 
padding-top: 1px; border-bottom: solid 15px #913357;}
#footer {background-color: <?php echo $wtc_footer_backgroundcolor; ?>; border-top: solid 1px <?php echo $wtc_footer_backgroundcolor; ?>; padding-bottom: 1px;}
#inner-column-container {border: solid 0px #666666;
border-width: 0 0px; margin: 0 -0px;}
#inner-column-container {background-color: <?php echo $wtc_middlecolumn_backgroundcolor; ?>;}
/*URL: http://www.dynamicdrive.com/style/ */
#ddcolortabs a{ float:left; color: <?php echo $wtc_colortabs_font_color; ?>; background: <?php echo $wtc_colortabs_default_color; ?> url(<?php echo get_bloginfo('template_directory'); ?>/images/color_tabs_left.gif) no-repeat left top; margin:0 4px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px;}
#ddcolortabs a span{ float:left; display:block; background: transparent url(<?php echo get_bloginfo('template_directory'); ?>/images/color_tabs_right.gif) no-repeat right top; padding:4px 9px 2px 6px; }
#ddcolortabs a:hover{ background-color: <?php echo $wtc_colortabs_hover_color; ?>;}
#ddcolortabs a:hover span{ background-color: <?php echo $wtc_colortabs_hover_color; ?>;}
#ddcolortabs #current a:link, #ddcolortabs #current a:active, #ddcolortabs #current a:visited, #ddcolortabs #current a:hover, #ddcolortabs #current span{ 
background-color: <?php echo $wtc_colortabs_current_color; ?>;}
#ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 15px; line-height: 15px; background: #913357; /*border-top: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/}
#modernbricksmenu{margin-bottom: 0; padding: 0; width: auto; background: transparent;
voice-family: "\"}\"";
voice-family: inherit;}
#modernbricksmenu ul{font: bold 11px Arial; margin:0; margin-left: 10px; <?php /*margin between first menu item and left browser edge*/ ?> padding: 0; list-style: none;}
#modernbricksmenu li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#modernbricksmenu li:first-child {margin-left: 1px; }
#modernbricksmenu a{float: left; display: block; color: <?php echo $wtc_colortabs_font_color; ?>; margin: 0 4px 0 0; <?php /*Margin between each menu item*/ ?> padding: 5px 10px; text-decoration: none; letter-spacing: 1px;background-color: <?php echo $wtc_colortabs_default_color; ?>; /*border-bottom: 1px solid white; */ }

Alles anzeigen

Kimbi

Und hier der Rest:

PHP

#modernbricksmenu a:hover{background-color: <?php echo $wtc_colortabs_hover_color; ?>; }
#modernbricksmenu #current a{ background-color: <?php echo $wtc_colortabs_current_color; ?>; border-color: <?php echo $wtc_colortabs_current_color; ?>; }
<!--#modernbricksmenuline{ clear: both; padding: 0; width: 100%; height: 15px; <?php /*line-height: 15px;*/ /*line-height causes errors in IE with this menu*/ ?> background: #913357; } -->
#modernbricksmenuline{ clear: both; padding: 0; width: 100%; background: #913357 url(<?php echo get_bloginfo('template_directory'); ?>/images/border-top.gif) bottom center no-repeat;}
/**********************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#invertedtabs{ float: right;
margin-left: 15px; margin-right: 15px; padding: 0; width: auto; background: transparent; 
voice-family: "\"}\"";
voice-family: inherit;}
#invertedtabs ul{ 
font: bold 11px Arial, Verdana, sans-serif; margin:0; /*margin-bottom: 1em;*/ /*margin between menu and rest of content*/ padding:0; list-style:none; }
#invertedtabs li{
display:inline; margin:0 4px 0 0; padding:0; text-transform:uppercase; /*line-height: 1.8em;*/ }
#invertedtabs li:first-child 
{margin-left: 1px; }
#invertedtabs a{
float:left; color: <?php echo $wtc_colortabs_font_color; ?>; background: <?php echo $wtc_colortabs_default_color; ?> url(<?php echo get_bloginfo('template_directory'); ?>/images/color_tabs_left2.gif) no-repeat left bottom;
margin:0 4px 0 0; padding:2px 0 0 3px; text-decoration:none; letter-spacing: 1px; }
#invertedtabs a span{
float:left; display:block; background: transparent url(<?php echo get_bloginfo('template_directory'); ?>/images/color_tabs_right2.gif) no-repeat right bottom; padding:3px 9px 3px 6px; }
#invertedtabs a span{ 
float:none; }
#invertedtabs a:hover{
background-color: <?php echo $wtc_colortabs_hover_color; ?>;}
#invertedtabs a:hover span{
background-color: <?php echo $wtc_colortabs_hover_color; ?>;}
#invertedtabs #current a:link, #invertedtabs #current a:active, #invertedtabs #current a:hover, #invertedtabs #current a:visited, #invertedtabs #current span{ /*currently selected tab*/
background-color: <?php echo $wtc_colortabs_current_color; ?>;}
#invertedtabsline{
clear: both; padding: 0; width: 100%; height: 15px; line-height: 15px; background: #8b0000; /*border-bottom: 1px solid #fff;*/ /*Remove this to remove border between bar and tabs*/
}
<?php #set page sub sub pages back so they don't get highlighted as well: ?>
li.current_page_item li a:link, li.current_page_item li a:active, li.current_page_item li a:visited, li.current_page_item li a:hover {color:<?php echo $wtc_link_color; ?>; font-weight: normal; }
.inside {margin: 15px; }
#footer .inside{text-align: center;}
#footer-bottom {width: 100%; background: <?php echo $wtc_footer_backgroundcolor; ?> url(<?php echo get_bloginfo('template_directory'); ?>/images/border-bottom.gif) bottom center no-repeat;}
#page-top {height: 16px; margin-bottom: 0; position: relative; width: 100%; margin-top: -16px; background: url(<?php echo get_bloginfo('template_directory'); ?>/images/page-top.gif) top center no-repeat;}
form input {color: #000; background: #efd3de url(<?php echo get_bloginfo('template_directory'); ?>/images/searchshadow.gif) top left repeat-x; border: 1px solid #d181a0; }
.calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;}
.calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
.calendar1{color: #eac4d2; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; font-size: 95%; height: 16px; text-transform:uppercase; background: #efcfda url(<?php echo get_bloginfo('template_directory'); ?>/images/calendar1.gif) top center no-repeat;}
.calendar2{font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #f9ecf1; font-size: 160%; height: 23px; background: #efcfda url(<?php echo get_bloginfo('template_directory'); ?>/images/calendar2.gif) top center no-repeat;}
.calendar3{line-height: 16px; /*margin-top: 0; padding-top: 2px;*/ color: #eac4d2; font-size: 90%; height: 16px; background: #efcfda url(<?php echo get_bloginfo('template_directory'); ?>/images/calendar3.gif) top center no-repeat;}
.postmetadata2 a:hover {color: <?php echo $wtc_link_color; ?>; text-decoration: underline}
#right-column p {margin-bottom: 15px;}
.line1pix {
width: 100%;
height: 1px;
margin: 0px;
border-top: 1px solid #913357;
padding: 0;
margin: 10px 0 20px 0;
display: block;
font-size: 1px;
}
img {margin: 10px; border: none}
.entry ul, .entry ol {clear:both}
.entry ul li, .entry ol li {clear: both}
.entry p {clear:both} 
.postmetadata {clear:both}
</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 wp_head(); ?>
 </head>
 <body>
  <div id="page-container">
  <div id="page-top">&nbsp;</div>
<?php $chosen_menu_type = "invertedtabs"; ?>
<?php if ($chosen_menu_type == "ddcolortabs") { ?>
<div class="clearfix" id="ddcolortabs">  
<ul><?php $string = wp_list_pages('title_li=&echo=0&depth=1' ); 
$pattern2 = ' current_page_item "';
$replacement2 = '" id="current"';
$string = str_replace($pattern2, $replacement2, $string);
$pattern = '/<a href(.*)>(.*)<\/a>/U'; 
$replacement = '<a href$1><span>$2</span></a>';
echo preg_replace($pattern, $replacement, $string);?></ul></div><div id="ddcolortabsline">&nbsp;</div>
<?php } ?>
<?php if ($chosen_menu_type == "invertedtabs") { ?>
<div id="invertedtabs">  
<ul><?php $string = wp_list_pages('title_li=&echo=0&depth=1' ); 
$pattern2 = ' current_page_item "';
$replacement2 = '" id="current"';
$string = str_replace($pattern2, $replacement2, $string);
$pattern = '/<a href(.*)>(.*)<\/a>/U'; 
$replacement = '<a href$1><span>$2</span></a>';
echo preg_replace($pattern, $replacement, $string);?></ul></div>
<?php } ?>
<?php if ($chosen_menu_type == "modernbricks") { ?>
<div id="modernbricksmenu">
<ul><?php $string = wp_list_pages('title_li=&echo=0&depth=1' ); 
$pattern = ' current_page_item "';
$replacement = '" id="current"';
echo str_replace($pattern, $replacement, $string); ?></ul></div><div id="modernbricksmenuline">&nbsp;</div>
<?php } ?>
<div style="clear: both"></div><div class="navigation"><div class="headerleft"><h1><a class="header" href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
  <div class="headerright"><p class="header"><?php bloginfo('description'); ?></p></div></div>
  <div id="modernbricksmenuline">&nbsp;</div>
   <div id="masthead">
    <div class="inside">
   <div class="header-background">&nbsp;</div>
<div style="clear:both"></div>
    </div>
   </div>

Alles anzeigen

Kimbi

Kann mir denn Niemand behilflich sein, wie ich mein eigenes Bild einfüge????

Whoppy

Das Bild steht bei dir in header.php und heißt headerimage.jpg.
Also dort entweder den Pfad zum neuen Bild eintragen oder die headerimage.jpg mit deinem neuen Bild überschreiben.

PHP

#masthead {
background: #ffffff url(<?php echo get_bloginfo('template_directory'); ?>/images/headerimage.jpg) <?php echo $wtc_header_image_alignment; ?> no-repeat;
border-top: 0px solid #ffb0b3; 
padding-top: 1px; 
border-bottom: solid 15px #913357;}

Gruß Whoppy

Kimbi

Zitat von Whoppy
Das Bild steht bei dir in header.php und heißt headerimage.jpg.
Also dort entweder den Pfad zum neuen Bild eintragen oder die headerimage.jpg mit deinem neuen Bild überschreiben.
PHP
#masthead {
background: #ffffff url(<?php echo get_bloginfo('template_directory'); ?>/images/headerimage.jpg) <?php echo $wtc_header_image_alignment; ?> no-repeat;
border-top: 0px solid #ffb0b3; 
padding-top: 1px; 
border-bottom: solid 15px #913357;}
Gruß Whoppy

PRIMA! Lieben Dank, es hat geklappt!:-D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header-Image bei Theme Willy the Cat

Jetzt mitmachen!