Header-Image

raw-kost

Hallo,

ich gehe davon aus, dass mein Problem den ein oder anderen hier unverständlich gar lächerlich, da zu einfach, erscheint. Ich bekomme es aber leider trotzdem nicht gebacken und auch die Suche bringt mich nicht weiter.

In meinem Theme, Sliding-Doors, habe ich bereits an die verschiedensten Stellen img-Tags eingefügt, try and error führte mich bisher aber noch nicht ans Ziel.

Ich möchte lediglich einen Banner, welcher bereits auf dem Webspace liegt, anstatt Blog-title and Blog-description als Header einfügen.

Vielleicht kann mir ja jemand einen Tipp geben an welche Stelle und in welches File ich welchen Code schreiben muss.

Vielen Dank schonmal,

Uwe

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

gericoach

ein link zum blog?

raw-kost

Zitat von gericoach

ein link zum blog?

Selbstverständlich:

http://www.raw-kost.de

Wenn sonst noch was benötigt wird...

MStemberg

Code

<h1 id="site-title">
<span>
<a rel="home" title="raw-kost" href="http://www.raw-kost.de/">raw-kost</a>




</span>




</h1>


<div id="site-description">taste it…</div>

Alles anzeigen

Code ersetzen mit einem DIV, der das Banner enthält, würde ich sagen.

raw-kost

Zitat von MStemberg
Code
<h1 id="site-title">
<span>
<a rel="home" title="raw-kost" href="http://www.raw-kost.de/">raw-kost</a>




</span>




</h1>


<div id="site-description">taste it…</div>
Alles anzeigen
Code ersetzen mit einem DIV, der das Banner enthält, würde ich sagen.

Zitat von raw-kost

Hallo,

Vielleicht kann mir ja jemand einen Tipp geben an welche Stelle und in welches File ich welchen Code schreiben muss.

Sorry, ich habe keine Ahnung was du mir sagen willst. :cry:

MStemberg

Den von mir geposteten Code in der Template-Datei ersetzen mit

Code

<div><IMG SRC=[URL]http://link zum Banner[/URL]></div>

raw-kost

Zitat von MStemberg
Den von mir geposteten Code in der Template-Datei ersetzen mit
Code
<div><IMG SRC=[URL="http://link%20zum%20Banner"]http://link zum Banner[/URL]></div>

Ich kann den von dir geposteten Code nirgends finden.

Code

/* =Header
-------------------------------------------------------------- */


#header {
    padding: 0;
}


#site-title {


    font-size: 50px;
    line-height: 36px;
    width: 900px;
    margin: 0;
    text-align: center;


}
#site-title a {
    font: 40pt "Trebuchet MS", "Lucida Grande", Lucida, Vernada, sans-serif;
    color: #fff;
    text-decoration: none;
}
#site-description {
    font: normal 14px Verdana, Helvetica, Sans-serif;
    
    text-align: center;
    margin-bottom: 20px;
    color: white;
}


/* This is the custom header image */
#branding img {


    border-top: 0px solid #000;
    border-bottom: 1px solid #000;
    clear: both;
    display: block;
}

Alles anzeigen

Diesen Code habe ich in der style.css gefunden. Kann man damit was anfangen?

MStemberg

Hast Du schon mal HTML-Code in einer CSS-Datei gesehen?

Ich rede von Template-Dateien, diese befinden sich im Ordner wp-content/themes/DEINTHEME.

Dort mutmasslich in header.php.

raw-kost

Zitat von MStemberg

Hast Du schon mal HTML-Code in einer CSS-Datei gesehen?

Ich rede von Template-Dateien, diese befinden sich im Ordner wp-content/themes/DEINTHEME.

Dort mutmasslich in header.php.

Dann hier mal der Code aus meiner header.php

