Kreisi Enfold — Avia Layout Builder
Content wordt automatisch gewrapped in [av_section] + [av_textblock] shortcodes.
Bij verbindingstest wordt een referentiebericht opgehaald om de exacte shortcode-structuur te kopiëren.
3 Goedgekeurde blogs publiceren
Geen goedgekeurde blogs
Keur blogs goed in de Review tab — ze verschijnen dan hier.
Genereer eerst een blog → klik dan op deze tab → kopieer → plak in WordPress paginaeditor (tekstmodus).
Hoe plakken in WordPress:
1. Open de pagina in WordPress → klik Enfold Builder → klik rechtsboven op Tekstmodus / Backend editor
2. Verwijder alle bestaande content → plak de gekopieerde shortcodes → klik Opslaan
-->`;
return out;
}
navigator.clipboard.writeText(el.value).then(()=>{
const btn=document.getElementById('btn-enfold-copy');
const orig=btn.textContent;
btn.textContent='✓ Gekopieerd!';
btn.style.background='var(--success)';
setTimeout(()=>{btn.textContent=orig;btn.style.background='';},2000);
}).catch(()=>{el.select();document.execCommand('copy');});
}
// ============================================================================
// TAB INFO MODALS
// ============================================================================
const TAB_INFO = {
preview: {
titel: 'Preview — waar gebruik je dit?',
tekst: 'De Preview toont hoe de blog er visueel uitziet. Gebruik dit om de inhoud te beoordelen vóór publicatie.',
stappen: [
'Lees de blog door op fouten, toon en volledigheid.',
'Ga dan naar de Review-tab om de blog goed te keuren of af te wijzen.',
'De preview zelf hoef je nergens in WordPress te plakken — dat doet de Enfold markup (via de Review-tab knop).'
]
},
markdown: {
titel: 'Markdown — waar gebruik je dit?',
tekst: 'De Markdown-export bevat de volledige blogtekst inclusief YAML frontmatter. Handig voor headless CMS-systemen of als archief.',
stappen: [
'Kopieer de inhoud via de knop "Kopieer naar klembord".',
'In WordPress: ga naar een pagina → klik op het blok → kies "Code-editor" (rechtsboven ⋮) → plak de tekst.',
'Of: sla het .md bestand op als archief voor je contentplanning.'
]
},
seo: {
titel: 'SEO Info — waar gebruik je dit?',
tekst: 'De SEO-gegevens (titel, meta description, slug en keywords) vul je in via de Yoast SEO plugin onder elke WordPress pagina.',
stappen: [
'Open de pagina in WordPress.',
'Scroll naar beneden naar het Yoast SEO-blok.',
'Vul de "SEO-titel" in vanuit het Titel-veld hier.',
'Vul de "Meta-omschrijving" in vanuit het Meta description-veld hier.',
'De slug stel je in via "Permalink" bovenaan de pagina-editor.',
'Focus keyword invullen bij Yoast → "Focus-keyphrase".'
]
},
schema: {
titel: 'Schema JSON-LD — waar gebruik je dit?',
tekst: 'Het Schema.org JSON-LD blok helpt Google begrijpen wat de pagina inhoudt (FAQ, artikel). Dit plak je in de WordPress pagina-header.',
stappen: [
'Installeer de plugin "Insert Headers and Footers" (of gebruik Yoast Premium → Schema).',
'Ga in WordPress naar Instellingen → Insert Headers and Footers.',
'Plak de JSON-LD code in het veld "Scripts in Header".',
'Wil je het per pagina doen? Gebruik dan Yoast SEO → Schema → Aangepast schema, of de plugin "Schema & Structured Data for WP".',
'Sla op en valideer via Google's Rich Results Test (search.google.com/test/rich-results).'
]
}
};
function showTabInfo(tab) {
const info = TAB_INFO[tab];
if(!info) return;
const existing = document.getElementById('tab-info-modal');
if(existing) existing.remove();
const modal = document.createElement('div');
modal.className = 'tab-info-modal';
modal.id = 'tab-info-modal';
modal.onclick = function(e){ if(e.target===modal) modal.remove(); };
const stappen = info.stappen.map((s,i) => `