Wat is WordPress -editor

De WordPress -editor is de centrale hub voor het maken en ontwerp van inhoud binnen een WordPress -site. Of u nu uw eerste blog bouwt of een volwaardige zakelijke website ontwikkelt, de redacteur speelt een cruciale rol in hoe u inhoud maakt, lay-outs beheert en de algehele uitstraling van uw site beheert.

Deze gids onderzoekt alles, van de basis tot geavanceerde functies, die beginners en ervaren gebruikers helpen het meeste uit de WordPress -editor te halen.

Definitie van WordPress Editor

De WordPress -editor, ook bekend als de Block Editor of Gutenberg -editor, is de standaardeditor voor alle WordPress -sites sinds versie 5.0. Het verving de oudere klassieke editor, vaak de Tinymce -editor genoemd, en introduceerde een moderne, visuele bewerkingservaring op basis van een systeem van modulaire inhoudsblokken.

Elk stuk inhoud, een paragraaf, afbeelding, video of knop, wordt toegevoegd als een apart blok, waardoor meer flexibiliteit en visuele besturingselement mogelijk is. Deze op blokken gebaseerde structuur helpt gebruikers media-rijke pagina's te maken zonder code aan te raken.

Korte geschiedenis en evolutie van de WordPress -editor

De nieuwe editor is dramatisch geëvolueerd sinds de vroege dagen van het platform. Aanvankelijk gebruikte WordPress de op Tinymce gebaseerde klassieke editor , een eenvoudige WYSIWYG-interface die fundamentele opmaak mogelijk maakte maar beperkte flexibiliteit en geen visuele lay-outcontrole bood. Naarmate de webstandaarden vorderden, deden de verwachtingen van de gebruiker dat ook. De behoefte aan een meer intuïtieve, flexibele tool voor het maken van inhoud leidde tot de ontwikkeling van het Gutenberg -project.

Aangekondigd in 2017 en officieel uitgebracht met WordPress 5.0 op 6 december 2018, introduceerde de nieuwe Block Editor een modulair systeem waarbij inhoud wordt onderverdeeld in blokken, tekst, afbeeldingen, knoppen en meer. Dit betekende een revolutionaire verandering, die verschoof van een statische editor naar een dynamische, visuele interface.

Na verloop van tijd heeft de redacteur functies gekregen zoals herbruikbare blokken, blokpatronen en ondersteuning voor thema.json, gebruikers en ontwikkelaars in staat stellen lay -outs met precisie aan te passen. De volgende belangrijke mijlpaal kwam met de volledige Site Editing (FSE) -uitrol in WordPress 5.8 en 5.9, die op blokken gebaseerde bewerking uitbreidde naar sjablonen, headers , voetteksten en globale stijlen.

Tegenwoordig is de WordPress -editor meer dan alleen een schrijftool voor de inhoud van de site; Het is een robuuste ontwerpinterface die de hele WordPress -site -ervaring aandrijft. Gesteund door een actieve open-source community en frequente updates via de Gutenberg-plug-in, blijft het evolueren als reactie op feedback van gebruikers en moderne behoeften op het webontwerp.

Soorten WordPress -editors

WordPress bevat nu meerdere soorten editors, dus laten we onderzoeken wat WordPress -editor is en de variaties ervan, elk geschikt voor verschillende gebruikersbehoeften:

Block Editor (Gutenberg Editor): de meest gebruikte en functie-rijke optie, de blokeditor gebruikt blokken om inhoud en ontwerp te structureren. Elk stuk van uw bericht of pagina kan afzonderlijk worden aangepast van de paragraaf naar het beeldblok.

Klassieke editor: nog steeds beschikbaar via een plug -in, de klassieke editor biedt een traditionele interface vergelijkbaar met tekstverwerkers. Het mist de flexibiliteit van meerdere blokken, inclusief het klassieke blok- en moderne lay -outtools, maar gebruikers die de eenvoud waarderen, geven er misschien de voorkeur aan.

Site -editor: onderdeel van het volledige site -bewerkingsinitiatief, met de Site Editor kunt u uw hele site aanpassen, inclusief kopteksten, voetteksten en paginasjablonen. Het is ideaal voor gebruikers die complete ontwerpvrijheid willen zonder paginabouwers van derden nodig te hebben.

Code -editor: de code -editorweergave laat geavanceerde gebruikers HTML-, CSS- en inline -scripts rechtstreeks bewerken. Het is toegankelijk via het pictogram van de editor in de rechterbovenhoek.

Kernfuncties van WordPress Block Editor

