17. April 2010

Sticky Beiträge formatieren

Filed under: Tipps — Schlagwörter: , , , , , — jola @ 10:36

Über die Funktion Diesen Artikel auf der Startseite können Beiträge als sogenannte Sticky Posts auf der Startseite bzw. der Artikel-Startseite fixiert werden. Damit diese auch optisch hervorgehoben werden, müssen Sie eine eigene Klasse in der CSS-Datei definieren.

Aktivieren Sie beim jeweiligen Artikel Diesen Artikel auf der Startseite im Bereich Publizieren:

sticky1

Aktivieren Sie diese Funktion

Wird ein Artikel als sticky markiert, so erhält dieser die Klasse .sticky zugewiesen. Diese Klasse können Sie in der CSS-Datei style.css nach Belieben definieren. Beispiel für hellgrauen Hintergrund und Trennlinie unterhalb:

.sticky {
background: #E1E1E1;
border-bottom: 1px dotted #CCCCCC;
}

Im Theme müssen Sie in der Datei index.php den Code im Loop anpassen. Ändern Sie die Zeile

<div id="post-<?php the_ID(); ?>" class="post">

in

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Der Loop beginnt dann folgendermaßen:

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Speichern Sie die style.css und die index.css und laden Sie beide Dateien auf den Server.

Den Code als Textdatei downloaden: Code_sticky_post

Keine Kommentare »

Noch keine Kommentare

RSS Feed für Kommentare zu diesem Artikel. TrackBack URL

Hinterlasse einen Kommentar

Nach oben

© J. Belik 2012   Alle Rechte vorbehalten. Mein WordPress-Buch läuft auf WordPress. Theme by Jola