Image zusammen mit Artikel ausgeben, aber wie ?

Gruening

Nun möchte ich auch mal um Rat fragen.

Dabei denke ich, dass Bilder mehr als Worte sagen.
*marX, wo bleibst Du ? nach Dir ruf* :D

so ist es im Moment ohne Image:
http://forum.wordpress-deutschland.org/attachment.php…=1&d=1225909051

Und so soll es dann werden, so dass ein Image zusammen mit dem Artikel erscheint.
http://forum.wordpress-deutschland.org/attachment.php…=1&d=1225909061

Dieses soll automatisch passieren, heißt, wenn ich den Artikel in der Kategorie WordPress angebe, soll auch ein WordPress Image kommen.

Wißt Ihr was ich meine ?

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

Söan

Mein Vorschlag

PHP

<?php if (is_category('X')) { ?> 
<img src="wordpress.jpg" alt="" / >
<?php } ?>

Gruening

Hey,

es soll ja bei allen Kategorien sein, dass ein Image automatisch ausgegeben wird, welches sind links vom Artikel in der Größe 100x100 befindet. ;)

LG

Söan

Ja dann machst du das mit jeder Kategorie, nimmst 100*100 Pixel Bilder, richtest sie mit CSS aus. Zum verlinken nimmst du den selben Code mit dem die Überschrift verlinkt wurde.

Mich würde aber auch interessieren ob es eine einfachere Lösung gibt.

Gruening

gibt es garantiert, aber wie nur ? :D

LG

marX

Zitat von SessionX

Nun möchte ich auch mal um Rat fragen.
Dabei denke ich, dass Bilder mehr als Worte sagen.
*marX, wo bleibst Du ? nach Dir ruf* :D

Immer auf die Kleinen... :neutral:

Einfache Lösung: Custom Fields. Bild hochladen per Uploadfunktion (Bildgröße kannst du ja im Backend einstellen: Einstellungen -> Verschiedenes), Bild-URL in ein Custom Field speichern und im index-/Archiv-Template mit Permalink zum Artikel ausgeben.

So oder so ähnlich wurde es hierzuforum schon mehrfach beschrieben :-D

Zitat

Dieses soll automatisch passieren, heißt, wenn ich den Artikel in der Kategorie WordPress angebe, soll auch ein WordPress Image kommen.

Na so is ja noch einfacher: in_category() oder auch get_the_category() ist dein Zauberwort. Und dann einfach im Template das dazugehörige Bild ausgeben.

Gruening

hehe :P

Welchen Code müsste ich denn dann verwenden bzw. an welcher Stelle ?

LG

EDIT://

Folgender Code sollte dann ja klappen und den dann einfach in die Index einbauen.

PHP

<?php foreach((get_the_category()) as $cat)
{ echo '<img src="/wp-content/themes/images/' . $cat->cat_ID . '.png" 
alt="' . $cat->cat_name . '" />'; } ?> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>

Dann die Bilder hochladen, aber wo gebe ich dann an, welches Bild für welche Kategorie zuständig ist ?

EDIT://
klappt bei mir nicht. Könntest Du mal bitte drüber schauen ?
meine index.php

PHP

<?php get_header(); ?>
    
<div id="content">


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


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


            <div class="post" id="post-<?php the_ID(); ?>">
                <h1 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>


<?php the_excerpt(); ?>
                
                <div class="post-info">
                    <?php the_time('j.m.Y') ?> in
                    <?php the_category(', '); ?>
                    <?php the_tags('| <strong>Tags</strong>: ', ', ', ''); ?> | 
<?php if(function_exists('the_views')) { the_views(); } ?> |
                    <?php comments_popup_link('<strong>No Comments</strong>', '<strong>1 Comment</strong>', '<strong>% Comments</strong>'); ?>
                </div>
            </div>
            
            <?php comments_template(); ?>
        <?php endwhile; ?>


        <div id="pages">
            <?php next_posts_link('&larr;&auml;lter') ?>&nbsp;&nbsp;&nbsp;<?php previous_posts_link('neuer&rarr;') ?>
        </div>


    <?php else : ?>


        <h1>Not Found</h1>
        <p class="center">Sorry, but you are looking for something that isn't here.</p>


    <?php endif; ?>
    
</div>
        
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alles anzeigen

marX

Vorneweg: Quellcode bitte nicht zitieren, das Forum hat Tags für Quellcodepassagen. ;-)

Vom Prinzip her ist das hier schon korrekt:

PHP

