Code-editor

Blocs wordt geleverd met een ingebouwde code-editor waarmee u code kunt bewerken en invoeren in verschillende delen van een Blocs website.

belangrijk

Houdt u er rekening mee dat de Blocs Met Code Editor kunt u niet de gehele inhoud van een pagina bewerken. In plaats daarvan biedt het toegang tot specifieke gebieden van de pagina waar u aangepaste code kunt toevoegen die in de uiteindelijke export moet worden opgenomen.

De code-editor openen

U heeft toegang tot de Code-editor binnen Blocs, door te dubbelklikken op een Codewidget, via het hoofdmenu Venster> Code-editor of met de sneltoets ⌥+⌘+C.

Code-invoerzones

Naast de individuele zones die worden toegevoegd met Codewidgets, er zijn 10 extra codezones die kunnen worden gebruikt om aangepaste code in te voeren in een Blocs website. De doelinvoerzone kan worden geselecteerd met behulp van het vervolgkeuzemenu in de rechtsboven hoek van het Code Editor-venster.


Pro Tip

U kunt snel door de code-invoerzones bladeren met behulp van de sneltoets ⌃ + ⇥ om naar de volgende invoerzone te gaan en ⌃ + ⇧ + ⇥ om terug te gaan naar de vorige invoerzone.

Projectinvoerzones

Code die in een van de vier wordt ingevoerd project Code-invoerzones worden opgenomen in de specifieke zone op elke pagina van een website.

Pagina-invoerzones

Code die in een van de vier wordt ingevoerd pagina Code-invoerzones worden opgenomen in de specifieke zone op de momenteel actieve pagina.

Aanvullende CSS

Code die in deze zone wordt ingevoerd, wordt opgenomen in de hoofdmap style.css stijlblad.

Hyperteksttoegang (.htaccess)

Code die in deze zone wordt ingevoerd, wordt opgenomen in de .htaccess bestand dat Blocs wordt gegenereerd bij export of publicatie.

Tip voor beginners

De Hypertext Access-code wordt opgenomen in de htaccess.txt bestand of de .htaccess bestand, afhankelijk van of htaccess productiemodus is ingeschakeld in de exportinstellingen.

WordPress Extra Functies

Deze codezone is alleen zichtbaar wanneer het project is CMS is ingesteld op WordPress. Alle code die hier wordt toegevoegd, wordt opgenomen in de functions.php bestand, dat Blocs gegenereerd als onderdeel van het WordPress-thema tijdens het exporteren of publiceren.

Nette inhoud

Wanneer de invoerzone van de Code-editor is ingesteld op aanvullende CSS, Blocs zal een kleine knop in de rechterbovenhoek van het code-invoergebied weergeven. Door op deze knop te klikken wordt de CSS-codeopmaak opgeruimd (beautify).

Code Editor-instellingen

Het is mogelijk om de Univers en lettergrootte voor de Blocs code-editor via de pop-up met instellingen. U kunt deze openen door te klikken op de knop Instellingen. Deze bevindt zich links van de vervolgkeuzelijst met de code-invoerzone.

Bijgewerkt op 7 januari 2025

Was dit artikel behulpzaam?

Gerelateerde artikelen