A continuación encontrará una lista de ajustes opcionales que puede utilizar para personalizar su feed.
| Nombre | Configuración | Opciones | Descripción | Ejemplo |
| Ajustes | ||||
| Tipo de pienso | tipo | hashtag o etiqueta | El tipo de feed a mostrar (por defecto es cuenta de usuario) | 'type' : 'hashtag', |
| Usuario | usuario | El nombre de usuario de la cuenta que desea mostrar en su feed. Debe tener un token de acceso relacionado almacenado en su archivo config.php. | Nombre de usuario oficial que se encuentra en el primer conjunto de caracteres de su token de acceso. | 'user' : 'smashballoon', |
| Hashtag | hashtag | #plugins, #cool | El hashtag del feed que desea mostrar | 'hashtag' : '#plugins', |
| Etiquetado | etiquetado | El nombre de usuario de la cuenta de la que desea mostrar un feed de entradas etiquetadas | Nombre de usuario oficial que se encuentra en el primer conjunto de caracteres de su token de acceso. | 'tagged' : 'smashballoon', |
| Número | num | Cualquier número | Establece el número total de entradas que se mostrarán en el feed y que se ajustan a tu configuración | 'num' : '20', |
| Columnas | cols | Cualquier número | El número de columnas verticales del feed. Establézcalo igual a su ajuste "num" para una sola fila. | 'cols' : 4, |
| Ruta del archivo de imagen de Sprite | archivo de imagen | url completa | La ruta al archivo sbi-sprite.png. Útil si está utilizando un cdn o tiene una ruta alternativa al archivo sbi-sprite.png, de lo contrario no es necesario. | 'imagefile' : 'https://drive.google.com/uc?export=view&id=0BxhkGs_1Lmi5Sk9WWTRuUGdqN28', |
| Ruta del archivo Connect.php | ruta | url completa o relativa | La ruta al archivo connect.php. Útil si quieres mantener connect.php y config.php en un directorio diferente al que usa la carpeta instagram-feed. | 'path' : 'https://my-site.com/path/to/connect.php', |
| Cabecera | ||||
| Mostrar cabecera | showheader | true (por defecto) falso |
Mostrar o no la cabecera de tu feed (avatar, biografía, publicaciones y número de "me gusta") | 'showheader' : 'true', |
| Estilo de cabecera | headerstyle | círculo (por defecto) en recuadro |
"Encabezado "en recuadro" o estilo avatar "en círculo | 'headerstyle' : 'circle', |
| Mostrar seguidores | showfollowers | true (por defecto) falso |
Mostrar el número de seguidores en la cabecera (feeds de usuarios) | 'showfollowers' : 'true', |
| Mostrar texto biográfico | showbio | true (por defecto) falso |
Mostrar o no texto biográfico en la cabecera (feeds de usuario) | 'showbio' : 'true', |
| Color de la cabecera | headercolor | Código hexadecimal del color - # | Color de fondo de la cabecera | 'headercolor' : 'FF0000', |
| Estilismo general | ||||
| Anchura de alimentación | ancho de alimentación | Cualquier número + unidad | La anchura del contenedor de alimentos (incluida la unidad) | 'feedwidth' : '500px','feedwidth' : '50%', |
| Altura de alimentación | altura de alimentación | Cualquier número + unidad | La altura del contenedor de alimentos (incluida la unidad) | 'feedheight' : '500px', |
| Color de fondo | bgcolor | Código hexadecimal del color - # | El color de fondo de la fuente (sin incluir el #) | 'bgcolor' : 'FF0000', |
| Relleno de imagen | relleno de imágenes | Cualquier número | El relleno aplicado a cada imagen del feed | 'imagepadding' : '20', |
| Relleno de imagen | imagepaddingunit | "px" o "%" | La unidad de medida | 'imagepaddingunit' : 'px', |
| Desactivar diseño móvil | disablemobile | verdadero false (por defecto) |
Desactivar el diseño adaptable para dispositivos pequeños (una o dos columnas) | 'disablemobile' : 'true', |
| Fotos | ||||
| Ordenar imágenes por | ordenar por | fecha (por defecto) aleatorio |
Elige aleatorio para elegir al azar entre los últimos 33 mensajes publicados | 'sortby' : 'random', |
| Resolución de imagen | res | auto (por defecto) pulgar medio completo |
miniatura (150×150), mediano (306×306), completo (640×640) | 'res' : 'full', |
| Tipo de soporte | medios de comunicación | todo (por defecto) fotos vídeos |
Qué tipos de medios mostrar | 'media' : 'videos', |
| Enlaces de subtítulos (Shoppable Feeds) | enlaces a subtítulos | verdadero false (por defecto) |
Esto cambiará el enlace de cada publicación a cualquier url incluida en el pie de foto de esa publicación de Instagram. El lightbox se desactivará. Visita este enlace para saber cómo funciona. | 'captionlinks' : 'true', |
| Foto Estilo Hover | ||||
| Color de fondo | hovercolor | Código hexadecimal del color - # | Esto cambiará el fondo del elemento que aparece al pasar el ratón por encima. | 'hovercolor' : '3030c0', |
| Color del texto sobreimpresionado | hovertextcolor | Código hexadecimal del color - # | Esto cambiará el color del texto que se muestra al pasar el ratón por encima. | 'hovercolor' : 'ff00ff', |
| Información sobre Hover | hoverdisplay | nombre de usuario icono fecha ubicación título me gusta |
Esto cambiará la información que se muestra al pasar el ratón por encima de una imagen. | 'hoverdisplay' : 'date,user', |
| Carrusel | ||||
| Activar carrusel | carrusel | verdadero false (por defecto) |
Tu feed se mostrará como un carrusel en lugar de una cuadrícula | 'carousel' : 'true', |
| Carrusel de flechas | carouselarrows | verdadero false (por defecto) |
Tu feed en carrusel incluirá flechas de navegación a ambos lados de las entradas | 'carouselarrows' : 'true', |
| Paginación en carrusel | carouselpag | verdadero false (por defecto) |
Se mostrarán puntos debajo del avance para indicar la paginación | 'carouselpag' : 'true', |
| Reproducción automática de carrusel | carouselautoplay | verdadero false (por defecto) |
El carrusel cambiará automáticamente, pero se detendrá al pasar el ratón por encima. | 'carouselautoplay' : 'true', |
| Tiempo de intervalo | carouseltime | Cualquier número (milisegundos) | Número de milisegundos que tarda en cambiar el carrusel cuando está activada la reproducción automática. | 'carouseltime' : '10000', |
| Todas las opciones de carrusel | carrusel | Ajustes separados por comas | Los ajustes son en este orden - activar carrusel, flechas del carrusel, paginación del carrusel, reproducción automática del carrusel, intervalo de reproducción automática |
'carousel' : '[true,true,true,false,5000]', |
| Pie de foto y Me gusta/Comentarios | ||||
| Mostrar pie de foto | showcaption | true (por defecto) falso |
Mostrar o no el título de la entrada debajo de la imagen | 'showcaption' : 'true', |
| Longitud del subtítulo | captionlength | Cualquier número (caracteres) | Número de caracteres que se incluirán originalmente en el pie de foto. El texto restante puede revelarse al hacer clic | 'captionlength' : '75', |
| Color del pie de foto | captioncolor | Código hexadecimal del color - # | Color del texto del pie de foto | 'captioncolor' : '333333', |
| Tamaño del pie de foto | Tamaño del título | Número + px | Tamaño del texto del pie de foto | 'captionsize' : '11px', |
| Mostrar iconos | Gustos de espectáculo | true (por defecto) falso |
Si se mostrarán o no los iconos de "Me gusta" y "Comentarios" debajo de la imagen. | 'showlikes' : 'true', |
| Icono Color | likescolor | Código hexadecimal del color - # | Color del texto del icono | 'likescolor' : '003333', |
| Tamaño del icono | likessize | Número + px | Tamaño del texto del icono | 'likessize' : '11px', |
| Comentarios | ||||
| Mostrar comentarios en Lightbox | lightboxcomments | true (por defecto) falso |
Incluir o no comentarios en el lightbox | 'lightboxcomments' : 'true', |
| Número de comentarios | número de comentarios | Cualquier número | El número de los últimos comentarios de la entrada a mostrar | 'numcomments' : '20', |
| Botones | ||||
| Mostrar botón "Cargar más | mostrarbotón | true (por defecto) falso |
Mostrar o no el botón "Cargar más | 'showbutton' : 'true', |
| "Color de fondo del botón "Cargar más | buttoncolor | Cualquier número hexadecimal - # | Color de fondo del botón | 'buttoncolor' : '0f00ff', |
| "Color del texto del botón "Cargar más | buttontextcolor | Cualquier número hexadecimal - # | Color del texto del botón | 'buttontextcolor' : '00ff00', |
| "Texto del botón "Cargar más | buttontext | Cualquier frase | Cambiar o traducir "Cargar más" | 'buttontext' : 'Show more', |
| Mostrar botón "Seguir | mostrarseguir | true (por defecto) falso |
Mostrar o no el botón "Seguir | 'showfollow' : 'true', |
| "Color de fondo del botón "Seguir | followcolor | Cualquier número hexadecimal - # | Color de fondo del botón | 'followcolor' : '343433', |
| "Color del texto del botón "Seguir | seguirtextocolor | Cualquier número hexadecimal - # | Color del texto del botón | 'followtextcolor' : 'c67ddd', |
| "Texto del botón "Seguir | followtext | Cualquier frase | Cambiar o traducir "Follow | 'followtext' : 'Follow us', |
| Moderación | ||||
| Palabras excluidas | excludewords | Cualquier palabra o frase | Excluye las publicaciones que contengan estas palabras o frases. Añade "#" para excluir hashtags | 'excludewords' : '#notCool', |
| Incluirpalabras | incluirpalabras | Cualquier palabra o frase | Incluye sólo las publicaciones que contengan estas palabras o frases. Añadir "#" para hashtags | 'includewords' : '#motivation', |
| Modo Moderación | modo moderación | verdadero false (por defecto) |
Activa el modo de moderación para el feed. Nota: esto será visible para cualquiera que visite tu sitio mientras esté en uso. Puede ser mejor crear una página de prueba para usarlo. | 'moderationmode' : 'true', |
| Ocultar fotos específicas | hidephotos | Cualquier ID de entrada o ID de entradas individuales | Bloquea estas fotos para que no se muestren. Activar el modo de moderación puede ayudarte a recopilar estas identificaciones. | 'hidephotos' : 'sbi_1500937627733638189_10145706', |
| Mostrar fotos específicas (lista blanca) | whitelistids | Cualquier ID de entrada o ID de entradas individuales | Mostrar sólo estos mensajes. Activar el modo de moderación puede ayudarle a recopilar estos ids. | 'whitelistids' : 'sbi_1500937627733638189_10145706', |
