Ajouter l'option bannière sur votre profil XenForo

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 815
Réactions
5 500
Points
27 882
Bonsoir à tous :membre:,

Ce soir on se retrouve pour un nouveau court tutoriel sur XenForo.
Le but de ce tutoriel est de pouvoir permettre aux membres de votre forum de mettre une bannière sur son profil XenForo.

secpa.png

Sommaire :
  • Création du champ personnalisé.
  • Intégration du code dans la template Member_view.
  • Test du système.
secpa.png

Première partie : Création du champ personnalisé.​

Pour créer un champ personnalisé il faut aller dans votre AdminCP, puis allez dans l'onglet utilisateur et dans la sidebar gauche cliquée sur Champs personnalisés.

Une fois sur la page des champs personnalisés cliquez sur le bouton en haut a droit qui se nomme Créer un nouveau champ.

Vous allez être redirigés vers la page de création du champ personnalisé et cette page va vous demander plusieurs informations

Mettez les paramètres suivants :
  • ID du champs : image_link
  • Titre : Lien de votre bannière.
  • Description : Permet d'ajouter une bannière sur votre profil.
  • Emplacement de l'affichage : Préférence
  • Ordre d'affichage : 1
  • Type de champ : Simple ligne de texte
Sauvegarder le champ

secpa.png

Deuxième partie : Intégration du code dans la template member_view
Pour intégrer le code il faut vous rendre dans vos templates de style et sélectionner la template member_view
Une fois que la template est ouverte vous allez chercher la ligne :
Code:
<div class="profilePage" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
Puis en dessous de celle-ci vous allez mettre ce code :
Code:
<xen:if is="{$user.customFields.image_link}">
<center><img src="{$user.customFields.image_link}" style="width: 100%;" /></center>
</xen:if>
Sauvegarder la template.

Vous pouvez définir les dimensions des bannières en fonction de votre thème avec le css (height, weight etc ...)

secpa.png

Troisième partie : Test du système.
Pour tester le système il vous suffit juste de mettre le lien d'une bannière dans le champ créée précédemment.
Puis allez sur votre profil et admirer le résultat.

secpa.png
Voilà ce tutoriel est fini, si vous avez des questions n'hésitez pas :)
Tutoriel proposé par :
Faragnight SEC
(Cc @Jeson & @Djamel SEC )
Je n'autorise pas la reproduction de ce tutoriel !
 

Lyrix

Student ✦ UX/UI Design
Ancien staff
Inscription
20 Août 2012
Messages
22 670
Réactions
8 150
Points
36 866
C'est vraiment très sympa ce genre de tutoriel, et ça peu aider les personne qui souhaiterais ajouter ce type de système sur leur forum (Xenforo) et de développer leur site :)
 

BlArKo

Tatouage best
Premium
Inscription
19 Février 2012
Messages
1 238
Réactions
369
Points
20 393
Une très bonne série sur XenForo continue ainsi. :)
Merci du partage man.
 

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 815
Réactions
5 500
Points
27 882
oui je vois me je comprend pas ou il faux le mettre? vous pouvez expliqué svp.

quelle lien de bannière
Quand tu as mis en place toute les modifications ainsi que le champ dans les préférences, tu te rend sur le forum, tu vas dans tes préférences et tu indique le lien de la bannière (Lien de l'image) ;)
 
Haut