Hintergrund bei einem Post

Alvin

1. Weiss jemand wie man einen farbigen Hintergrund bei einem Post macht, damit sich der vom nächsten Post ein bisschen abhebt?

2. Oder wie man das Header-Foto mit meiner "Home" Seite verlinkt.? Im Moment ist nur die Standard-Schrift der Link,
möchte diese schrift aber rausnehmen.

Mein Blog:
Chlimberg Weblog

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

flobster

Das ist stark vom verwendeten Theme abhängig. Schau die doch mal die POst-Div Container genauer an. Manche Themes fügen allen ungeraden Posts neben einer Reihe weiterer Dinge auch z.B. ein "alt" hinzu, fü das du eine eigene CSS Regel erstellen kannst.

Zu 2.:
Solange das header-Bild als background eingebunden ist, wird's leider nichts mit dem verlinken. Du kannst aber z.B. in deiner header.php den Blogtitel und description gegen ein verlinktes Bild austauschen.

Alvin

Zitat von flobster

Zu 2.:
Solange das header-Bild als background eingebunden ist, wird's leider nichts mit dem verlinken. Du kannst aber z.B. in deiner header.php den Blogtitel und description gegen ein verlinktes Bild austauschen.

Danke.
Ok das mit dem Titel als Bild einfügen check ich.
Jetzt muss ich mal den header.php durchsuchen...
Beschäftige mich seit 2 Tagen mit CSS & PHP...:-D

maxe

Schau doch auch mal in die FAQ: WordPress Deutschland FAQ Wie verlinke ich meinen Header?

Alvin

Vielen Danke maxe!
Das war genau das was ich suchte.

Muss definitv die FAQ mal genauer durchforsten...

Alvin

Zitat von flobster

Das ist stark vom verwendeten Theme abhängig. Schau die doch mal die POst-Div Container genauer an.

Wo find ich den das Teil (POst-Div Container) im style.css?

flobster

Zitat

Wo find ich den das Teil (POst-Div Container) im style.css?

In deinem Stylesheet wahrscheinlich überhaupt nicht. Ich meinte eigentlich die Struktur, die einige Themes erzeugen. Hier mal ein Beispiel des thematic-Themes:

Code

<div class="hentry p2 post publish author-admin category-news tag-chapter tag-sandbox y2008 m10 d08 h09 alt" id="post-206">

Im CSS kann man dann das letzte "alt" herausfiltern und entsprechend anpassen.

maxe

Den Div-Container mit der ID=post findest du in deinen verschiedenen Templates (index.php, archive.php, category.php etc.). Dort müsstest du, wenn nicht schon vorhanden, dem post div eine css-Klasse mitgeben, die du vorher definiert hast (alles neue steht in rot, der Rest sollte schon irgendwie in deinen Templates drin stehen):

PHP

[COLOR=Red][COLOR=Black]<!-- setze die css-class des ersten Artikels = ungerade -->[/COLOR]
<?php $post_class = 'ungerade'; ?>[/COLOR]


<?php while (have_posts()) : the_post(); ?>


[COLOR=Black]<!-- hänge die oben definiere css-class an den div -->[/COLOR]
<div class="post [COLOR=Red]<?php echo $post_class; ?>[/COLOR]" id="post-<?php the_ID(); ?>">


[B][COLOR=Black]... hier steht jetzt der normale Loop ...[/COLOR][/B]


</div>


[COLOR=Red][COLOR=Black]<!-- jetzt den Wechsel der css-class anordnen -->
<!-- wenn die css-class des ersten Artikels = ungerade, dann setze die css-class des zweiten Artikels = gerade, wenn nicht setzt wieder ungerade -->[/COLOR]
<?php
    if($post_class == 'ungerade') { $post_class = 'gerade'; }
    else { $post_class = 'ungerade'; }
?>[/COLOR]

Alles anzeigen

Das geht jetzt immer im Wechsel.
Jetzt musst du für die css-classen odd und even nur noch in der style.css die Formatierungen vornehmen.

Alvin

ja hier gib ich auf! Muss mir glaub mal zuerst das Basiswissen von CSS & PHP aneignen, sonst kapier ich nur Bahnhof.

Mein Theme basiert übrigens auf dem bekannten "Kubrick (DE-Edition) 1.6" Theme...

