My homemade template installed in WordPress. It contains of a “big” index.php with a lot wordpress loops to fetch sites and use it as a “section” in the page instead of independent sites (except of Changelog and Design). Loops are using to fetch posts and inset them as portfolio parts or writings parts.

• It’s only the main site which need the video, then I’ve made a function in function.php with:
  
  1 2 3 4 5

  function get_trma_header() { ?> <div> <!-- ALL THE HTML CODE HERE --> </div> <? }

  
  and then I pull it to index.php using  get_trma_header();
• To fetch pages from WordPress and use it as a section, I used the code (in index.php)
  
  1 2 3 4 5

  <?php $recent = new WP_Query("page_id=57"); while($recent->have_posts()) : $recent->the_post();?> <h2 class="title"><?php the_title(); ?></h2> <h3 class="title-description"><?php the_subtitle(); ?></h3> <?php the_content(); ?> <?php endwhile; ?>

  
  It creates a loop, and only looks for a page with the ID ’57’ and fetch the title, subtitle (by using the plugin) and the content, and show it in the section.
• I chose to use the categories to separate the posts in difference places in the site: Portfolio to the portfolio-section, Changelogs to the changelog-site and so on. In portfolio I am using tags to separate the projects in difference “sub-categories” as School, Web and Video. I used a php loop in the nav-bar in portfolio section to fetch all tags and show them (index.php)
  
  1 2 3 4 5 6 7 8

  <?php $html = '<li><a href="#filter" data-option-value="*" class="selected">All Projects</a></li>'; $tags = get_tags(); foreach ($tags as $tag) { $html .= '<li><a href="#filter" data-option-value=".'.$tag->name.'">'.$tag->name.'</a></li>'; } echo $html; ?>

  
  and then I post all portfolio posts which have an image by using a wordpress loop (By checking if they have a image attached to the post or not):
  
  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

  <?php $projects = new WP_Query("category_name=portfolio"); while($projects->have_posts()) : $projects->the_post();   // Check if have thumbnail image attached to the post if ( has_post_thumbnail()) { $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); $tags = get_the_tags(); if ($tags) { foreach($tags as $tag) { echo ' '.$tag->name; the_post_thumbnail('portfolio-thumb'); print "\n"; } } } endwhile; ?>