Hinzufügen eines ACF-Blocks mithilfe von block.json – Anzeigen des Vorschau-Hoverbilds
Posted: 03 Jan 2025, 17:15
Der ACF-Support hat darum gebeten, dass ich meine Blöcke auf die von ihnen bevorzugte Weise rendere ... und füge Folgendes hinzu:
zu meiner Datei „functions.php“ hinzufügen und dann jede .php-Vorlagendatei in ihren eigenen, individuell benannten Ordnern ablegen, innerhalb eines Ordners namens BLOCKS und innerhalb , fügen Sie eine block.json-Datei wie diese hinzu:
Alles hat gut funktioniert, OBWOHL jetzt meine HOVERS über den Inserter-Symbolen nicht funktionieren. Ich habe den Code, der zum Rendern verwendet wurde, in meine neue block.json-Datei (Beispiel/Attribute) eingefügt, aber er funktioniert jetzt nicht mehr wie früher. Und keiner der Ratschläge, die ich in Foren lese, befasst sich mit dieser neuen bevorzugten Methode mithilfe von block.json, alles verweist auf die ältere Methode zur Lösung dieses Problems.
Was ist die beste Vorgehensweise? Nun, um dies zu ermöglichen?
Und welcher JSON muss hinzugefügt werden?
Code: Select all
function register_acf_blocks() {
register_block_type(__DIR__ . '/blocks/primary-thin-banner');
}
add_action('init', 'register_acf_blocks');
Code: Select all
{
"name": "acf/primary-thin-banner",
"title": "Primary Thin Banner",
"description": "To add a thin banner. Can be used on any page.",
"category": "formatting",
"icon": "align-pull-left",
"keywords": ["page", "post", "primary", "thin", "banner"],
"acf": {
"mode": "edit",
"renderTemplate": "primary-thin-banner.php"
},
"supports": {
"align": false,
"anchor": true,
"customClassName": false,
"jsx": false,
"multiple": true,
"mode": true,
"inserter": true
},
"example": {
"attributes": {
"title": "Example Title",
"description": "Example description text that displays in the preview.",
"backgroundImage": "https://url-to-the-image.jpg"
}
}
}
Was ist die beste Vorgehensweise? Nun, um dies zu ermöglichen?
Und welcher JSON muss hinzugefügt werden?