flobster

maxe's Lösung ist natürlich super, erfordert allerdings recht tiefe Eingriffe in die Core-Dateien. Ich meine mich zu erinnern, das das Standard Kubrick Theme auch per default eine ähnliche Struktur erzeugt. Habe ich jetzt leider nicht zur Hand, aber schau dir doch erst mal die ausgegebenen Klassen für den <div id="post-xx"> an, vielleicht ist's ja garnicht so kompliziert!

maxe

Zitat von flobster

maxe's Lösung ist natürlich super, erfordert allerdings recht tiefe Eingriffe in die Core-Dateien. Ich meine mich zu erinnern, das das Standard Kubrick Theme auch per default eine ähnliche Struktur erzeugt. Habe ich jetzt leider nicht zur Hand, aber schau dir doch erst mal die ausgegebenen Klassen für den <div id="post-xx"> an, vielleicht ist's ja garnicht so kompliziert!

Also in den Core muss man da gar nicht. Es reichen da die Änderungen an den verschiedenen Templates und der CSS des Themes. Und so tief sind die Eingriffe auch nicht.

Fürs Standard Kubrick DE säh die index.php so aus:

PHP

<?php get_header(); ?>


    <div id="content" class="narrowcolumn">


[COLOR=Red][COLOR=Black]<!-- setze die css-class des ersten Artikels = ungerade -->[/COLOR]
<?php $post_class = 'ungerade'; ?>[/COLOR]




    <?php if (have_posts()) : ?>


        <?php while (have_posts()) : the_post(); ?>


[COLOR=Black]<!-- hänge die oben definiere css-class an den div -->[/COLOR]
<div class="post [COLOR=Red]<?php echo $post_class; ?>[/COLOR]" id="post-<?php the_ID(); ?>">


                <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h2>
                <small><?php the_time(__('F jS, Y', 'kubrick')) ?> <!-- by <?php the_author() ?> --></small>


                <div class="entry">
                    <?php the_content(__('Read the rest of this entry &raquo;', 'kubrick')); ?>
                </div>


                <p class="postmetadata"><?php the_tags(__('Tags:', 'kubrick') . ' ', ', ', '<br />'); ?> <?php printf(__('Posted in %s', 'kubrick'), get_the_category_list(', ')); ?> | <?php edit_post_link(__('Edit', 'kubrick'), '', ' | '); ?>  <?php comments_popup_link(__('No Comments »', 'kubrick'), __('1 Comment »', 'kubrick'), __('% Comments »', 'kubrick')); ?></p>
            </div>


[COLOR=Red]<?php
    if($post_class == 'ungerade') { $post_class = 'gerade'; }
    else { $post_class = 'ungerade'; }
?>[/COLOR] 


        <?php endwhile; ?>


        <div class="navigation">
            <div class="alignleft"><?php next_posts_link(__('&laquo; Older Entries', 'kubrick')) ?></div>
            <div class="alignright"><?php previous_posts_link(__('Newer Entries &raquo;', 'kubrick')) ?></div>
        </div>


    <?php else : ?>


        <h2 class="center"><?php _e('Not Found', 'kubrick'); ?></h2>
        <p class="center"><?php _e('Sorry, but you are looking for something that isn’t here.', 'kubrick'); ?></p>
        <?php include (TEMPLATEPATH . "/searchform.php"); ?>


    <?php endif; ?>


    </div>


<?php get_sidebar(); ?>


<?php get_footer(); ?>

Alles anzeigen

Alles klar? Du siehst, ich hab den Code oben eins zu eins ins Template übernommen. So ähnlich könnte es dann auch noch in die archive.php o.ä.. Ach und in die style.css könnte dann so eine Formatierung (Hintergrundfarbe) rein:

Code

.ungerade {
background-color:#cccccc;
}
.gerade {
background-color: #ffffff;
}

Alvin

Tja maxe

Was soll ich sagen...

You make my day!

So war es wirklich sehr einfach
und mein Blog macht mir jetzt viel mehr Freude.
Vielen, vielen Dank für Deine Bemühungen.

gruss
Alvin

maxe

Zitat von Alvin

You make my day!

Thanks & Gute N8!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hintergrund bei einem Post

Jetzt mitmachen!