PHP

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Sliding_Door
 * @since Sliding Door 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title><?php
    /*
     * Print the <title> tag based on what is being viewed.
     */
    global $page, $paged;


    wp_title( '|', true, 'right' );


    // Add the blog name.
    bloginfo( 'name' );


    // Add the blog description for the home/front page.
    $site_description = get_bloginfo( 'description', 'display' );
    if ( $site_description && ( is_home() || is_front_page() ) )
        echo " | $site_description";


    // Add a page number if necessary:
    if ( $paged >= 2 || $page >= 2 )
        echo ' | ' . sprintf( __( 'Page %s', 'slidingdoor' ), max( $paged, $page ) );


    ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
    /* We add some JavaScript to pages with the comment form
     * to support sites with threaded comments (when in use).
     */
    if ( is_singular() && get_option( 'thread_comments' ) )
        wp_enqueue_script( 'comment-reply' );


    /* Always have wp_head() just before the closing </head>
     * tag of your theme, or you will break many plugins, which
     * generally use this hook to add elements to <head> such
     * as styles, scripts, and meta tags.
     */
    wp_head();
?>


<?php $url = get_template_directory_uri()?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $url; ?>/imagemenu/imageMenu.css">
<script type="text/javascript" src="<?php echo $url; ?>/imagemenu/mootools.js"></script>
<script type="text/javascript" src="<?php echo $url; ?>/imagemenu/imageMenu.js"></script>


</head>


<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">
    <div id="header">
        <div id="masthead">
            <div id="branding" role="banner">
                            
                <?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
                <<?php echo $heading_tag; ?> id="site-title">
                    <span>
                        <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
                    </span>
                </<?php echo $heading_tag; ?>>
                <div id="site-description"><?php bloginfo( 'description' ); ?></div>




                <div id="imageMenu">
        
                <!-- THESE ARE THE LINKS YOU GO TO WHEN YOU CLICK ON A SLIDING DOOR IMAGE-->
                <!-- change the href to look like this: <a href="yourlink.com">     -->
                <?php 
                $walker = new My_Walker;
                wp_nav_menu( array( 
                'theme_location' => 'custom-sliding-menu',
                'fallback_cb' => 'no_sliding_menu',
                'container' => '',
                'container_class' =>'',
                'container_id' =>'', 
                'menu_class' =>'',
                'menu_id' =>'',
                'depth' => '1',  
                'walker' => $walker
                ) 
                ); ?>
                
            </div>
                
<script type="text/javascript">
            
            window.addEvent('domready', function(){
                var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){location=(e);}});
            });
        </script>    


                
            </div><!-- #branding -->


            <div id="access" role="navigation">
              <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
                <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'slidingdoor' ); ?>"><?php _e( 'Skip to content', 'slidingdoor' ); ?></a></div>
                <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
                <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary') ); ?>
            </div><!-- #access -->
        </div><!-- #masthead -->
    </div><!-- #header -->


    <div id="main">

Alles anzeigen

MStemberg

PHP

<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
                <<?php echo $heading_tag; ?> id="site-title">
                    <span>
                        <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
                    </span>
                </<?php echo $heading_tag; ?>>
                <div id="site-description"><?php bloginfo( 'description' ); ?></div>

Das ist der Code in der header.php, der Titel und Description ausgibt.

Den kannst Du testweise auskommentieren, dann steht da erst mal nix mehr. Über oder unter das Auskommentierte setzt Du dann Dein Banner.

raw-kost

Zitat von MStemberg

PHP

<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
                <<?php echo $heading_tag; ?> id="site-title">
                    <span>
                        <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
                    </span>
                </<?php echo $heading_tag; ?>>
                <div id="site-description"><?php bloginfo( 'description' ); ?></div>

Das ist der Code in der header.php, der Titel und Description ausgibt.

Den kannst Du testweise auskommentieren, dann steht da erst mal nix mehr. Über oder unter das Auskommentierte setzt Du dann Dein Banner.

Super!

Das hat funktioniert, ich danke tausendmal!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header-Image

Jetzt mitmachen!

Benutzer online in diesem Thema