14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)
  • Q:
    Bijdrager
    onem

    Probleem met mijn eerste WordPress template

    Ben op dit moment voor het eerst een template aan het bouwen met WordPress, geweldig programma echter ik stuit wel op veel kleine dingen. De meeste krijg ik wel opgelost echter nu zit ik met een Loop waar ik niet uit kom en ik dacht laat ik het eens hier proberen

    Op http://beta.maartenschraven.com heb ik een ruwe opmaak staan (werkt alleen even op mac want de png hack zit er nog niet in)

    Ik gebruik hier een content slider van jFlow deze werkt met jQuery. Nu wil ik gegevens uit wordpress halen en deze plaatsen in de slider. Ik heb al zover dat het beeld en de tekst opgehaald worden echter ik denk dat ik ergens de endwhile verkeerd plaats want hij laat er telkens maar eentje zien. De slider werkt verder wel maar dan alleen met 1 tekst

    De code is als volgt

    [code:1:f5f3ffbfa9]
    <?php get_header(); ?>

    <div id="slidewindow">

    <?php
    $my_query = new WP_Query(’category_name=featured&showposts=3’);
    while ($my_query->have_posts()) : $my_query->the_post();
    ?>
    <?php endwhile; ?>

    <div class="jflow-content-slider">
    <div id="slides">
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="<?php bloginfo(’template_directory’); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "image", $single = true); ?>&h=164&w=296&zc=1" alt="<?php the_title(); ?>" /><!– Het plaatje –>
    </div>
    <div class="slide-details">
    <h2><?php the_title(); ?></h2><!– The Title –>
    <div class="description">
    <?php the_excerpt(); ?><!– The Text –>
    </div><!– description –>
    </div><!– slide-details –>
    <div class="clear"></div>
    </div><!– slide-wrapper –>
    </div><!– slides –>

    <div id="myController">
    <span class="jFlowPrev">Prev</span>
    <span class="jFlowControl">1</span>
    <span class="jFlowControl">2</span>
    <span class="jFlowControl">3</span>
    <span class="jFlowControl">4</span>
    <span class="jFlowControl">5</span>
    <span class="jFlowNext">Next</span>
    </div><!– myController –>
    <div class="clear"></div>
    </div><!– jflow-content-slider –>

    </div><!– Einde Slider content –>

    [/code:1:f5f3ffbfa9]

    Ik weet wel dat de endwhile nu fout staat, maar dan breekt de layout even niet

    Heeft iemand enig idee wat ik fout doe?

    Alvast bedankt voor de moeite

    Inactief
    Anoniem

    [code:1:9e6d9d032f]<?php get_header(); ?>

    <div id="slidewindow">

    <?php
    $my_query = new WP_Query(’category_name=featured&showposts=3’);
    while ($my_query->have_posts()) : $my_query->the_post();
    ?>
    <?php endwhile; ?>[/code:1:9e6d9d032f]

    Die endwhile meer naar beneden zetten? Zit niks tussen het begin van de while loop en het einde…

    Ik gok dat ie zo wel ongeveer werkt:
    [code:1:9e6d9d032f]
    <?php get_header(); ?>

    <div id="slidewindow">
    <div class="jflow-content-slider">

    <?php
    $my_query = new WP_Query(’category_name=featured&showposts=3’);
    while ($my_query->have_posts()) : $my_query->the_post();
    ?>

    <div id="slides">
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="<?php bloginfo(’template_directory’); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "image", $single = true); ?>&h=164&w=296&zc=1" alt="<?php the_title(); ?>" /><!– Het plaatje –>
    </div>
    <div class="slide-details">
    <h2><?php the_title(); ?></h2><!– The Title –>
    <div class="description">
    <?php the_excerpt(); ?><!– The Text –>
    </div><!– description –>
    </div><!– slide-details –>
    <div class="clear"></div>
    </div><!– slide-wrapper –>
    </div><!– slides –>
    <?php endwhile; ?>

    <div id="myController">
    <span class="jFlowPrev">Prev</span>
    <span class="jFlowControl">1</span>
    <span class="jFlowControl">2</span>
    <span class="jFlowControl">3</span>
    <span class="jFlowControl">4</span>
    <span class="jFlowControl">5</span>
    <span class="jFlowNext">Next</span>
    </div><!– myController –>
    <div class="clear"></div>
    </div><!– jflow-content-slider –>

    </div><!– Einde Slider content –>

    [/code:1:9e6d9d032f]

    Bijdrager
    onem

    Nee helaas dan zet hij de beelden onder elkaar zie nu maar op http://beta.maartenschraven.com

    Inactief
    Anoniem
    ”onem”

    Nee helaas dan zet hij de beelden onder elkaar zie nu maar op http://beta.maartenschraven.com

    Probeer het anders eerst eens werkend te krijgen zonder WordPress/PHP, dus gewoon alleen HTML met CSS en JavaScript/AJAX.

    Zodra je dat goed hebt, en weet welke elementen herhaald moeten worden, weet je waar je moet beginnen met de loop, en waar de loop moet eindigen.

    Bijdrager
    onem

    Het werkt ook gewoon zonder wordpress. En toen ben ik hem gaan aanpassen voor wordpress

    Inactief
    Anoniem
    ”onem”

    Het werkt ook gewoon zonder wordpress. En toen ben ik hem gaan aanpassen voor wordpress

    Ga eens na wat je hebt aangepast dan. Want dan ligt daar je probleem… :)

    Bijdrager
    onem

    Het probleem ligt niet aan het script maar aan de loop van wordpress. Het werkt gewoon zonder wordpress dit is gewoon getest. De data wordt gewoon opgehaald in de divs waarvor eerst gewoon tekst en beelden stonden dus daar is niks aan verandert. Als ik de loop weghaal en weer tekst type dan woerkt het meteen.

    Bijdrager
    onem

    Dit is de code zoals hij gewoon werkt dus zonder Loop

    [code:1:952b317c1e]

    <div id="slidewindow"><!– Slider content –>

    <div class="jflow-content-slider">
    <div id="slides">
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="http://localhost/wordpress/wp-content/themes/maartenschraven_v1/i/imprezz.jpg" alt="photo"/>
    </div>
    <div class="slide-details">
    <h2>Imprezz WordPress Theme</h2>
    <div class="description">
    In this post we release Imprezz ¨C a simple and beautiful 3-column-theme, a free WordPress theme designed by Gopal Raju from ProductiveDreams for </div>
    </div>
    <div class="clear"></div>
    </div>
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="http://localhost/wordpress/wp-content/themes/maartenschraven_v1/i/gallery.jpg" alt="photo"/>
    </div>
    <div class="slide-details">
    <h2>Gallery WordPress Theme</h2>
    <div class="description">
    Gallery is a beautiful, free, gallery-style Thematic child theme for WordPress, designed by Christopher Wallace especially for Smashing Magazine and its readers. It is extremely flexible and can be used as a starting point for design galleries and portfolios.
    </div>
    </div>
    <div class="clear"></div>
    </div>
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="http://localhost/wordpress/wp-content/themes/maartenschraven_v1/i/magazeen.jpg" alt="photo"/>
    </div>
    <div class="slide-details">
    <h2>Magazeen WordPress Theme</h2>
    <div class="description">
    Magazeen ¡ª a free advanced WordPress-theme in a magazine-llok created by the talented WeFunction Design Agency. This bold magazine 2-col-theme was designed with the main focus being on typography, grids and magazine-look. It was created especially for Smashing Magazine and its readers.
    </div>
    </div>
    <div class="clear"></div>
    </div>
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="http://localhost/wordpress/wp-content/themes/maartenschraven_v1/i/vintage.jpg" alt="photo"/>
    </div>
    <div class="slide-details">
    <h2>Vintage WordPress Theme</h2>
    <div class="description">
    The themes include full PSD-templates and can be used without any restrictions whatsoever. The themes were commissioned by Smashing Magazine exclusively for our readers and designed by Wendell Fernandes.
    </div>
    </div>
    <div class="clear"></div>
    </div>
    <div class="slide-wrapper">
    <div class="slide-thumbnail">
    <img src="http://localhost/wordpress/wp-content/themes/maartenschraven_v1/i/blues.jpg" alt="photo"/>
    </div>
    <div class="slide-details">
    <h2>Blues WordPress Theme</h2>
    <div class="description">
    This theme is a variation of the theme presented above; however, it tries not to focus on the vintage look but on a simple, clean, and user-friendly design. This theme was commissioned by Smashing Magazine exclusively for our readers and designed by the Dellustrations design agency.
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>

    <div id="myController">
    <span class="jFlowPrev">Prev</span>
    <span class="jFlowControl">1</span>
    <span class="jFlowControl">2</span>
    <span class="jFlowControl">3</span>
    <span class="jFlowControl">4</span>
    <span class="jFlowControl">5</span>
    <span class="jFlowNext">Next</span>
    </div>
    <div class="clear"></div>
    </div>
    [/code:1:952b317c1e]

    Bijdrager
    onem

    Hebbes!

    Heb zelf een oplossing gevonden, het was waar de loop begint en waar hij moet eindigen, zie de nieuwe code

    [code:1:7011b5677e]

    <div id="slidewindow">

    <div class="jflow-content-slider">
    <div id="slides">

    <?php
    $my_query = new WP_Query(’category_name=featured&showposts=3’);
    while ($my_query->have_posts()) : $my_query->the_post();
    ?>

    <div class="slide-wrapper">

    <div class="slide-thumbnail">
    <img src="<?php bloginfo(’template_directory’); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "image", $single = true); ?>&h=164&w=296&zc=1" alt="<?php the_title(); ?>" /><!– Het plaatje –>
    </div>
    <div class="slide-details">
    <h2><?php the_title(); ?></h2><!– The Title –>
    <div class="description">
    <?php the_excerpt(); ?><!– The Text –>
    </div><!– description –>
    </div><!– slide-details –>
    <div class="clear"></div>
    </div><?php endwhile; ?><!– slide-wrapper –>
    </div><!– slides –>

    <div id="myController">
    <span class="jFlowPrev">Prev</span>
    <span class="jFlowControl">1</span>
    <span class="jFlowControl">2</span>
    <span class="jFlowControl">3</span>
    <span class="jFlowControl">4</span>
    <span class="jFlowControl">5</span>
    <span class="jFlowNext">Next</span>
    </div><!– myController –>
    <div class="clear"></div>
    </div><!– jflow-content-slider –>

    </div><!– Einde Slider content –>

    [/code:1:7011b5677e]

    Geblokkeerd
    Anoniem

    Ik zag’t meteen al. De while loop laat je natuurlijk lopen voor dat stuk code dat steeds herhaald moet worden en in de lange lap tekst die je liet zien was heel duidelijk wat het terugkerende patroon was.

    Die loop heeft trouwens niets met WordPress te maken, maar is gewoon standaard PHP hoor.

    Blij dat je het aan de praat hebt!

    Bijdrager
    onem

    Ja op een gegeven moment zie je he gewoon niet meer en blijf je prutsen. Nu kan ik lekker verder
    thanks

    Geblokkeerd
    Breuf

    Ik zag het ook meteen al;-)

    Inactief
    Anoniem

    Ja, en dat zei ik ook al:

    ”JorzoR”

    Zodra je dat goed hebt, en weet welke elementen herhaald moeten worden, weet je waar je moet beginnen met de loop, en waar de loop moet eindigen.

    Geblokkeerd
    Geanonimiseerde gebruiker

    Mag ik ook nog even zeggen dat ik het meteen al zag? LOL

14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.