Bitrix – es ist ein beliebtes Content Management System (CMS), das zum Erstellen und Verwalten von Websites verwendet wird. Eines der wichtigsten Elemente des Website-Designs sind Schriftarten. Sie sind verantwortlich für die visuelle Komponente des Textinhalts und können die Wahrnehmung der Website durch den Benutzer erheblich beeinflussen.
Viele Bitrix-Benutzer fragen sich jedoch oft, wo sich die Schriftarten im System befinden. Normalerweise werden Schriftarten in Bitrix in einem Ordner gespeichert /bitrix/templates/Vorlagenname/fonts/. Sie können den Namen der Vorlage herausfinden, indem Sie die Datei öffnen /bitrix/templates/.default/header.php und nach dem Wert der Variablen suchen $template.
Schriftarten können in verschiedenen Formaten wie TTF (TrueType), OTF (OpenType), WOFF (Web Open Font Format) usw. dargestellt werden, damit die Schriftarten auf verschiedenen Geräten und Browsern korrekt angezeigt werden, wird empfohlen, die unterstützten Schriftformate zu verwenden und sie in den entsprechenden Medienabfragen anzugeben, um die Website anpassungsfähig zu machen.
Wo sind die Schriftarten in Bitrix: Layout und Anpassung der Vorlage
Die Schriftarten in Bitrix werden in verschiedenen Verzeichnissen gespeichert, je nachdem, welches Modul verwendet wird und welche Websitevorlage verwendet wird.
Die wichtigsten Schriftarten, die in der Bitrix-Engine selbst verwendet werden, befinden sich im Verzeichnis /bitrix/fonts . Hier finden Sie Schriftarten wie Arial, Tahoma, Verdana usw., die standardmäßig verwendet werden.
Für jede Websitevorlage können sich ihre Schriftarten in verschiedenen Verzeichnissen befinden. Die Schriftarten der Vorlage werden in der entsprechenden Vorlagendatei angepasst. Es befindet sich normalerweise im Verzeichnis /local/templates/[name Ihrer Vorlage] .
In der Vorlagendatei können Sie festlegen, dass verschiedene Schriftarten für verschiedene Seitenelemente verwendet werden, z. B. Überschriften, Absätze, Links usw. Dazu werden CSS-Stile verwendet, die das Erscheinungsbild jedes Elements bestimmen.
Wenn Sie neue Schriftarten hinzufügen möchten, müssen ihre Dateien im Verzeichnis mit der Websitevorlage abgelegt werden. Fügen Sie dann die entsprechenden CSS-Stile in die Vorlagendatei ein, um anzugeben, wie diese Schriftarten verwendet werden sollen.
Darüber hinaus bietet Bitrix die Möglichkeit, externe Dienste zu verwenden, um Schriftarten wie Google Fonts oder Adobe Fonts zu verbinden. Dazu müssen Sie die entsprechenden Einstellungen in der Vorlagendatei vornehmen.
| Pfad zu Bitrix-Schriftarten: | Website-Vorlage: | Externe Schriftarten anschließen: |
|---|---|---|
| /bitrix/fonts | /local/templates/[name Ihrer Vorlage] | Hinzufügen von CSS-Stilen |
Das Ergebnis ist, dass die Bitrix-Schrifteinstellungen flexibel genug sind, und Sie können je nach Ihren Anforderungen und Vorlieben verschiedene Optionen auswählen. Die Hauptsache ist, dass alle Schriftartdateien auf dem Server verfügbar sind und in den Vorlagendateien korrekt konfiguriert sind.
Speicherort der Schriftarten im Bitrix-System
Die Schriftarten im Bitrix-System können sich je nach verwendeter Websitevorlage an verschiedenen Stellen befinden.
Normalerweise werden Schriftarten im Ordner /bitrix/fonts/ im Stammverzeichnis der Website gespeichert. Dieser Ordner kann verschiedene Schriftartdateien mit Erweiterungen enthalten .ttf , .otf , .woff , .woff2 und andere.
Einige Vorlagen können jedoch eine andere Ordnerstruktur verwenden oder Schriftarten in anderen Ordnern ablegen. Wenn Sie daher die genaue Position der Schriftarten in einer bestimmten Vorlage ermitteln möchten, sollten Sie sich an die Dokumentation oder den Entwickler der Vorlage wenden.
Nachdem Sie den Speicherort der Schriftarten festgelegt haben, können Sie sie mit der Website verbinden. Fügen Sie dazu den entsprechenden Code zu den Stildateien oder der Websitevorlage hinzu.
Normalerweise werden Schriftarten mithilfe von CSS-Regeln verbunden, z. B.:
- @font-face - Eine Regel, mit der Sie eine benutzerdefinierte Schriftart verknüpfen können;
- font-family - eine Eigenschaft, die den Namen der Schriftart angibt;
- src - Eigenschaft, die den Pfad der Schriftartdatei angibt;
Beispielcode zum Verbinden einer Schriftart:
@font-face Nachdem Sie diesen Code hinzugefügt haben, wird die Schriftart für die Verwendung in Websitestilen verfügbar.
Wie finde ich Schriftarten in einer Bitrix-Vorlage
Die Schriftarten in der Bitrix-Vorlage befinden sich in bestimmten Ordnern und können wie folgt gefunden werden:
- Öffnen Sie das Bitrix-Administrationsfenster und navigieren Sie zur Seite Vorlagen verwalten.
- Wählen Sie die gewünschte Vorlage aus und klicken Sie neben dem Namen auf den Link "Einstellungen".
- Wählen Sie im geöffneten Fenster die Registerkarte Vorlagendateien aus.
- Suchen Sie in der Liste der Dateien und Ordner nach dem Ordner mit dem Namen "fonts" oder "Schriftarten".
Sobald Sie den Ordner mit den Schriftarten gefunden haben, können Sie sie in der Bitrix-Vorlage verwenden. Dazu müssen Sie die Schriftarten an die CSS-Dateien anhängen oder sie in den entsprechenden Stilen angeben.
Anpassen einer Vorlage für die Verwendung anderer Schriftarten
Wenn Sie mit Vorlagen in Bitrix arbeiten, können Sie ganz einfach die Verwendung anderer Schriftarten für Ihre Website anpassen. Führen Sie dazu die folgenden Schritte aus:
1. Schriftarten vorbereiten
Bevor Sie mit dem Einrichten einer Vorlage beginnen, müssen Sie die gewünschten Schriftarten vorbereiten. Sie können sowohl Systemschriftarten als auch heruntergeladene native Schriftarten verwenden.
Wenn Sie eigene Schriftarten verwenden, wird empfohlen, diese in Formate zu konvertieren .woff und .woff2 für eine bessere Kompatibilität mit verschiedenen Browsern.
2. Schriftarten mit einer Vorlage verbinden
Um Schriftarten zu verbinden, müssen Sie eine Vorlagenstildatei öffnen (normalerweise eine Style-Datei).css oder main.css) und fügen Sie den folgenden Code hinzu:
Anstelle von "Schreibtitelname" wird der Name Ihrer Schriftart angegeben, und anstelle von "Schreibtitelpfad" wird der Pfad zur Schriftartdatei auf Ihrem Server angegeben. Stellen Sie sicher, dass der angegebene Pfad korrekt ist.
3. Verwenden von Schriftarten in CSS
Nachdem Sie die Schriftart mit einer Vorlage verbunden haben, können Sie sie in CSS-Regeln verwenden. Sie können beispielsweise den folgenden Code hinzufügen, um die Schriftart der Überschriften zu ändern:
In diesem Beispiel wird die Schriftart "Schreibtitelname" für alle h1-, h2- und h3-Header auf Ihrer Website verwendet. Wenn die Schriftart nicht gefunden wird, wird die Schriftart Arial verwendet, und wenn sie nicht gefunden wird, wird die Schriftart aus der Familie sans-serif verwendet.
Auf diese Weise können Sie die Verwendung verschiedener Schriftarten in Ihrer Vorlage anpassen und ein einzigartiges Erscheinungsbild Ihrer Website erzielen.
Ändern der Schriftgröße und des Stils in Bitrix
Das Bitrix-System bietet die Möglichkeit, die Schriftgröße und den Schriftstil in der Vorlage Ihrer Website leicht zu ändern. Dazu müssen Sie die folgenden Schritte ausführen:
- Öffnen Sie die Stildatei Ihrer Website, die sich im Vorlagenordner befindet. Dies ist normalerweise eine Datei mit einer Erweiterung .css .
- Suchen Sie den entsprechenden Selektor für das Element, dessen Schriftgröße oder -stil Sie ändern möchten. Zum Beispiel können Sie einen Selektor für Überschriften oder Absätze finden
.
- Legen Sie innerhalb des Selektors die gewünschte Schriftgröße oder den gewünschten Schriftstil mithilfe der CSS-Eigenschaften font-size bzw. font-style fest. Zum Beispiel:
In diesem Beispiel haben wir die Schriftgröße der Überschriften auf 24 Pixel festgelegt und ihnen einen kursiven Stil hinzugefügt.
Nachdem Sie Änderungen an der Stildatei vorgenommen haben, speichern Sie sie und aktualisieren Sie die Seite Ihrer Website, um die Ergebnisse anzuzeigen.
Jetzt wissen Sie, wie Sie die Schriftgröße und den Stil in Bitrix ändern können. Nutzen Sie diese Gelegenheit, um das Erscheinungsbild Ihrer Website zu verbessern und den gewünschten Effekt zu erzielen.
Hinzufügen zusätzlicher Schriftarten zum Bitrix-System
Das Bitrix-System bietet die Möglichkeit, zusätzliche Schriftarten für die Verwendung in Vorlagen hinzuzufügen. Dies kann nützlich sein, um ein einzigartiges Design und eine visuelle Gestaltung der Website zu erstellen.
So fügen Sie dem Bitrix-System zusätzliche Schriftarten hinzu:
- Holen Sie sich die Schriftdateien, die Sie auf Ihrer Website verwenden möchten. Schriftarten können als separate Dateien bereitgestellt werden (z. B. in Formaten .ttf oder .otf) oder als eine Reihe von Dateien (zB .woff, .woff2, .eot, .svg).
- Kopieren Sie die Schriftdateien in einen Ordner /bitrix/fonts/ auf dem Server, auf dem das Bitrix-System installiert ist.
- Fügen Sie im Code der Websitevorlage dem Abschnitt den folgenden CSS-Code hinzu :
@font-face - Schriftname - name für die Verwendung in CSS;
- Dateiname - name der Schriftdatei;
- Datei-Erweiterung - Schriftdateiformat (zB .ttf, .woff, .woff2 usw.);
- Dateiformat - das Format der Schriftdatei wird für die Kompatibilität mit verschiedenen Browsern angegeben;
- Gewünschtes Schriftgewicht - zeigt das gewünschte Schriftgewicht an, z. B. normal, bold usw.;
- Gewünschter Schriftstil - geben Sie den gewünschten Schriftstil an, z. B. normal, italic usw.
selector
Nachdem Sie dem Bitrix-System eine Schriftart hinzugefügt haben, kann sie in allen Websitevorlagen verwendet werden, und Sie können sie in Ihren Stilen und CSS-Regeln anwenden, um ein einzigartiges Design und ein visuelles Design der Website zu erstellen.
Wie installiere ich benutzerdefinierte Schriftarten in Bitrix
Schritt 1: Bereiten Sie die Schriftarten vor, die Sie auf Ihrer Website in Bitrix installieren möchten. Sie sollten Schriftartdateien in Formaten haben .ttf oder .otf.
Schritt 2: Legen Sie die Schriftdateien in einen Ordner /bitrix/fonts auf Ihrem Server. Wenn dieser Ordner nicht vorhanden ist, erstellen Sie ihn.
Schritt 3: Öffnen Sie die Datei /bitrix/templates/Name Ihrer Vorlage/header.php in einem Texteditor.
Schritt 4: Fügen Sie den folgenden Code ganz am Anfang der Datei ein:
SetAdditionalCSS('/bitrix/fonts/название_шрифта_1.ttf');$APPLICATION->SetAdditionalCSS('/bitrix/fonts/название_шрифта_2.ttf');?>Ersetzt schreibtitel_1.ttf und Schreibtitelname ist 2.ttf auf die Namen Ihrer Schriften.
Schritt 5: Speichern Sie die Änderungen in der Datei.
Ihre Website in Bitrix verwendet jetzt die installierten benutzerdefinierten Schriftarten. Stellen Sie sicher, dass sich die Schriftartdateien im angegebenen Pfad befinden und im Code korrekt geschrieben sind.
