#012 - Slider Foundations

Wir entscheiden uns für den RoyalSlider für den Slider auf der Startseite. Ich bin schon lange ein Fan des AnythingSlider, da ich an seiner Entstehung beteiligt war und ihn für sehr leistungsfähig halte. Allerdings ist er heutzutage etwas in die Jahre gekommen und unterstützt Touch-Ereignisse oder Umgebungen mit fließender Breite nicht mehr gut. Der RoyalSlider ist fast genauso leistungsfähig (was die API angeht) und unterstützt auch Touch und Fluidität.

Wir haben eine Menge Fotos von Jeff und seiner Arbeit, was wir inhaltlich für den Slider benötigen.

Wir gehen den Prozess des Herunterladens und Implementierens des benötigten CSS und JS durch, um ihn auf unserer Seite zum Laufen zu bringen.

Kommentare

frankspin

# 5. Februar 2013

Um Stylesheets und Javascript-Dateien in WordPress zu registrieren, verwende ich den folgenden Schnipsel. Sie können ihn in Ihre functions.php kopieren und einfügen und ihn an Ihre Bedürfnisse anpassen.

<?php
    // Enqueue scripts and styles
    // load the styles and scripts

    function scripts_important() {
    wp_register_script( ‘modernizr’, get_template_directory_uri() . ‘/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js’, ’20121015′, false );
    wp_enqueue_script( ‘modernizr’ );
    }

    function enqueue_custom_script($form) {
    wp_register_script( ‘forms’, get_template_directory_uri() . ‘/js/forms.min.js’, array( ‘jquery’ ), ’20121015′, true );
    wp_enqueue_script( ‘forms’ );
    }

    function scripts_normal() {
    global $post_type;

    // remove default jQuery includes
    wp_deregister_script( 'jquery' );

    // register javascript files
    // get jQuery from Google CDN  
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js", false, null);

    wp_register_script( 'bootstrap', get_template_directory_uri() . '/js/vendor/bootstrap.min.js', array( 'jquery' ), '20120206', true );
    wp_register_script( 'lightbox', get_template_directory_uri() . '/js/jquery.fancybox.pack.js', array( 'jquery' ), '20120206', false );
    wp_register_script( 'plugins', get_template_directory_uri() . '/js/plugins.min.js', array( 'jquery' ),'20120206', true );


    wp_enqueue_script( 'jquery' );
    wp_enqueue_script( 'bootstrap' );
    // load javascript file only on a specific post type
    if( 'activiteiten' == $post_type ) { wp_enqueue_script( 'lightbox' );};
    wp_enqueue_script( 'plugins' );
    }

    function theme_styles() {
    global $post_type;
    wp_register_style( ‘fonts’, ‘http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic’, ’20120208′, ‘all’ );
    wp_register_style( ‘bootstrap’, get_template_directory_uri() . ‘/css/bootstrap.min.css’, array(), ’20120208′, ‘all’ );
    wp_register_style( ‘lightbox’, get_template_directory_uri() . ‘/css/jquery.fancybox.min.css’, array(), ’20120208′, ‘all’ );
    wp_register_style( ‘main’, get_template_directory_uri() . ‘/css/main.min.css’, array(‘bootstrap’, ‘fonts’), ’20120208′, ‘all’ );

    wp_enqueue_style( 'fonts' );
    wp_enqueue_style( 'bootstrap' );
    wp_enqueue_style( 'main' );
    if( 'activiteiten' == $post_type ) { wp_enqueue_style( 'lightbox' );};
    }
    add_action( ‘wp_enqueue_scripts’, ‘scripts_important’, 5 );
    add_action(“gform_enqueue_scripts”, “enqueue_custom_script”, 10, 2);
    add_action( ‘wp_enqueue_scripts’, ‘scripts_normal’ );
    add_action( ‘wp_enqueue_scripts’, ‘theme_styles’ );

?>

Antworten

Gary A

# 7. Februar 2013

Was ist der beste Weg, jQuery am Ende des Body-Elements anzuhängen?

Antworten

kayla thompson

# 6. Mai 2013

Ich bin ein totaler Anfänger in JS und benutze für dieses Projekt kein Codekit. An der Stelle, an der Sie über das Voraussenden des Dokuments mit Codekit sprechen… was soll ich tun, wenn ich kein Codekit benutze? Kann ich den Code aus der Datei royalslider.min.js einfach in die Datei global.js kopieren und einfügen? Denn das hat nicht funktioniert, ich habe alles andere richtig gemacht (oder glaube das zumindest) und es sieht an diesem Punkt nicht mehr gleich aus… HILFE

Antworten

bmacadam

# 17. Oktober 2013

Du bist der Meister

Antworten

Jesse Graupmann

# 5. September 2014

Es ist erwähnenswert, dass der angekündigte Preis für Royal Slider auf 14 $ und 22 $ für die WordPress-Version gestiegen ist. Wenn Sie PayPal verwenden, zahlen Sie eine zusätzliche Bearbeitungsgebühr von 2 $, während Sie, wenn Sie kein PayPal verwenden, ihr In-Store-Guthaben verwenden müssen, das nur in 20 $- und 30 $-Beträgen erhältlich ist – was Sie zwingt, Geld zu verschwenden.

Wenn dies das Einzige ist, was Sie kaufen werden, kostet Royal Slider im Wesentlichen 16 $/20 $ oder 24 $/30 $ (WordPress-Version).

Antworten

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen