Benutzerdefinierte Schriftarten hinzufugen
Erfahre, wie du benutzerdefinierte Google Fonts oder selbst gehostete Schriftarten zum Buchungsablauf von RepairPlugin hinzufugst, indem du den PHP-Filter rp_get_font_options verwendest.
Was kannst du damit machen?
- Deine Markentypografie beibehalten -- verwende genau dieselbe Schriftart im Buchungsablauf wie auf deiner Website.
- Jede Google Font hinzufugen, die nicht in der Standardliste von 30 enthalten ist.
- Eine selbst gehostete Schriftart verwenden (wie eine proprietare Schrift), die nicht bei Google Fonts verfugbar ist.
- Eine Schriftart wiederverwenden, die dein Theme bereits ladt, ohne sie doppelt zu laden.
Wo findest du es?
- Klicke im WordPress-Adminmenu auf RepairPlugin.
- Klicke im Untermenu auf Settings.
- Klicke in der Einstellungs-Seitenleiste auf Front-End Steps.
- Finde im Abschnitt Branding das Dropdown Choose a font.
Nachdem du eine benutzerdefinierte Schriftart per Code hinzugefugt hast, erscheint sie in diesem Dropdown neben den integrierten Schriftarten.
So richtest du es ein
Dies ist eine Entwickler-Funktion. Du musst ein Code-Snippet in die functions.php-Datei deines Themes oder ein benutzerdefiniertes Plugin einfugen.
Eine Google Font hinzufugen
Fuge diesen Code in die functions.php-Datei deines Themes (oder ein seitenspezifisches Plugin) ein:
add_filter( 'rp_get_font_options', 'my_custom_rp_font', 10, 1 );
function my_custom_rp_font( $fonts ) {
$fonts['my_custom_font'] = array(
'name' => 'My Custom Font',
'font_link' => '<link href="https://fonts.googleapis.com/css2?family=My+Custom+Font:wght@300;400;500;600;700&display=swap" rel="stylesheet">',
'font_family' => '"My Custom Font", sans-serif',
);
return $fonts;
}
Jeder Schriftarteintrag benotigt drei Werte:
| Schlussel | Typ | Was er bewirkt |
|---|---|---|
name | String | Das Label, das im Schriftart-Dropdown angezeigt wird. |
font_link | String | Ein HTML-<link>-Tag, das die Schriftart ladt. Leer lassen (''), wenn dein Theme die Schriftart bereits ladt. |
font_family | String | Der CSS-font-family-Wert, einschliesslich eines Fallbacks (z.B. '"My Font", sans-serif'). |
Der Array-Schlussel (z.B. 'my_custom_font') muss ein eindeutiger Slug sein -- Kleinbuchstaben, keine Leerzeichen, mit Unterstrichen.
Eine selbst gehostete Schriftart hinzufugen
Wenn deine Schriftart nicht bei Google Fonts verfugbar ist, hoste die Schriftartdatei selbst und referenziere sie:
add_filter( 'rp_get_font_options', 'my_selfhosted_rp_font', 10, 1 );
function my_selfhosted_rp_font( $fonts ) {
$font_url = get_stylesheet_directory_uri() . '/fonts/MyBrandFont.woff2';
$fonts['my_brand_font'] = array(
'name' => 'My Brand Font',
'font_link' => '<style>@font-face { font-family: "My Brand Font"; src: url("' . $font_url . '") format("woff2"); font-weight: 100 900; font-display: swap; }</style>',
'font_family' => '"My Brand Font", sans-serif',
);
return $fonts;
}
Stelle sicher, dass die Schriftartdatei (z.B. .woff2) im referenzierten Verzeichnis innerhalb deines Themes platziert ist.
Eine Schriftart verwenden, die dein Theme bereits ladt
Wenn dein WordPress-Theme die Schriftart bereits ladt, setze font_link auf einen leeren String. RepairPlugin verwendet den font_family-Wert direkt:
add_filter( 'rp_get_font_options', 'my_theme_font_for_rp', 10, 1 );
function my_theme_font_for_rp( $fonts ) {
$fonts['theme_font'] = array(
'name' => 'My Theme Font',
'font_link' => '',
'font_family' => '"My Theme Font", sans-serif',
);
return $fonts;
}
Deine benutzerdefinierte Schriftart auswahlen
Nach dem Hinzufugen des Codes:
- Gehe zu RepairPlugin > Settings > Front-End Steps.
- Offne im Abschnitt Branding das Dropdown Choose a font.
- Deine benutzerdefinierte Schriftart erscheint jetzt in der Liste.
- Wahle sie aus und klicke auf Save Changes.
- Prufe deine Buchungsseite, um sicherzustellen, dass die Schriftart korrekt aussieht.
Einstellungsubersicht
| Einstellung | Beschreibung | Standard | Kunden sehen |
|---|---|---|---|
| Filter: rp_get_font_options | Ermoglicht Entwicklern, die Liste der verfugbaren Schriftarten im RepairPlugin-Schriftart-Dropdown hinzuzufugen, zu entfernen oder zu andern | 30 integrierte Google Fonts (alphabetisch sortiert) | Wenn du eine benutzerdefinierte Schriftart auswahlt, erscheint der gesamte Text im Buchungsablauf -- Reparaturnamen, Beschreibungen, Preise und Buttons -- in dieser Schriftart. |
| Einstellung | Beschreibung | Standard | Kunden sehen |
|---|---|---|---|
| name | Legt das Label fest, das im Schriftart-Dropdown fur diese Schriftart angezeigt wird | -- | Kein direkter Effekt -- dies ist der Name, den du im Admin-Dropdown siehst. |
| font_link | Ladt die Schriftart auf jeder Seite, die einen RepairPlugin-Shortcode verwendet. Kann ein Google-Fonts-<link>-Tag, ein <style>-Block mit @font-face oder ein leerer String sein, wenn die Schriftart bereits von deinem Theme geladen wird | -- | Kein direkter Effekt -- dies lauft im Hintergrund, um die Schriftart verfugbar zu machen. |
| font_family | Legt fest, welche Schriftart RepairPlugin tatsachlich fur den gesamten Text im Buchungsablauf verwendet Tipp: Fugen immer eine Fallback-Schriftart hinzu (z.B. sans-serif), damit der Text auch dann gut aussieht, wenn die benutzerdefinierte Schriftart nicht geladen werden kann. | -- | Der gesamte Text in der Buchungsoberflache erscheint in dieser Schriftart. |
Integrierte Schriftarten
RepairPlugin enthalt standardmassig diese 30 Schriftarten: Archivo, Arial, Assistant, Barlow, Cabin, DM Sans, Fira Sans, Hind, Inter, Josefin Sans, Kanit, Karla, Lato, Manrope, Merriweather, Montserrat, Muli, Noto Sans, Nunito, Open Sans, Oswald, Playfair Display, Poppins, Quicksand, Raleway, Roboto, Roboto Slab, Signika, Source Sans Pro, Titillium Web, Ubuntu und Work Sans. Die Standardschriftart (wenn keine ausgewahlt ist) ist Montserrat.
Haufig gestellte Fragen
Brauche ich Programmierkenntnisse dafur?
Ja. Das Hinzufugen einer benutzerdefinierten Schriftart erfordert das Bearbeiten der functions.php-Datei deines Themes oder das Erstellen eines kleinen benutzerdefinierten Plugins. Wenn du dich mit PHP-Code nicht sicher fuhlst, bitte deinen Webentwickler, das Snippet fur dich hinzuzufugen.
Verschwindet meine benutzerdefinierte Schriftart nach einem Theme-Update?
Das kann passieren, wenn du den Code in die functions.php deines Parent-Themes eingefugt hast. Platziere den Code in der functions.php eines Child-Themes oder einem seitenspezifischen Plugin, um ihn bei Updates zu schutzen.
Kann ich mehr als eine benutzerdefinierte Schriftart hinzufugen?
Ja. Stelle nur sicher, dass jede Schriftart einen eindeutigen Array-Schlussel verwendet (z.B. 'brand_font_one', 'brand_font_two').