https://sqlbits.com/_nuxt/DrWaSZIZ.js

1import{_ as y}from"./PW8MPT57.js";import{_ as v}from"./D8nM_6OI.js";import{_ as b}from"./Drtg-Kup.js";import{p as w,T as P,U as x,A as B,w as S,f as a,h as k,i,l as c,g as t,N,F as r,s as l,t as o,b as V,o as s}from"./BG_GLsJa.js";import"./BFgPAHue.js";const A={key:0,class:"page-transition-wrapper"},C={class:"container content-gap-sm guide-intro text-content"},F=["href"],T={href:"#guide-settings"},$=["id","data-guide-type"],E={class:"container guide-type__info"},I={class:"guide-type__title"},W={class:"guide-type__summary"},D={class:"guide-type__fields"},H=["data-guide-example"],L={__name:"page-builder-guide",async setup(M){let d,u;if(P().public.SQLBITS_ENV==="production")throw x({statusCode:404,statusMessage:"Page not found",fatal:!0});B({meta:[{name:"robots",content:"noindex, nofollow"}]});const{data:n}=([d,u]=S(()=>V("/api/page-builder-guide","$Bi1n3zbXKZ")),d=await d,u(),d);return(z,p)=>{const _=y,h=v,m=b;return i(n)?(s(),a("div",A,[c(_,{title:"Page builder guide",content:"The sections you can add to a Page Builder page in WordPress, each shown with sample content as it looks on the site."}),t("div",C,[p[0]||(p[0]=N("<h2 data-v-d42520ac>Building a page</h2><ol data-v-d42520ac><li data-v-d42520ac>In WordPress, add a page and choose the <strong data-v-d42520ac>Page Builder</strong> template.</li><li data-v-d42520ac>Under <strong data-v-d42520ac>Page builder</strong>, choose <strong data-v-d42520ac>Add section</strong>, pick a type, and fill it in. Drag sections to reorder them.</li><li data-v-d42520ac><strong data-v-d42520ac>Show sidebar</strong> (on by default) puts the sections in a column with a sidebar: links to each titled section, and a sponsor banner from the page&#39;s <em data-v-d42520ac>Thing tier</em>. Off, the sections run full width, as on this page. </li><li data-v-d42520ac><strong data-v-d42520ac>Show footer sponsor banner</strong> (on by default) adds a sponsor banner under the sections, from the page&#39;s <em data-v-d42520ac>Footer thing tier</em>.</li></ol><p data-v-d42520ac>Anything in the main WordPress editor shows above the sections.</p><h2 data-v-d42520ac>Section types</h2>",4)),t("ul",null,[(s(!0),a(r,null,l(i(n).types,e=>(s(),a("li",{key:e.type},[t("a",{href:`#guide-${e.type}`},o(e.label),9,F)]))),128)),t("li",null,[t("a",T,o(i(n).settings.label),1)])])]),(s(!0),a(r,null,l([...i(n).types,{...i(n).settings,type:"settings"}],e=>(s(),a("section",{id:`guide-${e.type}`,key:e.type,class:"guide-type content-gap-lg","data-guide-type":e.type},[t("div",E,[t("h2",I,o(e.label),1),t("p",W,o(e.summary),1),t("dl",D,[(s(!0),a(r,null,l(e.fields,([g,f])=>(s(),a(r,{key:g},[t("dt",null,o(g),1),t("dd",null,o(f),1)],64))),128))])]),t("div",{class:"guide-type__example","data-guide-example":e.type},[c(h,{sections:e.sections},null,8,["sections"])],8,H)],8,$))),128)),c(m,{title:"Page builder guide",description:"Section types for Page Builder pages"})])):k("",!0)}}},X=w(L,[["__scopeId","data-v-d42520ac"]]);export{X as default};