Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Learn Faust tutorial: Blocks step says Faust loads block CSS, but no WordPress styles are applied

Aperta Adatta ai principianti
  • Qualcosa non va?
#2,705 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
78/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
nextjs, typescript, wordpress
Ambito
documentation, frontend

Direzione di ricerca

Inizia con il tutorial Learn Faust alla sezione «Blocks» > «2. Query for blocks data» e verifica se la sua affermazione sul caricamento del CSS corrisponde alla pagina generata. L’issue suggerisce di generare src/styles/globalStylesheet.css con npx faust generateGlobalStylesheet --output src/styles/globalStylesheet.css e importarlo da src/pages/_app.js, oppure di rimuovere l’affermazione. Il lavoro è completato quando gli stili impostati in WordPress vengono visualizzati come previsto, oppure quando il tutorial non dice più che Faust li ha caricati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

[Type] Bug Needs Triage
Description

Page: https://faustjs.org/docs/tutorial/learn-faust/ ("Blocks" > "2. Query for blocks data")

Summary
After the blocks step, the tutorial says Faust has "even loaded the CSS required to apply the correct styles." But no step in the tutorial loads any WordPress CSS. The paragraph's markup includes the expected classes and inline styles (e.g. has-large-font-size, padding-top: var(--wp--preset--spacing--20)), but none of these classes or CSS variables are defined in the frontend, so font size, padding, etc. have no visible effect.

Suggested fix
Either add a step that loads WordPress's global styles, e.g.:

npx faust generateGlobalStylesheet --output src/styles/globalStylesheet.css

// src/pages/_app.js
import "@/styles/globalStylesheet.css";

or remove the sentence saying Faust loads the CSS.

Steps to reproduce

Steps to reproduce

  1. Follow the Learn Faust tutorial through "Blocks" > "2. Query for blocks data".
  2. In the WordPress editor, change the "Hello World!" post's paragraph font size, padding, and border, then save.
  3. Run npm run dev and open http://localhost:3000/blog/hello-world/.
  4. Inspect the paragraph in DevTools: the classes and inline styles are present, but the font size and padding are not applied.

Expected
The paragraph displays with the styles set in the editor, as the tutorial describes.

@faustwp/core version

3.6.0

WordPress version

7.1.3

@faustwp/cli version

No response

Faust.js plugin version

1.9.0

Additional context

No response

Existing issues
Lingua principale
TypeScript
Stelle
1.6k
Fork
157
Merge medio
1g 2h
PR unite (30g)
141

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di wpengine/faustjs

Tutte le issue di wpengine/faustjs

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.