<?php foreach((get_the_category()) as $cat)
{ echo '<img src="/wp-content/themes/images/' . $cat->cat_ID . '.png" 
alt="' . $cat->cat_name . '" />'; } ?> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>

$cat wird übrigens von WP intern verwendet, nimm mal besser nen anderen Bezeichner. Ein paar kleine Vveränderungen (ich geh mal davon aus, dass du nur 1 Kategorie zuweist, sonst hat das ganze ja keinen richtigen Sinn):

PHP

<?php $categories = get_the_category(); ?>
<a href="<?php the_permalink() ?>">
  <img src="<?php bloginfo('template_url') ?>/images/<?php echo $categories[0]->category_nicename  ?>.png" alt="<?php echo $categories[0]->cat_name ?>" />
</a>

Das Bild hat dann als Namen den Slug der Kategorie, und liegt im Verzeichnis deines Themes im Unterverzeichnis "images". Klar soweit?

Gruening

fast :D
Ich möchte jeder Kategorie ein Image zuweisen, dass müsste ja mit dem von Dir genannten Code gehen.

Aber wo definiere ich es, welcher Artikel für welches Image zuständig ist ?

LG

marX

Zitat von SessionX

Ich möchte jeder Kategorie ein Image zuweisen, dass müsste ja mit dem von Dir genannten Code gehen.

Naja, genauer gesagt wird geschaut welcher Kategorie der Artikel zugeordnet ist, und dann das entsprechende Bild ausgegeben. Im Loop natürlich, aber das dürfte dir ja klar sein.

Zitat

Aber wo definiere ich es, welcher Artikel für welches Image zuständig ist ?

Na ich denke über die Kategorie? Für jede Kategorie hast du (sinnvollerweise im Themeverzeichnis, ist ja in dem Fall ne Designfrage) ein Bild liegen das genauso heißt wie die Kategorie (genauer der Kategorie-URL-Name). So wird automatisch immer das richtige Kategoriebild zugeordnet.

Gruening

Hey,

danke Deiner Hilfe klappt es nun auch endlich. Danke erstmal.

Problem ist nur noch, dass der Code nun nicht xHTML strict ist. Warum auch immer.

LG

marX

Zitat von SessionX

danke Deiner Hilfe klappt es nun auch endlich. Danke erstmal.

Super!

Zitat

Problem ist nur noch, dass der Code nun nicht xHTML strict ist. Warum auch immer.

Also ich seh grad auf den 1. Blick nichts, was hier ein Problem sein sollte. Was hast du am Code noch verändert? (Auf deiner Sig-Seite seh ich noch keine Kategoriebildchen.)

Woodstock

Zitat von SessionX

Problem ist nur noch, dass der Code nun nicht xHTML strict ist. Warum auch immer.

Du verwendest div id = index mehrmals, nimm doch class statt id.

Gruening

marX, bin ja noch nicht fertig, da ich vorhin los musste.

Mit dem CSS ist so ne Sache und dem validen. Hab jetzt folgendes gemacht, was auch valide ist, jedoch wird das Image nun falsch angezeigt.

PHP

<div class="index">
<?php $categories = get_the_category(); ?>
<a href="<?php the_permalink() ?>">
  <img src="<?php bloginfo('template_url') ?>/images/<?php echo $categories[0]->category_nicename  ?>.png" alt="<?php echo $categories[0]->cat_name ?>" />
</a>
</div>

Code

#index { 
    width: 100px; 
    float: left; 
    padding: 3px 3px; 
}

Woodstock

Zitat von SessionX
marX, bin ja noch nicht fertig, da ich vorhin los musste.
Mit dem CSS ist so ne Sache und dem validen. Hab jetzt folgendes gemacht, was auch valide ist, jedoch wird das Image nun falsch angezeigt.
PHP
<div class="index">
<?php $categories = get_the_category(); ?>
<a href="<?php the_permalink() ?>">
  <img src="<?php bloginfo('template_url') ?>/images/<?php echo $categories[0]->category_nicename  ?>.png" alt="<?php echo $categories[0]->cat_name ?>" />
</a>
</div>
Code
#index { 
    width: 100px; 
    float: left; 
    padding: 3px 3px; 
}

.index statt #index im Stylesheet

Gruening

Danke Woody,

was so ein kleines Zeichen ausmachen kann.

Das Dokument ist valides
XHTML 1.0 Strict

Nun mach ich mich an die Images *marX :D*

Danke Euch beiden.

LG

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Image zusammen mit Artikel ausgeben, aber wie ?

Jetzt mitmachen!