Wordpress slider

**Chiel Oude Breuil** · 01-12-2014, 21:22

Hey,

Ik ben dus bezig met mijn eigen Wordpress template. Nu wil ik op de homepage dus een main slider.
Dus niet een slider in een post maar echt boven de siderbar en content.

Weet iemand een goede tutorial, waardoor er ergens bij theme configuration in het wordpress dashboard de slider in te stellen is?
Mensen die het theme gebruiken moeten namelijk de homepage slider kunnen configureren (alleen images toevoegen/verwijderen).

Bedankt!

**Marcel Melis** · 01-12-2014, 21:32

Ik gebruik daar altijd een plugin voor, meestal Meteor Slides. Kun je gewoon integreren in je theme, maar die plugin moet dus wel apart geïnstalleerd worden. Het is ook mogelijk plugins automatisch te installeren en activeren als iemand je theme installeert, maar dat is een stuk ingewikkelder.

**Chiel Oude Breuil** · 01-12-2014, 21:33

Ik zie alleen niet hoe ik deze in mijn theme integreer? Ergens een tutorial van op het internet?
Ook responsive :D ?

Laat maar ik heb het al gevonden, bedankt!!!

**Chiel Oude Breuil** · 01-12-2014, 22:00

@Marcel, ik loop toch tegen een probleem. Ik wil de slider responsive laten zijn.
Ik heb nu dus dit:

PHP Code:


<div id="slider">    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?></div>

Maar nu moet ik dus bij die Slider settings de breedte aangeven, echter is mijn theme responsive.
De width moet gewoon altijd 100% zijn, de hoogte moet dan schalen aan de hand van de grootte.

Weet jij hoe dat moet?

**B. van der Weerd** · 01-12-2014, 23:05

Kijk anders eens naar de Soliloquy slider, die is al responsive. De gratis versie voldoet meestal al. De betaalde biedt ontzettend veel opties (zoals start/eind datums).

**Marcel Melis** · 02-12-2014, 07:04

Meteor is ook responsive, ik gebruik 'm onder andere op deze site. De afmetingen bij de instellingen hoef je niet in te vullen, dat kun je gewoon met CSS regelen. Door de slider een width van 100% te geven schaalt hij gewoon netjes mee.

**Chiel Oude Breuil** · 02-12-2014, 09:37

Ik was vergeten de .css files in de homemap te plaatsen.
Is er geen mogelijkheid met een PHP code dat wordpress alle CSS files laad inclusief die van plugins?

Volgensmij is de Javascript nu niet geladen waardoor de slider niet werkt.
Kijk maar op davidharms.nl

Dit is mijn header.php:

Code:
<!DOCTYPE html>

<head>
<link href="<?php bloginfo( 'stylesheet_url' ); ?>" rel="stylesheet" media="all" type="text/css" />
<title><?php
global $page, $paged;
wp_title( '|', true, 'right' );
// Add the blog name.
bloginfo( 'name' );
// Add the blog description for the home/front page.
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
?>
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
</head>

<body>

<div id="container">

<div id="header">
<div id="logo">
</div>
</div>

<div id="menu">
<?php wp_nav_menu(); ?>
</div>
Maar hij laad de css pas nadat ik de css uit die plugin in mijn style.css heb gestopt.
Maar ik heb liever dat hij gewoon alle CSS en JS files uitvoert :(.

**Chiel Oude Breuil** · 02-12-2014, 17:46

Verholpen inmiddels!

Wordpress slider