Support » Forumregels » image carousel werkt niet

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • 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.

    Thread starter marcel12

    (@marcel12)

    ik loop vast bij het invoegen van de code voor meta slider.
    weet niet waar ik deze moet plaatsen.

    ik heb de andere sliders weg gehaald en meta slider geplaatst.

    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. — — —

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

    3. ###############
      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!!!
      >> >> >>

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

    11. code-editor: open het bestand ‘header.php’
    12. 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 -->
    13. 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.
    14. Zoek iets wat hierop lijkt
    15. <?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; ?>
    16. vervang de verwijzing naar de kop-afbeelding, door de slider-code die je hierboven hebt gekopieerd.
    17. BIJVOORBEELD

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

    18. sla alle wijzigingen op
    19. FTP:upload en overschrijf het gewijzigde bestand
    20. ververs de browser <CTRL-F5>
    21. FOUTMELDINGEN / ANDERE PROBLEMEN?? >> je hebt een foutje begaan
    22. FTP: plaats de reservekopie terug en overschrijf de foute versie
    23. 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!

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘image carousel werkt niet’ is gesloten voor nieuwe reacties.