Rustic WordPress Theme 2.1.x

Coming soon to wordpress.org, and available here now (for free), this latest version of Rustic is a major upgrade. It has three new styles including “Pink Light”, “Blue Light”, and “Brown Wood”. You  can choose your own Google web font, and font color. It comes with built-in portfolio capability. Add music, video, and pictures to your portfolio pages and view them in “Pretty Photo” lightbox (see RUSTIC PORTFOLIO DEMO in the main menu). There’s an option to use your own Logo Image in the header as well. WordPress 3.1 or later required. Here’s the Download Link. (Videoplayer powered by NonverBlaster:hover.)

This entry was posted in WordPress. Bookmark the permalink.

158 Responses to Rustic WordPress Theme 2.1.x

  1. Mike Dulay says:

    I am trying to get the same information to show up on each portfolio item in a portfolio.

    The idea of using posts came up, but I haven’t figured it out yet.

    • Patrick Bagby says:

      Can you leave a link to your portfolio so I can have a look? The step-by-step instructions on Portfolio Items->Add New walks you through making portfolio items. You can put any information you want, just like a regular post.

      • Mike Dulay says:

        Thanks.

        I got through the creation of the Portfolio Items with your help.

        I had to copy the same info for each item in a portfolio into each item. The more pictures, the more copying. If I could just make a specific post show up on a portfolio item, any future changes would be much easier.

        The site is at http://www.jthomasservices.com/portfolio/sambra

        I’m curious, is this portfolio using the native gallery function, or did you write it all yourself?

        • Patrick Bagby says:

          The link you provided says “Page not Found” and doesn’t use the Rustic theme.

          • Mike Dulay says:

            Working now, sorry.

            New Question: Is there a way to control the post item order in the portfolio?

          • Patrick Bagby says:

            The portfolio items are fetched by WordPress on a “last one in, first one out” basis. It’s done automatically. There’s not much you can do about that. You asked if the Portfolios use the native WordPress gallery. The Portfolios in Rustic are done with Custom Post Types (Portfolio Items) and Custom Taxonomies (Portfolios…kind of like categories). The native WordPress gallery works differently. It’s a set of images attached to a single post. With Rustic, once you make a Portfolio Item, you can put it in any number of Portfolios. Those Saloon Doors are very nice by the way.

        • Patrick Bagby says:

          Got a solution for copying in the same info into many portfolio items.
          1. Publish the first item.
          2. Then click Edit to open it up again.
          3. Put the cursor inside the text editor and hit Ctrl+a on the keyboard to select everything.
          4. Then hit Ctrl+c on the keyboard to copy everything.
          5. Open a second tab in your browser.
          6. Open your website again to make another Portfolio Item.
          7. Put the cursor inside the text editor and hit Ctrl+v on the keyboard to paste everything.
          8. Publish the item.
          9. Continue to make new Portfolio Items in the second browser window while keeping the first window open.

          This should take some of the pain out of it for you!

  2. Todd Kollars says:

    Thank you for a great theme! I wanted to see if you could give me some insight on how to make the header smaller (vertically) and keep the logo left-centered. I also tried your suggestion for the style.css to add the following, but it did not seem to move the body of the main page up. Any suggestions on that?
    #header {
    margin-bottom:-20px;
    }
    Thank you,
    Todd

    • Patrick Bagby says:

      That bit of css code moved the content 20px closer to the menu (that’s only one of those page lines on the paper background). The brown paper area can’t be made smaller vertically because it’s a single image which includes the top of the white paper. That’s what is strange about websites: the visual structure is different from the real structure. Even with that little 20px adjustment, the design took a hit. Note the flattened top on the right sidebar. It’s normally irregular. I’d suggest just leaving it out because the dropdown menus already overlap the content, like when you mouse-over “KOLLARS”.

  3. Komanche says:

    Patrick,
    looks like portfolio page has limited items per page, even if I set it to 100, it still shows only 28. Look at http://vandaluzie.cz/portfolio/loutky/
    But I have no problem with it, just reporting little bug… :)

    • Patrick Bagby says:

      Thanks for the heads up. I’ll check it out.

      • Komanche says:

        Patrick, pleaople reports there is problem with loading photos. I tried it in IE where I didn’t open it yet, when I go to portfolio, click on photo, then only little white square is showed and nothing else. :(
        When I try clicking on another photos, in several seconds (20-30), it starts to show images. I don’t know where is the problem, I tried to resize photos to smaller size and problem is still here… :( Could you help me please?

        • Komanche says:

          I’ve tried newest version of prettyphoto, but is not working aas expected, mainly because of css incompatibility. But it looks like faster, they made some optimizations in code (as looked in their support forums, someone told it was loading all photos from the first, even if clicked on the last one…).

          • Patrick Bagby says:

            Try making the gallery pages with fewer pics per page. That should speed things up.

          • Patrick Bagby says:

            I haven’t tried the latest version of pretty photo yet. Best to stick with the one that comes with Rustic. Gallery size will probably make a bigger difference in speed than the version of prettyphoto anyway.

  4. Kelly Johnson says:

    Hi Patrick,
    I am a virtual assistant, and one of my clients just wrote her first book. Your theme is a great match for the topic of her book. I set up a WordPress site for her, and I am trying to make some changes she requested on this theme. Would you be able to help me with the following:
    1. My client would like the nav bar vertical and on the left side of her web pages. I installed a plug in to have the vertical nav bar on the right side of her website, but I cannot determine how to remove or hide the nav bar showing at the top of the site. Would you send me instructions for hiding the nav bar at the top of the page?

    2. Is there a way to have the option for widgets to be on the left side of the page instead of the right side of the page?

    Thank you,
    Kelly Johnson
    kjohnson@cornerstoneva.com

    • Patrick Bagby says:

      Hi Kelly. To make the main menu disappear add this code to the bottom of style.css
      #access {
      display:none;
      }

      The sidebar can’t be moved to the left because the graphic design elements are fixed. HTML wise it could be done, but the background images would contradict the location of the widgets. It would look very bad! It’s one of the limitations of a graphically based layout like Rustic.

  5. Tony says:

    I wish there was a video tutorial for the portfolio section. Just can’t figure it out.

    • Patrick Bagby says:

      To make a portfolio, go to Portfolio Items->Add New->How to Make a Portfolio. There you will find step-by-step instructions to make a portfolio. It looks complex at first, but if you follow the steps, it will work. See the RUSTIC PORTFOLIO DEMO page on this website to see what it will look like. Once you make a few “Portfolio Items” and put them in a “Portfolio” the logic will become clear.

  6. Zack says:

    Patrick,

    On the website I’m currently working on, I don’t need the sidebar at all. I’ve got it off all the pages except the blog page using the “One column, no sidebar” template, but that hasn’t worked for the blog page. Any suggestions?

    http://www.theluckydogs.net

    Thanks,
    Zack

    • Patrick Bagby says:

      Hi Zack. Got a solution for your blog page here. Just open style.css and put this code at the bottom of the page.
      .blog #wrapper, .page-template-onecolumn-page-php #wrapper, .tax-portfolio #wrapper, .tax-portfolio-tag #wrapper {
      background: url(images-no-trees/att/images/header-att2.png) no-repeat;
      }
      .blog #main, .page-template-onecolumn-page-php #main, .tax-portfolio #main, .tax-portfolio-tag #main {
      background: url(images-no-trees/att/images/page-att2.png);
      }
      .blog #tree, .page-template-onecolumn-page-php #tree, .tax-portfolio #tree, .tax-portfolio-tag #tree {
      background-image:none;
      z-index:-10;
      }
      .blog #footer, .page-template-onecolumn-page-php #footer, .tax-portfolio #footer, .tax-portfolio-tag #footer {
      background: url(images-no-trees/att/images/footer-att2.png) no-repeat;
      }

      That should do the trick. Good luck with the band!

  7. Komanche says:

    Hi again,
    Patrick, do you have a hint for me about changing the function of not to crop images for thumbnails? I plan to make better images fitted better for my pages, but if it will be possible not to crop images in thumbnails but shrink t size, it will be great :)
    I solved the problem with slow loading big pages by using this js from http://www.kievchurch.org.ua/Scripts/PrettyPhoto/js/jquery.prettyPhoto.js from discussion on Prettyphoto support forums.
    Thanks, Erik

    • Patrick Bagby says:

      Hi Erik. Check out Function Reference/add image size. Note the last parameter can be set to false for proportional crop mode, which means your images will maintain their original shape. I use add_image_size( 'blog-200', 200, 133, true ) in functions.php line 105. The image is called with the_post_thumbnail('blog-200') in taxonomy.php line 51.
      Good job finding the improved prettyphoto script. I might use it in Rustic too!

  8. Zack says:

    Patrick,

    Just wanted to let you know that I think this is a great theme and have loved working with it so far.

    I followed your steps to change my homepage to my portfolio, and it looks perfect.

    I wanted to see if you thought I should create a child theme. I assume that if there was an update to the theme that the changes would be lost. Do you think it would be a good idea to create a child theme so the changes stay constant in the event of an update?

    • Patrick Bagby says:

      Hi Zack. That’s a great question. It depends on what you want to do. If you just want to preserve the changes we’ve made already, then a child theme isn’t necessary. Just add the extra code to style.css again after you update the theme. If you want to make your own style changes, and you want to explore how a child theme works, then a child theme is the way to go. If you decide to make a child theme, let me know and I will give you some tips.

      • Zack says:

        I think I do need to do a child theme, because we don’t want to have to update style.css since we made changes for the portfolio homepage. My question is, will “portfolio-page.php” be in your future updates? And please give me any tips for the child theme and whether “portfolio-page.php” needs to be in the child theme.

    • Patrick Bagby says:

      Hi Zack. Couldn’t find your portfolio homepage on http://www.theluckydogs.net. Is it on another site? Not sure if “portfolio-page.php” will be in update, but you could put it in a child theme. Here’s how to do it:
      1. Make a child theme folder and call it “RusticChildTheme”.
      2. Put “portfolio-page.php” in this folder, and delete it from the “rustic” folder.
      3. Make a new (blank) style.css file and put it in the “RusticChildTheme” folder.
      4. Put this code in style.css.
      /*
      Theme Name: Rustic Child Theme
      Template: rustic
      */
      @import url('../rustic/style.css');
      /*Full width blog page*/
      .blog #wrapper, .page-template-onecolumn-page-php #wrapper, .tax-portfolio #wrapper, .tax-portfolio-tag #wrapper {
      background: url('../rustic/images-no-trees/att/images/header-att2.png') no-repeat;
      }
      .blog #main, .page-template-onecolumn-page-php #main, .tax-portfolio #main, .tax-portfolio-tag #main {
      background: url('../rustic/images-no-trees/att/images/page-att2.png');
      }
      .blog #tree, .page-template-onecolumn-page-php #tree, .tax-portfolio #tree, .tax-portfolio-tag #tree {
      background-image:none;
      z-index:-10;
      }
      .blog #footer, .page-template-onecolumn-page-php #footer, .tax-portfolio #footer, .tax-portfolio-tag #footer {
      background: url('../rustic/images-no-trees/att/images/footer-att2.png') no-repeat;
      }
      /* New for portfolio page template ( portfolio-page.php ). Makes it possible to put portfolio on homepage as per request. */
      .page-template-portfolio-page-php #wrapper {
      background: url('../rustic/images/att/images/header-att2.png') no-repeat;
      }
      .page-template-portfolio-page-php #main {
      background: url('../rustic/images/att/images/page-att2.png');
      }
      .page-template-portfolio-page-php #tree {
      background-image:none;
      z-index:-10;
      }
      .page-template-portfolio-page-php #footer {
      background: url('../rustic/images/att/images/footer-att2.png') no-repeat;
      }
      .page-template-portfolio-page-php #content {
      width: 100%;
      margin-left: 43px;
      }

      .page-template-portfolio-page-php .no-wood-frame #content {
      margin-left: 78px;
      }

      5. Now put the “RusticChildTheme” folder in the “wp-content->themes” folder and activate the child theme.
      Hope this helps. Let me know what happens.

  9. Zack says:

    Here is the site we are working on Furniture Rental and Sales. Thank you so much for the child theme instructions. Everything works great, except the default page template is showing the trees in the header and footer still, but they don’t show in the blog or the portfolio. We looked at the code, but couldn’t find where it was pulling those images from. If you could let me know, that would be great. I appreciate all the help.

    • Patrick Bagby says:

      Hi Zack. Open the theme-options.php file in the rustic folder. Find get_stylesheet_directory_uri() on lines 31, 33, 35 and 37. Change these to get_template_directory_uri() instead. Now when you go to Appearance->Rustic Theme Options and select the Normal Light (No Trees) option, wordpress will be able to find the style-no-trees.css file in the rustic folder instead of looking for it in the child theme folder.
      This was a good lesson for me too because I wasn’t expecting Rustic to be used as a template for child theme development. Hope all this works!

  10. Zack says:

    Thanks! That worked great, but if you were to update the theme, will that change get overwritten since it is not in the RusticChildTheme folder?

    • Patrick Bagby says:

      Good question. The change won’t get overwritten because I’m going to include it in the next update. Using get_template_directory_uri() is more correct. It works when Rustic is used as a template for a child theme, and when Rustic is used on it’s own.

  11. Hey Patrick there is no The Location Box? Am i looking in the wrong spot?

  12. Sandy says:

    I am working on a website that will have eshop. I am having trouble with the featured item option NOT being in the options on pages and posts. Is this a theme issue? If so, is there a fix? I love this theme, btw!!! Thanks!

    • Patrick Bagby says:

      Hi Sandy. The Rustic theme uses featured images for portfolio items, but not for regular posts. You could add it to the theme yourself, but it takes some coding skills and wordpress knowlege. Here’s a link if you’re ready to dive in! http://codex.wordpress.org/Post_Thumbnails. Featured images are also called Post Thumbnails, so don’t be confused.

  13. Knox Bronson says:

    Hi Patrick.
    Thank you for your generous service in helping people configure your Rustic theme for their sites. I am hoping you can help me.
    I host a site for a friend, http://themoaningtree.com/, and she chose your theme to replace the old one. It is a photo site and she wants the photos to appear in the category display, i.e., when you click on Self Portraits, you see the images, not just the titles.
    I looked around in wp-admin, and also in the css & the php files, and saw nothing easily evident to accomplish this. I am not knowledgeable enough to feel comfortable messing with either the css or the .php files to do this.
    How could I do that?
    Once again, thank you for your generous support of your theme.
    —Knox

    • Patrick Bagby says:

      Hi Knox. If you post a gallery and use the “Gallery” category, Rustic will include a thumbnail image in the category archive page, even if the post is also in the “Self Portraits” category. At least two photos are needed for the “Insert gallery” button to show up. Gallery post
      Check out this comment http://bannerfish.biz/rustic-wordpress-theme-update/comment-page-1/#comment-731. Nice pics on your website by-the-way…

    • Patrick Bagby says:

      Here’s another solution that might work better for your friend’s website. We’ll use featured images instead of requiring the use of galleries.
      1. Open functions.php and find this code around line 100.
      //Use Featured Images in Portfolios as thumbnails.
      add_theme_support( 'post-thumbnails', array( 'portfolio-item' ) );

      2. Change it too this:
      //Use Featured Images in Portfolios as thumbnails.
      add_theme_support( 'post-thumbnails', array( 'portfolio-item', 'post' ) );

      3. Open loop.php and find this code around line 133.
      <?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
      <div class="entry-summary">
      <?php the_excerpt(); ?>

      4. Change it too this:
      <?php if ( is_archive() || is_search() ) : // Only display excerpts for archives and search. ?>
      <div class="entry-summary">
      <?php the_post_thumbnail('thumbnail'); the_excerpt(); ?>

      5. Now a Featured Image box will be available on post edit page. This image will show on the category archive page.

      • Knox Bronson says:

        Patrick,

        Thank you! I’ve let my friend know. Now it depends on her willingness to do create the featured images in each post.

        I really appreciate your quick response.

        -Knox

  14. Simms Brooks says:

    Hi Patrick! I love your Rustic theme… it is exactly the warm, old world vibe I’m looking for for my jewelry website. Birds are featured in most of my pieces and I’m wondering if there is any possibility of adding elements to the trees or in addition to them. Since I use so many birds in my pieces I feel like I oughta have them in my theme…in the trees or flying to the trees. Is this a possibility? Thanks!!

    • Patrick Bagby says:

      Hi Brook. Post a link to the bird images you want to use, and tell me which style of Rustic you want to use (Pink light, Normal light etc.), and I will make a header image for you.

  15. Amie says:

    Hi Patrick,

    What a fabulous theme! It works wonderfully for my website’s visual appearance. But I am wondering if there is a way to eliminate the “Archives” and “Meta” on my right side bar. I wish to have my newsletter sign-up in their place, but can’t seem to find how to remove or place them elsewhere. Any help would be much appreciated.

    • Patrick Bagby says:

      Hi Amy. You can manage your sidebar from Appearance->Widgets. If you don’t have anything in the Primary Widget Area, “Archives” and “Meta” will appear automatically. Just put your “newsletter sign-up” widget in the Primary Widget Area. This will make “Archives” and “Meta” go away. If your your “newsletter sign-up” is not in the form of a widget, make another comment and I’ll try to help.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>