Perfume Prosa - Bloco de Posts Recentes
Um plugin WordPress para exibir os 3 posts mais recentes em um bloco Gutenberg personalizado (no estilo do G1).
by Daniel Carvalho · github.com/supremaux/perfume-prosa-recent-posts · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/supremaux/perfume-prosa-recent-posts/archive/refs/heads/main.zipUm plugin WordPress para exibir os 3 posts mais recentes em um bloco Gutenberg personalizado.
📌 Descrição
Este plugin adiciona um bloco Gutenberg ao WordPress, permitindo que você exiba os 3 posts mais recentes do seu blog em um layout moderno e responsivo. O bloco inclui:
- Imagem destacada como fundo.
- Categoria do post.
- Título do post.
- Descrição (excerto) do post.
- Layout responsivo para dispositivos móveis.
📥 Instalação
Método 1: Instalação via Upload (Recomendado)
- Baixe a pasta do plugin (contendo os arquivos
perfume-prosa-recent-posts.php,block.jsestyle.css). - Compacte a pasta em um arquivo
.zip. - No painel administrativo do WordPress, vá em Plugins > Adicionar Novo > Enviar Plugin.
- Envie o arquivo
.zipe ative o plugin.
Método 2: Instalação Manual
- Acesse o diretório
/wp-content/plugins/do seu site via FTP ou Gerenciador de Arquivos. - Crie uma pasta chamada
perfume-prosa-recent-posts. - Faça upload dos arquivos
perfume-prosa-recent-posts.php,block.jsestyle.csspara esta pasta. - No painel administrativo do WordPress, vá em Plugins e ative o plugin "Perfume Prosa - Bloco de Posts Recentes".
🛠 Uso
- Edite uma página ou post no WordPress.
- Clique no botão "+" para adicionar um novo bloco.
- Busque por "Perfume Prosa - Posts Recentes" e selecione o bloco.
- Salve ou publique a página para visualizar o bloco no frontend.
🎨 Personalização
CSS Personalizado
Você pode personalizar o estilo do bloco editando o arquivo style.css na pasta do plugin. Algumas classes úteis:
.primeiroPost,.segundoPost,.terceiroPost: Estilize os posts individuais..category: Estilize a categoria..title: Estilize o título do post..excerpt: Estilize a descrição do post.
Ajustes no Layout
- Para alterar o tamanho das imagens, modifique as propriedades
heightnas classes.primeiroPost,.segundoPoste.terceiroPost. - Para alterar a cor de fundo ou transparência, ajuste a propriedade
background-colorebackground-blend-mode.
📝 Estrutura do Plugin
perfume-prosa-recent-posts/ │── perfume-prosa-recent-posts.php # Arquivo principal do plugin │── block.js # Script do bloco Gutenberg │── style.css # Estilos do bloco
🔧 Requisitos
- WordPress 5.0+ (para suporte ao editor Gutenberg).
- PHP 7.0+.
📜 Licença
Este plugin é de uso livre e pode ser modificado conforme necessário. Não há restrições de licença.
📬 Suporte
Para dúvidas ou sugestões, entre em contato:
- E-mail: seu-email@dominio.com
- Site: Perfume Prosa