Automatisch Drop Caps zu Wordpress hinzufügen

Automatisch Drop Caps zu WordPress hinzufügen

Wart Ihr auch schon auf der Suche wie Ihr Eure Blogs optisch ein wenig aufmotzen könnt? Wie wäre es den ersten Buchstaben jedes Artikels GROSS und mit Schatten zu haben? Ich hatte es irgendwann satt ständig irgendwelche PlugIns zu suchen und dafür der Beta – Tester, da diese meist sehr verbuggt sind, zu sein. Meist muss man bei diversen PlugIns noch einen Shortcode in seinen Text einfügen. Alte Artikel aus der Vergangenheit blieben davon unberührt. Und es war somit fast eine Qual seinen Blog / Webseite auf den aktuellen Stand zu bringen. Deswegen habe ich mich kurzer Hand hingesetzt und einen CSS Code geschrieben der uns dieses Vorhaben erleichtern soll.

In unserem Fall möchten wir das Ganze nun bei WordPress anwenden. Öffnet dazu Eure style.css (bei manchen Themes heisst diese auch anders) und fügt folgenden Code hinzu:

.post p:first-child:first-letter{
display: block;
font-family: times new roman;
font-size: 48px;
font-weight: bold;
padding-right: 5px;
float: left;
color: #000000;
text-shadow: black 2px 2px 2px;
}

Speichert anschliessend! Eure Einträge sollten sich nun wie folgt verändert haben.

Vorher:

Nachher:

Sieht doch gleich besser aus, oder? Ihr habt natürlich freie Hand und könnt mit dem Code herumspielen soviel Ihr wollt!

Have Fun!

Über den Author

Web-Designer, Web-Programmierer, MCTS (Microsoft Certified Technology Specialist), MCITP (Microsoft Certified IT Professionell), ECDL ImageMager / WebStarter & OCG WebPublisher. Seit Kindestagen ist er an allem interessiert was mit Computer und Technik zu tun hat. Er hat 2008 NooBTECH gegründet und versucht ständig das Projekt zu verbessern. Eines seinen weiteren Hobbies ist der Videoschnitt. Mit zu seinen Werken zählen auch der Youtube-Channel, der Facebook-Auftritt dieser Webseite & flynoobtech.eu