Segue-se uma lista de definições opcionais que pode utilizar para personalizar o seu feed.
Nome | Definição | Opções | Descrição | Exemplo |
Definições | ||||
Tipo de alimentação | tipo | hashtag ou etiquetado | O tipo de feed a apresentar (a predefinição é conta de utilizador) | 'type' : 'hashtag', |
Utilizador | utilizador | O nome de utilizador da conta que pretende apresentar no seu feed. Deve ter um Token de acesso relacionado armazenado no seu ficheiro config.php | Nome de utilizador oficial encontrado no primeiro conjunto de caracteres do seu token de acesso | 'user' : 'smashballoon', |
Hashtag | hashtag | #plugins, #cool | O hashtag do feed que pretende apresentar | 'hashtag' : '#plugins', |
Marcado | etiquetado | O nome de utilizador da conta da qual pretende mostrar um feed de mensagens marcadas | Nome de utilizador oficial encontrado no primeiro conjunto de caracteres do seu token de acesso | 'tagged' : 'smashballoon', |
Número | num | Qualquer número | Defina o número total de mensagens que serão apresentadas no feed de acordo com as suas definições | 'num' : '20', |
Colunas | cols | Qualquer número | O número de colunas verticais no feed. Defina isto como igual à sua definição "num" para uma única linha | 'cols' : 4, |
Caminho do ficheiro da imagem do sprite | ficheiro de imagem | url completo | O caminho para o ficheiro sbi-sprite.png. Útil se estiver a utilizar um cdn ou se tiver um caminho alternativo para o ficheiro sbi-sprite.png. Caso contrário, não é necessário. | 'imagefile' : 'https://drive.google.com/uc?export=view&id=0BxhkGs_1Lmi5Sk9WWTRuUGdqN28', |
Caminho do ficheiro Connect.php | caminho | url completo ou relativo | O caminho para o ficheiro connect.php. Útil se você quiser manter o connect.php e o config.php em um diretório diferente do que a pasta instagram-feed está usando. | 'path' : 'https://my-site.com/path/to/connect.php', |
Cabeçalho | ||||
Mostrar cabeçalho | cabeçalho | verdadeiro (predefinição) falso |
Mostrar ou não o cabeçalho do seu feed (avatar, biografia, publicações e contagens de gostos) | 'showheader' : 'true', |
Estilo do cabeçalho | estilo de cabeçalho | círculo (predefinição) em caixa |
Cabeçalho "em caixa" ou um cabeçalho de estilo de avatar "Círculo" | 'headerstyle' : 'circle', |
Mostrar seguidores | mostrar seguidores | verdadeiro (predefinição) falso |
Mostrar o número de seguidores no cabeçalho (feeds de utilizador) | 'showfollowers' : 'true', |
Mostrar texto biográfico | showbio | verdadeiro (predefinição) falso |
Mostrar ou não o texto da biografia no cabeçalho (feeds de utilizador) | 'showbio' : 'true', |
Cor do cabeçalho | cor da cabeça | Código hexadecimal da cor - # | Cor de fundo do cabeçalho | 'headercolor' : 'FF0000', |
Estilo geral | ||||
Largura de alimentação | largura do feed | Qualquer número + unidade | A largura do recipiente de alimentação (incluindo a unidade) | 'feedwidth' : '500px', 'feedwidth' : '50%', |
Altura de alimentação | altura de alimentação | Qualquer número + unidade | A altura do recipiente de alimentação (incluindo a unidade) | 'feedheight' : '500px', |
Cor de fundo | bgcolor | Código hexadecimal da cor - # | A cor de fundo do feed (não incluindo o #) | 'bgcolor' : 'FF0000', |
Preenchimento de imagens | preenchimento de imagem | Qualquer número | O preenchimento aplicado a cada imagem no feed | 'imagepadding' : '20', |
Preenchimento de imagens | unidade de enchimento de imagem | "px" ou "%" | A unidade de medida | 'imagepaddingunit' : 'px', |
Desativar a apresentação móvel | desativar o telemóvel | verdadeiro falso (predefinição) |
Desativar o esquema responsivo para dispositivos pequenos (coluna simples ou dupla) | 'disablemobile' : 'true', |
Fotos | ||||
Ordenar imagens por | ordenar | data (predefinição) aleatório |
Escolher aleatório para escolher aleatoriamente entre as últimas 33 mensagens feitas | 'sortby' : 'random', |
Resolução da imagem | res | auto (predefinição) polegar médio completo |
miniatura (150×150), médio (306×306), completo (640×640) | 'res' : 'full', |
Tipo de suporte | meios de comunicação | todos (predefinição) fotos vídeos |
Que tipos de multimédia apresentar | 'media' : 'videos', |
Ligações de legendas (feeds compráveis) | ligações de legendas | verdadeiro falso (predefinição) |
Isto irá alterar a hiperligação de cada publicação para qualquer url incluído na legenda dessa publicação do Instagram. A lightbox será desactivada. Visite este link para saber como isso funciona. | 'captionlinks' : 'true', |
Estilo de pairar a fotografia | ||||
Cor de fundo do Hover | hovercolor | Código hexadecimal da cor - # | Isto irá alterar o fundo do elemento que aparece ao passar o rato | 'hovercolor' : '3030c0', |
Cor do texto do hover | cor do texto do hover | Código hexadecimal da cor - # | Isto irá alterar a cor do texto que é revelado ao passar o rato | 'hovercolor' : 'ff00ff', |
Informações sobre o pairar | apresentação de pairar | nome de utilizador ícone data localização legenda gostos |
Isto irá alterar a informação que é mostrada quando se passa o rato sobre uma imagem | 'hoverdisplay' : 'date,user', |
Carrossel | ||||
Ativar o carrossel | carrossel | verdadeiro falso (predefinição) |
O seu feed será apresentado como um carrossel em vez de uma grelha | 'carousel' : 'true', |
Setas de carrossel | carrosséis | verdadeiro falso (predefinição) |
O seu feed de carrossel incluirá setas para navegação em ambos os lados das mensagens | 'carouselarrows' : 'true', |
Paginação em carrossel | carrosselpag | verdadeiro falso (predefinição) |
Serão apresentados pontos por baixo do feed para indicar a paginação | 'carouselpag' : 'true', |
Reprodução automática do carrossel | carouselautoplay | verdadeiro falso (predefinição) |
O feed do carrossel muda automaticamente mas pára quando se passa o rato sobre ele | 'carouselautoplay' : 'true', |
Tempo de intervalo | hora do carrossel | Qualquer número (milissegundos) | Número de milissegundos que o carrossel demora a mudar quando a reprodução automática do carrossel está activada | 'carouseltime' : '10000', |
Todas as opções de carrossel | carrossel | Definições separadas por vírgulas | As definições estão por esta ordem - ativar carrossel, setas do carrossel, paginação do carrossel, reprodução automática do carrossel, tempo de intervalo da reprodução automática |
'carousel' : '[true,true,true,false,5000]', |
Legenda e gostos/comentários | ||||
Mostrar legenda | mostrar legenda | verdadeiro (predefinição) falso |
Mostrar ou não a legenda da publicação por baixo da imagem | 'showcaption' : 'true', |
Comprimento da legenda | comprimento da legenda | Qualquer número (caracteres) | Número de caracteres a incluir originalmente na legenda. O texto restante pode ser revelado ao clicar | 'captionlength' : '75', |
Cor da legenda | cor da legenda | Código hexadecimal da cor - # | Cor do texto da legenda | 'captioncolor' : '333333', |
Tamanho da legenda | tamanho da legenda | Número + px | Tamanho do texto da legenda | 'captionsize' : '11px', |
Mostrar ícones | gostos de espetáculo | verdadeiro (predefinição) falso |
Se os ícones de gostos e comentários serão ou não apresentados por baixo da imagem | 'showlikes' : 'true', |
Cor do ícone | gosta de cor | Código hexadecimal da cor - # | Cor do texto do ícone | 'likescolor' : '003333', |
Tamanho do ícone | tamanho do gosto | Número + px | Tamanho do texto do ícone | 'likessize' : '11px', |
Comentários da caixa de luz | ||||
Mostrar comentários na caixa de luz | comentários de lightbox | verdadeiro (predefinição) falso |
Incluir ou não comentários na lightbox | 'lightboxcomments' : 'true', |
Número de comentários | número de comentários | Qualquer número | O número de comentários mais recentes para a publicação a apresentar | 'numcomments' : '20', |
Botões | ||||
Mostrar o botão "Carregar mais | botão de seleção | verdadeiro (predefinição) falso |
Se deve ou não mostrar o botão "Carregar mais" | 'showbutton' : 'true', |
Cor de fundo do botão "Carregar mais" | cor do botão | Qualquer número hexadecimal - # | Cor de fundo do botão | 'buttoncolor' : '0f00ff', |
Cor do texto do botão "Carregar mais" | cor do texto do botão | Qualquer número hexadecimal - # | Cor do texto do botão | 'buttontextcolor' : '00ff00', |
"Texto do botão "Carregar mais | texto do botão | Qualquer frase | Alterar ou traduzir "Carregar mais" | 'buttontext' : 'Show more', |
Mostrar o botão "Seguir | mostrar seguir | verdadeiro (predefinição) falso |
Mostrar ou não o botão "Seguir | 'showfollow' : 'true', |
"Cor de fundo do botão "Seguir | seguircor | Qualquer número hexadecimal - # | Cor de fundo do botão | 'followcolor' : '343433', |
"Cor do texto do botão "Seguir | seguircor do texto | Qualquer número hexadecimal - # | Cor do texto do botão | 'followtextcolor' : 'c67ddd', |
"Texto do botão "Seguir | seguir texto | Qualquer frase | Alterar ou traduzir "Seguir" | 'followtext' : 'Follow us', |
Moderação | ||||
Palavras excluídas | palavras excluídas | Qualquer palavra ou frase | Excluir publicações que contenham estas palavras ou frases. Adicione "#" às hashtags a excluir | 'excludewords' : '#notCool', |
Incluir palavras | incluir palavras | Qualquer palavra ou frase | Inclua apenas mensagens que contenham estas palavras ou frases. Adicionar "#" para hashtags | 'includewords' : '#motivation', |
Modo de moderação | modo de moderação | verdadeiro falso (predefinição) |
Ativa o modo de moderação para o feed. Nota: isto será visível para qualquer pessoa que visite o seu site enquanto estiver a ser utilizado. Poderá ser melhor criar uma página de teste para o utilizar. | 'moderationmode' : 'true', |
Ocultar fotografias específicas | fotos ocultas | Qualquer ID de post ou IDs de posts individuais | Impedir que estas fotografias sejam mostradas. A ativação do modo de moderação pode ajudá-lo a recolher estas identificações. | 'hidephotos' : 'sbi_1500937627733638189_10145706', |
Mostrar fotografias específicas (lista branca) | listas brancas | Qualquer ID de post ou IDs de posts individuais | Mostrar apenas estas mensagens. A ativação do modo de moderação pode ajudá-lo a recolher estas identificações. | 'whitelistids' : 'sbi_1500937627733638189_10145706', |
