De paginateksteditor

Pages laat je elk soort op informatie gebaseerde pagina maken met behulp van meer dan 100 inhoudsblokken met Pixpa's eenvoudige paginabuilder met slepen en neerzetten.

Je kunt organiseren, bewerk en pas deze inhoudsblokken aan om unieke pagina's te maken om uw inhoud weer te geven.
Controleer ook: Secties en fragmenten begrijpen.


In de pagebuilder kunt u eenvoudig toevoegen secties en slepen en neerzetten snippers vanuit de linkerzijbalk naar het paginacanvasgebied.

Nadat u een sectie op uw pagina hebt geplaatst, kunt u individuele fragmentitems (tekst, afbeeldingen, knoppen) erin bewerken.

Beweeg gewoon uw cursor over het canvasgebied van de pagina, alle individuele fragmenten worden gemarkeerd als u er met de muis over beweegt. Klik vervolgens op een fragment om het te bewerken.

Bekijk hoe u de inhoud in actie kunt bewerken: 


Dit is wat u kunt doen in het paginacanvasgebied: 

  1. Zet de fragmenten op volgorde.
  2. Dupliceer de fragmenten.
  3. Verwijder een specifiek fragment.
  4. Maak de recente wijzigingen ongedaan.
  5. Vet/cursief/onderstrepen en andere opmaak toepassen op de tekst.
  6. Wijzig de tekstkleur en de achtergrondkleur van het fragment.
  7. Pas de tekstopmaak toe of wijzig de letterstijl.
  8. Verander de tekst uitlijning.
  9. Maak geordende en ongeordende lijsten.
  10. Pas een hyperlink toe op de tekst.
  11. Voeg een symbool toe.
  12. Verwijder voortekstopmaak.
  13. Bewerk de HTML van een hele pagina.

Toolbox voor fragmenten en werkbalk voor bewerken

Als u op een fragment klikt, ziet u de Gereedschapskist voor fragmenten van het individuele fragment aan de rechterkant en de Werkbalk bewerken bovenop.

Er zijn 4 opties in de fragmentwerkbalk: 

  • Slepen ( ) – Wordt gebruikt om de fragmenten te slepen en neer te zetten.
  • duplicaat – Wordt gebruikt om het fragment te dupliceren.
  • Elementhulpmiddelen – Wordt gebruikt om de nieuwe fragment toe te voegen, een fragment te dupliceren, het fragment omhoog/omlaag te verplaatsen en de optie voor het verwijderen van een afzonderlijk fragment te bekijken.
  • Verwijder - Wordt gebruikt om het fragment te verwijderen.

 


1. De fragmenten op volgorde zetten

  • U kunt uw fragment rangschikken door te slepen en neer te zetten. Houd gewoon de slepen pictogram en sleep het fragment over alle blokken op een pagina en zet het neer op de gewenste positie.
Zie sequencing-fragmenten in actie:

2. Dupliceer uw fragment

  • U kunt elk bestaand fragment dupliceren door op het pictogram dupliceren te klikken.
Zie het dupliceren van fragmenten in actie:

3. Verwijder uw fragment

  • U kunt elk fragment van uw pagina verwijderen door op het verwijderpictogram te klikken.
Bekijk het verwijderen van fragmenten in actie:

4. Maak de recente wijzigingen ongedaan

  • U kunt de recente op tekst gebaseerde wijzigingen ongedaan maken door op te drukken Ctrl (ramen) of ⌘ (Mac) +z. 

5. Vet / Cursief / Onderstrepen / Doorhalen etc

  • U kunt uw fragmenttekst eenvoudig bewerken door erop te klikken. Selecteer gewoon de tekst en klik op het bewerkingswerkbalkpictogram om respectievelijk Vet, Cursief, Onderstrepen te selecteren.

 

Zie in actie:

6. Tekstkleur / Tekstachtergrond en Sectieachtergrondkleur

U kunt op twee manieren een kleur voor Tekst en Tekstachtergrond selecteren:

  1. Palet
  2. Custom Color

