Press + if you like it:   

Erster Buchstabe groß und ein wenig anders – dieses Mal ohne Plugin.

Basteln macht Spaß und durch meine Idee, auf so viele Plugins wie möglich zu verzichten aber die Funktionen trotzdem im Blog zu haben, darf nun das nächste Plugin dran glauben. Ich habe in einem Artikel beschrieben, wie man den ersten Buchstaben, eines Artikels, ein wenig anders gestaltet. Groß, andere Farbe (Rahmen usw.).

artikeimg Erster Buchstabe groß und ein wenig anders – dieses Mal ohne Plugin.Aber es geht auch ohne Plugin, die Methode hier beschreibt das ganze für Twenty Twelve, kann aber natürlich in jeden Theme verwendet werden.

Als Erstes legen wir in der Datei: „Style.css“ Datei fest, wie der Buchstabe aussehen soll.

Öffnet dazu die Datei und tragt am Ende Folgendes ein:

.FristLetter:first-letter {
float: left;
color: #F47A2F;
font-size: 75px;
line-height: 50px;
padding: 10px 5px 2px 2px;


}

Damit wird der erste Buchstabe größer dargestellt und erscheint in einem netten Orange. Natürlich kann man alles nach Belieben ändern, zum Beispiel einen Rahmen (border: 1px solid #000; für einen schwarzen Rahmen) drum packen usw.

Wenn man die Schriftart auch ändern möchte, schreibt man einfach: font-style: Name der Schriftart; dazu.

So nun öffnet die Datei: “content.php“, da ich einen Excerpt (Textauszug) benutze, beschreibe ich hier das Beispiel anhand des Excerpt. Sucht folgende Zeile:

<?php the_excerpt(); ?>

und tragt Folgendes ein:

<div class="FristLetter"> &lt;?php the_excerpt(); ?></div>

Benutzt ihr keinen Excerpt, dann könnt ihr das überspringen, denn der folgende Teil gilt dann bei euch auch für die Startseite.

Sucht in der Datei: „content.php“ die Zeile:

<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>

Und ändert sie in das hier:

<div class="FristLetter">	<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
</div>

Abspeichern, hochladen, fertig.

Eckendenker

Eckensitzender Nachdenker, , Anime und Manga verrückt, nicht wegen Animes und Mangas Japan liebhaber, Kopf zwischen den Welten Haber, Tischplatten mit Kopf Zerstörer und eindeutig ein Gutmensch. G+ Profil   G+ Seite

Vielleicht auch interessant....

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>