De WordPress Block Editor bevat een robuuste set functies, zoals het knopblok, ontworpen om contentcreatie en site -ontwerp te stroomlijnen:

• Blokkeerinvoeging : voeg nieuwe blokken toe met een eenvoudige klik- of toetsenbordopdracht.

• Herbruikbare blokken : inhoud of lay -outs opslaan en deze over meerdere berichten of pagina's hergebruiken.

• Blokpatronen : toegang tot vooraf ontworpen secties zoals galerijen of call-to-actions.

• Instellingen zijbalk : Pas de blokinstellingen zoals typografie, vulling en achtergrondkleur aan.

• Granulaire blokbewerking : regelt het uiterlijk en het gedrag van individuele blokken zonder de rest van de lay -out te beïnvloeden.

• Fullscreen -modus : focus alleen op uw inhoud door afleidingen te verbergen.

• Topwerkbalk : een gecentraliseerd menu voor bloknavigatie, ongedaan maken/opnieuw worden uitgevoerd en inhoudstructuurstructuur.

Meer informatie: Figma to Gutenberg: uitgebreide WordPress Conversion Guide

Blokken en lay -outs aanpassen in de WordPress -editor

Blokken in de WordPress -editor zijn veel meer dan eenvoudige inhoudhouders; Het zijn flexibele ontwerpelementen die kunnen worden gestileerd, gepositioneerd en gestructureerd om overeen te komen met de doelen en esthetiek van uw site.

Hier is hoe u het meeste kunt halen uit blok- en lay -outaanpassing:

Stijl individuele blokken

U kunt elk blok wijzigen door de achtergrondkleur te wijzigen, aangepaste headers toe te voegen, vulling en marges aan te passen of typografiestijlen rechtstreeks vanuit de zijbalk van de instellingen toe te passen.

Plaats de inhoud gemakkelijk

Gebruik de blokinvoeging (schakel van linksboven of rechterbovenhoek) om elementen toe te voegen zoals een nieuw paragraafblok, beeldblok of inbedden video's en sociale media -feeds. Blokken kunnen worden gesleept, gevallen of herpositioneerd met behulp van eenvoudige pijlen op/omlaag.

Navigeer met het tabblad Blok en documentoverzicht

Schakel tussen het tabblad Blok en het documentoverzicht om de inhoudsstructuur beter te begrijpen. De omtrek is handig voor lange palen of pagina's, zodat u snel naar koppen of een specifiek blok kunt springen.

Geavanceerde blokopties

Klik op de verticale stippen (of pictogram met drie stoten) op een geselecteerd blok om te dupliceren, meerdere blokken te groeperen of volledig te verwijderen. U kunt ook blokken omzetten in herbruikbare blokken voor herhaald gebruik op uw site.

Lay -out flexibiliteit

De editor ondersteunt meerdere blokken op een enkele regel met behulp van kolommen, groepen en stapelblokken. U kunt aangepaste lay -outs maken met blokpatronen of bestaande aanpassingen wijzigen. Uitlijningen, breedtebestrijding (breed/vol) en afstand zijn gemakkelijk toegankelijk via de werkbalk en zijbalk .

Patroonniveau ontwerp

Geavanceerde gebruikers kunnen blokpatronen maken of wijzigen om ontwerpflows te versnellen, terwijl beginners vooraf gebouwde kunnen gebruiken om media-rijke pagina's te maken zonder helemaal opnieuw te beginnen.

Gebruik van de volledige schermmodus en de bovenste werkbalk

Het inschakelen van de fullscreen -modus helpt u om zich uitsluitend op de lay -out te concentreren zonder afleiding, en de bovenste werkbalk biedt snelle toegang tot globale tools voor opmaak- en blokbeheer.

Meer weten: Gutenberg Vs. Elementor

Volledige site -bewerking en de site -editor

Site Bewerken is een evolutie van de blokeditor waarmee gebruikers hun hele site kunnen aanpassen. Met behulp van de site -editor kunt u:

• Bewerk wereldwijd headers, voetteksten en zijbalken.
• Wijzig sjablonen voor berichten, pagina's, archieven en meer.
• Gebruik en maak uw eigen blokpatronen en sjabloononderdelen.
• Beheer globale stijlen via een uniforme interface.

U kunt rechtstreeks toegang krijgen tot de sjabloonbewerkingsmodus bij het bewerken van een bericht of pagina met een blokthema.

Het maken en beheren van inhoud met de WordPress -editor

De WordPress -editor vereenvoudigt het proces van het maken van inhoud:

