Terug

Content Editor


 

Het tweede tabblad in het Pagina Detailscherm bevat de content editor voor de pagina. Afhankelijk van de template die u bij het aanmaken van de pagina heeft gekozen, zijn er meerdere contentvelden die ingevuld kunnen worden.

De contentvelden die u kunt bewerken, vindt u in de dropdown: “Selecteer het het content veld dat u wilt bewerken”. Wanneer u een contentveld heeft geselecteerd verschijnt vanzelf de content editor. 

Content editor

Voorbeeld van het content editor menu

In dit contentveld kunt u zelf de content invoeren en bewerken. In het editor menu vindt u de belangrijkste tekstopmaak elementen.

 

Tekst bewerken

De tekst opmaak elementen uit het content editor menu

In het editor menu vindt u allereerst een aantal basis tekst bewerkings opties. Wanneer u via dit menu gebruik maakt van de opties, worden deze automatisch omgezet in HTML. Onder de HTML knop kunt u uw opgemaakte content eventueel controleren.

Let op wanneer u tekst vanuit een andere bron kopieerd in de editor. De editor zal de opmaak van deze tekst meenemen. Wanneer u dit niet wilt, kunt u het beste de tekst zonder opmaak kopieren, of vanuit kladblok kopieren. Ook kunt u de eventuele opmaak verwijderen in de HTML editor.

 

Insert hyperlink

De insert hyperlink knop in het content editor menu  

Wanneer u gebruik wilt maken van hyperlinks, doet u dat met de “inset hyperlink” knop. U doet dit door de tekst te selecteren waar u de link aan wilt koppelen en vervolgens de knop te gebruiken. In het pop-up scherm dat opent kunt u de URL invoeren waar de link naar moet verwijzen, daaronder ziet u de tekst die u geselecteerd heeft, en daaronder kunt u een tooltip invoeren. De tooltip is de tekst die u ziet wanneer u met de muis over de link gaat. Als laatste kunt u ervoor kiezen de link in een nieuw venster te laten openen. Doet u dit niet, dan gaan bezoekers direct naar de link waar ze op klikken, en verlaten ze dus de huidige pagina.

 

Insert image

De insert image knop in het content editor menu  

Met de “insert image” knop kunt u afbeeldingen aan uw content toevoegen. Wanneer u deze knop selecteert wordt het afbeeldingsbeheer venster geopend. Hier ziet u alle afbeeldingen die u eerder heeft geüploadt, en kunt u nieuwe afbeeldingen toevoegen. Daarnaast kunt u de eerder toegevoegde afbeeldingen ook in mappen zetten, zodat het overzichtelijk blijft. Om een afbeelding aan uw content toe te voegen selecteert u deze afbeelding in de lijst met afbeeldingen, en klikt u vervolgens op “insert”.

Wanneer u afbeeldingen toevoegt aan uw pagina, worden deze automatisch responsive gemaakt. Ze schalen dus automatisch mee met de verschillende schermgroottes waarop uw webshop geopend kan worden. Om de responsiveness mogelijk te maken dient u dus géén afbeelding grootte (height en width) toe te voegen aan de afbeelding. Doet u dat wel, dan zal de afbeelding altijd de door u toegewezen hoogte en breedte krijgen, en dus niet mee kunnen schalen op verschillende schermgroottes.

 

HTML editor

De HTML editor knop waarmee het HTML pop up scherm opent

Met de HTML knop kunt u HTML code van het content blok bekijken en bewerken. De HTML editor wordt in een pop-up geopend. Wanneer hier veranderingen aanbrengt aan de content, bewaard u deze veranderingen door middel van de “update” knop, rechts onderaan het pop-up scherm. Vervolgens ziet u de veranderingen in de content editor. U moet de gemaakte wijzigingen hier ook opslaan met de “Opslaan” knop.

 

Format

Het format dropdown menu  

Met het Format dropdown menu kunt u het format van uw tekst bepalen. U kunt kiezen uit paragraph (<p>), quotation (<blockquote), Heading 1 (<h1>), Heading 2 (<h2>), Heading 3 (<h3>),  Heading 4 (<h4>),  Heading 5 (<h5>),  en Heading 6 (<h6>).

 

<p>Paragraph voorbeeld</p>

<blockquote>Quotation voorbeeld</blockquote>

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

Visualisatie van de mogelijke formats binnen Shoxl

 

Tabel creëren

De tabel knop in het content editor menu van Shoxl  

De content editor beschikt over een tabel optie, waarbij u tabellen van door u gewenste afmetingen kunt invoeren. Deze tabellen zullen met het content veld waarin ze staan gaan mee schalen. Houdt er dus rekening mee dat bezoekers uw webshop ook via mobiele devices kunnen bezoeken. Wanneer u een te grote tabel maakt, kan deze door het schalen naar een kleiner scherm onleesbaar worden.