Adding a post grid to a single column

[pasecreate]

I’ve set up a page template with 2 columns 70% for content 30% for a thumbnail grid 2 wide x 9 deep. I’m trying to figure out the best way of creating this thumbnail grid. Can I do a post grid with a shortcode? What I need to end up with is static thumbnails of wood samples and the name of each wood underneath. Any suggestions would be greatly appreciated.

I also have 2 other questions:
1. Is there a way to replace page urls with names instead of code, e.g. dude.com/about.html instead of dude.com/?page_id=70

2. When creating drop down menus:
portfolio
wedding
portraits

I can’t seem to figure out how to make “portfolio” level not a link.

Thanks!

Topic

[Jason Bobich]

Hello,

I’ve set up a page template with 2 columns 70% for content 30% for a thumbnail grid 2 wide x 9 deep. I’m trying to figure out the best way of creating this thumbnail grid. Can I do a post grid with a shortcode? What I need to end up with is static thumbnails of wood samples and the name of each wood underneath. Any suggestions would be greatly appreciated.

Yes, there is a shortcode you can use for displaying post grids. Here is the documentation for it: http://www.themeblvd.com/demo/alyeska/features/shortcodes/shortcodes-display-posts/

And here is a video on this: https://vimeo.com/32722378

Additionally, you can use WordPress’s [gallery]. This would be quicker to do if you’re simply wanting to display images. Here’s how to create a gallery in WordPress: https://vimeo.com/16686184

Note: Specifically for this theme’s Builder, you can use the [gallery] shortcode there, and it’s going to automatically pull all the images attached to the page that you attach the layout to.

Is there a way to replace page urls with names instead of code, e.g. dude.com/about.html instead of dude.com/?page_id=70

In WordPress, these are called permalinks. This functionality doesn’t have anything to do with your theme. You set this up from Settings > Permalinks in your WordPress admin panel.

http://codex.wordpress.org/Using_Permalinks

I can’t seem to figure out how to make “portfolio” level not a link.

This is not possible by default in WordPress, but I’ve included an extra feature in the theme that will allow you to do this. Checkout this video: https://vimeo.com/32559964

=======

If you haven’t had a chance, you should check out the documentation that came within your theme package that you downloaded from ThemeForest. You will find tons of videos tutorials all laid out for you, including what I’ve linked to here.

[pasecreate]

Hi Jason,
After reviewing the videos, I’ve had some success. In this link I’ve created 2 rows of images that will enlarge when clicked. I’m just wondering how to adjust the type size in the post grid and removing the read more buttons.

http://www.modulusguitars.com/quantum-2/

Thanks!

• This reply was modified 8 years, 7 months ago by pasecreate.

[Jason Bobich]

For post grids in general, you can switch off the read-more buttons from Appearance > Theme Options > Content > Post Grids, and unfortunately there is no option to adjust the text size there. This would be a CSS customization you’d need to make to the theme.

================

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies