Nivo Slider zwischen Navigationsleiste und Seitentitel bringen

Prinsto

Hallo Leute,

schon seit mehreren Stunden versuche eine simplen Slider (vom Nivo Slider Plugin) richtig in eine Homepage zu integrieren. Das ich daran scheitere liegt wohl daran, dass ich nicht wirklich fit in Sachen CSS und PHP bin.

Also:
http://www.afa-foto.de/wordpress_afa/

Dort möchte ich unter der Navigationsleiste und über dem Seitentitel einen von mir erstellten Slider einfügen.

Ich würde mich sehr freuen, wenn mir jemand dabei helfen könnte, einen Slider zu integrieren (soll auf jeder Seite sichtbar sein).

MfG Franz

PS: Verwendet wird das Incorporated Theme von der Prinz.

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

poste mal den Code der header.php (aber benutze bitte den code-button) plus den Code, den Du einsetzen willst.

Prinsto

Dieser Code soll eingefügt werden:

Code

<p><code><div class="slider-wrapper"><div class="ribbon"></div><div id="nivoslider-220" class="nivoSlider" style="width:980px;height:120px;"><img src="[URL="http://forum.wpde.org/view-source:http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Chrysanthemum_1-980x120.jpg"]http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Chrysanthemum_1-980x120.jpg[/URL]" alt="" /><img src="[URL="http://forum.wpde.org/view-source:http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Desert_1-980x120.jpg"]http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Desert_1-980x120.jpg[/URL]" alt="" /><img src="[URL="http://forum.wpde.org/view-source:http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Hydrangeas_1-980x120.jpg"]http://www.afa-foto.de/wordpress_afa/wp-content/uploads/2012/05/Hydrangeas_1-980x120.jpg[/URL]" alt="" /></div></div><script type="text/javascript"> jQuery(window).load(function(){     jQuery("#nivoslider-220").nivoSlider({         effect:"fade",         slices:15,         boxCols:8,         boxRows:4,         animSpeed:500,         pauseTime:3000,         startSlide:0,         directionNav:true,         directionNavHide:true,         controlNav:true,         controlNavThumbs:false,         controlNavThumbsFromRel:true,         keyboardNav:true,         pauseOnHover:true,         manualAdvance:false     }); }); </script> </code></p>

Und das ist 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 
echo '    <title>';
if ( is_home() ) {
    // Blog's Home
    echo get_bloginfo('name') . '  &raquo; '; bloginfo('description') ; 
} elseif ( is_single() or is_page() ) {
    // Single blog post or page
    wp_title(''); echo ' - ' . get_bloginfo('name');
} elseif ( is_category() ) {
    // Archive: Category
    echo get_bloginfo('name') . ' &raquo;  '; single_cat_title();
} elseif ( is_day() ) {
    // Archive: By day
    echo get_bloginfo('name') . ' &raquo; ' . get_the_time('d') . '. ' . get_the_time('F') . ' ' . get_the_time('Y');
} elseif ( is_month() ) {
    // Archive: By month
    echo get_bloginfo('name') . ' &raquo; ' . get_the_time('F') . ' ' . get_the_time('Y');
} elseif ( is_year() ) {
    // Archive: By year
    echo get_bloginfo('name') . ' &raquo; ' . get_the_time('Y');
} elseif ( is_search() ) {
    // Search
    echo get_bloginfo('name') . ' &raquo; &lsaquo;' . esc_html($s, 1) . '&raquo;';
} elseif ( is_404() ) {
    // 404
    echo get_bloginfo('name') . '  &raquo; 404 - ERROR';
} else {
    // Everything else. Fallback
    bloginfo('name'); wp_title();
}
echo '</title>';
?>
<meta name="generator" content="WordPress" />
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/style.css" type="text/css" media="screen" />
    <?php if (prinz_get_option('prinz_slider') == 'nivo') : // Call the Nivo Slider CSS if it´s installed and activated in the themes options ?>
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri() ; ?>/styles/nivo-slider/nivo.css" />
    <?php endif; ?>
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/styles/print.css" type="text/css" media="print" />


