Nachfolgend finden Sie eine Liste der optionalen Einstellungen, mit denen Sie Ihren Feed anpassen können.
| Name | Einstellung | Optionen | Beschreibung | Beispiel |
| Einstellungen | ||||
| Futtermittel Typ | Typ | Hashtag oder getaggt | Der Typ des anzuzeigenden Feeds (Standard ist Benutzerkonto) | 'type' : 'hashtag', |
| Benutzer | Benutzer | Der Benutzername des Kontos, das Sie in Ihrem Feed anzeigen möchten. Es muss ein zugehöriges Access Token in Ihrer config.php Datei gespeichert sein | Offizieller Benutzername, der in der ersten Zeichenfolge des Zugriffstokens enthalten ist | 'user' : 'smashballoon', |
| Hashtag | Hashtag | #plugins, #cool | Der Hashtag des Feeds, den Sie anzeigen möchten | 'hashtag' : '#plugins', |
| Tagged | getaggt | Den Benutzernamen des Kontos, von dem Sie einen Feed mit markierten Beiträgen anzeigen möchten | Offizieller Benutzername, der in der ersten Zeichenfolge des Zugriffstokens enthalten ist | 'tagged' : 'smashballoon', |
| Nummer | num | Beliebige Zahl | Legen Sie die Gesamtzahl der Beiträge fest, die im Feed angezeigt werden sollen und die Ihren Einstellungen entsprechen | 'num' : '20', |
| Rubriken | Spalten | Beliebige Zahl | Die Anzahl der vertikalen Spalten des Feeds. Setzen Sie dies gleich Ihrer "num"-Einstellung für eine einzelne Zeile | 'cols' : 4, |
| Sprite Image File Path | Bilddatei | vollständige Url | Der Pfad zur Datei sbi-sprite.png. Nützlich, wenn Sie ein cdn verwenden oder einen alternativen Pfad zur Datei sbi-sprite.png haben, ansonsten ist dies nicht erforderlich. | 'imagefile' : 'https://drive.google.com/uc?export=view&id=0BxhkGs_1Lmi5Sk9WWTRuUGdqN28', |
| Connect.php Dateipfad | Pfad | vollständige oder relative Url | Der Pfad zur Datei connect.php. Nützlich, wenn Sie die connect.php und config.php in einem anderen Verzeichnis als dem des Instagram-Feed-Ordners aufbewahren möchten. | 'path' : 'https://my-site.com/path/to/connect.php', |
| Kopfzeile | ||||
| Kopfzeile anzeigen | showheader | true (Standard) false |
Ob Ihr Feed-Header angezeigt werden soll oder nicht (Avatar, Bio, Anzahl der Beiträge und Likes) | 'showheader' : 'true', |
| Stil der Kopfzeile | headerstyle | Kreis (Standard) Kasten |
"Boxed" Kopfzeile oder eine "Circle" Avatar-Stil Kopfzeile | 'headerstyle' : 'circle', |
| Follower anzeigen | showfollowers | true (Standard) false |
Anzeige der Anzahl der Follower in der Kopfzeile (User Feeds) | 'showfollowers' : 'true', |
| Bio-Text anzeigen | zeigen. | true (Standard) false |
Ob Bio-Text in der Kopfzeile angezeigt werden soll oder nicht (User Feeds) | 'showbio' : 'true', |
| Farbe der Kopfzeile | headercolor | Farbe Hex-Code - # | Hintergrundfarbe der Kopfzeile | 'headercolor' : 'FF0000', |
| Allgemeines Styling | ||||
| Einzugsbreite | Einzugsbreite | Beliebige Zahl + Einheit | Die Breite des Futterbehälters (einschließlich der Einheit) | 'feedwidth' : '500px','feedwidth' : '50%', |
| Vorschubhöhe | Einzugshöhe | Beliebige Zahl + Einheit | Die Höhe des Futterbehälters (einschließlich der Einheit) | 'feedheight' : '500px', |
| Hintergrundfarbe | bgcolor | Farbe Hex-Code - # | Die Hintergrundfarbe des Feeds (ohne das #) | 'bgcolor' : 'FF0000', |
| Bildpolsterung | imagepadding | Beliebige Zahl | Das auf jedes Bild im Feed angewendete Padding | 'imagepadding' : '20', |
| Bildpolsterung | imagepaddingunit | "px" oder "%" | Die Maßeinheit | 'imagepaddingunit' : 'px', |
| Mobiles Layout deaktivieren | disablemobile | true false (Voreinstellung) |
Deaktivieren Sie das responsive Layout für kleine Geräte (ein- oder zweispaltig) | 'disablemobile' : 'true', |
| Fotos | ||||
| Bilder sortieren nach | sortiert nach | Datum (Standard) zufällig |
Wähle zufällig, um aus den letzten 33 Beiträgen zu wählen | 'sortby' : 'random', |
| Bildauflösung | bzw. | auto (Standard) Daumen mittel voll |
Vorschaubild (150×150), mittel (306×306), Vollbild (640×640) | 'res' : 'full', |
| Medienart | Medien | alle (Standard) Fotos Videos |
Welche Medientypen angezeigt werden sollen | 'media' : 'videos', |
| Bildunterschrift Links (Shoppable Feeds) | Bildunterschriftlinks | true false (Voreinstellung) |
Dadurch wird der Link für jeden Beitrag in eine beliebige URL geändert, die in der Bildunterschrift für diesen Instagram-Beitrag enthalten ist. Das Leuchtpult wird deaktiviert. Besuchen Sie diesen Link, um zu erfahren, wie das funktioniert. | 'captionlinks' : 'true', |
| Foto Schwebestil | ||||
| Hover-Hintergrundfarbe | Schwebefarbe | Farbe Hex-Code - # | Dies ändert den Hintergrund des Elements, das beim Hovern erscheint | 'hovercolor' : '3030c0', |
| Hover-Textfarbe | hovertextcolor | Farbe Hex-Code - # | Damit wird die Farbe des Textes geändert, der beim Hovern angezeigt wird | 'hovercolor' : 'ff00ff', |
| Informationen zum Schweben | Hoverdisplay | Benutzername Symbol Datum Standort Bildunterschrift likes |
Dies ändert die Informationen, die angezeigt werden, wenn Sie den Mauszeiger über ein Bild bewegen | 'hoverdisplay' : 'date,user', |
| Karussell | ||||
| Karussell einschalten | Karussell | true false (Voreinstellung) |
Ihr Feed wird als Karussell anstelle eines Rasters angezeigt | 'carousel' : 'true', |
| Karussell-Pfeile | Karussell-Pfeile | true false (Voreinstellung) |
Ihr Karussell-Feed enthält Pfeile zur Navigation auf beiden Seiten der Beiträge | 'carouselarrows' : 'true', |
| Karussell-Paginierung | carouselpag | true false (Voreinstellung) |
Punkte unter dem Einzug werden angezeigt, um die Paginierung anzuzeigen. | 'carouselpag' : 'true', |
| Karussell Autoplay | carouselautoplay | true false (Voreinstellung) |
Ihr Karussell-Feed ändert sich automatisch, hält aber an, wenn Sie den Mauszeiger darüber bewegen. | 'carouselautoplay' : 'true', |
| Intervall Zeit | carouseltime | Beliebige Zahl (Millisekunden) | Anzahl der Millisekunden, die das Karussell braucht, um zu wechseln, wenn die automatische Karussellwiedergabe aktiviert ist | 'carouseltime' : '10000', |
| Alle Karussell-Optionen | Karussell | Kommagetrennte Einstellungen | Die Einstellungen sind in dieser Reihenfolge: Karussell aktivieren, Karussellpfeile, Karussellpaginierung, Karussell-Autoplay, Autoplay-Intervallzeit |
'carousel' : '[true,true,true,false,5000]', |
| Bildunterschrift und Likes/Kommentare | ||||
| Bildunterschrift anzeigen | Bildunterschrift anzeigen | true (Standard) false |
Ob die Beschriftung des Beitrags unter dem Bild angezeigt werden soll oder nicht | 'showcaption' : 'true', |
| Beschriftung Länge | Länge der Überschrift | Beliebige Zahl (Zeichen) | Anzahl der Zeichen, die in der ursprünglichen Beschriftung enthalten sein sollen. Verbleibender Text kann auf Klick angezeigt werden | 'captionlength' : '75', |
| Beschriftung Farbe | Untertitelfarbe | Farbe Hex-Code - # | Farbe des Beschriftungstextes | 'captioncolor' : '333333', |
| Beschriftung Größe | Größe der Bildunterschrift | Zahl + px | Größe des Beschriftungstextes | 'captionsize' : '11px', |
| Icons anzeigen | anzeigen | true (Standard) false |
Ob die Symbole für Likes und Kommentare unter dem Bild angezeigt werden sollen oder nicht | 'showlikes' : 'true', |
| Icon Farbe | likescolor | Farbe Hex-Code - # | Farbe des Symboltextes | 'likescolor' : '003333', |
| Icon Größe | likessize | Zahl + px | Größe des Textes des Symbols | 'likessize' : '11px', |
| Leuchtkasten Kommentare | ||||
| Kommentare im Leuchtkasten anzeigen | lightboxcomments | true (Standard) false |
Ob Kommentare in das Leuchtpult aufgenommen werden sollen oder nicht | 'lightboxcomments' : 'true', |
| Anzahl der Kommentare | numcomments | Beliebige Zahl | Die Anzahl der letzten Kommentare für den anzuzeigenden Beitrag | 'numcomments' : '20', |
| Buttons | ||||
| Schaltfläche "Mehr laden" anzeigen | showbutton | true (Standard) false |
Ob die Schaltfläche "Mehr laden" angezeigt werden soll oder nicht | 'showbutton' : 'true', |
| "Hintergrundfarbe der Schaltfläche "Mehr laden | Knopffarbe | Beliebige Hex-Zahl - # | Hintergrundfarbe der Schaltfläche | 'buttoncolor' : '0f00ff', |
| "Textfarbe der Schaltfläche "Mehr laden | buttontextcolor | Beliebige Hex-Zahl - # | Textfarbe der Schaltfläche | 'buttontextcolor' : '00ff00', |
| "Text der Schaltfläche "Mehr laden | Schaltflächentext | Jede Phrase | Ändern oder übersetzen Sie "Mehr laden" | 'buttontext' : 'Show more', |
| Schaltfläche "Folgen" anzeigen | showfollow | true (Standard) false |
Ob die Schaltfläche "Folgen" angezeigt werden soll oder nicht | 'showfollow' : 'true', |
| Hintergrundfarbe der "Folgen"-Schaltfläche | followcolor | Beliebige Hex-Zahl - # | Hintergrundfarbe der Schaltfläche | 'followcolor' : '343433', |
| Textfarbe der "Folgen"-Schaltfläche | followtextcolor | Beliebige Hex-Zahl - # | Textfarbe der Schaltfläche | 'followtextcolor' : 'c67ddd', |
| Text der "Folgen"-Schaltfläche | Folgetext | Jede Phrase | Ändern oder übersetzen Sie "Folgen" | 'followtext' : 'Follow us', |
| Moderation | ||||
| Ausschlusswörter | excludewords | Jedes Wort oder jeder Satz | Schließen Sie Beiträge aus, die diese Wörter oder Ausdrücke enthalten. Fügen Sie "#" für auszuschließende Hashtags hinzu | 'excludewords' : '#notCool', |
| Includewords | Include-Wörter | Jedes Wort oder jeder Satz | Nehmen Sie nur Beiträge auf, die diese Wörter oder Ausdrücke enthalten. Hinzufügen von "#" für Hashtags | 'includewords' : '#motivation', |
| Moderationsmodus | Moderationsmodus | true false (Voreinstellung) |
Aktiviert den Moderationsmodus für den Feed. Hinweis: Diese Funktion ist für jeden sichtbar, der Ihre Website besucht, während sie in Betrieb ist. Am besten erstellen Sie eine Testseite, um ihn zu verwenden. | 'moderationmode' : 'true', |
| Bestimmte Fotos ausblenden | Versteckte Fotos | Beliebige Beitrags-IDs oder IDs von einzelnen Beiträgen | Blockieren Sie die Anzeige dieser Fotos. Die Aktivierung des Moderationsmodus kann Ihnen helfen, diese IDs zu sammeln. | 'hidephotos' : 'sbi_1500937627733638189_10145706', |
| Bestimmte Fotos anzeigen (weiße Liste) | whitelistids | Beliebige Beitrags-IDs oder IDs von einzelnen Beiträgen | Nur diese Beiträge anzeigen. Die Aktivierung des Moderationsmodus kann Ihnen helfen, diese IDs zu sammeln. | 'whitelistids' : 'sbi_1500937627733638189_10145706', |
