Habt Ihr einen Tipp, wie ich den Content

gericoach

unter die Bilderslideshow kriege? Möchte nur den "Auszug" unter dem jeweiligen Bild positionieren, damit es A) nicht so kahl ist und B) ein paar Grundinformationen erscheinen. Die URL: http://www.logo-creations.de/

Danke für jeden Tipp!

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

kaiser

.photo & .legend float: right/left; .legend clear: left/right;

left/right bei float/clear gegengleich setzen.

Edit: Falls Du darunter auch alles hübsch haben willst, dann für .legend noch eine width angeben. für news und notes jeweils 50% width angeben und floaten.

gericoach

ich glaube, ich habe mich falsch ausgedrückt, Entschuldigung. Ich möchte unter dem Slidebild den derzeit nicht sichtbaren Text zum aktuell eingeblendeten Logo einblenden.

Heisst, wenn Logo1 erscheint, möchte ich den dazugehörigen Text darunter haben, aber eben nur den sogenannten "Auszug" oder den Text bis zum more-tag.

kaiser

Sry - Vielleicht einmal den Code posten, und was Du schon probiert hast, weil so wirklich versteh ich nicht, was Du meinst.. Sieht man diesen Text derzeit überhaupt?

gericoach

Hier ist mal ein Bild, das mein Problem hoffentlich besser verdeutlicht: Bild
Da, wo "Textfeld mit Beschreibung Bild1" steht möchte ich das gerne haben. Leider finde ich keinen Ansatz. Derzeit ist der Text überhaupt nicht sichtbar.
Hier mal der Code der index.php:

Zitat

<?php get_header();
global $options;
foreach ($options as $value) {
if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
}
?>

<div class="featured">
<div class="photo shadow-left">
<div class="shadow-right">
<ul id="photos">

<?php query_posts('showposts=16&category_name=featured');
if (have_posts()) : ?><?php while (have_posts()) : the_post();
$image = "";
$first_image = $wpdb->get_results(

"SELECT guid FROM $wpdb->posts WHERE post_parent = '$post->ID' "
."AND post_type = 'attachment' ORDER BY `post_date` ASC LIMIT 0,1"

);

if ($first_image) {
$image = $first_image[0]->guid;
}
?>
<li>
<a href="<?php the_permalink() ?>"><img src="<? bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<? echo $image ?>&w=480&h=275&zc=1" alt="<? the_title(); ?>" /></a>
</li>
<?php endwhile; ?><?php endif; ?>
</ul>
</div>
</div>
<div class="legend">
<?php
if ($ftfl_welcome_title) { ?>
<h3><? echo $ftfl_welcome_title; ?></h3>
<?
} else { ?>
<h3>Fotofolio</h3>
<? } ?>
<div class="author"><em>by</em> <strong><?php echo $ftfl_full_name ?></strong></div>
<div class="notes">
<p>
<?php
if ($ftfl_welcome_message) {
echo $ftfl_welcome_message;
} else {
echo "Short description about your fotofolio theme";
} ?></p>
</div>
<div class="news">
<h2>die neuesten Logos:</h2>
<?php query_posts('showposts=16');
if (have_posts()) : ?><?php while (have_posts()) : the_post();
$image = "";
$first_image = $wpdb->get_results(

"SELECT guid FROM $wpdb->posts WHERE post_parent = '$post->ID' "
."AND post_type = 'attachment' ORDER BY `post_date` ASC LIMIT 0,1"

);

if ($first_image) {
$image = $first_image[0]->guid;
}
?>
<div class="pic">
<a href="<?php the_permalink() ?>" rel="<? bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $image; ?>">
<img src="<? bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo $image; ?>&w=40&h=40&zc=1" /></a>
</div> 
<?php endwhile; ?><?php endif; ?>
</div>
</div> 
<div class="ffix"></div>
</div>
<?php get_footer(); ?>

Alles anzeigen

Hoffe, das bringt was...

kaiser

Hey Geri,

erst einmal würde ich Dir sicherheitshalber einen query_reset empfehlen, bevor die Query für die Logos startest. Weiters frag ich mich, ob es Sinn macht zuerst eine Query zu machen und dann noch separat eine DB-Abfrage, die die Attachments holt. Ich denke das müsste auch mit einer reinen DB-Abfrage via $wpdb oder nur via Query funktionieren (wie genau fällt mir auf die schnelle jetzt auch nicht ein - aber eines der Beiden ist def zu viel).

Das Excerpt könntest Du dann einfach in das li-Element nach dem a-Link einfügen. Span/Div nach belieben.