Palet

Op dit tabblad komen de beschikbare kleuropties overeen met die van het gekozen kleurenpalet uit het Ontwerp sectie.

Ze worden automatisch opgehaald en bijgewerkt wanneer u wijzigingen aanbrengt in het kleurenpalet van uw website. Kom meer te weten over kleurenpaletten.

Custom Color

Hier vindt u een kleurenkiezer waarmee u een kleur kunt selecteren en kunt kiezen uit verschillende beschikbare tinten.

Bovendien kunt u een Hex-kleurcode invoeren en ook de dekking van de kleur verfijnen.

Volg de onderstaande stappen om een ​​kleur voor tekst en tekstachtergrond te selecteren:

  • Klik op een bepaald fragment, selecteer de tekst en klik op de Kleur (1) pictogram. Er verschijnt een pop-upvenster waarin u een kleur kunt selecteren Palet Kleuropties of Custom Color (2).
  • Selecteer een Tekstkleur en opvulkleur (3) Dat wil zeggen, de tekstachtergrondkleur.
  • Pas de .... aan Dekking (4) van de kleur met behulp van de schuifregelaar.
  • U kunt ook een Hex-kleurcode (5) invoeren en dezelfde toepassen op de tekst/tekstachtergrond.
  • Tenslotte Bespaar (6) de veranderingen.

  • De Ssectie Achtergrondkleur (7) kan worden gewijzigd van de Color Style optie.

  • U kunt de toegepaste kleur/styling ook wijzigen of verwijderen. Selecteer gewoon de tekst en klik op de Schoon pictogram (8) om het bestaande kleurenschema te verwijderen.
  • Bespaar (9) de veranderingen.


Zie in actie:

7. Lettertypestijl voor tekst

  • Je kunt gebruiken vier verschillende soorten van lettertypestijlen op uw pagina's (per keer) die zouden worden gespecificeerd in de Ontwerp sectie. Dit is een algemene ontwerpstijl die op alle pagina's wordt gebruikt.
    • Header 1 Stijl → Hoofdlettertype en stijl → label
    • Header 2 Stijl → Titel lettertype en stijl → label
    • Header 3 Stijl → Ondertitel lettertype en stijl → label
    • Header 4 Stijl → Subtitel / Bylines-lettertype en stijl → label
    • Paragraaf tekst Stijl → Paragraaf lettertype en stijl → label

  • Zodra u de lettertypestijl opgeeft in het Design sectie, kunt u ze efficiënt op de hele pagina gebruiken. Selecteer gewoon de tekst en pas de opmaak toe in de pagina-editor.
    Controleer ook: Website Tekststijl.
  • Het systeem past automatisch het lettertype, de kleur, de grootte en het gewicht van die specifieke lettertypestijl toe op de geselecteerde tekst. U kunt hetzelfde bekijken op de live site en editor.

 


Zie in actie:

Druk tijdens het werken met een teksteditor op ENTER (ramen) of RETURN (mac) om een ​​nieuwe alinea te maken, om een ​​nieuwe regel in te voegen zonder een nieuwe alinea te forceren, houdt u de SHIFT toets en druk vervolgens op enter of return.


8. Uitlijning van de tekst

  • U kunt de uitlijning van uw fragmenttekst beheren – Links / Midden / Rechts en uitvullen door op het uitlijnpictogram in de bewerkingswerkbalk te klikken.

 


Zie in actie:

9. Lijst – geordend en ongeordend / inspringen / uitspringen

  • U kunt uw tekst eenvoudig omzetten in lijsten met inspringing en deze ordenen.
    • streepje – Een gemarkeerd tekstgebied wordt ingesprongen.
    • Uitspringen – Een gemarkeerd tekstgebied wordt niet ingesprongen. Om uit te springen, klikt u op het ongeordende/geordende lijstpictogram dat u eerder hebt toegepast.
    • Ongeordende lijst – Gemarkeerde tekst wordt opgemaakt als een lijst met opsommingstekens. In HTML gebruikt dit een set van en labels.
    • Bestelde lijst – Gemarkeerde tekst wordt opgemaakt als een genummerde lijst. In HTML gebruikt dit een set van en labels.

 


