image carousel werkt niet

Hi Marcel,

😉 Je bent een man van weinig woorden 😉 ?

Begrijp ik je wens / vraag goed?

• Wil je een caroussel / slideshow van afbeeldingen op de aangegeven site
• moet de caroussel / slideshow op de huidige / bestaande plek komen, of moet ie elders getoond worden?

— — —
Ik heb de site eens bekeken en gezien dat er op de site al twee van dergelijke plugins geinstalleerd zijn:

• owl carousel
• Meta slider and carousel with lightbox

1. Geef meer gedetailleerde info over wat je wilt bereiken
2. Geef aan wat je tot nu toe hebt geprobeerd
3. waar ben je vastgelopen?

— — — verder valt op
Wat opvalt, is dat je de meest gebruikte plugin ‘META SLIDER’ NIET hebt gebruikt. [meer dan 70.000 gebruikers]
Het is handig bij het uitzoeken van een geschikte plugin, zeker ook te kijken naar het aangegeven actieve installaties. Het is m.i. een indicatie van hoe goed de plugin waarschijnlijk aansluit bij de behoeften van gebruikers.

Deze plugin biedt vele verschillende types sliders. Het door jouw gewenste, zit er vast bij.

Loop je vast, bijv bij installatie en / of setup? Vraag gerust.

Hi Marcel,

Dank voor de aanvullende info.

Je kan de slider op een aantal plekken plaatsen, bijvoorbeeld:

• in een bericht-text of pagina-text
• in de kop / header van je site
• elders… bijv in een sidebar-widget

== == == de stappen in vogelvlucht

1. maak / selecteer een aantal geschikte afbeeldingen
2. voeg de afbeeldingen toe aan je ‘mediabibliotheek’ door ‘sleep en laat vallen’
3. installeer en activeer de PLUGIN ‘Metaslider’ > in het dashboard wordt een knop toegevoegd: ‘metaslider’

— — —

4. kies ‘metaslider’
5. geef de gewenste afmetingen op in de zijbalk bijv 700 px bij 300 px
6. klik ‘add slide’ > selecteer één of meer afbeeldingen en klik ‘add to slider’
7. de geselecteerde slides worden in de plugin getoond
8. desgewenst: voeg url[s] teksten etc toe aan de slides
9. desgewenst: kies ‘advanced settings’ en pas de instellingen aan naar eigen inzicht
10. kies ‘save’

— — — plaatsen van de slider

== == == plaatsen metaslider in bericht– / pagina text

1. Metaslider: scroll naar ‘usage’> in de re-zijbalk
2. kies de TAB ‘shortcode’ >> in het venstertje zie je een code bijvoorbeeld [metaslider id=48]; Kopieer de code
3. maak / open het bericht / pagina waarIN je de sliderr wilt plaatsen
4. klik op de precieze plaats in de tekst, waar de slider moet verschijnen
5. plak de ‘shortcode’ bijvoorbeeld [metaslider id=48]
6. sla alle wijzigingen van je bericht / pagina op
7. bekijk het resultaat >> de slider is opgenomen IN de pagina / het bericht

== == == plaatsen metaslider in kop / header van je site

>> wat heb je nodig

• een FTP-programma bijv. filezilla om je site te benaderen [zie onderaan]
• de FTP-inloggegevens die je webhost je heeft gestuurd
• een CODE-editor, bijv ‘notepad++’ [gratis]
• even de rust en tijd om nauwkeurig te werken

>>

1. Metaslider: scroll naar ‘usage’> in de re-zijbalk
2. kies de TAB ‘Template Include’ >> in het venstertje zie je een code bijvoorbeeld

   <?php 
       echo do_shortcode("[metaslider id=48]"); 
   ?>

   ; Kopieer de code

###############
Ik ken jouw theme niet en weet niet welke aanpassingsmogelijkheden zitten ‘ingebakken’.
Controleer daarom ook / eerst of jouw theme de mogelijkheid bied om de shortcode ‘[metaslider id=48]’ in een ‘customizer’ oid in te voeren, waardoor dit probleem in één klap is opgelost…
##############
>> >> >>
OPGELET!! Het werken met php-bestanden vereist nauwkeurig werken!!
!!!Fouten KUNNEN de werking van je site verklooien, maak daarom ALTIJD eerst een reservekopie zoa;s hieronder beschreven!!!
>> >> >>

3. FTP: maak verbinding met je site
4. ga naar de map met jouw thema ‘../wp-content/themes/ [?iets met soccer? in de titel?]’
5. je ziet een lijst met mappen en een lijst met ‘php-bestanden’
6. download het bestand ‘header.php’ naar je PC [re-klik > downloaden]
7. maak een KOPIE op je PC bijvoorbeeld ‘header.php.org’
8. gaat er iets mis, dan kan je de boel eenvoudig herstellen…!!! door dit bestand terug te plaatsen en de originele naam te geven

— — —

9. code-editor: open het bestand ‘header.php’

Je ziet nu een heleboel code zoals hieronder in het voorbeeld. Jouw headerbestand ziet er vast qua inhoud anders uit, maar de principes zijn gelijk
VOORBEELD

<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
	<header id="masthead" class="site-header" role="banner">
		<hgroup>
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
		</hgroup>

		<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
		</nav><!-- #site-navigation -->

		<?php if ( get_header_image() ) : ?>
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
		<?php endif; ?>
	</header><!-- #masthead -->

10. Als je een beetje ‘door de details heen leest’ herken je vast zo hier en daar een woord als header, header-image, navigation etc. dat zijn de blokken die je in de kop van je site vindt.
11. Zoek iets wat hierop lijkt

<?php if ( get_header_image() ) : ?>
		<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
		<?php endif; ?>

12. vervang de verwijzing naar de kop-afbeelding, door de slider-code die je hierboven hebt gekopieerd.

BIJVOORBEELD

<?php if ( get_header_image() ) : ?>
<a href=”<?php
echo do_shortcode(“[metaslider id=48]”);
?>” />
<?php endif; ?>

13. sla alle wijzigingen op
14. FTP:upload en overschrijf het gewijzigde bestand
15. ververs de browser <CTRL-F5>
16. FOUTMELDINGEN / ANDERE PROBLEMEN?? >> je hebt een foutje begaan
17. FTP: plaats de reservekopie terug en overschrijf de foute versie
18. probeer opnieuw de code een goede plek te geven en herhaal tot succesvol

** ** ** ONDERAAN
== == == FTP
Een FTP-programma werkt net als / vergelijkbaar de ‘verkenner’ in windows of een filemanager als bijv. TotalCommander, Norton Commander etc.
Taak van deze programma’s is het beheren van bestanden: maken, beheren, wijzigen, VERPLAATSEN of verwijderen van mappen, en bestanden.

Er is echter één belangrijk verschil tussen de ‘verkenner’ en een FTP-programma:

• verkenner: beheer van LOKALE bestanden = op jouw PC…
• FTP: beheer van bestanden NIET op jouw PC… maar bijv. een webserver van jouw webhost

Een ftp-programma ‘regelt’ netjes de toegang tussen jouw PC en de mappen op de webserver / andere PC.

Loop je vast? Vraag gerust!