Ajouter l'option bannière sur votre profil XenForo

Kévin 🚀

Kévin 🚀

Administrateur
Administrateur
Inscription
18 Décembre 2012
Messages
4 887
Réactions
5 627
Points
28 052
RGCoins
3 938
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.

You must be registered for see images attach

Sommaire :​
  • Création du champ personnalisé.
  • Intégration du code dans la template Member_view.
  • Test du système.
You must be registered for see images attach

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

You must be registered for see images attach

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 ...)

You must be registered for see images attach

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.

You must be registered for see images attach
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 !​
 
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 :)
 
C'est super Fara, continue à me tagguer j'en apprends toujours avec tes tutos ! :D
 
Très bon tutoriel, continues sur ta lancée ;)
 
Une très bonne série sur XenForo continue ainsi. :)
Merci du partage man.
 
Merci de mettre une image con voit a quoi sa resemble
 
Un tuto vraiment sympa pour les gens qui dev des Plugin :ok:
 
sa fonctionne pas avec mon forum :c pourrais tu m'aider ? :)
 
yokida a dit:
oui je vois me je comprend pas ou il faux le mettre? vous pouvez expliqué svp.

quelle lien de bannière
Cliquez pour agrandir...
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) ;)
 
Retour
Haut