[PARCERIAS/APOIO] Criar Widget

[daphnemartinsba]

O seguinte bloco é utilizado em diversas páginas/single:

Por isso:

• [x] Sidebar para exibir parceiros será configurado em widget

• [x] Utilizar metadado para determinar onde que aparecerá

Bloco se encontra presente também na home, layout: https://www.figma.com/file/HJanIoNJS8SynxptNSqcji/Ethos-UI?type=design&node-id=196-2&mode=design&t=fvqaDCWrjlv8agOo-0

[dioliviers]

• Inserido componente de widget, onde o usuário pode alterar os parceiros em 'Themas - layout-parts'
• Exibirá apenas nas singles e pages, menos nas archives conforme layout
• Para ativar basta selecionar a opção no post
• O empilhamento ( mobile ) está seguindo o padrão do wordpress

e logo apresentará no rodapé da página, segue o teste : https://ethos.hacklab.com.br/teste/

OBS: tem um outro metadado chamado : 'parceiros' proveniente do ACF' : Verificar com @jacsonp ou @everaldomatias se existe algo a ser migrado neste metadado ou excluido.

[daphnemartinsba]

• [x] Checkbox não aparece na home:

• [x] Ajuste nos títulos e imagens:

[daphnemartinsba]

• [x] Ajustar tamanhos dos ícones (alguns devem ficar menores, por exemplo, alcoa, hydro e etc): Figma:

Staging:

• [x] Separadores (traços que separam as parcerias) deve ser mais largo: No figma são um pouco menor que o limite do grid do corpo do texto, como na imagem acima

• [x] Deixar texto em caixa alta (todo maiúsculo)

• [x] Aumentar distância entre o bloco de parceria e o rodapé (utilizar tela proto de figma)

• [x] Aumentar distância entre o bloco de parceria e o bloco acima (utilizar tela proto de figma)

https://www.figma.com/proto/HJanIoNJS8SynxptNSqcji/Ethos-UI?node-id=196-2&t=DBZy0hcb4RQUreIJ-0&scaling=min-zoom&page-id=112%3A2

Mobile (Samsung)

• [x] Ícones devem ser dispostos em dois ícones por linha, um do lado do outro, conforme figma:

Nova definição de layout:

• [x] aplicar fonte x small nos textos:
• PARCERIA INSTITUCIONAL
• PARCERIA ESTRATÉGICA
• APOIO INSTITUCIONAL

[dioliviers]

Ajustado conforme solicitado

OBS: O ícone da natura peguei no site de produção deles, porque no nosso é uma foto png que abraça todos os elementos, impossibilitando de capturar a imagem.

[daphnemartinsba]

• [x] Bloco de parceiros não fica oculto quando marca a opção "Não"

Mobile (Samsung)

• [x] Ícones devem ser dispostos em dois ícones por linha, um do lado do outro, conforme figma:

[daphnemartinsba]

• [x] ícones estão muito espaçados no mobile
  • validar se deve ser utilizado o padrão do wp

Padrão do wp:

Staging:

• [x] aproximar ícones de linha separadora:

Staging:

Figma:

• [x] Bloco deve ser ativo por padrão nas singles
  • investigar motivo porquê não fica ativo por padrão

[dioliviers]

OBS: modo mobile, ficou de ver com a @marinarcruz para ficar desta forma abaixo, acredito que ficou mais agradável do que o aplicando o gap conforme está no layout.

Sobre o widget ficar ativo sempre nas novas single e páginas conforme abaixo :

porém para os posts que viéram da migração acredito que será necessário atualizar as paginas para que aplique os parceiros.