Maak je WordPress Backend “Agent-Proof”: Zo voorkom je dat GPT verdwaalt of crasht
Heb je het ook al meegemaakt? Je geeft je AI Agent (zoals GPT-4 in Agent Mode) een simpele opdracht: “Loop mijn blogs na en voeg afbeeldingen toe.” Je leunt achterover, verwachtend dat het werk vanzelf gaat. Maar vijf minuten later zie je de cursor doelloos klikken, menu’s openen die niet nodig zijn, en uiteindelijk de gevreesde melding: “Context Window Full”. Einde sessie. Geen resultaat.
Ik liep hier onlangs hard tegenaan. Mijn conclusie? WordPress is voor mensen gemaakt, niet voor robots. Een standaard WP-backend is een mijnenveld van afleidingen: pop-ups, “Rate our plugin”-banners, zijbalken en zware page-builders zoals Elementor. Voor een AI is dit een “DOM-explosie” van code die zijn werkgeheugen binnen drie klikken vult.
De oplossing is niet om de AI “beter” te prompten, maar om de omgeving aan te passen. Ik heb een “Focus Mode & Guardrail” systeem gebouwd waarmee ik mijn agent succesvol 60+ artikelen laat optimaliseren zonder vastlopers. Hier is hoe jij dat ook doet.
Het Probleem: Waarom Agents falen in WordPress
Een AI “kijkt” naar de code (HTML) van je pagina.
Teveel Ruis: Elke notificatie, admin-balk en menu-item kost tokens (rekenkracht).
Verdwalen: De agent ziet een knop “Instellingen” en denkt misschien dat hij daar moet zijn, terwijl hij alleen een plaatje moet uploaden.
Complexe UI: Checkboxjes in plugins als RankMath zijn vaak klein en verborgen in tabbladen. De agent moet zoeken -> klikken -> scannen. Dit vreet context.
De Oplossing: De “Agent Jail”
We moeten een omgeving creëren die uitgekleed en fool-proof is. Ik gebruik hiervoor de plugin WPCode Pro (gratis kan ook, maar Pro is veiliger) om een specifieke interface te laden alleen wanneer de Agent inlogt.
Dit zijn de drie pijlers van mijn oplossing:
Visuele Focus (CSS): Alles wat niet nodig is, wordt verborgen. Alles wat wel nodig is (upload knop, SEO vinkje) wordt enorm groot en krijgt een felgekleurde rand.
Guardrails (PHP): Als de agent per ongeluk naar ‘Plugins’ of ‘Thema’s’ navigeert, stuurt een script hem hard terug naar het berichtenoverzicht.
Identiteit: Deze regels gelden alléén voor de gebruiker ‘agent’, zodat ik zelf normaal kan werken.
Stap 1: De Voorbereiding
Maak in WordPress een nieuwe gebruiker aan (bijv. agent) met de rol Redacteur (Editor). Geef de agent nooit Administrator rechten; dat is vragen om problemen.
Stap 2: De Code (WPCode Snippet)
Maak in WPCode een nieuwe PHP-snippet aan.
Locatie: Admin Only
Smart Conditional Logic (Cruciaal!): Show if User is agent.
Hier is de code die je kunt kopiëren:
/**
* WP Agent Focus Mode & Guardrails
* Doel: Een 'veilige' zandbak creëren voor AI Agents binnen WordPress.
*/
// 1. VISUELE FOCUS: Maak de interface simpel en "raakbaar"
add_action('admin_head', function () {
echo '<style>
/* VERBERG ALLE RUIS */
/* Weg met de zwarte balk, menu-achtergronden, footer en notificaties */
#wpadminbar, #adminmenuback, #adminmenuwrap, #wpfooter,
.notice, .update-nag, #screen-meta-links, .error {
display:none !important;
}
/* Layout correctie (omdat menu weg is) */
#wpcontent { margin-left: 0 !important; }
html.wp-toolbar { padding-top: 0 !important; }
/* VERBERG GEVAARLIJKE KNOPPEN */
/* Verberg Elementor/Builder knoppen om crashes te voorkomen */
#elementor-switch-mode, .elementor-switch-mode-button, a.elementor-button {
display:none !important;
}
/* FOCUS ZONES (Tunnelvisie voor de AI) */
/* Zone A: Uitgelichte Afbeelding -> GROEN KADER */
#postimagediv, .editor-post-featured-image {
border: 6px solid #2ecc71 !important;
margin-bottom: 20px !important;
transform: scale(1.02); /* Iets vergroten */
}
/* Zone B: RankMath / SEO -> BLAUW KADER */
#rank_math_metabox, .rank-math-metabox-wrap {
border: 6px solid #2980b9 !important;
}
/* INTERACTIE ELEMENTEN VERGROTEN */
/* Maak checkboxjes enorm zodat de AI niet misklikt */
.rank-math-metabox-wrap input[type="checkbox"] {
transform: scale(2.5);
margin: 10px !important;
}
/* Maak de Update/Publicer knop onmisbaar */
.editor-post-publish-button, #publish {
transform: scale(1.3);
border: 2px solid red !important;
}
</style>';
});
// 2. NAVIGATIE BEPERKING: Verwijder menu-items
add_action('admin_menu', function () {
// Verwijder alles behalve essentiële pagina's
remove_menu_page('index.php'); // Dashboard
remove_menu_page('themes.php'); // Weergave
remove_menu_page('plugins.php'); // Plugins
remove_menu_page('tools.php'); // Gereedschap
remove_menu_page('options-general.php'); // Instellingen
remove_menu_page('elementor'); // Pagebuilders
}, 999);
// 3. DE GUARDRAIL: Harde redirect bij afdwalen
add_action('admin_init', function () {
if ( ! function_exists('get_current_screen') ) return;
$screen = get_current_screen();
if ( ! $screen ) return;
// White-list: Waar mag de agent zijn?
// 'edit' = berichtenlijst, 'post' = editor, 'upload' = media bieb
$allowed = ['edit', 'post', 'upload', 'media'];
// Zit hij ergens anders? Stuur direct terug naar start.
if ( ! in_array($screen->base, $allowed, true) ) {
wp_safe_redirect( admin_url('edit.php') );
exit;
}
});
?>
Stap 3: De Perfecte Prompt
Nu de omgeving klaar is, moet je de Agent instrueren hoe hij deze moet gebruiken. Geef hem geen vrije hand, maar een strikt proces. Dit bespaart je tientallen “Agent beurten”.
De Prompt:
*”Je logt in als gebruiker ‘agent’. Je werkt in een ‘Focus Mode’.
Visuele Legenda: Groen kader = Afbeelding uploaden. Blauw kader = RankMath/SEO instellingen.
Batching: Verwerk maximaal 8 artikelen per keer. Dit voorkomt dat je geheugen (context window) volloopt.
Navigatie: Als je vastloopt, ga terug naar
/wp-admin/edit.php.Actie: Upload de afbeelding, vink ‘Pillar Content’ aan (indien relevant), klik Update, wacht 3 seconden en ga naar de volgende. Vergeet na elke update de data van het vorige bericht.”*
Belangrijke Waarschuwingen
Noodrem: Mocht je jezelf per ongeluk buitensluiten met een snippet? Gebruik de WPCode Safe Mode door
?wpcode-safe-mode=1achter je URL te plakken.Kosten: Agents zijn duur in gebruik als je ze laat “zoeken”. Laat de agent eerst in je eigen mediabibliotheek kijken voordat hij het web op gaat om afbeeldingen te zoeken. Dat scheelt per artikel al snel 3 tot 4 stappen.
Door je backend aan te passen aan de AI, in plaats van andersom, verander je een frustrerende, vastlopende assistent in een productie-machine.
console.log( 'Code is Poetry' );
