ACF Tooltip

Description

Si un champ ACF nécessite un texte d’instruction plus long, la mise en page de l’écran de modification est désordonnée avec de l’espace perdu.

The ACF Tooltip plugin hides the field instructions, adds a help symbol to the field labels and generates a tooltip based on the instruction text.

Nouveau dans la version 1.2.0

L’infobulle ne sera pas masquée si la souris est déplacée, ce qui permet de créer une infobulle avec un lien à l’intérieur sans la masquer.

Réglages personnalisés

Il y a 7 filtres qui permettent d’ajuster le style et le comportement des infobulles.

Cette extension nécessite l’extension ACF PRO (v5.5.0 ou supérieure).

Localisations

• Anglais
• Allemand

Réglages personnalisés avec des crochets de filtre

Il y a 7 filtres qui permettent d’ajuster le design et le comportement des infobulles.

Définisssez le design des infobulles

<?php
function acf_tooltip_style() {
    $style = 'qtip-acf';

    return $style;
}
add_filter('acf/tooltip/style', 'acf_tooltip_style');
?>

The available styles can be found on the qTip options page and are shown on the qTip demo site.

You can mix the styles; e.g. « qtip-acf qtip-rounded qtip-shadow »

Si vous le souhaitez, vous pouvez définir votre propre style, avec le nom de la classe de votre style à partir de votre propre fichier CSS (voir filtre suivant).

Le style qtip-acf est le style standard, qui est défini sans filtre.

Définissez votre propre fichier CSS

<?php
function acf_tooltip_css() {
    $css_file = get_bloginfo('template_url') . '/qtip-own.css'; // if the file is saved in your themes folder

    return $css_file;
}
add_filter('acf/tooltip/css', 'acf_tooltip_css');
?>

Vous trouverez un fichier « qtip-example-style.css » dans le dossier « / assets / css ».

Positioning the corner of the tooltip

<?php
function acf_tooltip_position_my() {
    $position_my = 'center left';

    return $position_my;
}
add_filter('acf/tooltip/position/my', 'acf_tooltip_position_my');
?>

Position par rapport à l’icône de l’infobulle

<?php
function acf_tooltip_position_at() {
    $position_at = 'center right';

    return $position_at;
}
add_filter('acf/tooltip/position/at', 'acf_tooltip_position_at');
?>

Visitez le site de démo qTip pour trouver le positionnement parfait.

Appliquer des infobulles uniquement aux champs avec une classe CSS spécifique

<?php
function acf_tooltip_class() {
    $class = 'with__tooltip'; // edit this to your prefered class name

    return $class;
}
add_filter('acf/tooltip/class/only', 'acf_tooltip_class');
?>

Ajoutez la classe aux champs où vous souhaitez afficher les infobulles.

Exclure les infobulles sur les champs avec une classe CSS spécifique

<?php
function acf_tooltip_class_exclude() {
    $class = 'no__tooltip'; // edit this to your prefered class name

    return $class;
}
add_filter('acf/tooltip/class/exclude', 'acf_tooltip_class_exclude');
?>

Ajoutez la classe aux champs où vous ne souhaitez pas afficher les infobulles.

Ajouter des infobulles dans l’éditeur de champs

Avec ce filtre, vous pouvez spécifier si les instructions de l’éditeur de champs sont également affichées sous forme d’infobulles. Par défaut, les instructions sont affichées.

<?php
add_filter('acf/tooltip/fieldeditor', '__return_true');
?>