Ich denke folgendermaßen (ungepfrüft aus dem Codex abgewandelt):

PHP

<ul>
 <?php
 global $post;
 $logo_posts = get_posts('numberposts=16&post_type=attachment&post_parent=' . $post->ID);
 foreach($logo_posts as $post) :
   setup_postdata($post);
 ?>
    <li>
    <a href="<?php the_permalink(); ?>" alt="<?php the_title(); ?>">
       <img src="<?php get_the_attachment_link($attachment->ID, false); ?>" />
       <span><?php the_excerpt(); ?></span>
    </a>
    </li>
 <?php endforeach; ?>
 </ul>[FONT=verdana]
[/FONT]

Alles anzeigen

den span und das img float left clear both oder so.

Falls das nicht funktioniert, dann musst Du in den Codex schauen. Dann bin ich nämlich auch überfragt.

gericoach

Hi,
ich muss zu meiner Schande gestehen, dass der Code nicht auf meinem Mist gewachsen ist und ich "lediglich" dabei bin, das Theme an meine Vorstellungen anzupassen. Daher weiss ich z.B. nicht so richtig, wo ich genau den von Dir vorgeschlagenen Code einsetzen muss. Das übersteigt meine derzeitigen Möglichkeiten. Solltest Du mir noch einen kleinen Anhaltspunkt geben können, wäre das sehr gut.
Finde derzeit auch nicht den Punkt, wo das Script hingehört, teste gerade mit the excert, entweder links, oder über dem Bild im Headerbereich, oder oder, nur nicht da, wo das Teil hin soll. Aber immerhin, der Text wird ausgelesen... ist ja schon mal was ;)

gericoach

ich habs raus: habe ein span tag mit the excert an die richtige Stelle bekommen, dazu noch ein h1 und fertig. Hier mal zum nachvollziehen der neue Code:

Zitat

<div class="featured">
<div class="photo shadow-left">
<div class="shadow-right">
<ul id="photos">

<?php query_posts('showposts=16&category_name=featured');
if (have_posts()) : ?><?php while (have_posts()) : the_post();
$image = "";
$first_image = $wpdb->get_results(

"SELECT guid FROM $wpdb->posts WHERE post_parent = '$post->ID' "
."AND post_type = 'attachment' ORDER BY `post_date` ASC LIMIT 0,1"

);

if ($first_image) {
$image = $first_image[0]->guid;
}
?>
<li>
<a href="<?php the_permalink() ?>"><img src="<? bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<? echo $image ?>&w=480&h=275&zc=1" alt="<? the_title(); ?>" /></a>[COLOR=Red]<br /><br /><span><h1><?php the_excerpt(); ?></span></h1>[/COLOR]
</li>
<?php endwhile; ?><?php endif; ?>
</ul>
</div>
</div>

Alles anzeigen

Danke für Deine Hilfe! Hast mir auf die Sprünge geholfen!

kaiser

Na gerne :D

Und nachdem Du so schön die Lösung festgehalten hast, mach ich selbiges nochmals mit einem Fehler von mir. Im Loop ist nur eine Query. $first_image durchsucht nur das Ergebnis (also alles was vom Loop retour gegeben wird) nach den zugehörigen Attachments. Also kein Grund da weiter zu verfeinern, oder eine Query raus zu nehmen.

Das einzige was da noch fehlt, um eventuelle Bugs auszumerzen ist
wp_reset_query(); zwischen den beiden Queries.

gericoach

Hab da was viel schwierigeres gefunden: Wenn ich auf der Startseite auf eines der Thumbnails klicke, werde ich auf die entsprechende Seite weitergeleitet. ABER, dann...auf dieser Seite finde ich das Logo gleich 2x und, glaub mir, ich finde ums verrecken nicht den Passus, den ich raus nehmen muss. entweder alles ist verwurschtelt und die Bilder sind ganz raus oder ich kriege ne schnuckelige php Server Fehlermeldung. kannst Du da evtl. mal sehen, ob Du nen Ansatz findest? Ich post mal die single.php, falls Du oder jemand anderes mal Zeit und Muße hat, wäre das sehr gut.

Zitat

<?php get_header(); ?>
<div class="featured single">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="photo shadow-left">
<div class="shadow-right">
<?php

$image = "";
$first_image = $wpdb->get_results(

"SELECT guid FROM $wpdb->posts WHERE post_parent = '$post->ID' "
."AND post_type = 'attachment' ORDER BY `post_date` ASC LIMIT 0,1"

);