• Begin met het klikken op "Nieuw toevoegen" om een ​​nieuwe pagina of post te maken.
• Gebruik de blokinvoeging om tekst, afbeeldingen , insluiten en meer toe te voegen.
• Opmaaktekst met behulp van het paragraafblok, het kopblok of inline code.
• Plaats media met behulp van het beeldblok, galerijen of insluitingen.
• Beheer SEO met koppen en een documentoverzicht.
• Volg woordentelling en structuur met behulp van de bovenste werkbalk.

Elk enkel blok heeft zijn eigen instellingen toegankelijk via de zijbalk instellingen.

Leer ook: Elementor naar Gutenberg Conversion: Ultimate Guide to Switch niet naar blokken

Editor -tools en workflowverbeteringen

Verschillende tools verbeteren de productiviteit en aanpassing:

• Topwerkbalk : uniforme balk voor lay -outcontrole, ongedaan maken en opdrachtcentrumacties.
• Instellingen Zijbalk : Schakel aan/uit vanuit de rechterbovenhoek om de eigenschappen op blokniveau aan te passen.
• Schakelblokken in de invoeging : toon of verbergen de inserter om uw weergave schoon te houden.
• Drie DOTS -pictogram : toegang tot modi zoals code -editor of fullscreen -modus.
• Sneltekeningen van toetsenbord : versnelling van het werk met snelle opdrachten voor acties zoals duplicerende blokken of het schakelen van views.

Verder lezen: stapsgewijze handleiding om aangepaste blokken in WordPress te maken

Voordelen van het gebruik van de WordPress -editor

De WordPress -editor biedt een groot aantal voordelen:

• Visual Editor : biedt een schone, intuïtieve interface voor codevrije contentcreatie.
• Media-rijk : eenvoudig pagina's bouwen met afbeeldingen, video's en interactieve blokken.
• Herbruikbare blokken : bespaar tijd door blokken en patronen over inhoud te hergebruiken.
• Granulaire bewerking : verfijn individuele blokken en bewerk de hele sitelay-out.
• Moderne updates : regelmatig verbeterd om te voldoen aan evoluerende webstandaarden.
• Brede compatibiliteit : werkt naadloos met de meeste thema's en plug -ins.

Aan de slag met de WordPress -editor

Als je nieuw bent in WordPress, is aan de slag eenvoudig:

• Log in op uw WordPress-dashboard.
• Ga naar berichten ⟶ Voeg nieuwe of pagina's toe ⟶ Voeg nieuw toe.
• Gebruik de blokinvoeging om inhoud toe te voegen.
• Verken opmaakopties met het tabblad Blok en de sideBar instellingen.
• Voorbeeld en publiceer wanneer u klaar bent.
• Gebruik de video -zelfstudie die in uw dashboard is gekoppeld voor een visuele walkthrough.

WordPress Editor -tips en best practices

• Paragraaf eerst : bouw een duidelijke inhoudsstructuur met een paragraafblok.
• Kopsels SEO : gebruik kopblokken om de SEO- en pagina -toegankelijkheid te verbeteren.
• Herbruikbare lay -outs : Sla standaardlay -outs op als herbruikbare blokken voor efficiëntie.
• Lay -out variëteit : probeer verschillende lay -outopties en blokpatronen voor een beter ontwerp.
• Focus op volledig scherm : gebruik de fullscreen -modus om gefocust te blijven tijdens het bewerken.
• Werkbalkcontrole : verken de bovenste werkbalk en verticale stippen voor waardevolle tools en instellingen.

Veelvoorkomende problemen oplossen

Als u problemen tegenkomt:

• Editor laadt niet? Wis de browsercache of schakel conflicterende plug -ins uit.
• Ontbrekende blokinstellingen ontbreken? Controleer de sideBar -schakelaar instellingen.
• Inhoud niet opslaan? Zorg ervoor dat uw hosting WordPress -vereisten ondersteunt.
• Lay -out gebroken? Keer wijzigingen terug met behulp van revisies of test in de code -editor.
• Kunt u geen specifiek blok vinden? Gebruik de zoekopdracht in de blokinvoeging om alle beschikbare blokken te bekijken.

Conclusie: waarom de WordPress -editor ertoe doet

De WordPress -editor is meer dan een inhoudstool; Het is het hart van de WordPress -site -ervaring. Of het nu gaat om het maken van een blogpost of het opnieuw ontwerpen van uw startpagina, de editor biedt de kracht en flexibiliteit om iets unieks te bouwen.

Met ondersteuning voor media-rijke pagina's, volledige site-bewerking en continue innovatie stelt het WordPress-gebruikers van alle niveaus in staat om dynamische en prachtige websites te maken.

Veelgestelde vragen over de WordPress -editor