WordPress pagina

Doel van het voorbeeld

In dit voorbeeld tonen we hoe een promptreeks een WordPress-webpagina kan creëren. Via een API-aanroep wordt de door het AI-model gegenereerde tekst direct omgezet in een webpagina.

Gebruikte Tool-stappen

HTML kan worden bekeken en aangepast in een online HTML editor.

De JSON structuur wordt gebruikt in een API-call om gegevens toe te voegen.

Doel van de prompt-reeks

Het doel van de promptreeks is om op basis van een plantnaam die door de gebruiker wordt ingevoerd een webpagina te genereren en online te plaatsen. Door middel van een promtp-template die geruik maakt van een functie wordt op gestructureerde wijze de betreffende plant beschreven door het AI-model. Deze informatie wordt vervolgens door het model omgezet naar HTML. Middels de toolstap "REVIEW_HTML" kan de gebruiker aanpassingen maken in de gegenereerde tekst. Te slotten wordt middels de Tool-stap "INSERT_API_RECORD" de HTML naar WordPress gestuurd.

GEBRUIKER BEHEERDER ONTWIKKELAAR

In de onderstaande afbeeldingen wordt getoond hoe de promptreeks eruit ziet op het "GEBRUIKER"-tabblad van het "Promptreeks"-scherm. Op dit tabblad worden alleen de stappen getoond waarbij een actie van de gebruiker noodzakelijk is.

De gebruiker voert een plantnaam in.



Op basis van deze plantnaam wordt een HTML-pagina gegenereerd. In de "HTML review" pagina kan de gebruiker de tekst en opmaak nog aanpassen.



Als in de "HTML review" stap op de "volgende" knop geklikt wordt, wordt  van de HTML middels de WordPress API een webpagina gemaakt.
De API geeft bij het succesvol aanmaken van de pagina onderstaande informatie terug.



In onderstaande afbeelding zien we de webpagina zoals deze door middel van deze prompt-reeks gegenereerd is.

dd

d

 

 

 

 

 

djdj

In de onderstaande afbeelding wordt getoond hoe de promptreeks eruitziet op het "BEHEERDER"-tabblad van het "Promptreeks"-scherm.



Door hieronder op de genummerde stapnamen te klikken kunnen we de verschillende stappen op deze pagina openen en sluiten.

 Promptemplate: FUNCTIE_TEMPLATES - MAAK_PLANTEN_RECORD

In de eerste stap maken we gebruik van de functie "MAAK_PLANTEN_RECORD" om op basis van de input door het AI-model een vaste set gegevens weer te geven.  Het enige wat we hier hoeven te doen is het intypen van een plantnaam.

 Promptemplate: TEKST_BEWERKEN - JSON_NAAR_WEBPAGINA_HTML

In de tweede stap vragen we het AI model om op basis van de gestructureerde plantgegevens uit de eerste stap de HTML voor een webpagina te genereren. In de prompt-template is kort beschreven hoe we de HTML gegevens  in de webpagina gepresenteerd willen zien.

 Tool-step: review HTML

In de derde stap word de gegenereerde HTML voor de webpagina in een online HTML editor getoond en kunnen we hier desgewenst nog aanpassingen aan de HTML doen.

 Promptemplate: FUNCTIE_TEMPLATES - MAAK_WORDPRESS_POST_JSON

In de vierde stap vragen het AI-model om middels een functie de HTML voor de webpagina klaar te zetten in een JSON stuctuur zodat we deze daarna eenvoudig in de vijfde en laatste stap middels de WordPres API aan de een website toe kunnen voegen.



Hieronder zien we de JSON stuctuur van het antwoord dat het AI-model gegenereerd heeft.

 Tool-step: insert API record

In de vijfde en laaste stap wordt de WordPress API aangeroepen om een nieuw bericht te plaatsen op de website.  Hieronder zien we de reactie zoals deze door de WordPress API wordt gegeven als het plaatsen van het bericht geslaagd is.

 Resultaat webpagina

In onderstaande afbeelding zien we de uiteindelijke webpagina die door middel van deze promptreeks is aangemaakt.

In de AI-Tools applicatie toont het "ONTWIKKELAAR"-tabblad de informatie die via de API naar het AI-model wordt verzonden.