PostPage

PostPage não é um componente exportado com esse nome. É a composição de uma página de post: PostHeader, PostBody (o texto com o sumário ao lado) e PostFooter (tags, autor, série, posts relacionados, newsletter e comentários). O catálogo da galeria monta as três peças numa página só, para mostrar as três variantes dos modelos do blog.

Quando usar

Use a composição quando estiver escrevendo um modelo de artigo: monte o cabeçalho, o corpo e o rodapé na ordem em que a página deve aparecer. Não existe uma função PostPage para importar. Cada peça tem as próprias propriedades, exportadas de ui/index.

O rodapé mostra só o que você preenche. Tags e partes vizinhas de uma série aparecem quando existem. O bloco de autor, a newsletter e os comentários são opcionais, cada um com a sua propriedade (ui/sections/post-footer/post-footer.ts:71). Os modelos decidem quais peças usar: footerOf em templates/blog/files/src/site/models/shared/article.ts:41 monta o rodapé a partir dessas escolhas.

Onde aparece no blog pronto

Cada modelo de artigo monta as três peças na sua ordem:

• revista: PostHeader com a capa larga quando o post tem capa, e rodapé completo, com autor, newsletter e comentários (templates/blog/files/src/site/models/revista/article.ts:17 a :26).
• central: cabeçalho sem capa e sem autor, corpo com o resumo ao lado, rodapé com tags, série e relacionados, sem autor, newsletter ou comentários (templates/blog/files/src/site/models/central/article.ts:15 a :24).
• autor: cabeçalho sem capa, resumo aberto sobre o texto e rodapé com a biografia do autor, série, comentários e newsletter, sem posts relacionados (templates/blog/files/src/site/models/autor/article.ts:14 a :22).

A galeria monta essas três variantes em ui/sections/post-footer/post-page.gallery.ts:144 e seguintes.

Variantes e propriedades

PostPage

Pasta: ui/sections/post-footer

Variantes

Id	Variante	Tom
post-page-revista-light	revista	light
post-page-autor-light	autor	light
post-page-central-light	central	light

Propriedades

Sem propriedades exportadas.

PostPage é uma composição, sem propriedades próprias: a tabela acima mostra «Sem propriedades exportadas». Use as propriedades das três peças: PostHeaderProps (ui/sections/post-header/post-header.ts:55), PostBodyProps (ui/sections/post-body/post-body.ts:9) e PostFooterProps (ui/sections/post-footer/post-footer.ts:71), todas exportadas de ui/index.ts:153 a :174.

Captura

A primeira variante do catálogo, o formato revista, em 1280 px:

A mesma variante em 360 px:

Origem

• ui/sections/post-footer/post-footer.ts: PostFooter e PostFooterProps.
• ui/sections/post-footer/post-page.gallery.ts: a composição e as três variantes.
• ui/sections/post-header/ e ui/sections/post-body/: o cabeçalho e o corpo.