Guide de configuration du flux Instagram (PHP uniquement), désormais obsolète. Ces paramètres ne s'appliquent pas au plugin WordPress.
Ce document concerne uniquement une version du flux Instagram, désormais obsolète, fonctionnant exclusivement sous PHP. Ces paramètres ne s'appliquent pas au plugin WordPress.
Vous trouverez ci-dessous une liste de paramètres facultatifs que vous pouvez utiliser pour personnaliser votre flux.
| Nom | Paramètres | Options | Description | Exemple |
| Paramètres | ||||
| Type d'alimentation | type | hashtag ou tagué | Le type de flux à afficher (par défaut : compte d'utilisateur) | 'type' : 'hashtag', |
| Utilisateur | utilisateur | Le nom d'utilisateur du compte que vous souhaitez afficher dans votre flux. Il doit avoir un jeton d'accès stocké dans votre fichier config.php. | Nom d'utilisateur officiel figurant dans la première série de caractères de votre jeton d'accès | 'user' : 'smashballoon', |
| Hashtag | hashtag | #plugins, #cool | Le hashtag du flux que vous souhaitez afficher | 'hashtag' : '#plugins', |
| Étiqueté | étiqueté | Le nom d'utilisateur du compte sur lequel vous souhaitez afficher un flux d'articles marqués. | Nom d'utilisateur officiel figurant dans la première série de caractères de votre jeton d'accès | 'tagged' : 'smashballoon', |
| Nombre | num. | N'importe quel nombre | Définissez le nombre total d'articles qui s'afficheront dans le flux en fonction de vos paramètres. | 'num' : '20', |
| Colonnes | cols | N'importe quel nombre | Le nombre de colonnes verticales dans le flux. Ce nombre est égal à votre paramètre "num" pour une seule ligne. | 'cols' : 4, |
| Chemin d'accès au fichier de l'image du sprite | fichier image | url complète | Le chemin d'accès au fichier sbi-sprite.png. Utile si vous utilisez un cdn ou si vous avez un chemin alternatif vers le fichier sbi-sprite.png, sinon il n'est pas nécessaire. | 'imagefile' : 'https://drive.google.com/uc?export=view&id=0BxhkGs_1Lmi5Sk9WWTRuUGdqN28', |
| Chemin d'accès au fichier Connect.php | chemin | url complète ou relative | Le chemin vers le fichier connect.php. Utile si vous souhaitez conserver les fichiers connect.php et config.php dans un répertoire différent de celui utilisé par le dossier instagram-feed. | 'path' : 'https://my-site.com/path/to/connect.php', |
| En-tête | ||||
| Afficher l'en-tête | en-tête de présentation | true (par défaut) faux |
Afficher ou non l'en-tête de votre flux (avatar, bio, nombre de posts et de likes) | 'showheader' : 'true', |
| Style de l'en-tête | style d'en-tête | cercle (par défaut) encadré |
En-tête "encadré" ou en-tête de style "cercle" pour l'avatar | 'headerstyle' : 'circle', |
| Afficher les suiveurs | montrer les suiveurs | true (par défaut) faux |
Afficher le nombre de followers dans l'en-tête (flux d'utilisateurs) | 'showfollowers' : 'true', |
| Afficher le texte de la biographie | showbio | true (par défaut) faux |
Affichage ou non du texte bio dans l'en-tête (flux d'utilisateurs) | 'showbio' : 'true', |
| Couleur de l'en-tête | headercolor | Code hexadécimal de la couleur - # | Couleur d'arrière-plan de l'en-tête | 'headercolor' : 'FF0000', |
| Stylisme général | ||||
| Largeur d'alimentation | largeur du flux | N'importe quel nombre + unité | La largeur du conteneur d'alimentation (y compris l'unité) | 'feedwidth' : '500px','feedwidth' : '50%', |
| Hauteur d'alimentation | hauteur d'alimentation | N'importe quel nombre + unité | La hauteur de la mangeoire (y compris l'unité) | 'feedheight' : '500px', |
| Couleur d'arrière-plan | bgcolor | Code hexadécimal de la couleur - # | La couleur d'arrière-plan du flux (sans le #) | 'bgcolor' : 'FF0000', |
| Image padding (en anglais) | imagepadding | N'importe quel nombre | Le remplissage appliqué à chaque image du flux | 'imagepadding' : '20', |
| Image padding (en anglais) | imagepaddingunit | "px" ou "%" | L'unité de mesure | 'imagepaddingunit' : 'px', |
| Désactiver la présentation mobile | désactivermobile | vrai false (par défaut) |
Désactiver la mise en page réactive pour les petits appareils (colonne simple ou double) | 'disablemobile' : 'true', |
| Photos | ||||
| Trier les images par | trier par | date (par défaut) aléatoire |
Choisissez aléatoirement parmi les 33 derniers messages postés. | 'sortby' : 'random', |
| Résolution de l'image | res | auto (par défaut) pouce moyen complet |
miniature (150×150), moyenne (306×306), complète (640×640) | 'res' : 'full', |
| Type de média | médias | tous (par défaut) photos vidéos |
Quels types de médias afficher ? | 'media' : 'videos', |
| Liens de légende (fils Shoppable) | liens de légende | vrai false (par défaut) |
Le lien de chaque publication sera remplacé par l'url incluse dans la légende de cette publication Instagram. La boîte à lumière sera désactivée. Visitez ce lien pour savoir comment cela fonctionne. | 'captionlinks' : 'true', |
| Style de survol des photos | ||||
| Couleur d'arrière-plan du survol | couleur de survol | Code hexadécimal de la couleur - # | Cela modifie l'arrière-plan de l'élément qui apparaît au survol. | 'hovercolor' : '3030c0', |
| Couleur du texte en survol | couleur du texte en surimpression | Code hexadécimal de la couleur - # | Cette option modifie la couleur du texte qui apparaît au survol de l'écran. | 'hovercolor' : 'ff00ff', |
| Informations sur le survol | affichage en surimpression | nom d'utilisateur icône date lieu légende likes |
Cela permet de modifier les informations qui s'affichent lorsque l'on survole une image. | 'hoverdisplay' : 'date,user', |
| Carrousel | ||||
| Activer le carrousel | carrousel | vrai false (par défaut) |
Votre flux s'affichera sous la forme d'un carrousel au lieu d'une grille | 'carousel' : 'true', |
| Flèches du carrousel | carouselarrows | vrai false (par défaut) |
Votre flux carrousel comprendra des flèches de navigation de part et d'autre des articles. | 'carouselarrows' : 'true', |
| Pagination du carrousel | carouselpag | vrai false (par défaut) |
Des points sous le flux seront affichés pour indiquer la pagination. | 'carouselpag' : 'true', |
| Carrousel Autoplay | carouselautoplay | vrai false (par défaut) |
Le flux de votre carrousel changera automatiquement mais s'arrêtera lorsqu'il sera survolé. | 'carouselautoplay' : 'true', |
| Temps d'intervalle | carouseltime | N'importe quel nombre (millisecondes) | Nombre de millisecondes nécessaires au changement du carrousel lorsque l'autoplay du carrousel est activé | 'carouseltime' : '10000', |
| Toutes les options du carrousel | carrousel | Paramètres séparés par des virgules | Les paramètres sont dans l'ordre suivant : activation du carrousel, flèches du carrousel, pagination du carrousel, autoplay du carrousel, temps d'intervalle de l'autoplay |
'carousel' : '[true,true,true,false,5000]', |
| Légende et commentaires | ||||
| Afficher la légende | afficher la légende | true (par défaut) faux |
Affichage ou non de la légende de l'article sous l'image | 'showcaption' : 'true', |
| Longueur de la légende | longueur de légende | N'importe quel nombre (caractères) | Nombre de caractères à inclure dans la légende à l'origine. Le texte restant peut être révélé en cliquant sur | 'captionlength' : '75', |
| Couleur de la légende | captioncolor | Code hexadécimal de la couleur - # | Couleur du texte de la légende | 'captioncolor' : '333333', |
| Taille de la légende | taille de la légende | Nombre + px | Taille du texte de la légende | 'captionsize' : '11px', |
| Afficher les icônes | showlikes | true (par défaut) faux |
Affichage ou non des icônes "J'aime" et "Commentaires" sous l'image | 'showlikes' : 'true', |
| Couleur de l'icône | likescolor | Code hexadécimal de la couleur - # | Couleur du texte de l'icône | 'likescolor' : '003333', |
| Taille de l'icône | likessize | Nombre + px | Taille du texte de l'icône | 'likessize' : '11px', |
| Commentaires sur la boîte à lumière | ||||
| Afficher les commentaires dans la boîte à lumière | commentaires de lightbox | true (par défaut) faux |
Inclure ou non les commentaires dans la boîte à lumière | 'lightboxcomments' : 'true', |
| Nombre de commentaires | nombre de commentaires | N'importe quel nombre | Le nombre de derniers commentaires pour l'article à afficher | 'numcomments' : '20', |
| Boutons | ||||
| Afficher le bouton "Load More | bouton d'affichage | true (par défaut) faux |
Afficher ou non le bouton "Charger plus". | 'showbutton' : 'true', |
| "Couleur d'arrière-plan du bouton "Load More | couleur du bouton | N'importe quel nombre hexadécimal - # | Couleur d'arrière-plan du bouton | 'buttoncolor' : '0f00ff', |
| "Couleur du texte du bouton "Load More | couleur du texte du bouton | N'importe quel nombre hexadécimal - # | Couleur du texte du bouton | 'buttontextcolor' : '00ff00', |
| "Texte du bouton "Load More | texte du bouton | Toute phrase | Modifier ou traduire "Load More" | 'buttontext' : 'Show more', |
| Afficher le bouton "Suivre | suivre | true (par défaut) faux |
Afficher ou non le bouton "Suivre". | 'showfollow' : 'true', |
| "Couleur d'arrière-plan du bouton "Suivre | couleur de suivi | N'importe quel nombre hexadécimal - # | Couleur d'arrière-plan du bouton | 'followcolor' : '343433', |
| "Couleur du texte du bouton "Suivre | couleur du texte de suivi | N'importe quel nombre hexadécimal - # | Couleur du texte du bouton | 'followtextcolor' : 'c67ddd', |
| "Texte du bouton "Suivre | texte de suivi | Toute phrase | Modifier ou traduire "Suivre" | 'followtext' : 'Follow us', |
| La modération | ||||
| Mots d'exclusion | mots exclus | Tout mot ou phrase | Exclure les messages qui contiennent ces mots ou phrases. Ajouter "#" pour les hashtags à exclure | 'excludewords' : '#notCool', |
| Mots inclus | inclure des mots | Tout mot ou phrase | N'incluez que les messages contenant ces mots ou phrases. Ajouter "#" pour les hashtags | 'includewords' : '#motivation', |
| Mode de modération | mode de modération | vrai false (par défaut) |
Active le mode de modération pour le flux. Remarque : ce mode sera visible par toute personne visitant votre site lorsqu'il est utilisé. Il peut être préférable de créer une page de test pour l'utiliser. | 'moderationmode' : 'true', |
| Masquer des photos spécifiques | photos cachées | Tout ID de message ou ID de messages individuels | Bloquez l'affichage de ces photos. L'activation du mode de modération peut vous aider à collecter ces identifiants. | 'hidephotos' : 'sbi_1500937627733638189_10145706', |
| Afficher des photos spécifiques (liste blanche) | les listes blanches | Tout ID de message ou ID de messages individuels | N'affichez que ces messages. L'activation du mode de modération peut vous aider à collecter ces identifiants. | 'whitelistids' : 'sbi_1500937627733638189_10145706', |