Networks dev.ModulesHTML5

Facebook - Embedded Posts

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


Les paramètres du module

Attribut Valeur Signification
class fb-post Syntaxe HTML5
data-href https://www.facebook.com/ Adresse du post Facebook
data-width Largeur du module.
De 220 à 750 pixels.
Valeur par défaut : 500px.
data-show-text
  • true
  • false
Intégration du texte de la publication Facebook.


Exemple HTML

<div class="fb-post"
     data-href="https://www.facebook.com/Blogger.Code/posts/1184917394863997"
     data-width="650">
</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-post'
     data-href='https://www.facebook.com/Blogger.Code/posts/1184917394863997'
     expr:data-width='EXPRESSION'/>

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.

<div class='fb-post'
     data-href='https://www.facebook.com/Blogger.Code/posts/1184917394863997'
     expr:data-width='(data:blog.pageType == "item" ? 650 : 350) + "px"'/>
Le module aura une largeur de 650px dans les pages des articles et une largeur de 350px dans les autres pages.
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire