Blocs wordt geleverd met een ingebouwde code-editor waarmee u code kunt bewerken en invoeren in verschillende delen van een Blocs website.
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.
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.
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.