Problem mit dem Header

Keavu

Hallo alle zusammen,

hoffe es geht euch soweit gut. Ich habe erneut ein Problem, diesmal ist es mit dem Header. Ich habe im header.php das so gemacht das der Header verlinkt wird, sprich wenn man drauf klickt das man wieder auf die Startseite kommt. Soweit so gut. Aber, unter dem Header Rechts ist ein eingabe Feld bzw. die Such Funktion. Die Such funktion ist nun auch mit verlinkt. Wenn man nur was rein schreiben will kommt man sofort wider auf die Startseite bevor man überhaupt das zu ende geschrieben hat was man sucht. Habt ihr irgentwelche lösungen? Ich habe mir das so überlegt das ich vielleicht in den Header ein Logo rein mache, die Schrift also als Logo, und wenn man da drauf klickt das man zur Startseite gelangt, und der restliche Teil des Header sollte dann nicht mehr verlinkt sein, halt nur noch das Logo. Hoffe ihr konntet mich soweit verstehen. Wenn einer immer noch nicht genau weiß wie ich das meine mit der Such funktion usw.. dann einfach auf Kampli.square7.ch gehen und dann versuchen bei der Such Funktion irgentwas einzugeben. Dann sieht ihr was ich meine. Ist dringent, hoffe ihr könnt mir helfen.

PS: Bitte keine Englische Texte, oder Tutorial's auf Englisch :?

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

Ammaletu

Zitat

Ich habe mir das so überlegt das ich vielleicht in den Header ein Logo rein mache, die Schrift also als Logo, und wenn man da drauf klickt das man zur Startseite gelangt, und der restliche Teil des Header sollte dann nicht mehr verlinkt sein

Ja, das klingt nach einem brauchbaren Plan. So ist es ja auch in den allermeisten Themes auch umgesetzt. Hast Du dazu konkrete Fragen?!

Wenn ich mir die Seite so anschaue: Mach das auf jeden Fall als echten Link, nicht als onclick-Attribut. Falls das Headerbid sowieso eine feste Weite hat (bin gerade zu faul nachzuschauen), kannst Du es tatsächlich einfach als Bild reinstellen und nicht per CSS lösen. Dann könnte auch das leere h1-Element weg, die korrekte Verlinkung kannst Du ja von dort kopieren.

alchymyth

wenn du den 'onclick' code in die div #caption verschiebst, ist das zu mindestes fuer mich immer noch eindeutig genug als 'header' link, und die stoerung mit der suchfunktion ist behoben.

HTML

<div id="caption" onclick="location.href='http://kampli.square7.ch';" style="cursor: pointer;">

nur die such-lupe funktioniert nicht beim daraufklicken zum starten der suche.

Keavu

Zitat von alchymyth
wenn du den 'onclick' code in die div #caption verschiebst, ist das zu mindestes fuer mich immer noch eindeutig genug als 'header' link, und die stoerung mit der suchfunktion ist behoben.
HTML
<div id="caption" onclick="location.href='http://kampli.square7.ch';" style="cursor: pointer;">
nur die such-lupe funktioniert nicht beim daraufklicken zum starten der suche.

Danke, aber wenn ich diesen Code bei Header.php einfüge kommt plötzlich Bugs, wie Navi verschwindet, die Suchfunktion ist plötzlich mittem im Header usw... Wo genau füge ich den code hin?

Hier, der Header.php code von mir:

PHP

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<?php
    $options = get_option('inove_options');
    if (is_home()) {
        $home_menu = 'current_page_item';
    } else {
        $home_menu = 'page_item';
    }
    if($options['feed'] && $options['feed_url']) {
        if (substr(strtoupper($options['feed_url']), 0, 7) == 'HTTP://') {
            $feed = $options['feed_url'];
        } else {
            $feed = 'http://' . $options['feed_url'];
        }
    } else {
        $feed = get_bloginfo('rss2_url');
    }
?>


<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


    <?php
        if (is_home()) { 
            $description = $options['description'];
            $keywords = $options['keywords'];
        } else if (is_single()) {
            $description =  $post->post_title;
            $keywords = "";
            $tags = wp_get_post_tags($post->ID);
            foreach ($tags as $tag ) {
                $keywords = $keywords . $tag->name . ", ";
            }
        } else if (is_category()) {
            $description = category_description();
        }
    ?>
    <meta name="keywords" content="<?=$keywords?>" />
    <meta name="description" content="<?=$description?>" />


    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all posts', 'iKeavu'); ?>" href="<?php echo $feed; ?>" />
    <link rel="alternate" type="application/rss+xml" title="<?php _e('RSS 2.0 - all comments', 'iKeavu'); ?>" href="<?php bloginfo('comments_rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


    <!-- style -->
    <style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );</style>
    <?php if (strtoupper(get_locale()) == 'ZH_CN') : ?><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/zh_CN.css" type="text/css" media="screen" /><?php endif; ?>
    <?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) : ?><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie6.css" type="text/css" media="screen" /><?php endif; ?>


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


    <?php wp_head(); ?>


