# Usando o novo recurso de página inicial personalizada **URL:** \ **Category:** Development\ **Created:** [Abril 4, 2024, 9:43pm UTC](https://meta.discourse.org/t/using-the-new-custom-homepage-feature/302496 "2024-04-04T21:43:02Z")\ **Posts on this page:** 1\ **Showing post:** 13
**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\ **Post date:** [Abril 12, 2024, 4:25pm UTC](https://meta.discourse.org/t/using-the-new-custom-homepage-feature/302496/13 "2024-04-12T16:25:28Z")
> [@pmusaraj](#): > > Sim, isso pode ser complicado. No meu teste local agora, `/custom` não funciona corretamente. É melhor usar `/`, que roteia corretamente. Mas ainda assim não destaca. Isso parece ser um problema comum. Se eu usar `/`, ele também não destaca outras rotas definidas como página inicial. > [@pmusaraj](#): > > Posso estar me apegando a este outlet `custom-homepage` com uma mensagem para administradores sem um bom motivo, para ser honesto. Esse aviso não é tão útil… Sim, eu também poderia imaginar o aviso sendo exibido de forma diferente. A principal vantagem dos outlets wrapper parece ser que posso ceder condicionalmente o código principal ou renderizar um personalizado. Mas isso provavelmente nunca seria um caso para essa mensagem informativa. > [@pmusaraj](#): > > Vejo seu problema com mais clareza depois de dar uma olhada rápida no componente [Featured Lists](https://meta.discourse.org/t/featured-lists/288916). Uma opção é refatorar esse componente e fazer com que ele produza todas as listas em um único componente Ember. Então você poderia adicionar esse componente a um outlet wrapper de plugin. Deve haver um mal-entendido. O componente já envolve todas as listas em um componente de encapsulamento e o renderiza em qualquer outlet fornecido: ![image](https://global.discourse-cdn.com/meta/original/4X/0/f/6/0f6518d067177a7aef5ab2a5c8127f68c63e8397.png) Portanto, posso adicionar o componente sem problemas ao outlet wrapper atual na página inicial personalizada. O que não consigo fazer é usar esse outlet para renderizar mais de um componente autônomo na página inicial personalizada. Componentes que eu teria instalado como componentes de tema, como estes três: ![image](https://global.discourse-cdn.com/meta/original/4X/4/1/c/41ca68411b7294cfcdcd5884f54e02dcccb4984c.png) Minha suposição é que fazer tal uso de vários componentes de tema autônomos para construir uma página inicial personalizada seria a abordagem comum. Em vez de construir tudo do zero em um único tema. > [@pmusaraj](#): > > Outra opção é adicionar um segundo plugin outlet ao template da página inicial personalizada, algo como ``. Se você considerar adicionar outro outlet ou alterar a configuração do outlet, posso fornecer mais feedback com base no uso até agora. Embora eu vá envolver essa toca de coelho em detalhes 😄 > **** > > Então percebi que o outlet é renderizado dentro do elemento `main-outlet`. A estrutura geral desses elementos é então: > > - wrapper do main-outlet > - wrapper da barra lateral > - main-outlet > - outlet custom-homepage > > Como designer, na verdade não sou tão flexível organizando itens em uma página inicial personalizada usando este outlet. Para o design compartilhado acima, usei o outlet `before-main-outlet`, não apenas porque posso colocar mais de um componente, mas também porque ele não aninha componentes dentro do elemento `main-outlet`. > A estrutura, como compartilhada na captura de tela acima, se parece com isto: > > - wrapper do main-outlet > - wrapper da barra lateral > - componente: banner de pesquisa > - componente: tópicos em destaque > - componente: listas em destaque > - main-outlet > > A vantagem é que posso organizar elementos em toda a largura do wrapper `main-outlet` e não apenas dentro do elemento `main-outlet`. Para ilustrar o ponto, se eu renderizasse um dos componentes no outlet `custom-homepage` atual, ele seria renderizado aninhado dentro do elemento `main-outlet` como este: > > ![image](https://global.discourse-cdn.com/meta/original/4X/0/c/b/0cb068ee33c67f2f9f6762b3b178f9e498d624e8.jpeg) > > A maior flexibilidade para designs personalizados, na minha opinião, seria oferecida por um plugin outlet que é colocado > > - como um filho direto do wrapper `main-outlet` (semelhante ao outlet `before-main-outlet`) > - dentro de uma div wrapper > > Essa div wrapper agruparia todos os componentes adicionados a ela e permitiria uma fácil ordenação. Tal estrutura ficaria então assim: > > - wrapper do main-outlet > - wrapper da barra lateral > - wrapper custom-homepage > - componente: banner de pesquisa > - componente: tópicos em destaque > - componente: listas em destaque > > - main-outlet > > Portanto, este é o meu feedback como designer. Acho que cabe a você decidir o quanto isso se alinha com o que você consideraria uma aplicação comum para o recurso de página inicial personalizada. --- _[View the full topic](https://meta.discourse.org/t/using-the-new-custom-homepage-feature/302496)._