Wsparcie » Motywy » stworzenie kodu do wstawienia baneru w header

  • Witajcie.

    Mam strone http://www.i-love-diy.com
    korzystam z szablonu:
    -BLOGUM

    Czy mogę prosić kogoś żeby mi napisał kod który będę mogła wstawić w header tak żeby zastąpić napis ( tytul wordpressa ) banerem obrazkowym?

    załączam zrzut ekranu jak to wyglada teraz i jak bym chciala zeby wygladalo

    tak jest:
    http://s1114.photobucket.com/user/chonabibepodchmurka/media/Zrzutekranu2013-09-13o144541.png.html

    czego oczekuje:
    http://s1114.photobucket.com/user/chonabibepodchmurka/media/Zrzutekranu2013-09-13o144642.png.html

    Załączam kod headera:

    <!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" dir="<?php bloginfo('text_direction'); ?>" xml:lang="<?php bloginfo('language'); ?>">
        <head>
            <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; 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'), max($paged, $page));
                ?>
            </title>
            <meta http-equiv="Content-language" content="<?php bloginfo('language'); ?>" />
            <link rel="profile" href="http://gmpg.org/xfn/11" />
            <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favico.ico" type="image/x-icon" />
            <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
            <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/pagenavi-css.css" />
            <!--[if IE]><link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_url'); ?>/ie.css" /><![endif]-->
            <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
            <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>"/>
            <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
            <?php
    			wp_enqueue_script('jquery');
    			wp_enqueue_script('lazyload', get_template_directory_uri() . '/js/jquery.lazyload.mini.js', 'jquery', false);
                wp_enqueue_script('script', get_template_directory_uri() . '/js/script.js', 'jquery', false);
    		?>
            <?php wp_head(); ?>
    	</head>
    	<body>
            <div class="wrapper">
                <div class="header clear">
                    <h1><a>">— <?php bloginfo('name'); ?></a></h1>
    
                    <?php wp_nav_menu(array('menu' => 'Header', 'theme_location' => 'Header', 'depth' => 1, 'container_class' => 'menu')); ?>
    
                    <?php get_search_form(); ?>
    
                </div>
                <div class="middle clear">

    Nie znam się na zmianach w kodzie więc zwracam się z serdeczną prośbą o pomoc.

Viewing 3 replies - 1 through 3 (of 3 total)
  • W pliku style.css na dole dopisz cos takiego:

    .header h1 {
    display:block;
    }
    
    .header h1 a {
    display:block;
    height:120px; /* Wysokosc obrazka */
    width:100%;
    background: url(images/obrazek.jpg) no-repeat center center;
    text-indent:-99999px;
    text-align:left;
    }

    Tyle powinno starczyc. Zamiast images/obrazek.jpg robisz nazwa_folderu/nazwa_obrazka.jpg , oczywiscie w tym folderze musisz wrzucic swoj obrazek.

    Zamiast dopisywać style do pliku style.css dopisz je w pole custom css jeśli motyw posiada, a jeśli nie to zainstaluj wtyczkę, która to umożliwia – dzięki temu nie stracisz danych przy aktualizacji szablonu do nowszej wersji.

    Thread Starter ilovediy

    (@ilovediy)

    Dziękuję bardzo za pomoc!:)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Temat ‘stworzenie kodu do wstawienia baneru w header’ jest zamknięty na nowe odpowiedzi.