meta slider
-
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?
-
- dashboard > plugins > nieuwe plugin
- type ‘meta slider’
- klik ‘nu installeren’
- dashboard > plugins > activeer de plugin
- Dashboard: Onderin de zijbalk verschijnt de knop ‘meta slider’: klik ‘meta slider’
- er opent een wit scherm met re-boven een ‘+’-tab > klik de ‘+’-tab
- er opent een scherm met balk en knop ‘add slides’zijbalk voor de instellingen van de slides
- voeg een aantal slides uit je mediabibliotheek toe. Geef steeds zo nodig de settings op
- Onderaan de zijbalk staan resp. de ‘shortcode’ bijv ‘[metaslider id=227]’ en de ’template include’voorbeeld
<?php echo do_shortcode("[metaslider id=227]"); ?>
- De shortcode plak je in een pagina of bericht [in text-modus]
- De ’template include’:
<?php echo do_shortcode("[metaslider id=227]"); ?>
plaats je in deheader.php
van je childtheme - 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>
Kies wat je wilt:
Optie 1optie 2
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 regelTheme URI: http://www.website.nl/webshop
[niet noodzakelijk]
regel 6: verwijder deze regelAuthor 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.
- om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
- Maak je aanpassingen in
style.css
van het childtheme; - 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- FTP:Maak een backup! van alle files
- Maak ook een backup van je database [=inhoud]
zie ‘extra’ onderaan dit bericht
Stap 2
!!!Ga pas verder als stap 1 gelukt is!!!- FTP: hernoem het originele twenty eleven theme, door een ‘0’ voor de mapnaam te plaatsen
- 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 aanstyle.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. - Open de door jou eerder gewijzigde
style.css
bijv. inNOTEPAD++
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 3
!! Ga pas verder als de vorige stap werkt!Werk langzaam en nauwkeurig!
Stap 4
Heb je eerder ook php-bestanden aangepast?- 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:- Dashboard > Extra > Exporteren
- Gehele Inhoud
- Desgevraagd: Installeer en Run Export plugin
- Sla exportbestand op de PC op
gelukt! super bedankt voor je uitgebreide hulp!!
Heel goed! Graag gedaan.
- Het onderwerp ‘meta slider’ is gesloten voor nieuwe reacties.