J'ai une barre latérale de widget, mais je voudrais des séparations entre eux. Je peux réaliser cela en CSS en utilisant des bordures ennuyeuses, mais j'ai une image png que je préférerais utiliser à la place.
Est-il possible d'insérer un séparateur après chaque élément de widget? (sauf le dernier bien sur). Je peux le faire facilement avec jQuery mais je préférerais le faire dans le fichier de modèle si possible
Je suppose que c'est quelque chose pour le fichier de fonctions ou l'endroit où j'inscris la barre latérale?
Je vous remercie
'after_widget' => '',
Pour autant que je sache, c’est la meilleure façon de le faire.
Vous pouvez le faire facilement en modifiant le css de l'élément de widget. Vous pouvez faire plus en CSS que les bordures régulières:
.widget{
background:url('../img/divider.png') no-repeat center bottom;
}
Aucun php ou CSS non supporté requis.
Vous pouvez utiliser: après la pseudo-classe CSS, il est maintenant largement supporté et accepte le contenu des images.
.widget:after{
content:url(img/divider.png);
}
Mais je crains que vous ne puissiez pas traiter le dernier widget différemment ici, ou que vous deviez ajouter une classe spécifique à tous les widgets sauf le dernier.