<style type="text/css">
body { color:#<?php echo prinz_get_option('prinz_fontcolor'); ?>;}
#headerbar {background:#<?php echo prinz_get_option('prinz_headerbar_bgcolor'); ?>;color:#<?php echo prinz_get_option('prinz_headerbar_fontcolor'); ?>;}
#headerbar a {color:#<?php echo prinz_get_option('prinz_headerbar_linkcolor'); ?>;}
#header { background-color: #<?php echo prinz_get_option('prinz_headercolor'); ?>; }
a:link, a:active, a:visited, input[type=submit] { color: #<?php echo prinz_get_option('prinz_linkcolor'); ?>; }
.prinz-menu-primary a, .prinz-menu-primary a:visited { color: #<?php echo prinz_get_option('prinz_menucolor'); ?>; }
.homebox { height: <?php echo prinz_get_option('prinz_homebox'); ?>px!important; }
.blogtitle, .blogtitle a { font-family: '<?php echo prinz_get_option('prinz_font'); ?>' , Arial, Helvetica, sans-serif; color: #<?php echo prinz_get_option('prinz_logocolor'); ?>  }
.description { color: #<?php echo prinz_get_option('prinz_descriptioncolor'); ?> }
h1, h1 a, h2, h2 a, h3, h3 a, .title, .title a { font-family: '<?php echo prinz_get_option('prinz_font'); ?>' , Arial, Helvetica, sans-serif; color: #<?php echo prinz_get_option('prinz_headlinecolor'); ?>!important; }
#actionbar { font-family: '<?php echo prinz_get_option('prinz_font'); ?>' , Arial, Helvetica, sans-serif; color: #<?php echo prinz_get_option('prinz_actionbarcolor'); ?>!important; }
#alternative_footer {  background: #<?php echo prinz_get_option('prinz_alt_footer_bgcolor'); ?>; color:#<?php echo prinz_get_option('prinz_alt_footer_textcolor'); ?>; }
#alternative_footer a { color:#<?php echo prinz_get_option('prinz_alt_footer_linkcolor'); ?>; }
#alternative_footer h4 { color:#<?php echo prinz_get_option('prinz_alt_footer_headlinecolor'); ?>; }


<?php echo stripslashes(prinz_get_option('prinz_custom_css')); ?>
</style>


<!-- leave this for stats -->
<?php wp_head(); ?>
<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'); ?>" />
<!-- Custom header scripts from the themes options go here -->
<?php echo stripslashes(prinz_get_option('prinz_header_scripts')); ?>
<!-- end custom header scripts -->


</head>
<body <?php body_class(); ?>>
<?php if (prinz_get_option('prinz_headerbar')) : ?>
<div id="headerbar">
<div class="wrap">
 <div class="left">
      <?php if ( is_active_sidebar( 'headerbarleft' ) ) : ?>
    <?php dynamic_sidebar( 'headerbarleft' ); ?>
    <?php endif; ?>
 </div>  
  <div class="right">
      <?php if ( is_active_sidebar( 'headerbarright' ) ) : ?>
    <?php dynamic_sidebar( 'headerbarright' ); ?>
    <?php endif; ?>
  </div>
</div><!-- end #headerbar.wrap -->
</div><!-- end #headerbar -->
<?php endif; ?>  
<div class="clear"></div>
<div id="header" class="<?php echo prinz_get_option('prinz_headerclass'); ?>">
<div class="wrap">
 <!-- HEADER WIDGET AREA STARTS HERE -->
 <div id="headerwidgets">
      <?php if ( is_active_sidebar( 'header' ) ) : ?>
    <?php dynamic_sidebar( 'header' ); ?>
    <?php endif; ?>
 </div>
<!-- HEADER WIDGET AREA ENDS HERE --> 


<!-- LOGO BLOCK STARTS HERE -->
  <div id="logo">
    <?php if (prinz_get_option('prinz_logo')) { ?>
    <a href="<?php echo home_url(); ?>/"><img <?php if (prinz_get_option('prinz_logofix')) { ?>style="margin-top:-34px;"<?php } ?> src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>" border="none" /></a>
    <?php } else { ?>
    
    <div class="blogtitle" ><a href="<?php echo home_url(); ?>/">
      <?php bloginfo('name'); ?>
      </a></div><!-- end .blogtitle -->
      
    <div class="description">
      <?php bloginfo('description'); ?>
    </div><!-- end .description -->
    <?php } ?>
  </div>
<!-- LOGO BLOCK ENDS HERE -->
<?php if (!prinz_get_option('prinz_navsearch')) : ?>
  <div class="searchcontainer">
    <?php get_search_form(); ?>
  </div><!-- end .searchcontainer -->
<?php endif; ?>  


<!-- MAIN NAVIGATION BLOCK STARTS HERE -->
    <?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'prinz-menu-primary', 'menu_class' => 'sf-menu', 'theme_location' => 'primary-menu' ) ); ?>
<!-- MAIN NAVIGATION BLOCK ENDS HERE -->
</div> <!-- end #header.wrap -->
</div> <!-- end #header -->
<div id="page" class="clearfloat">

Alles anzeigen

Danke schonmal für die Hilfe :)

gericoach

hast Du das Wordpress plugin von nivi slider? Wenn ja, ist der Code, den Du da reinpacken willst, falsch. Lediglich das hier muss rein:

Zitat

<?php if (function_exists('nivoslider4wp_show')) { nivoslider4wp_show(); } ?>

Das Ganze könnte hier rein gehören:

Zitat

[COLOR=Red]
[/COLOR] </div>
[COLOR=Red]HIER REIN[/COLOR]
 </div>
[COLOR=Red]
[/COLOR]

Prinsto

Also, ich habe das Easy Nivo Slider Plugin und brauche einen anderen PHP Code unzwar:

PHP

<?php echo do_shortcode('[nivoslider slug="my-slider"]'); ?>

Jaja, googeln hilft :D

An der von dir erwähnten Stelle, ist der Slider zwar unter der Navigation, aber überlappt die Überschrift. Wenn ich aber den Code ganz am Ende der header.php einfüge ist alles in Ordnung.

Vielen Dank! :)

gericoach

http://wordpress.org/extend/plugins…s/installation/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nivo Slider zwischen Navigationsleiste und Seitentitel bringen

Jetzt mitmachen!