Showing posts from a category on a separate page and applying an extension

Every category in WordPress by default will have a auto-generated page visible at a URL like http://yoursite.com/category/category-a (where category-a is the slug for a category titled Category A). We call this category page. It is straight forward to use a extension on this page by going to My Theme -> Layouts and Views, then Views tab, and adding a view to set a layout for our desired category page.

Let's say we want to have all posts from Issues category appear on a Page titled Issues List and use Magazine extension, follow the steps below. i.e., the objective is to have http://localhost/builder3/issues-list/ appear like the above screenshot.

Copy the extension that you would like to be use from parent directory into child directory (Ex.: from wp-content/themes/Builder/extensions/magazine to wp-content/themes/BuilderChild-Thinner/extensions/magazine)

Note: If the child theme directory does not contain extensions directory, create it.

4. Create a Page in which you would like to have the posts from the specific category appear and set the layout to the one created in above step.

Ex.:

That's it!

If you would like to show posts from another category similarly on another Page, repeat the above process to create a new extension while remembering to specify the category ID and apply it to the Page.

Update

One extra step has to be done in addition to the above to apply the above method in the case of Featured Image Grid & Showcase.

Modifying Portfolio extension so that 2 images appear per row rather than 3

Before:

After:

Note:

The width and height values used in the steps below are to be taken only as an example and are not to be treated absolute. They may have to be changed depending on child theme you are using and the layout width.

We are going to edit the extension in parent theme directly. When Builder is updated, our custom edits will be erased. Therefore you have to either take a backup of the extension before updating and re-apply the changes or duplicate the extension, place it in child theme while making sure function names are changed.

When Slider extension is applied to a layout or view and that layout is used in a listing page (Ex.: Posts page, archives), the sliding images will be featured images attached to the blog posts. When you have WP e-Commerce plugin activated and would like to show images attached to products belonging to a specific WPEC category in the Slider, follow this:

How to show Read More below each excerpt when using 'Teasers Layout - Image Left' extension

Before

After

When 'Teasers Layout - Image Left' extension is applied to a listing page 'Read More' link appears only if the post has more than 60 words. If you would like to show Read More at the bottom of every excerpt regardless of the number of words in the post, follow this:

1. Copy the extension to your child theme under extensions directory and edit its functions.php.

How to show a certain number of posts for a particular category page while showing another number of posts for other pages when using Magazine extension

jQuery Masonry Extension for Pinterest-Like Posts Display

I (Sridhar) have modified a copy of iThemes Builder's magazine extension into masonry extension with some help from Ronald.

When this extension is applied to a layout and this layout applied to any webpage in the site that has a list of posts, the posts will automatically appear in boxes in a Pinterest-style display. Included in the extension is Infinite Scroll jQuery script which automatically loads next set of posts as the user scrolls down.

Next Page link disappears as the user scrolls down and next set of posts will auto load

1. Go here and click on ZIP button to download the extension. Extract the downloaded zip file and rename the resulting folder to masonry.

2. Using a FTP client or cPanel file manager, navigate to wp-content/themes and inside your active theme (should ideally be a child theme of Builder).

3. Create a directory named extensions if one doesn't already exist.

4. Upload the masonry folder from step 1 into the above extensions folder.

Example

5. In WordPress dashboard, go to My Theme -> Layouts & Views and edit the layout that is being used for your Posts (blog) page or archive page. If there is currently no such layout, create (either from scratch or by duplicating an existing one) layout(s) that you wish to be applied to your site's Posts (blog) page and/or archives.

From Extension dropdown, select Masonry Layout.

Example

Save the layout.

6. Now visit the page that uses above layout to see extension in action.

Note:

The extension is set to show posts in 3 columns by default in a 960px wide layout.
Therefore you might want to ensure that content module does not have any sidebar.

Also depending on which child theme is being used, only 2 columns might be appearing. This can be fixed by adjusting the width of ".builder-module-content .hentry" as noted in the extension's style.css.

Width of each post block can be changed in extension's style.css. Note the CSS and comments for ".builder-module-content .hentry"

This should be considered as unofficial extension and support is not guaranteed.