</head>


<?php flush(); ?>


<body>
<!-- wrap START -->
<div id="wrap">
<!-- container START -->
<div id="container">


<!-- header START -->
<div id="header" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">
    <div id="caption">
        <h1 id="title"><a href="<?php bloginfo('url'); ?>/"></a></h1>
        <div id="tagline"><?php bloginfo('description'); ?></div>
    </div>


    <!-- navigation START -->
    <div id="navigation">
        <ul id="menus">
            <li class="<?php echo($home_menu); ?>"><a class="home" title="<?php _e('Home', 'iKeavu'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'iKeavu'); ?></a></li>
            <?php wp_list_pages('depth=2&title_li=0&sort_column=menu_order'); ?>
            <li><a class="lastmenu" href="javascript:void(0);"></a></li>
        </ul>


        <!-- searchbox START -->
        <div id="searchbox">
<?php if($options['google_cse'] && $options['google_cse_cx']) : ?>
            <form action="http://www.google.com/cse" method="get">
                <div class="content">
                    <input type="text" class="textfield" name="q" size="24" />
                    <input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
                    <input type="hidden" name="ie" value="UTF-8" />
                    <a class="switcher" ><?php _e('Switcher', 'iKeavu'); ?></a>
                </div>
            </form>
<?php else : ?>
            <form action="<?php bloginfo('home'); ?>" method="get">
                <div class="content">
                    <input type="text" class="textfield" name="s" size="24" value="<?php echo wp_specialchars($s, 1); ?>" />
                    <a class="switcher" ><?php _e('Switcher', 'iKeavu'); ?></a>
                </div>
            </form>
<?php endif; ?>
        </div>
        <!-- searchbox END -->


        <div class="fixed"></div>
    </div>
    <!-- navigation END -->


    <div class="fixed"></div>
</div>
<!-- header END -->


<!-- content START -->
<div id="content">


    <!-- main START -->
    <div id="main">
    <a href="http://kampli.square7.ch/?p=8"><img src="http://kampli.square7.ch/wp-content/themes/iKeavu/img/headline.png" alt=";)" /></a>

Alles anzeigen

Ammaletu

Was alchymyth meinte und was die Sache fürs erste zumindest etwas besser macht (habe es nicht ausprobiert), ist das onclick-Attribut eine Zeile nach unten zu verschieben, an das caption-Element. Besser wäre aber sicher, den Header so umzubauen, dass tatsächlich ein Bild eingebunden wird anstatt das über den Hintergrund zu machen.

Keavu

Zitat von Ammaletu

Was alchymyth meinte und was die Sache fürs erste zumindest etwas besser macht (habe es nicht ausprobiert), ist das onclick-Attribut eine Zeile nach unten zu verschieben, an das caption-Element. Besser wäre aber sicher, den Header so umzubauen, dass tatsächlich ein Bild eingebunden wird anstatt das über den Hintergrund zu machen.

Naja, dieses verschieben hat irgentwie nicht wirklich geklappt :-?
Kannst du mir vielleicht mal eine Anleitung (eine Genaue Anleitung, bin noch Anfänger) machen so das nichts mit verlinkt ist sondern nur noch ein Logo/Schrift halt was ich dann mitten im Header reinsetzen will.

Keavu

Zitat von Keavu

Naja, dieses verschieben hat irgentwie nicht wirklich geklappt :-?
Kannst du mir vielleicht mal eine Anleitung (eine Genaue Anleitung, bin noch Anfänger) machen so das nichts mit verlinkt ist sondern nur noch ein Logo/Schrift halt was ich dann mitten im Header reinsetzen will.

Bitte vergesst mich nicht8-) Brauche noch hilfe, habe noch das Problem :-(

Ammaletu

Ich bin nicht sicher, was man an "eine Zeile nach unten verschieben" nicht verstehen kann, hast Du ja immerhin selber da reinkopiert. Aber gut:

PHP

<div id="header">
  <div id="caption" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">
    <h1 id="title"><a href="<?php bloginfo('url'); ?>/"></a></h1>
    <div id="tagline"><?php bloginfo('description'); ?></div>
  </div>

Keavu

Zitat von Ammaletu
Ich bin nicht sicher, was man an "eine Zeile nach unten verschieben" nicht verstehen kann, hast Du ja immerhin selber da reinkopiert. Aber gut:
PHP
<div id="header">
  <div id="caption" onclick="location.href='<?php bloginfo('url') ?>';" style="cursor: pointer;">
    <h1 id="title"><a href="<?php bloginfo('url'); ?>/"></a></h1>
    <div id="tagline"><?php bloginfo('description'); ?></div>
  </div>

Geil es hat funktioniert :o Krass, danke dir!! Habe wohl irgent ein Fehler gemacht. Boah endlich, danke nochmal :grin:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit dem Header

Jetzt mitmachen!