Artikel Klasse zuweisen

  • Hallo Community,

    vorab: Ich bin ein Wordpress neuling :smile:
    Ich habe folgendes Problem:

    Ich möchte auf meinem Blog 2 Artikel in einer Reihe ausgeben.
    Also einen Artikel der links ist und die Klasse artikel 1 hat und der nächste Artikel ist rechts und soll die Klasse artikel 2 haben.

    Und diese beiden Artikel sind in einer Reihe.
    Jetzt weiß ich nur nicht wie ich es umsetzten soll.
    Artikel 1 soll immer der neuste sein, artikel 2 der Artikel den ich vor dem 1 geschrieben habe und so weiter ...

    Kann mir da jemand weiter helfen? :roll:

    Gruß
    Basti

    • Anzeige

    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

  • Zitat

    vorab: Ich bin ein Wordpress neuling :smile:

    nach 14 beitraegen ist das kein geheimnis; sagt aber nichts ueber deine html, css, und php kenntnisse aus.

    wo genau ist das problem?

    zwei beitraege auszugeben?
    zwei divs im mit html/css nebeneinander anzuordnen?
    die css classes zu vergeben?

    in welchem wordpress theme soll das erstellt werden?
    auf der vorderseite?
    oder in einem seiten-template?

  • Also meine HTML und CSS Kenntnisse sind Relativ gut.

    PHP hingegen eher nicht.
    Ich habe mein Theme schon als "HTML&CSS" Version fertig.

    Mein Problem besteht also nur, dies in Wordpress um zu setzten.
    Und diese Artikel sollen auf die Startseite.

    Also:
    Ich weiß nicht wenn ich mit Wordpress einen Artikel verfasse, wie er dann automatisch je nach dem der Klasse artikel 1 oder artikel 2 zugeordnet werden kann. :roll:

    Vielleicht hilft ein Stückchen Code meiner "html version"

  • allgemein:
    http://codex.wordpress.org/Site_Design_and_Layout
    http://codex.wordpress.org/Theme_Development

    der html teil, teilweise in 'wordpress' umgesetzt:

    PHP
    <div class="artikelbox clearfix">
    <?php while( have_posts(); the_post(); ?>
      <div class="artikel<?php echo $one_or_two = ($one_or_two != '1') ? '1' : '2'; ?>">
       <a href="#"><img src="images/artikel1.png" alt="Artikel"/></a>
       <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
       <?php the_content(); ?>
      </div>
    <?php endwhile; ?>
      </div>



    dieser teil:

    PHP
    ($one_or_two != '1') ? '1' : '2';

    sagt im prinzip:
    wenn es nicht '1' ist, dann mach es zu '1', sonst mach es zu '2'.


    wo kommt das bild her?
    wohin soll das bild verlinkt werden?

  • Das sieht ja schonmal gut aus :smile:
    Nur bei mir kommt dieser Fehler:

    Code
    Parse error: syntax error, unexpected ';' in C:\xampp\htdocs\wordpress\wp-content\themes\test1\index.php on line 3

    Und mein index.php sieht jetzt so aus:

    Zu dem Bild:
    Der Aufbau eines Artikels ist:

    Bild
    Überschrift
    Text

    Das Bild soll zu dem Artikel verlinkt sein.
    Ich hatte vor, das Bild direkt oben in den Artikel einzufügen.
    Gibt es da eine bessere Möglichkeit?

  • tippfehler - da sollte ein doppelpunkt und noch eine klammer - hier verbessert:

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


    http://codex.wordpress.org/The_Loop

    Zitat

    Das Bild soll zu dem Artikel verlinkt sein.


    href="<?php the_permalink(); ?>" verwenden.

    Zitat

    Ich hatte vor, das Bild direkt oben in den Artikel einzufügen.
    Gibt es da eine bessere Möglichkeit?


    bleibt noch die frage: wo kommt das bild her?

    angenommen, es ist das 'featured image'; dann koennte die zeile mit dem verlinkten bild so aussehen:

    PHP
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>


    http://codex.wordpress.org/Function_Refer…_post_thumbnail

  • Das mit den Artikel funktioniert wunderbar ;)
    Habe jedoch noch eine kleine Frage dazu:

    Ich habe mehrere 'artikelboxen' untereinander die jeweils 2 Artikel haben.
    Nun sind aber z.B. 4 Artikel in 1 Box anstatt in 2.
    Kann man das auch noch so lösen oder wäre es besser es in CSS zu lösen?

    Das mit dem Bild funktioniert so wie ich es mir gedacht hatte nicht.
    Weil die Überschrift über dem Bild anstatt unter dem Bild ist.

    Sorry aber, was ist ein 'featured image' :roll:
    Also das mit dem Bild versteh ich nicht wirklich :mrgreen:

  • Zitat

    Das mit dem Bild funktioniert so wie ich es mir gedacht hatte nicht.
    Weil die Überschrift über dem Bild anstatt unter dem Bild ist.


    wenn das bild normal im artikel eingebettet ist, ist das so.

    daher am besten ein 'featured image' = 'Artikelbild' festlegen - beim artikel-bearbeiten ist das ein feld rechts weiter unten.

    Zitat

    Nun sind aber z.B. 4 Artikel in 1 Box anstatt in 2.
    Kann man das auch noch so lösen oder wäre es besser es in [COLOR=#306582]CSS[/COLOR] zu lösen?


    die ausrichtung/anordnung kannst du evtl mit css machen; wenn du eine andere html-struktur brauchst, muss das im template gemacht werden;

    beispiel:

  • Ich habe jetzt in der functions.php

    PHP
    <?php add_theme_support( 'post-thumbnails' ); ?>

    eingefügt damit ich ein Artikelbild hinzufügen kann.

    Vielen vielen Dank :-D

    :mrgreen::mrgreen::mrgreen:

    Einmal editiert, zuletzt von tunetek (24. Juli 2011 um 21:02)

  • Edit:
    --------------------------------
    Kann man auch 2 Artikelbilder auswählen?
    Weil auf meiner index.php soll ein anderes Bild (kleiner Bild) erscheinen und wenn man auf den Artikel geht, soll ein anderes Bild (größeres Bild) angezeigt werden.

    Ich habe schon versucht, es in den Artikel einzufügen.
    Doch dann besteht ein weiteres Problem:

    Bei einem Artikel (single.php) soll der Artikel unterteilt werden:

    Großes Bild
    -----------
    blaa | Artikel text

    Bei "blaa" kommen z.b. Download buttons.
    Wenn das Bild jetzt in dem Artikel eingefügt ist, ist es auch neben den Buttons obwohl es über ihnen sein soll.
    Wie kann ich also ein weiteres Bild dem Artikel zuweisen, ohne das es in dem Artikel eingefügt ist?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!