Skip to content

Instantly share code, notes, and snippets.

@gregoirenoyelle
Last active March 14, 2017 06:22
Show Gist options
  • Save gregoirenoyelle/b4d3dedfa32d4f68d3008bef1d183ba3 to your computer and use it in GitHub Desktop.
Save gregoirenoyelle/b4d3dedfa32d4f68d3008bef1d183ba3 to your computer and use it in GitHub Desktop.
ACF Widgets Text Rotator
<?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;
<?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