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', |
