Page Builder Workspace

Wanneer Page Builderwordt toegelaten, worden de Content ​sectie en het proces van de inhoudsverwezenlijking gewijzigd om uit de geavanceerde Page Builder hulpmiddelen voor CMS pagina's, producten categoriepagina's, blokken, en dynamische blokkenvoordeel te halen. Deze sectie omvat het gebied van de Kop van de a_ Inhoud _, een voorproef van de inhoud, en gemakkelijke toegang tot het volledig-schermwerkruimte Page Builder.

Inhoudskop

Omdat zoekprogramma's op niveau 1 (H1) koppen zoeken, is het toevoegen van een kop op niveau 1 een eenvoudige manier om ervoor te zorgen dat de pagina correct wordt geïndexeerd.

Voor de beste controle over het plaatsen en het formaat van rubrieken van alle niveaus, adviseert men dat u het Content Heading ​gebied leeg verlaat, en het Page Builder 🔗 inhoudstype van de Rubriek gebruikt.

Voorvertoning

Wanneer u de sectie Content ​uitbreidt en er bestaande inhoud met Page Builder is gemaakt, wordt een voorvertoning van de inhoud weergegeven zoals deze op een pagina wordt weergegeven. Klik op Edit with Page Builder ​of in het voorvertoningsgebied voor inhoud om de Page Builder -werkruimte te openen, waar u de benodigde updates kunt uitvoeren.

Werkgebied

Wanneer u de Page Builder -werkruimte opent vanuit de voorvertoning, is het werkgebied het belangrijkste werkgebied waarin u inhoud kunt maken en opmaken en zelfs snel inhoud kunt bewerken. Het werkgebied is aanvankelijk leeg, zodat u het ontwerpoppervlak hebt waarin u rijen, kolommen en tabbladen vanuit het linkerdeelvenster kunt slepen.

Viewports

A viewport is het zichtbare gebied van een Web-pagina die een gebruiker ziet. In de ontwerpmodus Volledig scherm worden de viewportknoppen boven het werkgebied van Page Builder weergegeven om u de inhoud te laten zien zoals de gebruiker die op de site ziet.

Page Builder definieert ook onderbrekingspunten voor viewports. Met onderbrekingspunten worden de minimale en maximale breedte gedefinieerd waarbinnen bepaalde stijlen worden toegepast. De viewports van Page Builder verstrekken de volgende inhoudsuitbreekpunten:

Page Builder viewports verstrekt twee eigenschappen: inhoudvoorproeven en breekpuntmontages.

Voorvertoningen van inhoud

Standaard biedt Page Builder twee voorvertoningen van viewport:

Instellingen voor onderbrekingspunten

Met de viewport-knoppen kunt u ook verschillende onderbrekingspuntstijlen toepassen op inhoudstypen op basis van de geselecteerde viewport. Standaard biedt Page Builder onderbrekingspuntinstellingen voor de velden Minimum Height ​Rijen, Kolommen, Tabs, Tabitems, Banners, Sliders en Dia's. Wanneer u de Mobiele viewport selecteert, dan open de redacteur voor één van die inhoudstypes, kunt u gebiedswaarden ingaan specifiek voor de Mobiele viewport breekpunten. In velden met inhoudstypen die specifieke instellingen voor onderbrekingspunten toestaan, wordt rechts van het veld een pictogram weergegeven, vergelijkbaar met het volgende voorbeeld voor een rij:

{width="400"} plaatst

Deelvenster

Het deelvenster Page Builder bevindt zich links van het werkgebied en bevat inhoudstypen die naar het werkgebied kunnen worden gesleept. Een container die specifiek is voor het inhoudstype wordt dan weergegeven met een gereedschapset met opties. De inhoudstypen worden als volgt geordend in het deelvenster:

Layout

De sectie Layout ​van het deelvenster Page Builder wordt gebruikt om rijen, kolommen of tabs toe te voegen aan het werkgebied. Wanneer u een inhoudstype van het paneel aan het stadium sleept, verschijnt een container met toolbox van opties die voor het inhoudstype specifiek zijn.

Standaard is het werkgebied van Page Builder leeg. Terwijl u de inhoudstypen van de lay-out van het deelvenster naar het werkgebied sleept, kunt u ze boven, onder of in andere lay-outcontainers op de pagina plaatsen. Rijen kunnen alleen rechtstreeks aan het werkgebied worden toegevoegd.

Elementen

Gebruik de Elements ​sectie van het Page Builder paneel om tekst, rubrieken, knopen, verdelers, en code van de HTML aan om het even welke lay-outcontainer op het Page Builder stadiumtoe te voegen. Wanneer u een inhoudstype van het paneel aan of een rij of een kolom, of aan een lusjereeks op het stadium sleept, verschijnt een container. Gebruik de gereedschapset voor inhoudstypen voor toegang tot de instellingen die specifiek zijn voor de tekst.

Media

Gebruik de Media ​sectie van het Page Builder paneel om beelden, video, banners, schuiven, en Google Maps aan om het even welke lay-outcontainer op het Page Builder stadiumtoe te voegen. Wanneer een type media-inhoud van het deelvenster naar het werkgebied wordt gesleept, wordt een container weergegeven met een gereedschapset met opties die specifiek zijn voor het inhoudstype.

Inhoud toevoegen

Gebruik de Add Content ​sectie van het Page Builder paneel om bestaande inhoud aan het Page Builder stadiumtoe te voegen. Wanneer u een inhoudstype voor media van het deelvenster naar het werkgebied sleept, wordt een container weergegeven. Gebruik inhoudstype toolbox om tot de_ Montages _toegang te hebben die voor het type specifiek zijn.

Inhoudstype

Beschrijving

Blok

Voegt een bestaand blok aan het stadium toe.

Dynamisch Blok

Voegt een bestaand dynamisch blok toe aan het werkgebied.

Producten

Hiermee voegt u een lijst met producten toe aan het werkgebied.

Recommendations van het Product

Voegt een aanbevolen eenheid aan het stadium toe.

Gereedschapset

Elke inhoudscontainer in het werkgebied heeft een gereedschapset met opties. De opties variëren per inhoudstype, maar omvatten typisch Beweging, Montages, Verbergen/tonen, Dupliceren, en Verwijderen.

De gereedschapset weergeven

Houd de muisaanwijzer boven de container om de gereedschapset weer te geven en kies een optie.

Opties voor gereedschapsset

Optie

Pictogram

Beschrijving

Verplaatsen

{width="25"}

Verplaatst de huidige inhoudscontainer naar een andere positie in het werkgebied.

Toevoegen

{width="25"} toe

Hiermee voegt u onderliggende elementen toe, zoals een knop, dia of tab.

(label)

Identificeert het containerinhoudstype.

Instellingen

{width="25"}

Hiermee opent u de eigenschappen van de inhoudscontainer in de bewerkingsmodus.

Verbergen

{width="25"}

Verbergt de huidige inhoudscontainer.

Tonen

{width="25"}

Hiermee wordt de huidige inhoudscontainer weergegeven.

Dupliceren

{width="25"}

Maakt een kopie van de huidige inhoudscontainer.

Verwijderen

{width="25"}

Hiermee verwijdert u de huidige inhoudscontainer uit het werkgebied.