Post Highlight Block

Bloco para exibir posts em destaque (um grande + pequenos).

by Renato de Jesus · github.com/renatoknight/post-highlight

★ 0stars

0forks

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/renatoknight/post-highlight/archive/refs/heads/main.zip

Readme github.com/renatoknight/post-highlight ↗

Bloco Gutenberg para exibir posts em destaque (1 post grande + posts pequenos).

📦 Instalação

Baixe este repositório como .zip e extraia na pasta wp-content/plugins/.
Ative o plugin no painel do WordPress.

🛠 Desenvolvimento

Este projeto usa @wordpress/scripts para empacotar o JavaScript com ESNext.

Passos para rodar localmente:

cd post-highlight
npm install
npm run start

npm run start compila em modo de desenvolvimento com hot reload.
npm run build gera a versão otimizada para produção.

🌍 Tradução (i18n)

Para gerar o arquivo de tradução .pot:

npx @wordpress/scripts i18n make-pot . languages/post-highlight.pot

Depois, use ferramentas como Poedit ou Loco Translate para criar arquivos .po/.mo.

⚙️ Estrutura

post-highlight/
├── block.json
├── post-highlight.php
├── render.php
├── languages/
│   └── post-highlight.pot
├── src/
│   ├── index.js
│   └── edit.js
├── style.css
├── editor.css
├── package.json
└── README.md

📤 Subindo para o GitHub

git init
git add .
git commit -m "feat: initial commit with Gutenberg block"
git branch -M main
git remote add origin https://github.com/SEU-USUARIO/post-highlight.git
git push -u origin main

Adicione também um .gitignore:

/node_modules/
/build/
.DS_Store
*.zip

✍️ Dica: Para personalizar o visual, edite o style.css e adicione suas próprias classes ou use TailwindCSS/SASS.