Posts tagged websites

wordpress-logo-shine

Contact Form 7 naar een pagina doorverwijzen

1 year ago Posted by Martijn Filed under ,

Hieperdepiep hoera voor Contact Form 7, een fijne en makkelijke contact-plugin voor WordPress. Alleen… zou ik graag als iemand een berichtje heeft gestuurd deze persoon willen bedanken middels een bedankpagina. En niet met zo’n Ajax dingetje onderaan het formulier. Gelukkig kan dit vrij makkelijk:

Ga naar je dashboard en dan naar het betreffende contactformulier. Helemaal onderaan in beeld zie je een dichtgeklapte balk met de titel: Aanvullende instellingen/Additional settings. Hier kunnen we gebruik maken van een JavaScript action hook. Plaats hier de volgende code:

 on_sent_ok: "location = 'http://example.org/thank-you/';"

De link moet uiteraard verwijzen naar je bedankt-pagina.

Comments (0)

WordPress 3 menu’s voor Thematic

1 year ago Posted by Martijn Filed under ,

Whee! Dankzij deze post hebben mijn Thematic child themes nu een dynamisch WordPress 3 menu!

Voeg dit toe aan de functions.php in je child theme:

 // Add support for WP3 custom menus
add_theme_support( 'nav-menus' );

// Remove Thematic default menu
function remove_thematic_menu() {
remove_action('thematic_header','thematic_access',9);
}
add_action('init','remove_thematic_menu');

// Register the custom menu with the theme
function register_custom_menu() {
register_nav_menu( 'primary-menu', __( 'Primary Menu' ) );
}
add_action( 'init', 'register_custom_menu' );

// Output the new 3.0 menu to the thematic header
function childtheme_access(){?>
<div id="access">
<div class="skip-link"><a href="#content" title="<?php _e('Skip navigation to the content', 'thematic'); ?>"><?php _e('Skip to content', 'thematic'); ?></a></div>
<?php wp_nav_menu( array('primary-menu', 'container_class' => 'menu', 'menu_class' => 'sf-menu') ); ?>
</div><!-- #access -->
<?php
}
add_action('thematic_header','childtheme_access',9);
Comments (0)

Slideshow beginnen met willekeurige afbeelding in Nivo-slider

1 year ago Posted by Martijn Filed under ,

Nivo-slider is een leuke en flexibele image-slider, gemaakt in jQuery. Deze is vrij simpel in een website in te bouwen en er zijn plugins voor Drupal, Joomla! (en ik geloof zelfs WordPress) op gebaseerd.

Wat ik niet voor elkaar kreeg was de slideshow met een random slide beginnen. En dat heeft wel mijn voorkeur want zo krijgen terugkerende bezoekers nog eens wat variatie te zien. Uiteindelijk is het gelukt met deze code:

<script type="text/javascript">
$(window).load(function() {
var total = $('#slider img').length;
var rand = Math.floor(Math.random()*total);
$('#slider').nivoSlider({
startSlide:rand
});
});
</script>

Deze code moet dus in de HTML-pagina worden geladen.  Voor de duidelijkheid is dit mijn hele HTML code:

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<TITLE>Slider</TITLE>
<link rel="stylesheet" href="./nivo-slider.css" type="text/css" media="screen">
<link rel="stylesheet" ./custom-nivo-slider.css" type="text/css" media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="./jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
var total = $('#slider img').length;
var rand = Math.floor(Math.random()*total);
$('#slider').nivoSlider({
effect:'sliceDown', //Specify sets like: 'fold,fade,sliceDown'
slices:9,
animSpeed:500,
pauseTime:10000,
startSlide:rand
});
});
</script>
</HEAD>
<body>
<div id="slider">
 <a href=""><img src="./images/slide1.jpg" alt="" title="Onderschrift 1"/> </a>
 <a href=""><img src="./images/slide2.jpg" alt="" title="Onderschrift 2"/> </a>
 <a href=""><img src="./images/slide3.jpg" alt="" title="Onderschrift 3"/></a>
 <a href=""><img src="./images/slide4.jpg" alt="" title="Onderschrift 4"/></a>
 <a href=""><img src="./images/slide5.jpg" alt="" title="Onderschrift 5"/></a>
 <a href=""><img src="./images/slide6.jpg" alt="" title="Onderschrift 6"/></a>
</div>
</body>
</HTML>
Comments (9)
1234
Go to Top