Beschrijving
Zodan Text Upfunker
Beschrijving
Om enkele kopteksten op een site te verfraaien die wij hebben gemaakt, hebben wij een CSS animatie plugin (met een beetje JavaScript (geen jQuery, we houden de funk puur)) met veel funky effecten gemaakt.
Omdat wij ze zo leuk vinden, willen wij dat jullie het ook hebben.
Dus hier is het.
Wat doet het?
Je kunt elementen op je pagina animeren door
* De elementen te selecteren door middel van css selectors
* De gewenste animatiestijl te selecteren (of willekeurig te laten kiezen)
* Het aantal herhalingen aan te geven.
Deze plugin is actief in ontwikkeling. Functieverzoeken zijn welkom op plugins@zodan.nl!
Schermafbeeldingen
Gehusselde code 
Vervagen in 
Spiegelen in 
Inzinken 
Pop-up 
Flikker 
Cirkelen
Installatie
Installeer de Tekst Upfunker vanuit WordPress
- Ga naar de plugins pagina in je dashboard en selecteer ‘Nieuwe toevoegen’
- Zoek naar ‘Tekst Upfunker’;
- Activeer de plugin vanaf je Plugin pagina;
- Ga hieronder naar ‘na activering’.
Handmatig installeren
- Pak het Tekst Upfunker zip bestand uit
- Upload de uitgepakte map naar de /wp-content/plugins/ map;
- Activeer de plugin in het ‘Plugins’ menu van WordPress
- Ga hieronder naar ‘na activering’.
Na activatie
- Op de Plugins pagina in WordPress zie je een ‘instellingen’ link onder de naam van de plugin;
- Op de Tekst Upfunker instellingen pagina:
** Voeg een nieuw item toe door te klikken op de knop “Item toevoegen”
** Selecteer het element (of de elementen) naar keuze door het gebruik van CSS selectoren
** Selecteer het type animatie (of laat de plugin voor je beslissen) - Je instellingen opslaan en je bent klaar!
FAQ
Kan ik de funky animatie toepassen op meerdere (verschillende) elementen?
Ja, dat kan (los van het aanmaken van meerdere items).
Door het toevoegen van meerder selectoren, gescheiden door een komma, kan je de animatie toepassen op al deze elementen.Voer bijvoorbeeld
h1, h2, .someClassNamein om de animatie toe te passen op alle h1 en h2 kopteksten en op alle elementen met de class “someClassName”.Welke animatietypen zijn beschikbaar?
Momenteel kun je de woorden en karakters laten verschijnen vanuit een gehusselde code.
Of je kunt ze laten vervagen, roteren, inzinken, op-poppen, flikkeren of cirkelen.Zijn er plannen om de plugin te verbeteren?
We hebben momenteel op onze roadmap:
* Een meta vak toevoegen aan het bewerk scherm, zodat instellingen per bericht/pagina/wat dan ook kunnen worden ingesteld
* Gebruik van data-* configuratie voor meer details.
* Toevoegen van aangepaste evenementen (zoals onStart of onLoopComplete)
* Een aangepaste rechten toevoegen om te beheren welke gebruikers instellingen kunnen wijzigen
* Meer animatie variaties toevoegenAls je een suggestie voor een functie hebt, stuur ons dan een e-mail op plugins@zodan.nl.
Beoordelingen
Bijdragers & ontwikkelaars
“Zodan Text Upfunker” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers
“Zodan Text Upfunker” is vertaald in 1 locale. Dank voor de vertalers voor hun bijdragen.
Vertaal “Zodan Text Upfunker” in je eigen taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
1.1.1
- Opgelost code animatie fout
1.1.0
- Je kunt nu de tijdsduur tussen de karakters en de woorden van de animatie instellen, evenals de tijd tussen elke cyclus.
1.0.9
- Naam wijzigingen
1.0.8
- Betere afhandeling van subelementen in het doelelement
- Gewijzigde CSS elem overerving
1.0.7
- Geanimeerde voorbeelden van de huidige animatietypen aan de readme.txt toegevoegd
- typfout in de versienummering: 0
0.1.6
- De UpFunker start nu wanneer een element de viewport binnenkomt tijdens het scrollen (op basis van observers)
- Aangepaste gebeurtenissen “zUpFunkerAnimationStarted” en “zUpFunkerAnimationEnded” toegevoegd, zodat ontwikkelaars extra acties kunnen toevoegen
- Bug opgelost wanneer “prefers-reduced-motion” is true
0.1.5
- Lege strings verwijderd uit de word array (getWordsFromElement methode)
0.1.4
- Assets hernoemd om aan WordPress standaarden te voldoen
0.1.3
- Kleine code aanpassingen, beheerdersfunctionaliteit aan de hoofdklasse toegevoegd
- De beheerdersinterface is opgeschoond, inclusief voorbeelden van de animatiestijlen
0.1.2
- Kleine beveiligingsverbeteringen
0.1.1
- Assets asynchroon laden
0.1.0
- Eerste ontwikkelversie van deze plugin
