Blocs verfügt über einen integrierten Code-Editor, mit dem Sie Code in verschiedenen Bereichen eines Blocs Webseite.
Bitte beachten Sie, dass die Blocs Mit dem Code-Editor können Sie nicht den gesamten Inhalt einer Seite bearbeiten. Stattdessen bietet er Zugriff auf bestimmte Bereiche der Seite, in denen Sie benutzerdefinierten Code hinzufügen können, der in den endgültigen Export einbezogen wird.
Öffnen des Code-Editors
Sie können auf die Code-Editor . Blocsdurch Doppelklick auf a Code-Widget, über das Hauptmenü Fenster> Code-Editor oder mit der Tastenkombination ⌥+⌘+C.
Code-Eingabezonen
Neben den einzelnen Zonen, die hinzugefügt werden mit Code-Widgetsgibt es 10 zusätzliche Codezonen, die zur Eingabe von benutzerdefiniertem Code in ein Blocs Website. Die Zieleingabezone kann über das Dropdown-Menü im oben rechts Ecke des Code-Editor-Fensters.
Mit der Tastenkombination können Sie schnell durch die Codeeingabezonen blättern ⌃ + ⇥ um zur nächsten Eingabezone zu wechseln und ⌃ + ⇧ + ⇥ um rückwärts zum vorherigen Eingabebereich zu gehen.
Projekt-Eingabezonen
Code, der in eines der vier Projekt Code-Eingabezonen werden in die jeweilige Zone auf jeder Seite einer Website eingefügt.
Seiteneingabezonen
Code, der in eines der vier Seite Code-Eingabezonen werden in die spezifische Zone auf der aktuell aktiven Seite aufgenommen.
Zusätzliches CSS
Der in dieser Zone eingegebene Code wird in die Haupt style.css Stilblatt.
Hypertext-Zugriff (.htaccess)
Der in dieser Zone eingegebene Code wird in die .htaccess Datei das Blocs wird beim Exportieren oder Veröffentlichen generiert.
Der Hypertext-Zugangscode wird entweder in der htaccess.txt Datei oder die .htaccess Datei, je nachdem ob htaccess-Produktionsmodus ist in den Exporteinstellungen aktiviert.
WordPress Zusatzfunktionen
Diese Codezone ist nur sichtbar, wenn das Projekt CMS ist auf WordPress eingestellt. Jeder hier hinzugefügte Code wird in die functions.php Datei, die Blocs wird beim Exportieren oder Veröffentlichen als Teil des WordPress-Themes generiert.
Aufgeräumter Inhalt
Wenn der Eingabebereich des Code-Editors auf eingestellt ist zusätzliches CSS, Blocs zeigt oben rechts im Codeeingabebereich eine kleine Schaltfläche an. Durch Klicken auf diese Schaltfläche wird die CSS-Codeformatierung aufgeräumt (verschönert).
Code-Editor-Einstellungen
Es ist möglich, die einzustellen Schriftart und Schriftgröße für die Blocs Code-Editor über das Einstellungs-Popup, auf das Sie zugreifen können, indem Sie auf die Schaltfläche „Einstellungen“ links neben dem Dropdown-Menü zur Auswahl der Code-Eingabezone klicken.
