Wenn Sie ein WordPress -Thema entwickeln und Benutzern ohne HTML -Wissen ermöglichen möchten, Inhalte einfach zu aktualisieren, kann das Hinzufügen von benutzerdefinierten Stilen zum visuellen Editor von Tinymce dazu beitragen, die ordnungsgemäße Formatierung für verschiedene Elemente sicherzustellen. Mit dieser Funktion können Ihre Website-Besucher oder -administratoren Inhalte einfach stylen und ein benutzerfreundlicheres Erlebnis erstellen.
Der Standard -Tinymce -Editor in WordPress ist funktional, aber in Bezug auf die Designflexibilität begrenzt. Durch das Hinzufügen von benutzerdefinierten Stilen können Sie ein maßgeschneidertes Bearbeitungserlebnis bereitstellen, sodass Benutzer bestimmte Stile direkt vom Editor anwenden können. Dies ist besonders nützlich, wenn Sie ein benutzerdefiniertes Thema erstellen oder sicherstellen, dass der Inhalt Ihrer Website der visuellen Identität Ihrer Marke entspricht.
Um dem Tinymce -Editor benutzerdefinierte Stile hinzuzufügen, müssen Sie die Einstellungen des Editors in der Datei "Funktionen" des Themas `functions.php" ändern. So können Sie es tun:
Funktion my_custom_tinymce_styles ($ init_array) { $ style_formats = array ( Array ( 'Titel' => 'Schaltfläche', 'block' => 'span', 'Klassen' => 'My-Button-Klasse', ' 'styles' => array ('color' => '#fff', 'background-color' => '0073aa', 'padding' => '10px 20px', 'Border-Radius' => '5px') ), Array ( 'title' => 'hervorgehobener Text', 'block' => 'span', 'Klassen' => 'Highlight-Text', 'styles' => array ('background-color' => '#ffff00', 'font-weight' => 'BOLD') ) ); $ init_array ['style_formats'] = json_encode ($ style_formats); return $ init_array; } add_filter ('TINY_MCE_BEFORE_INIT', 'my_custom_tinymce_styles');
In diesem Beispiel definieren wir zwei benutzerdefinierte Stile: einen "Button" -Stil und einen "hervorgehobenen Text" -Stil. Sie können diese Stile an das Design Ihres Themas anpassen. Fügen Sie einfach den Code in die Datei "Funktionen.php" Ihres Themas hinzu, und die Stile werden im Tinymce -Editor angezeigt, um sich auf ihren Inhalt zu bewerben.
Durch das Anpassen des Tinymce -Editors in WordPress können Sie den Inhaltserstellungsprozess intuitiver und visuell konsistenter gestalten. Unabhängig davon, ob Sie ein benutzerdefiniertes Thema erstellen oder einfach die Standard -Editor -Erfahrung verbessern, können diese kleinen Verbesserungen die Verwendbarkeit Ihrer Website erheblich verbessern.