if ($first_image) {
$image = $first_image[0]->guid;
}
?>
<img src="<? bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<? echo $image ?>&w=480&h=275&zc=1" alt="<? the_title(); ?>" />
</div>
</div>
<div class="legend">

<h3><? the_title(); ?></h3>

<div class="notes">
<p>
<?php the_content(); ?></p>
</div>
</div> 
<div class="navigation">
<div class="alignleft"><?php previous_post_link('%link', 'Previous', TRUE); ?> </div>
<div class="alignright"><?php next_post_link('%link', 'Next', TRUE); ?> </div>
</div>
<?php endwhile; else: ?>
<h2>Sorry, no posts matched your criteria.</h2>
<?php endif; ?>
<div class="ffix"></div>
</div>
<?php get_footer(); ?>

Alles anzeigen

kaiser

probier einfach einmal the_content raus nehmen. Du stellst ja ohnehin das Bild dar und ich nehm einmal an, dass Du das mit the_content() nochmals bekommst. Kannst zum Test einfach einmal Text dazu schreiben. Beim 2ten Bild müsste der dann auftauchen.

gericoach

Hallo Herr Kaiser :razz:,

das doppelte Bildproblem habe ich gelöst. Einzig die Formatierung macht noch Sorgen. Eigentlich sollte der Text links, das Bild rechts stehen, eigentlich...
Hier nochmal der Link auf ne Beispielseite
Ideen/ Vorschläge sind jederzeit willkommen...

Die single.php:

Zitat

<?php get_header(); ?>

<div class="featured single">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="photo shadow-left"><br />
<div class="legend">
<h3><? the_title(); ?></h3>
<div class="notes">
<?php the_content(); ?>
</div>
<?php
$image = "";
$first_image = $wpdb->get_results(
"SELECT guid FROM $wpdb->posts WHERE post_parent = '$post->ID' "
."AND post_type = 'attachment' ORDER BY `post_date` ASC LIMIT 0,1"
);
if ($first_image) {
$image = $first_image[0]->guid;
}
?>
</div>
</div>
</div>

<?php endwhile; else: ?>
<h2>Sorry, no posts matched your criteria.</h2>
<?php endif; ?>
<div class="ffix"></div>
</div>
<?php get_footer(); ?>

Alles anzeigen

Zitat von kaiser

probier einfach einmal the_content raus nehmen. Du stellst ja ohnehin das Bild dar und ich nehm einmal an, dass Du das mit the_content() nochmals bekommst. Kannst zum Test einfach einmal Text dazu schreiben. Beim 2ten Bild müsste der dann auftauchen.

kaiser

.featured-single: min-height: 500px;

.legend: <br /> löschen
.ff-fix löschen

style.css zeile 69 löschen (doppelt)

soweit so gut. ich habe jetzt probiert alles zu "floaten", aber keine Chance. Warum auch immer. Weiters kapier ich überhaupt nicht, warum div.featured.single an der "richtigen" Position ist und der darin enthaltene div.photo.shadow-left sitzt, als hätte er ein margin links. Der Eltern-container hat nämlich auch kein padding links... Hab jetzt 5 Min. drüber geschaut, aber komme auch nicht dahinter. Was hast Du schon probiert?

gericoach

Zitat

Was hast Du schon probiert?

ALLES. ;) Zumindest alles, was mir möglich war. Hatte im Zuge des vorherigen Doppelbild-Problems das obere Bild INCL. Der Schatten rauskopiert, der rechte blieb trotzdem verkleinert stehen, das Navigationsfeld habe ich schon raus genommen, das wanderte immer irgendwo hin nur nicht dahin wo es sollte. Im Prinzip waren meine Bemühungen mit: "Strg.X, testen, ärgern, Strg.V" befasst. Bis um 01:00 nachts... (in der Zeit hätte ich mindestens 2 Logos entwickelt inc. der Vectorisierung)
Werde jetzt mal Deine obigen Vorschläge testen.

Wenn ich:

Zitat

<div class="ffix"></div>

lösche, schiebt sich lediglich der footer ein wenig unter das Bild
.featured-single: ist war nicht definiert, habe ich mir eben von der aktuellen css geholt, Ergebnis war, dass das Ganze weiter nach rechts gerutscht ist.

gericoach

Ich gebe erstmal auf, habe mir die aktuelle CSS reinkopiert...Version 1.0.8 ich hatte noch 1.0. Fange nochmal neu an mit der aktuellsten Version. Danke für die vielen Bemühungen!!!!!!!!!!!!!!!!

kaiser

Kein Problem

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Habt Ihr einen Tipp, wie ich den Content

Jetzt mitmachen!

Benutzer online in diesem Thema