So fügen Sie Drop Caps in WordPress-Posts hinzu

Haben Sie sich jemals gefragt, wie manche WordPress-Websites übergründig sind? Kürzlich hat einer unserer Benutzer gefragt, ob wir wissen, wie man auf einfache Weise Drop Caps in WordPress hinzufügt. In diesem Artikel zeigen wir Ihnen, wie Sie Großbuchstaben in WordPress-Posts einfügen, ohne CSS-Code schreiben zu müssen.

Drop Caps ist eine Stiltechnik, die häufig in gedruckten Büchern und Zeitschriften mit langen Lesevorgängen verwendet wird. In jedem Kapitel wird für den ersten Buchstaben des Anfangsabsatzes eine große Schriftgröße verwendet.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Zuerst müssen Sie das Simple Drop Cap-Plugin installieren und aktivieren. Nach der Aktivierung einfach besuchen Einstellungen »Simple Drop Cap um das Plugin zu konfigurieren.

Das Plugin verfügt über drei Styling-Optionen. Der erste ist der Normalmodus. So sieht die Verschlusskappe im normalen Modus aus:

Die zweite Wahl ist der Float-Modus. So sieht die Fallkappe im Float-Modus aus:

Die letzte Option ist die Verwendung eigener CSS-Regeln. Wenn Sie diese Option wählen, müssen Sie Ihre eigenen Stilregeln im benutzerdefinierten CSS-Stilfeld angeben

Mit dem Plugin können Sie auch die Farbe von mit Buchstaben versehenen Buchstaben ändern.

Aktivieren Sie zuletzt unter den Nutzungseinstellungen das Kontrollkästchen neben der Automatisierung der Kappen. Dadurch wird Ihrem Post automatisch eine Drop-Cap hinzugefügt.

Alternativ können Sie den ersten Buchstaben Ihrer Posts auch mit dem Kurzcode [dropcap] [/ dropcap] umschließen. Wir empfehlen die Verwendung der automatisierten Methode, da sie einfach zu verwenden ist.

Das ist alles. Speichern Sie Ihre Einstellungen und zeigen Sie eine Vorschau Ihrer Site an, um das Plugin in Aktion zu sehen.

Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, Drop-Caps in WordPress-Posts einzufügen. Vielleicht möchten Sie auch herausfinden, wie Sie benutzerdefinierte Formate in den visuellen Editor von WordPress einfügen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Google+.