Last active
March 14, 2017 06:22
-
-
Save gregoirenoyelle/b4d3dedfa32d4f68d3008bef1d183ba3 to your computer and use it in GitHub Desktop.
ACF Widgets Text Rotator
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
// Variable vide pour l'affichage le HTML à la fin | |
$output = ''; | |
// Récupérer la valeur du répéteur qui sera un tableau | |
// Elle me servira pour compter les éléments | |
$titres = get_field('ap_textes', $acfw); | |
// Déclaration du compteur | |
$i = 1; | |
// Récupérer le nombre de rang dans le répéteur dans la variable $count | |
$count = count($titres); | |
$output .= '<h3 class="rotate">'; | |
// Début de la boucle | |
while ( have_rows('ap_textes', $acfw) ) : the_row(); | |
// Affichage du texte | |
$output .= get_sub_field('ap_texte'); | |
// Si le $i est inférieur au nombre de rang ($count) | |
// afficher le caractère "*" qui permet la rotation du texte | |
// Voir fichier /wp-content/plugins/acf-texte-rotator/lib/func.wordpress.php | |
if ($i < $count ) { | |
$output .= '*'; | |
} | |
// Augmenter la valeur de $i à chaque passage dans la boucle | |
$i++; | |
// fin de la boucle | |
endwhile; | |
$output .= '</h3>'; | |
// Affichage de tout le contenu HTML | |
echo $output; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
//* Intégration du script dans mon modèle | |
// Ajouter script Text Rotator en bas de la page | |
add_action( 'wp_footer', 'text_rotator_script', 999 ); | |
function text_rotator_script() { | |
// Condition pour voir si je suis sur la home | |
// Dans le cas contraire, je stoppe l'action avec return | |
if ( ! is_home() ) { | |
return; | |
} | |
?> | |
<!-- Script pour initialiser text rotator --> | |
<script type="text/javascript"> | |
jQuery(".rotate").textrotator({ | |
animation: "dissolve", // You can pick the way it animates when rotating through words. Options are dissolve (default), fade, flip, flipUp, flipCube, flipCubeUp and spin. | |
separator: "*", // If you don't want commas to be the separator, you can define a new separator (|, &, * etc.) by yourself using this field. | |
speed: 2000 // How many milliseconds until the next word show. | |
}); | |
</script> | |
<?php } // END function text_rotator_script() |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment