Networks dev.ModulesHTML5

Facebook - Plugin Page

Note : Module HTML5. L'installation du script Facebook SDK dans le blog est requis.


Les paramètres du module

Attribut Valeur Signification
class fb-page Syntaxe HTML5
data-href https:// Adresse de la page FB
data-hide-cover
  • false
  • true
Désactiver la couverture
data-small-header
  • false
  • true
Afficher une petite entête.
data-show-facepile
  • true
  • false
Afficher les abonnés.
data-tabs
  • timeline
  • events
  • messages
Afficher le journal, les évènements, les messages.
Les valeurs doivent être séparée par une virgule.
Laissez le champ vide pour ne pas afficher d'onglet.
data-width Largeur de 180px à 500px - Par défaut : 340px
data-height Hauteur à partir de 70px.
Par défaut : 500px.
data-adapt-container-width
  • true
  • false
Adapter à la largeur du conteneur.


Exemple HTML

<div class="fb-page"
     data-href="https://www.facebook.com/Blogger.Code"
     data-small-header="true"
     data-hide-cover="false"
     data-show-facepile="false"
     data-tabs="timeline"
     data-width="485"
     data-height="300">
</div>
Résultat :


Conversion XML

Le code officiel fourni par Facebook est un code HTML. Pour l'injecter dans l'éditeur XML de Blogger, certaines règles XML doivent être respectées :
  • Les double-quotes deviennent des single-quotes.
  • La balise d'ouverture devient la balise de fermeture : <div></div><div/>.

Chaque attribut contenant une expression Blogger doit être précédé du préfixe expr: et chaque expression doit ressortir un résultat correspondant à la valeur attendue dans l'attribut.

Exemple
<div class='fb-page'
     data-href='https://www.facebook.com/Blogger.Code'
     data-small-header='true'
     data-hide-cover='false'
     data-show-facepile='false'
     data-tabs='timeline'
     data-width='485'
     data-height='300'/>

Pour employer des valeurs variables en fonction de diverses conditions, certaines données et certains opérateurs peuvent être intégrés dans le code.
Vous choisissez les données à intégrer en fonction de l'emplacement du code dans le modèle. Par exemple, si le code est injecté dans le widget Blog, vous ajoutez une donnée issue du dictionnaire du widget Blog.

<div class='fb-page'
     data-href='https://www.facebook.com/Blogger.Code'
     data-small-header='true'
     data-hide-cover='false'
     expr:data-show-facepile='data:blog.pageType in ["item","static_page"]'
     data-tabs='timeline'
     data-width='485'
     data-height='300'/>
Les profils des abonnés s'afficheront sur les pages des articles et les pages autonomes.
Dernière modification :

Posts les plus consultés de ce blog

ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Populaire