Zie in actie:

Opmerking: U kunt de inspringing verwijderen door nogmaals op hetzelfde lijst-/inspringingspictogram te klikken.

  • U kunt eenvoudig een link aan uw tekst toevoegen (hyperlink/anchortag).
  • Markeer de tekst en druk op de link knop in de bewerkingswerkbalk. U kunt uw bestaande websitepagina's of andere websites/blogs/pdf's enz.
  • Als u klikt, ziet u een pop-upvenster waarin u de URL of slug (1) kunt invoeren, kunt kiezen of u al dan niet in een nieuw venster wilt openen (2), link-/knoptekst (3), titel - gebruikt in het geval van alleen afbeeldingen (4).

 

Let op:

  • Voer in om naar een externe website te linken die zich buiten uw Pixpa-site bevindt http://gevolgd door bijvoorbeeld het webadres http://www.example.com.
  • Om naar een galerij of winkelcategorie of pagina binnen uw site te linken, voert u bijvoorbeeld de URL-slug in /gallery
  • Voer in om een ​​koppeling te maken waarmee een e-maildesktopclient wordt geopend mailto: gevolgd door bijvoorbeeld het e-mailadres mailto:example@example.com.
  • Voer in om een ​​koppeling te maken waarmee u kunt bellen tel:, gevolgd door bijvoorbeeld het telefoonnummer met landcode tel:+0-123-456-7890
  • Voer in om een ​​link te maken die WhatsApp opent https://wa.me/<number> waar de <number> is een volledig telefoonnummer in internationaal formaat. Laat nullen, haakjes of streepjes weg wanneer u het telefoonnummer in internationaal formaat toevoegt. Bijvoorbeeld: Gebruik https://wa.me/15551234567 verkrijgen in plaats daarvan https://wa.me/+001-(555)1234567. Meer weten.
  • Voer hier de gekopieerde link in om te linken naar uw pdf of ander bestand dat is geüpload in het gedeelte Bestanden. Meer weten.

Controleer ook: Tekst/knop koppelen.


11. Voeg een symbool toe

  • U kunt eenvoudig een symbool (sociaal, kunst, nummer, etc) toevoegen of vervangen in de pagina-editor.
  • Ga naar een willekeurig fragment en klik op de plaats waar u uw nieuwe symbool wilt toevoegen of klik op een bestaand symbool om hetzelfde te vervangen.
  • Klik vervolgens op de Emoji symbool en voeg de symbolen uit de rechterlade toe.

 


Bekijk hoe u verschillende soorten symbolen aan uw pagina kunt toevoegen:

12. Verwijder vooraf opgemaakte tekst uit de geplakte tekst

  • Als u vooraf opgemaakte tekst rechtstreeks uit Word, Powerpoint of een andere internetpagina kopieert, heeft de pagina-editor de neiging om de tekst te verknoeien.
  • U moet dus eerst de vooropmaak uit uw tekst verwijderen, zodat u de Pixpa-lettertypestijl kunt toepassen die is ingesteld in de Design pagina.
  • Selecteer gewoon de volledige tekst van het fragment en klik op de schoon knop.
  • Het verwijdert de vooropmaak en past in de meeste gevallen de alineatekststijl toe op alle tekst.
    Meer weten.

 


13. HTML-code van alle fragmenten

  • U kunt de HTML-code van alle fragmenten van een pagina in één keer kopiëren of bewerken.
  • Het zou u helpen om uw bestaande blok op een pagina te dupliceren.

 

Controleer ook: Pagina-HTML bewerken.


Bekijk hoe u de HTML-code van een pagina kunt bekijken:

Kun je iets niet vinden?

Neem contact op met een Pixpa Expert.