Vorschaubild für Artikel?

Zitat von Jonny

Hallo,

Ich möchte ein neues Design für meinen Blog und habe die vorstellung von einer Tabelle, mit 2 Spalten.

Tabelle:evil: nicht wirklich oder:confused:

ansonsten Bilder kannst du ja hochladen und im blog verlinken und an geeigneter Stelle den more tag einfügen.

Zitat von SuMu

Tabelle:evil: nicht wirklich oder:confused:

Man muß ja nicht beim Wort Tabelle immer gleich an das verpönte, tabellenorientierte, also tatsächlich mit <table> realisierte Layout denken.
Ich meine, das war oben eher allgemeinsprachlich, beschreibend gemeint.

Andererseit hat so ein "echtes" Tabellen-Layout einen großen Vorteil. Es sieht auch auf uralten Browsern brauchbar aus ;-)
Besonders die Browser der 4. Generation (sowohl IE als auch Netscape) sind, was CSS-Layouts angeht, eine Katastrophe. Sie konnten nämlich schon so ein bißchen CSS, aber nichts wirklich ordentlich.

Gruß
Ingo

Zitat von Putzlowitsch

Besonders die Browser der 4. Generation (sowohl IE als auch Netscape) sind, was CSS-Layouts angeht, eine Katastrophe. Sie konnten nämlich schon so ein bißchen CSS, aber nichts wirklich ordentlich.

*Schüttel* wer nimmt die denn noch freiwillig:-P

Meinst Du einen Screenshot (d.h. eine Grafik) oder einfach einen Textauszug?

Ich habe deswegen nochmal nachgefragt, weil es ziemlich abwegig ist, was Du da vorhast.

Um das dynamisch zu realisieren, bräuchtest Du eine Anwendung, die die entsprechende HTML-Seite rendert und danach einen automatischen Screenshot macht. Soetwas gibt es in der Tat (weiß leider gerade nicht, wie die betreffenden Dienste heißen oder zu finden sind), aber es ist nicht "mal eben so" zu implementieren.

Du möchtest also eine Funktion im Editor, die das Hochladen und Einbinden eines entsprechenden Bildchens übernimmt?

Dann mach doch folgendes: Es gibt im Editor "Custom Fields" (ganz unten). Lege eins an und nenne es vorschaubild. Als Wert trägst Du die URL zu Deinem Bild ein. Nun öffnest Du Dein Template und trägst an der Stelle, wo das Bild erscheinen soll, folgendes ein (ungetestet):

<?php
$vorschaubild = get_post_meta($post->ID, 'vorschaubild', true);


if ( !empty($vorschaubild) ) {
     echo '<img src="'.$vorschaubild.'"' alt="" />;
} else {
     echo '<img src="/pfad/zum/standardbild.jpg"' alt="" />;
}
?>

So ungefähr würde das gehen. Es ginge auch außerhalb des Loops (z.B. in der Sidebar), dazu muss man einfach den ID-Parameter ändern.

Zitat von SuMu

Bilder kannst du ja hochladen und im blog verlinken und an geeigneter Stelle den more tag einfügen.

Zitat von jottlieb

Genau. Und dann in der single.php the_content so aussehen lassen:

PHP

<?php the_content('', TRUE); ?>

Dann wird das Bild bei der Vollansicht des Artikels nicht angezeigt.

Danke, hat für mich gut geklappt so :)

Hallo Zusammen,

ich wärme diesen Thread nochmal auf. Ich habe das Codebeispiel von Mastermind hergenommen um ein einstellbares Bild neben dein Beitragstitel zu bekommen. Funktioniert super gut.

<?php $vorschaubild = get_post_meta($post->ID, 'vorschaubild', true);


 if ( !empty($vorschaubild) ) 
    {echo '<img src='.$vorschaubild.' align="left" style="border:0px solid black; margin-bottom:-5px;">';}
else 
    {echo '<img src="http://www.rummel-platz.de/wp-content/gallery/sonstigesWordpress/thumbs/thumbs_aufkleber_1.jpg" align="left" style="border:0px solid black; margin-bottom:-5px;">';}
?>

Nun würde ich aber gerne noch haben, das wenn man das Bild anklickt, dass dann gleich der entsprechende Beitrag geöffnet wird. Hab da schon ein bisschen rumgespielt mit permalink, hat aber irgendwie nicht geklappt.

Habt ihr vielleicht einen Tipp für mich?

Gruß
Andreas

Hallo,

ich hatte mir das so vorgestellt. Fett hervorgehoben

<?php
$vorschaubild = get_post_meta($post->ID, 'vorschaubild', true);
$permalink = the_permalink();

if ( !empty($vorschaubild) )
{
echo '<a href=" '$permalink;' "><img src='.$vorschaubild.' align="left" style="border:0px solid black; margin-bottom:-5px;"> </a>' ;
}
else
{
echo ' <img src="http://www.rummel-platz.de/wp-content/gal…aufkleber_1.jpg" align="left" style="border:0px solid black; margin-bottom:-5px;">';
}
?>

So hab's jetzt selbst geschaft

<?php $vorschaubild = get_post_meta($post->ID, 'vorschaubild', true); ?>
<?php  if ( !empty($vorschaubild) ) : ?>
     <div style="border:0px solid black; margin-bottom:-5px; margin-right:5px; float:left;"> <a href="<?php the_permalink(); ?>">  <?php echo ''.$vorschaubild.'' ?>  </a> </div>
<?php else : ?>
     <img src="http://www.rummel-platz.de/wp-content/gallery/sonstigesWordpress/thumbs/thumbs_aufkleber_1.jpg" style="border:0px solid black; margin-bottom:-5px; float:left;">
<?php endif; ?>

Zitat von die-andis

So hab's jetzt selbst geschaft

PHP

<?php $vorschaubild = get_post_meta($post->ID, 'vorschaubild', true); ?>
<?php  if ( !empty($vorschaubild) ) : ?>
     <div style="border:0px solid black; margin-bottom:-5px; margin-right:5px; float:left;"> <a href="<?php the_permalink(); ?>">  <?php echo ''.$vorschaubild.'' ?>  </a> </div>
<?php else : ?>
     <img src="http://www.rummel-platz.de/wp-content/gallery/sonstigesWordpress/thumbs/thumbs_aufkleber_1.jpg" style="border:0px solid black; margin-bottom:-5px; float:left;">
<?php endif; ?>

Ich würde gerne den Code benutzen, allerdings wird mir immer nur der Link zu dem Bild dargestellt, nicht jedoch das eigentliche Bild weil das img-Tag fehlt. Meine php-Kenntnisse sind allerdings so schlecht, dass ich nicht mit den ganzen Zeichen klarkomme... Kann mir vielleicht jemand auf die Schnelle sagen, wie das auszusehen hat?

Gruß, duff

EDIT: Problem gelöst... Habs jetzt doch hinbekommen... Post kann gelöscht werden.
Falls jemand das Problem hat hier der Code:

<?php $vorschaubild = get_post_meta($post->ID, 'vorschaubild', true); ?>
<?php  if ( !empty($vorschaubild) ) : ?>
     <div> <a href="<?php the_permalink(); ?>">  <?php echo '<img src='.$vorschaubild.'' ?>  </a> </div>
<?php else : ?>
     <img src="/">
<?php endif; ?>