Estilizar publicações do Facebook de diferentes autores

Se várias pessoas estiverem a publicar na sua página do Facebook ou se estiver a utilizar a nossa extensão Multifeed para apresentar publicações de várias páginas diferentes do Facebook num único feed, é possível estilizar as publicações de cada autor de forma diferente. Cada publicação tem uma classe única com base no autor, pelo que pode adicionar o snippet CSS abaixo à secção CSS personalizada do plug-in (Personalizar > Diversos > CSS personalizada) e irá alterar a cor de fundo de cada publicação com base no autor:

.author-my-name{ background: #abc123; }
.author-my-facebook-page{ background: #ff0000; }
.author-another-facebook-page{ background: #321cba; }

Terá de alterar as partes "my-name" e "my-facebook-page" no snippet acima, uma vez que são apenas exemplos. Para encontrar a classe correta para o seu nome ou página do Facebook, basta pegar no nome da página do Facebook ou da pessoa, convertê-lo para minúsculas e adicionar hífenes/traços onde houver espaços. Por exemplo:

"Smash Balloon" passa a ser ".author-smash-balloon"
"A minha fantástica página do Facebook" passa a ser ".author-my-awesome-facebook-page"

É importante incluir o ponto/período "." no início.

Também pode encontrar a classe em cada publicação visualizando o código fonte da sua página, ou clicando com o botão direito do rato na publicação e selecionando "Inspecionar elemento" nas Ferramentas de desenvolvimento do seu browser, como mostrado abaixo:

wordpress-facebook-author-slug

apoio

Não encontrou a sua resposta nos documentos?

Apoio ao contacto

Este artigo foi útil?