So machen Sie Text-Widgets farbiger und langweiliger in WordPress

Mit Text-Widgets können Sie der Seitenleiste Ihres Blogs oder einem anderen Widgetbereich zusätzliche Informationen hinzufügen. Die meisten Benutzer verwenden Text-Widgets in WordPress, um eine kleine Einführung über sich selbst oder die Website hinzuzufügen, oder sie verwenden Kurzwahlen in Widgets. Text-Widgets wirken normalerweise sehr langweilig und langweilig, da sie sich in das andere Seitenleistenelement einfügen. In diesem kurzen Artikel zeigen wir Ihnen, wie Sie Text-Widgets farbiger und interessanter gestalten können. Das Ziel ist, sie in der Seitenleiste hervorzuheben, damit Ihre Besucher mehr darauf achten.

Als erstes müssen Sie das Colorful Text Widget Plugin installieren und aktivieren. Gehen Sie nach der Aktivierung zu Aussehen »Widgets. Dort wird im Widget-Fenster das Widget "Bunte Text" angezeigt. Ziehen Sie das Colorful Text Widget in die Seitenleiste (aka Widgetbereich)..

Die Widget-Einstellungen sind sehr einfach. Sie würden es wie jedes andere Text-Widget verwenden. Das einzige, was Sie noch tun müssen, ist den Widget-Stil in der letzten Option hinzuzufügen. Das Widget enthält einige eingebaute Stile einiger Grundfarben. Kopieren Sie den gewünschten Farbstil und fügen Sie ihn ein. Sie können Ihre Stile auch in der style.css-Datei Ihres Designs erstellen.

Wenn Sie kein CSS beherrschen und nur eine benutzerdefinierte Farbe hinzufügen möchten, gibt es eine einfachere Möglichkeit, dies zu tun. Kopieren Sie einfach Folgendes in style.css Ihres Themes:

 // ** Hintergrundfarbe und Rahmen durch eigene Werte ersetzen ** // .ctw-custom background-color: #cccccc; Grenze: 1px fest # 1b1b1b; Grenzradius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; Marge: 0 0 25px; Überlauf versteckt; Polsterung: 20px; Farbe: # 000;  

Um diesen Stil in Ihrem Widget zu verwenden, verwenden Sie .ctw-custom in der Widget-Stiloption des Colorful Text Widget. Sie können mehrere benutzerdefinierte Stile erstellen. Kopieren Sie einfach die CSS, benennen Sie .ctw-custom in etwas anderes um und ändern Sie die Hintergrundfarbe und die Randwerte. Wir hoffen, dieser schnelle Tipp wird Ihnen dabei helfen, Text-Widgets unterhaltsamer und auffälliger zu gestalten.