bent u op zoek naar een eenvoudige manier om HTML te bewerken op uw WordPress website?
HyperText Markup Language of HTML is een code die een webbrowser vertelt hoe de inhoud op uw webpagina ‘ s moet worden weergegeven. Het bewerken van HTML is handig voor geavanceerde aanpassingen en problemen met het oplossen van problemen.
In dit artikel laten we u zien hoe u HTML kunt bewerken in de WordPress code editor met behulp van verschillende methoden.
waarom zou u HTML bewerken in WordPress?
WordPress biedt duizenden thema ‘ s en plugins om het uiterlijk van uw website te veranderen en verschillende elementen aan te passen zonder één regel code aan te raken.
echter, plugins en thema ‘ s hebben hun beperkingen en bieden mogelijk niet de exacte functies die u zoekt. Als gevolg daarvan, je zou niet in staat zijn om uw website stijl de manier waarop u wilt dat het eruit ziet.
dit is waar het bewerken van HTML echt nuttig is. U kunt eenvoudig geavanceerde aanpassingen uitvoeren met behulp van HTML-code. Het biedt veel flexibiliteit en controle over hoe uw site eruit zal zien en functioneren.
bovendien kan het leren bewerken van HTML u ook helpen om fouten op uw WordPress-website te identificeren en op te lossen wanneer u geen toegang hebt tot het dashboard.
Opmerking: Als u HTML niet wilt bewerken, maar toch volledige aanpassingsopties wilt, dan raden we u aan om een WordPress-paginabuilder zoals SeedProd te gebruiken.
dit gezegd zijnde, laten we eens kijken naar verschillende manieren om HTML te bewerken in een WordPress website.
we behandelen hoe HTML bewerkt wordt met behulp van de block editor en de classic editor, en we laten u ook een eenvoudige manier zien om code toe te voegen aan uw site. U kunt op de onderstaande links klikken om door te gaan naar uw gewenste sectie.
- HTML bewerken in WordPress Block Editor
- HTML bewerken in WordPress Classic Editor
- HTML bewerken in WordPress Widgets
- HTML bewerken in WordPress Theme Editor
- HTML bewerken in WordPress met FTP
- eenvoudige manier om Code toevoegen in WordPress
HTML bewerken in WordPress Block Editor
in de WordPress Block Editor zijn er meerdere manieren om de html van uw bericht of pagina te bewerken.
eerst kunt u een aangepast HTML-blok in uw Inhoud gebruiken om HTML-code toe te voegen.
om te beginnen, ga je naar je WordPress dashboard en voeg je een nieuw bericht/pagina toe of bewerk je een bestaand artikel. Daarna, klik op de plus ( + ) teken in de linkerbovenhoek en voeg een ‘aangepaste HTML’ blok.
volgende, ga je gang en voer uw aangepaste HTML-code in het blok. U kunt ook klikken op de ‘Preview’ optie om te controleren of de HTML-code goed werkt en hoe uw inhoud eruit zal zien op uw live website.
een andere manier om HTML-code toe te voegen of te wijzigen in de WordPress block editor is door het bewerken van de HTML van een bepaald blok.
om dat te doen, selecteert u gewoon een bestaand blok in uw inhoud en klikt u vervolgens op het menu met drie punten. Volgende, ga je gang en klik op de’ Bewerken als HTML ‘ keuze.
u zult nu de HTML van een afzonderlijk blok zien. Ga je gang en bewerk de HTML van uw inhoud. U kunt bijvoorbeeld een nofollow-link toevoegen, de stijl van uw tekst wijzigen of andere code toevoegen.
Als u de HTML van uw volledige bericht wilt bewerken, kunt u de ‘Code Editor’ gebruiken in de WordPress block editor.
u kunt de code-editor openen door op de optie drie punten te klikken in de rechterbovenhoek. Selecteer vervolgens ‘Code Editor’ in de drop-down opties.
HTML bewerken in WordPress Classic Editor
Als u de WordPress classic editor gebruikt, kunt u de HTML eenvoudig bewerken in de tekstweergave.
om toegang te krijgen tot de tekstweergave, kunt u eenvoudig een blogpost bewerken of een nieuwe toevoegen. Als je in de klassieke editor bent, klik je op het tabblad ‘Tekst’ om de HTML van je artikel te zien.
te bewerken daarna kunt u de HTML van uw inhoud bewerken. U kunt bijvoorbeeld verschillende woorden vetgedrukt maken om ze prominent te maken, de cursieve stijl in de tekst gebruiken, lijsten maken, een inhoudsopgave toevoegen en meer.
hoe HTML bewerken in WordPress Widgets
wist u dat u HTML-code kunt toevoegen en bewerken in het widgetgebied van uw site?
in WordPress kan het gebruik van een aangepaste HTML-widget u helpen uw zijbalk, voettekst en andere widgetgebieden aan te passen. Bijvoorbeeld, u kunt contactformulieren insluiten, Google Maps, call to action (CTA) knoppen, en andere inhoud.
u kunt beginnen door naar uw WordPress admin panel te gaan en vervolgens naar Uiterlijk ” Widgets. Daarna, ga je gang en voeg een aangepaste HTML widget door te klikken op de ‘Toevoegen’ knop.
vervolgens moet u selecteren waar u de aangepaste HTML-widget wilt toevoegen en een positie kiezen. De widget gebied zal afhangen van het WordPress thema dat u gebruikt. U kunt het bijvoorbeeld toevoegen aan uw voettekst, koptekst of andere gebieden.
zodra u het widgetgebied en de positie hebt geselecteerd, ga je gang en klik op de knop ‘widget Opslaan’.
daarna kunt u op uw aangepaste HTML-widget klikken, de HTML-code invoeren en vervolgens op de knop ‘Opslaan’ klikken.
u kunt nu uw website bezoeken om de aangepaste HTML-widget in actie te zien.
HTML bewerken in WordPress Theme Editor
een andere manier om de HTML van uw website te bewerken is via de WordPress Theme Editor (Code Editor).
echter, we raden u niet aan om de code direct te bewerken in de thema-Editor. De geringste fout bij het invoeren van code kan uw website te breken en blokkeren u toegang tot het WordPress dashboard.
ook als u uw thema bijwerkt, zullen al uw wijzigingen verloren gaan.
dat gezegd hebbende, als u overweegt HTML te bewerken met behulp van de thema-editor, dan is het een goed idee om een back-up van uw website te maken voordat u wijzigingen aanbrengt.
volgende, Ga naar verschijning ” thema Editor van uw WordPress dashboard. U ziet nu een waarschuwingsbericht over het direct bewerken van themabestanden.
zodra u op de knop ‘Ik begrijp’ klikt, ziet u uw thema bestanden en code. Hier kunt u kiezen welk bestand u wilt bewerken en uw wijzigingen aanbrengen.
HTML bewerken in WordPress met behulp van FTP
een andere alternatieve methode voor het bewerken van HTML in de WordPress theme-bestanden is met behulp van FTP ook bekend als file transfer protocol service.
Dit is een standaard functie die wordt geleverd met alle WordPress Hosting accounts.
het voordeel van het gebruik van FTP in plaats van de code-editor is dat u gemakkelijk problemen kunt oplossen met behulp van de FTP-client. Op deze manier wordt u niet buitengesloten van uw WordPress dashboard als er iets breekt bij het bewerken van HTML.
om te starten moet u eerst een FTP-software selecteren. We zullen FileZilla gebruiken in deze tutorial, omdat het een gratis en gebruiksvriendelijke FTP-client is voor Windows, Mac en Linux.
nadat u uw FTP-client hebt geselecteerd, moet u nu inloggen op de FTP-server van uw site. U kunt de inloggegevens vinden in het dashboard van uw hostingprovider.
zodra u bent ingelogd, ziet u verschillende mappen en bestanden van uw website onder de kolom ‘externe site’. Ga je gang en navigeer naar uw thema bestanden door te gaan naar wp-content ” thema.
u ziet nu verschillende thema ‘ s op uw website. Ga je gang en selecteer het thema dat u wilt bewerken.
vervolgens kunt u met de rechtermuisknop op een themabestand klikken om de HTML te bewerken. Als u bijvoorbeeld wijzigingen in de voettekst wilt aanbrengen, klikt u met de rechtermuisknop op de voettekst.php bestand.
met veel FTP-clients kunt u het bestand bekijken en bewerken en ze automatisch uploaden zodra u de wijzigingen hebt aangebracht. In FileZilla, u kunt dit doen door te klikken op de ‘View/Edit’ optie.
we raden u echter aan het bestand dat u wilt bewerken naar uw bureaublad te downloaden voordat u wijzigingen aanbrengt.
na het bewerken van de HTML kunt u het originele bestand vervangen. Voor meer informatie raden we aan om onze handleiding te volgen over het gebruik van FTP om bestanden te uploaden in WordPress.
eenvoudige manier om code toe te voegen in WordPress
de makkelijkste manier om code toe te voegen aan uw WordPress is met behulp van de WordPress plugin kop-en voetteksten invoegen.
het team van WPBeginner ontwierp deze plugin, zodat u gemakkelijk code kunt toevoegen aan uw site in een paar minuten, en we hebben het 100% gratis te gebruiken.
het helpt ook bij het organiseren van uw code, omdat het op één plaats is opgeslagen. Plus, het voorkomt fouten die kunnen worden veroorzaakt bij het handmatig bewerken van code.
een ander voordeel is dat u zich geen zorgen hoeft te maken dat uw code wordt gewist als u besluit om uw thema bij te werken of te wijzigen.
het eerste wat u moet doen is de plugin kop-en voetteksten Invoegen op uw website installeren en activeren. Voor meer informatie, kunt u onze gedetailleerde tutorial over het installeren van een WordPress plugin volgen.
zodra de plugin actief is, kunt u naar de instelling ” kop-en voetteksten Invoegen vanuit uw admin paneel.
vervolgens kunt u de HTML-code aan uw website toevoegen in de vakken header, body en footer.
bijvoorbeeld, stel dat u een waarschuwingsbalk op uw website wilt weergeven. U kunt eenvoudig de HTML-code invoeren in het vak’ Scripts in Body ‘ en op de knop Opslaan klikken.
Daarnaast kunt u een Google Analytics tracking code en Facebook pixel in de header of voeg een Pinterest-knop in de voettekst van uw website met behulp van de plugin.
voor meer details, kunt u onze gids over het toevoegen van kop-en voettekst code in WordPress.
we hopen dat dit artikel u heeft geholpen om HTML te bewerken in de WordPress code editor. U kunt ook kijken naar onze gids over hoeveel het echt kost om een WordPress website te bouwen, of zie de belangrijkste redenen waarom u WordPress moet gebruiken voor uw website.
als u dit artikel leuk vond, abonneer u dan op ons YouTube-kanaal voor WordPress video tutorials. U kunt ons ook vinden op Twitter en Facebook.