• Ik gebruik het twenty eleven thema. Nu wil ik de main header eigenlijk vervangen door een slider. Ik dacht dat dat met meta slider wel zou moeten kunnen, maar ik kan nergens vinden hoe je dit kunt doen ? Iemand tips hoe dit te doen, of anders tips met welke plugin dit wel mogelijk is?

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
    1. dashboard > plugins > nieuwe plugin
    2. type ‘meta slider’
    3. klik ‘nu installeren’
    4. dashboard > plugins > activeer de plugin
    5. Dashboard: Onderin de zijbalk verschijnt de knop ‘meta slider’: klik ‘meta slider’
    6. er opent een wit scherm met re-boven een ‘+’-tab > klik de ‘+’-tab
    7. er opent een scherm met balk en knop ‘add slides’zijbalk voor de instellingen van de slides
    8. voeg een aantal slides uit je mediabibliotheek toe. Geef steeds zo nodig de settings op
    9. Onderaan de zijbalk staan resp. de ‘shortcode’ bijv ‘[metaslider id=227]’ en de ’template include’voorbeeld <?php echo do_shortcode("[metaslider id=227]"); ?>
    10. Kies wat je wilt:
      Optie 1

    11. De shortcode plak je in een pagina of bericht [in text-modus]
    12. optie 2

    13. De ’template include’: <?php echo do_shortcode("[metaslider id=227]"); ?> plaats je in de header.php van je childtheme
    14. pas de header.php van je childtheme als volgt aan:

      Optie 2 verder uitgewerkt:
      Voorbeeld: [vervang bestaand blok door onderstaande; gebruik je eigen template include code]

      <hgroup>
      <!--<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
      <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2> -->
       <?php echo do_shortcode("[metaslider id=227]"); ?>
      </hgroup>

    Thread starter EdMcG

    (@edmcg)

    Ik heb geprobeerd om een childtheme aan te maken. Volgens deze instructies heb ik alles gedaan:

    http://www.wphulp.nl/tutorials/child-theme-maken/

    mijn style.css in de twentyeleven-child map ziet er dan als volgt uit

    “/*
    Theme Name: Twenty Eleven Child
    Theme URI: http://www.website.nl/webshop
    Description: Child Theme voor Twenty Eleven
    Author: EPG
    Author URI: http://www.website.nl/webshop
    Template: twentyeleven
    Version: 1.0
    */
    @import url(“../twentyeleven/style.css”);

    echter alle aanpassingen grafisch maar ook voor wat betreft de pagina indeling etc, de knoppen in de balk zijn allemaal terug naar het origineel van twentyeleven en al mijn ‘gedane’ werk is weg….ik doe dus iets fout, echter ik weet niet wat

    Ik vermoed dat er een foutje zit in je ‘style.css’ van je childtheme.

    regel 1: "/* > verwijder "
    regel 3: verwijder deze regel Theme URI: http://www.website.nl/webshop[niet noodzakelijk]
    regel 6: verwijder deze regel Author URI: http://www.website.nl/webshop [niet noodzakelijk]

    De minimale versie ziet er zo uit:

    /*
    Theme Name:     Twenty Eleven Child
    Description:    childtheme voor twenty eleven
    Author:         EPG
    Template:       twentyeleven
    
    */
    
    @import url("../twentyeleven/style.css");

    Als alles goed is gegaan ziet je site er precies zo uit als voorheen.

    1. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
    2. Maak je aanpassingen in style.css van het childtheme;
    3. mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    Opgelet:
    Het is verstandig de wijzigingen die je eerder in het originele theme hebt gemaakt, over te hevelen naar je childtheme.
    Stap 1

    1. FTP:Maak een backup! van alle files
    2. Maak ook een backup van je database [=inhoud]
      zie ‘extra’ onderaan dit bericht

    Stap 2
    !!!Ga pas verder als stap 1 gelukt is!!!

    1. FTP: hernoem het originele twenty eleven theme, door een ‘0’ voor de mapnaam te plaatsen
    2. Herinstalleer een verse twentyeleven theme:
    • dashboard > weergave >thema’s
    • klik tab thema’s installeren
    • type ’twenty eleven’
    • klik nu installeren
      het 2011 theme installeert en wordt actief
    • Je ziet nu de originele theme, zonder aanpassingen
    • dashboard > weergave >thema’s
    • [her-]activeer het twenty eleven childtheme
    • Je ziet nog steeds de originele theme, zonder aanpassingen, maar nu op basis van het childtheme
    • test of het childtheme werkt:
      Voeg toe aan style.css van je childtheme:
      *{
          color:#99cc66;
          }

      en sla op en bekijk het resultaat in je browser.

    • Wordt de tekstkleur groen, dan werkt je childtheme.
      Verwijder de testcode.
    • Stap 3
      !! Ga pas verder als de vorige stap werkt!

      Werk langzaam en nauwkeurig!

    • Open de door jou eerder gewijzigde style.css bijv. in NOTEPAD++ een editor zeer geschikt voor code verwerking.
      Tip: NP++ is te koppelen als editor met FTP filezilla. Zo kan je bestanden via je FTP Filezilla eenvoudig aanpassen in NP++ en weeer uploaden naar je site.
    • open ook de verse style.css van twenty eleven: je parent theme in NOTEPAD++; Je hebt nu beide stylesheets open
    • In NOTEPAD++: re-klik >deelvenster groeperen
    • De twee style bestanden staan naast elkaar.
      NP++: Klik ‘plugins’ > compare; De verschillen en overeenkomsten worden gekleurd.
      Zo kan je ze gemakkelijk vergelijken.
    • NP++:Kopieer de aanpassingen die je eerder hebt gemaakt naar het derde style.css: dat van je childtheme!
    • Zo wordt je childtheme bijgewerkt met de eerder door jou gemaakte aanpassingen
    • werk stap voor stap
    • Browser: controleer regelmatig het resultaat
    • Stap 4
      Heb je eerder ook php-bestanden aangepast?

    1. Kopieer alleen de aangepaste php-bestanden van je backup naar de map van je childtheme

    Resultaat:
    Parent Theme en Childtheme zijn van elkaar gescheiden.
    Maakt de auteur van het theme een update, dan blijft jouw opmaak bewaard. Veder belangrijk voordeel: Al je wijzigingen staan overzichtelijk bij elkaar.

    == == ==extra
    Back-up Database:

    1. Dashboard > Extra > Exporteren
    2. Gehele Inhoud
    3. Desgevraagd: Installeer en Run Export plugin
    4. Sla exportbestand op de PC op
    Thread starter EdMcG

    (@edmcg)

    gelukt! super bedankt voor je uitgebreide hulp!!

    Heel goed! Graag gedaan.

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘meta slider’ is gesloten voor nieuwe reacties.