wie kann ich den Text neben meinen Thumbnails dazu bewegen...

gericoach

... hier Platz zunehmen, statt darunter? Habe auf der Startseite http://makler1.deutsche-wordpressthemes.de/ unten eine Listung von Artikeln, möchte nun, dass der dazugehörige Text daneben Platz nimmt, was er bisher strikt verweigert. Hat jemand von Euch einen Ansatz/ Tipp, wo hier mein Denkfehler liegt?

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

cebito

Entweder du gibst den Bildern noch die class alignleft mit oder du stylst die class attachment-post-featured-image-thumbnail dementsprechend.

gericoach

komme nicht so richtig weiter, die Ausgabe in der index.php ist:

Zitat

<div id="contentleft">

<div class="postarea"><div id="iborder">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h6><?php the_title(); ?></h6>

<?php
add_image_size('post-featured-image-thumbnail', 215, 181);
if (class_exists('MultiPostThumbnails')
&& MultiPostThumbnails::has_post_thumbnail('post', 'featured-image')) :
?> <?php
MultiPostThumbnails::the_post_thumbnail('post', 'featured-image', NULL, 'post-featured-image-thumbnail'); ?><?php
endif;
?><p> <?php the_excerpt(__('weiter'));?><div style="clear:both;"></div>

<?php endwhile; else: ?>

<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>

</div></div>

Alles anzeigen

Wo muss ich da ansetzen?

bego

Zitat von gericoach

... hier Platz zunehmen, statt darunter? Habe auf der Startseite http://makler1.deutsche-wordpressthemes.de/ unten eine Listung von Artikeln, möchte nun, dass der dazugehörige Text daneben Platz nimmt, was er bisher strikt verweigert. Hat jemand von Euch einen Ansatz/ Tipp, wo hier mein Denkfehler liegt?

Hi,

ich nehme an, Du hast sowas in der Art

HTML

<p>Lorem ipsum trallala <img src="bild1">tri tra tallala</p>

und möchtest das Bild links neben dem Text haben?

Ich würde sowas etwa in der Art

Code

p {margin-left: 200px;}
img {margin-left: -200px;}

versuchen.

Es sei denn, Du arbeitest mit Artikel-Thumbnails, die Du dann direkt im Style-Sheets formatieren kannst.

cebito

Ich würd da gar nicht ansetzen, style die Klasse in der css und gut...

Code

.attachment-post-featured-image-thumbnail{float:left; margin-right:10px;}

bego

Zitat von gericoach

komme nicht so richtig weiter, die Ausgabe in der index.php ist:
...
Wo muss ich da ansetzen?

Ah, doch mit Post_thumbnails. Hab ich so gemacht:

PHP

<div class="eintrag">
        <h1><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
        
        <?php if(has_post_thumbnail()) {; ?>
            
            <div class="post_thumbnail">
            <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_post_thumbnail();?></a>
            </div> <!-- ende post_thumbnail -->
            
            <div class="eintrag_thumbnail hyphenate">
            <?php the_content("(weiter…)"); ?>
            <?php };?>


            </div><!-- ende eintrag_thumbnail -->
        
        <?php } else {
            echo '<div>';
            the_content("(weiter…)");
            echo '</div>';
             }; ?>
            
          <div class="clear"></div>

Alles anzeigen

... und dann im Stylesheet

Code

#artikel .post_thumbnail{float:left;width:150px;margin-right:20px;overflow:hidden;}
#artikel .post_thumbnail img{padding:5px 0 28px;}
#artikel .post_thumbnail a:hover{text-decoration:none;}
#artikel .eintrag_thumbnail{float:left;width:330px;position:relative;margin-top:-10px;}
...

PS.: Ich nehm' schon mal das Haus für 1200 Euro. ;-)

gericoach

Problem ist, dass diese Class so nicht existiert...weiss nicht, wie sich WP das Teil zusammenreimt.

gericoach

Olala, sieht im Ersten recht massiv aus, muss ich mal analysieren, wo ich ansetzen kann/ muss, ohne meine vorherigen Einträge zu zerlegen...Problem ist, dass die Bilder/ Thumbs an unterschiedlichen Stellen unterschiedlich ausgegeben werden, Cat-Übersicht sehr klein, im Artikel selbst größer und auf der Startseite nochmal in ner eigenen Größe, da muss alles passen.
Vielen Dank für Eure Hilfen!

bego

Ich würde übrigens die Diaschau auf ScrollLeft setzen. Von ScrollRight bekommt man Kopfweh ;-)

cebito

Zitat von gericoach

Problem ist, dass diese Class so nicht existiert...weiss nicht, wie sich WP das Teil zusammenreimt.

http://www.abload.de/image.php?img=unbenannt-1kmg8.jpg http://www.abload.de/image.php?img=unbenannt-1kmg8.jpg

... und wenn ich die mit Firebug style dann siehts auch so aus wie auf dem Bild...

gericoach

cebito:
habe jetzt einen Suchlauf über das komplette Theme gemacht, nichts. Ich benutze auch Firebug und frage mich, wo das her kommt.
Habe aber jetzt die Lösung gefunden: Zeile 972

Original:

Zitat

a img {
border: none;
}

Neu:

Zitat

a img {
border: none;
float:left;
margin-right:10px;
}

Danke!

bego: bin wieder zurück auf fade, das amchts leichter für die Augen :)

gericoach

hmm, musste leider zurücksetzen, da Änderungen an der img das komplette Bild verändern, so auch an den 3 übergeordneten Blöcken...wie könnte ich sonst noch vorgehen?

bego

Scheinbar hast Du das Theme zerschossen. PHP-Fehlermeldung "unexpected T_ENDIF" …

Ich hab selber bei mehreren Themes Anläufe mit ScrollLeft gemacht und bin dann doch immer wieder beim wesentlich dezenteren Fade gelandet.

gericoach

ja, ein wenig zuviel gebastelt...backup von gestern läuft gerade zurück :)
fade ist wirklich die beste Variante, die anderen Möglichkeiten sind zu unruhig. Was aber auch ganz ok ist, ist der scroll von unten nach oben.

bego

Zitat von gericoach

ja, ein wenig zuviel gebastelt...backup von gestern läuft gerade zurück :)
fade ist wirklich die beste Variante, die anderen Möglichkeiten sind zu unruhig. Was aber auch ganz ok ist, ist der scroll von unten nach oben.

IMHO nur aus Sicht eines Entwicklers, nicht aber, wenn Du Text lesen willst und die Seite dauernd "Schluckauf" (scrollende Bilder) hat. Aber bitte, das ist sicher alles ganz furchtbar subjektiv.

gericoach

:razz::razz: "Schluckauf", schöne Umschreibung...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wie kann ich den Text neben meinen Thumbnails dazu bewegen...

Jetzt mitmachen!

Benutzer online in diesem Thema