ThemeShaper Forums User Favorites: Douzer

ThemeShaper Forums User Favorites: Douzer http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Sat, 18 May 2013 22:01:08 +0000 Douzer on "Two loops with different layouts" http://themeshaper.com/forums/topic/two-loops-with-different-layouts#post-13123 Tue, 15 Jun 2010 22:17:58 +0000 Douzer 13123@http://themeshaper.com/forums/ <p>Ok most of it solved, and it wasn't all that simple since the first post actually lies outside of the loop.</p> <pre><code><div id="container"> <div id="content"> <div class="featuredimg"> <?php $recent = new WP_Query("cat=5&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <h2><a href="<?php the_permalink() ; ?>"> <?php the_title(); ?></h2></a> <?php get_the_image( array( 'default_size' => 'medium' ) ); ?><p><?php the_excerpt(); ?></p> <?php endwhile; ?> </div></code></pre> <p>Actually it is working just like i want it to, but i have some concerns regarding the p-tag enclosing the excerpt. If i try to apply a class to the paragraph it stops working completely and reverts to standard text layout. Any ideas why?<br /> Even though it's working i'm not all that comfortable with just giving it a flat p, i really do think it should have an individual styling. </p> Douzer on "Two loops with different layouts" http://themeshaper.com/forums/topic/two-loops-with-different-layouts#post-13109 Tue, 15 Jun 2010 15:33:24 +0000 Douzer 13109@http://themeshaper.com/forums/ <p>Sorry for such a delayed reply Devin, but i have been trying out your suggestion and tweaked it a bit to fit my needs.<br /> It works just as i wanted! I have a category where i post my portfolio items, and they are being displayed in columns just the way i wanted. Fkin genius you ;)</p> <p>Here's my template now:<br /> <pre><code><?php /* Template Name: Portfolio */ ?> <?php get_header() ?> <div id="container"> <div id="content"> <div id="portfolio-featuredimg">Image from the most recent post in portfolio category.</div> <div id="portfolio-featuredtext">Title, actual post(the text), link to live site, tweet this, facebook-like button and rating.</div> <?php $portfolio_items = get_posts('&category=5&numberposts=9999&sort_column=post_date&sort_order=desc'); foreach($portfolio_items as $post) : setup_postdata($post); ?> <div class="portfolio-item" id="portfolio-<?php the_ID(); ?>"> <div class="portfolio-image"> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a> </div> <div class="portfolio-text"> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> <p class="post-date"><?php the_time('M jS, Y') ?> <p class="going"><?php the_excerpt('Read more... '); ?> <p class="read-more"><a href="<?php the_permalink(); ?>">L&auml;s mer</a> <?php edit_post_link('&Auml;ndra detta inl&auml;gg', '', ' '); ?> </div> <div class="clear"></div> </div> <?php endforeach; ?> <?php if (function_exists('wp_pagenavi')) : ?> <div class="pagenavi"> <?php wp_pagenavi(); ?> </div> <?php else : // Use WordPress default page navigation. ?> <div class="pages"> <?php next_posts_link('&laquo; Older Entries'); ?> <?php previous_posts_link('Newer Entries &raquo;'); ?> </div> <?php endif; ?> </div> </div> <?php get_footer() ?></code></pre> <p>Now the featured post.<br /> As you can see right below where the content starts i made two divs where i would like my featured post to be. I'm unfortunately working locally so i can't show you anything, but the "portfolio-featuredimg" is about 2/3 of the contents width, and "featuredtext" takes up the last 1/3 in width.</p> <p>The idea is for the most recent post in the portfolio category to be shown at the top but very differently from the rest. I tried using "get_the_image" which gets the job done, but then i have to have a static post at the top.</p> <p>Here's an excellent example of what i would like it to look like: <a href="http://www.chris-wallace.com/gallery/?p=446">chris-wallace.com/gallery</a></p> <p>From the top of my head i recon that i need to query these four elements: Image/Thumbnail, title, text and date. Is it possible to refer the query to the most recent post? The social buttons will adapt accordingly to the content being displayed. </p> Devin on "Two loops with different layouts" http://themeshaper.com/forums/topic/two-loops-with-different-layouts#post-13054 Sun, 13 Jun 2010 18:16:30 +0000 Devin 13054@http://themeshaper.com/forums/ <p>I built a child theme for my portfolio when I was very new to Thematic, but I think this is still a good approach. You can see my site: <a href="http://wptheming.com/" rel="nofollow">http://wptheming.com/</a> - I have thumbnail images from my portfolio pulled onto the home page, and then on <a href="http://wptheming.com/portfolio/," rel="nofollow">http://wptheming.com/portfolio/,</a> I pull in just portfolio pages. (I choose to do portfolio items as pages rather than posts)</p> <p>I displayed these simply by creating a page template, one for home.php and another for template-portfolio.php. This was before featured images, but may give you an idea of what the code could look like:</p> <pre><code><?php /* Template Name: Portfolio */ ?> <?php get_header() ?> <?php $portfolio_items = get_pages('child_of=48&numberposts=4&sort_column=post_date&sort_order=desc'); foreach($portfolio_items as $post) : setup_postdata($post); ?> <?php $website = get_post_meta($post->ID, 'website', $single = true);?> <?php $portfolio_img = get_post_meta($post->ID, 'portfolio_img', $single = true);?> <div class="portfolio-item" id="portfolio-<?php the_ID(); ?>"> <div class="portfolio-image"> <a href="<?php echo $website; ?>"><img src="<?php echo $portfolio_img; ?>" alt="<?php the_title(); ?>" /></a> </div> <div class="portfolio-text"> <h3><a href="<?php echo $website; ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3> <p class="post-date"><?php the_time('M jS, Y') ?></p> <?php the_content('<p>Read more...</p>'); ?> <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?> </div> <div class="clear"></div> </div> <?php endforeach; ?> <?php if (function_exists('wp_pagenavi')) : ?> <div class="pagenavi"> <?php wp_pagenavi(); ?> </div> <?php else : // Use WordPress default page navigation. ?> <div class="pages"> <?php next_posts_link('&laquo; Older Entries'); ?> <?php previous_posts_link('Newer Entries &raquo;'); ?> </div> <?php endif; ?> <?php get_footer() ?></code></pre> <p>If you do make your gallery items as posts, you can make that category display differently by using a category template: <a href="http://codex.wordpress.org/Category_Templates" rel="nofollow">http://codex.wordpress.org/Category_Templates</a></p> <p>If you are using a second query posts array, you may want to read through Binary Moon's excellent post: <a href="http://www.binarymoon.co.uk/2010/03/5-wordpress-queryposts-tips/" rel="nofollow">http://www.binarymoon.co.uk/2010/03/5-wordpress-queryposts-tips/</a></p> <p>Also, WordPress 3.0 supports custom post types. I'm hoping to release a new theme in the next couple weeks that will take advantage of that for portfolio type websites. </p> Douzer on "Two loops with different layouts" http://themeshaper.com/forums/topic/two-loops-with-different-layouts#post-13042 Sat, 12 Jun 2010 23:54:44 +0000 Douzer 13042@http://themeshaper.com/forums/ <p>I am working on my new site where i want to have a page for my portfolio for sites i have created.<br /> The layout i had in mind for the portfolio is like this: <a href="http://crobin.deviantart.com/#/d2olf67" rel="nofollow">http://crobin.deviantart.com/#/d2olf67</a> (the six thumbnails). Above these thumbnails i would like to have a featured site, but that is the least of my problems.</p> <p><strong>My idea for a solution:</strong><br /> Use Aarons <a href="http://themeshaper.com/forums/topic/how-to-display-posts-from-categories-on-pages-using-a-second-loop#post-9021" rel="nofollow">http://themeshaper.com/forums/topic/how-to-display-posts-from-categories-on-pages-using-a-second-loop#post-9021</a> to create a second loop on the Portfolio-page where i put posts from a certain category. These posts should be displayed in columns, so i tried the tutorial <a href="http://hardiannazief.com/12/create-custom-posts-layout-in-home-page-thematic-child-theme/comment-page-1/#comment-4051" rel="nofollow">http://hardiannazief.com/12/create-custom-posts-layout-in-home-page-thematic-child-theme/comment-page-1/#comment-4051</a> which worked perfectly, but for the front page posts only. (changing index loop to second loop?)</p> <p><strong>Why the hassle?</strong><br /> I know, i could just query specific posts and put them in columns. But the whole idea of WP is in the simplicity content can be added. Therefore i will not hardcode a new query every time a new post should be added.</p> <p><strong>Am i stupid?</strong><br /> Probably. But i'm also new to this with Child Theme-making, so i have some learning to do. There are bundles of ways to put content into columns and i know that most of them work because i've used them before, but i can't find the regular loop code in any of them?</p> <p><code><?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?></code> <-- That one ;) </p>