Which images are you referring to? (Blog featured image, Portfolio image, Genesis Featured Page or Post widgets images)
All of the magic (process) is done through WordPress and the Genesis Framework itself, but you can assign certain sizes for specific areas like the Portfolio page (for example) by adding and specifying sizes in your child theme’s function file. You can also add image sizes in your child theme to be used for your Blog Featured Images (images that show up on your main blog page). You can select one of the sizes from your functions file in your Genesis theme settings page under Content Archives then check the box that says – Include the Featured Image?
It should adjust to whatever you set the image to. Its a Genesis feature.
Are these sizes fixed options and all uploaded files should conform to them? If an uploaded file fails to conform, is the pix scaled (distorted), cropped, or ignored?
Thanks, Dan
Yes, if you look in your Genesis Theme Settings page under “Content Archives” you’ll need to check the box that says – “Include the Featured Image?” then select the image size. If you need to add a different image size other than what is available in the dropdown list, you can do this by adding the sizes in your functions file. You’ll see something like this –
// Add new image sizes
add_image_size( 'featured-img', 630, 320, TRUE );
add_image_size( 'featured-page', 276, 140, TRUE );
add_image_size( 'portfolio-thumbnail', 264, 200, TRUE );
….just copy/paste, rename, and change the sizes like this –
add_image_size( 'blog-img', 250, 150, TRUE );
Hi,
Is there any way to change the size of the featured images when the excerpts of blog posts appear on the main blog page? I would like just a small image to appear and it seems as though I therefore have to set a featured image. Is there another way?
Thanks.
With most Genesis themes, you actually don’t have to set the homepage as a static page, you would leave it at the default “Latest Posts” in Settings > Reading. The home.php file in your theme will automatically be detected and used as the homepage.
For the blog, you would simply create a new Page and name it Blog (or whatever you want) and then select the blog template……then add that link to the menu. That’s how the demo is setup, right along with all other Genesis themes.
I want to set the homepage as static page and then put a link in the menu to the blog posts just as the demo sample page. How to do it?
Thanks in advance.
Abraham
Hi Wes,
Well if you visit my site on a cellphone, at least on my iPhone, in the middle of each blog page as you’re scrolling thru, that’s where the transition from the Posts to the sidebar occurs, the ‘next page’ indicator appears cut-off on the right edge. As I mentioned, it’s light grey and might be missed by someone not expecting it to be there. I figure it’s not that much of a problem if I can darken the font so it stands out a bit more.
Frankly, I’m really pleased with Legacy and the mobile responsive design, and I’m ok to be flexible and work around these bits-n-pieces.
So here’s the site: tomjdolan.com
Thanx Wes,
Tom
You mentioned the Blog, but the link you gave is actually your Portfolio.
It looks like you have a page titled “News” which is using the Portfolio Template. The above link to the tutorial will explain exactly how to remove the “prettyPhoto” functionality (slideshow that appears when you click an image) and will allow it to link to the post instead. Let me know if that helps.
On our Home-Site(Front-Page) we would like have the 3 last posts (using the Genesis – Featured Posts Widget). Unfortunately, there are also 5 further sticky posts visible.
APPL-Blog
blog.appl.de
Is there are way, that the sticky posts are not shown on the Home-Site.
Wes will be creating more tutorials for all themes here pretty soon. For this particular theme you can take a look at this thread – https://appfinite.com/topic/getting-ally-to-look-like-demo/ …..the homepage shows up like the demo as you add content/widgets into the “Home” widgets. If you leave all of the home widgets empty then it will automatically show your blog posts on your homepage.
Also, there are a couple tutorials located here – https://appfinite.com/tutorials/ and there will be many more to come soon.
Yes, referring to the Blog featured images. Go to our News page (http://www.aerialfilmworks.com/news/), and mouse over any of the images. The status bar at the bottom of the browser shows how the link goes to the original upload of the image and not to the news (post) article.
I’m sure there is an option, I just haven’t found it yet 😉
Thanks again Wes!
Ron
Are you referring to the Portfolio “Featured Images” or the Blog?
If you’re referring to the Portfolio, take a look at this tutorial – https://appfinite.com/tutorials/how-to-remove-the-prettyphoto-slideshow-effect/
If you’re referring to the blog featured images then they should link to the post automatically.
Thanks for the help. I needed this answer too. Very valuable forum.
I am sorry, I neglected to update my findings. I had a custom structure permalink that was set to /blog. Once I updated it to /blog/%postname%, clicking on the post took me to the actual post.
Its working correctly. When you click an author link it shows all of the author’s posts. Take a look at this example – http://www.studiopress.com/blog if you click the author link you’ll see that it shows all of the posts created by that author.
Scratch the comment about Comments :-). I think I found the resolution to it. My permalinks was set to custom structure with the value of /blog/.
I changed it to /blog/%postname% and it seems to work fine now.
I just need to have my question of my first post addressed.
Is this for the homepage or the blog? You mentioned the “home-feature-sidebar h4” but you linked to the blog (which doesn’t have the “home-feature-sidebar h4”
I also noticed the background image is linked to url(images/headline-sidebar.png) but I get a 404 when I try to open it up.
Here is the link: http://foxxr.com/blog/
I am trying to fix the white text at the moment as well. Thank you very much.
I’d be interested in a solution for this, too, and have the same problem. I wonder if it’s a mobile responsiveness issue. It seems to happen only on thumbnail images, like on archive pages (or blog pages set to summary).
And as Photoshoppe mentioned, it happens when you pull the corners of a page in smaller — the thumbnail image actually expand and appear distorted as it stretches the thumbnail (so it’s not the full-size image).
It also happens on tablets when you turn them vertically. When you look at the page on an iPad, for example, in the horizontal position everything scales fine. But when you turn the iPad vertically, it scales as if it’s on an iPhone. But it looks wrong on the larger size page. Also, just a few of the letters from the copy show up to the right of the enlarged thumbnail. If you need a link as an example, here’s one from my website (in case Photoshoppe’s site isn’t live yet).
http://savvycities.com/new-york/
OK I see that one, but when I go here
https://appfinite.com/forum/optimal-theme-support/
(the place I go to read other threads and post them because it’s the only theme I own)
…there is no search AFAICT. What I see is “Home Themes Blog Tutorials Support Contact Us”
Possible to get it on theme pages? 🙂
Figured I’d resurrect this thread for a related question (now that I figured out the slider stuff).
Right now I have a menu structure that is based strictly on top level categories, as I build out the templates and test pages. When I put three categories into a basic menu (I don’t have the fancy option turned on), those categories show up on the left side, just beneath the header graphic and above the slider. How do I get them to “flush right” or right justify above the slider?
Right now the Top-most menu (where links to blog etc go), the header, and the category menus are all aligned and fairly close together. Thinking it might be better to try the menu out the to right side and see what that looks like.
I see issue, good catch. Adding it to post-info fixed the blog post width issue.
I now have it in both places and it looks great.
Thanks.
No I did mean post-meta actually, (but the same fix will work with post-info as well). If you take a look at your blog page you’ll see that there isn’t that much space between certain posts that have a lot of tags at the bottom. On the blog page, look at the end of the post for – “How to Get Found – Search, Social, Local and Mobile | SkiTops” (don’t click it, but take a look at the end of the post) you’ll see the next post titled – “Collision of SEO and Social – Where’s the Creepy Line?” is too close. So adding the overflow: hidden to your post-meta will fix that issue.
Someone else had a similar issue which is why I mentioned it. This will be fixed in a future update.
Hey Wes,
Is there an easy way to turn the homepage gallery style posts into a custom post type? I’m finding that it’s more user friendly to have a custom post type for the portfolio section and if that could feed into the homepage like the blog posts do right now that would be great.
What I’m trying to do now is use the following homepage structure:
Nav
Slider
Welcome
Recent Projects (3 portfolio items)
Recent Post (3 posts from the blog)
I’m trying to make all the portfolio items show up with just the image and without the title/copy BUT want to keep the posts the way they are. Any thoughts on this? I also realize solving this for me is out of support scope so if it’s going to cost something please just let me know.
Thanks
I’ll jump in here to help out 🙂
Please correct me if I’m wrong but are you asking how to make your homepage look exactly like the demo – http://demo.appfinite.com/optimal/ ? If so, all you need to do is add widgets to any of the “home widget areas” and it will automatically show up. This theme is designed to show blog posts on the homepage if the widget areas are empty…..but as soon as you do the regular homepage will show just like the demo.
If you’re trying to add more customizations to the homepage on top of what is already there, then yes you would have to use PHP in order to make the edits, since that’s what everything is built on. If you need to hire a developer to make theme customizations just let me know.
For your last question (Goal 3): Yes you can edit the css to show a different background…you’ll want to look for “.slider-wrap” and you should see the background color and image. To remove that background image and add a color you can edit this –
.slider-wrap {
background-color: #F5F5F5;
background-image: url("images/slider-bg.png");
background-repeat: repeat-x;
}
The background image itself is actually a png transparent file so it covers the entire slider area, but only appears to stop half way on the demo. So once you remove that and add a color instead it will still reach the bottom like normal.
I’m not sure of the proper way to do this. The only thing I know of is the plugin called Post Types Order ……but that arranges all of your posts including the blog, so that may or may not work for your situation.
You can try searching WordPress for a plugin that allows you to arrange specific categories, it looks like there are a few of them available – http://wordpress.org/extend/plugins/search.php?q=category+order
I have a javascript calculator that doesn’t work on the shrinked version in one of my blog posts.
How can I disable mobile-responsive on a specific post, but not the entire site?
If you are using the Genesis Responsive Slider here is a quick tutorial on how to get it setup (located in the Tutorials section at the top of the site) – https://appfinite.com/tutorials/how-to-add-the-genesis-responsive-slider/ …..you add featured images to the pages that you want to appear in the slider, and then add those Page ID’s to the Slider settings. If the tutorial link above doesn’t cover everything, then let me know what you need help with.
For the blog posts to appear at the bottom (like the demo) we are using the Genesis Featured Posts widget in the Featured Posts widget area. Take a look at this image to see where this widget is located exactly – https://appfinite.com/img/optimal-widgets.jpg ……I have it set to show 3 posts, and I designed the css to show them horizontally as you can see in the demo.
To create your menu you can take a look at this WP tutorial – http://en.support.wordpress.com/menus/#changing-the-order-of-menu-items-and-creating-sub-menus
If you are still unsure about any of this just let me know.
I do plan to add more tutorials for all themes….so that will be coming sometime in the near future.
Is there a tutorial available for Optimal? I am struggling to get my pages to look similar to the Optimal demo, mostly because I don’t know where to start. Things I have failed to find a way to do:
The slideshow below the header with images only
Summary of my blog posts on the bottom of the home page.
How to create a navigation menu with 6 pages in the menu, with pull-down menu on each for additional pages.
Hi Wes,
I uploaded the W3 cache plugin and it deactivates the 3 sliders I have on site. The main Genesis slider gets the chop completely, another slider uses the Home bottom message wiget area and that also gets the complete chop and lastly there is a primary sidebar wiget slider which shows part of its frame but not working fully ie it hangs!
What to do?
What is the best way to keep the sliders, as they are part of the home page and blog side bar and have the W3 cache plugin work alongside them?
Thanks, Dan.
Hello,
To setup your homepage with this theme (and many other Genesis themes) all you have to do is add your content to the “Home” widget areas. Then go to Settings > Reading and select “Your latest posts“. You don’t need to set a frontpage or posts page since the home.php file will automatically become the homepage, and your blog page will be set by creating a page called “Blog” and selecting the “Blog” template.
We have a one question per thread policy (this helps us keep the threads organized and on one single topic) so if you have any other issues/questions please start a new thread and we’ll be glad to assist.
Thanks!
Hi,
I am setting up the optimal theme at michelelyons.com. I can not find instructions about setting up the home page. Obiouvsly it uses widgets and I’m assuming it uses a post. I currently have the front page set as the sample page but that’s not working.
Also the 1 blog post I have is showing up on my services page and the post I have is appropriately tagged and on my reading page my post page is Blog and on my theme settings I have selected the expressive arts and recovery as the tag to include.
I do have one other question about changing the color of the current and the hover of the navigation I’ve chosen the orange theme and I have used firebug to figure out what the css is and I can’t find it.
Thank you in advance for the support.
Yes, take a look in your Genesis Theme Settings. – “Content Archives”
Take a look at your Genesis Theme Settings page – “Content Archives“
The blog page is showing all post in full-length instead of excerpts. How can I fix this?
Link to the page on the site: http://s158646.gridserver.com/insights/
Thanks!
I’ve had a few people ask something similar to this, but I’m not sure how to do it just yet.
You could try a plugin like this – http://wordpress.org/extend/plugins/post-types-order/ which controls the post order, but it will most likely effect the post order of your blog as well……so that may or may not work for your situation.
I’ve probably mentioned this before, but I always recommend searching for an actual Portfolio plugin to handle things like this, as the portfolio template in the theme is really just a customized version of your blog. Adding that type of functionality would probably be too complex for the theme/template, which is why I recommend finding a plugin.
I would like to team up with some developers and create a plugin like this sometime in the future.
I’m still not sure why its happening exactly, but it appears to be an issue with the Genesis Loop code. If you look in your home.php file near the bottom you’ll see this –
// Remove standard loop
remove_action(‘genesis_loop’, ‘genesis_do_loop’);
// Add custom loop
add_action(‘genesis_loop’, ‘skope_home_loop’);
function skope_home_loop() {
$paged = get_query_var(‘paged’) ? get_query_var(‘paged’) : 1;
$include = genesis_get_option(‘skope_home_cat’);
$exclude = genesis_get_option(‘skope_home_cat_exclude’) ? explode(‘,’, str_replace(‘ ‘, ”, genesis_get_option(‘skope_home_cat_exclude’))) : ”;
$cf = genesis_get_custom_field(‘query_args’);
$args = array(‘cat’ => $include, ‘category__not_in’ => $exclude, ‘showposts’ => genesis_get_option(‘blog_cat_num’), ‘paged’ => $paged);
$query_args = wp_parse_args($cf, $args);
genesis_custom_loop( $query_args );
}
If you delete or comment out the above code then it should work fine. When you do this, you will have to change the number of posts to show in your Settings > Reading page like you were doing before since the Genesis Settings page won’t work (since the code above removes that functionality for the homepage).
The only way I could make this issue appear was to change my number of posts to less than what it was, but it seemed to work fine if I had it at 9 for some reason. The suggestion above should fix it though.
Go to your Genesis Theme Settings page and look for “Blog Page” then – “Number of Posts to Show:”
I would like to have 3 featured posts on my Home-Site ( 3 posts horizontally like in the demo). But all my Home Featured Posts are falling in 2 columns.
Additionally, there is always 1 further featured post on the Home. (e.g. 4 posts instead of 3, compare widget settings and my website)
Link to Website: blog.appl.de
My Widget-Settings: http://imm.io/MKdv
For Genesis themes (in most cases) the Reading Settings should be set to “Your Latest Posts” if the theme already has a home.php file. If you’re using the Optimal theme, you would need to set it to “Your Latest Posts” since the home.php file of the theme will automatically be detected and used as the homepage.
Your blog page will be setup by creating a page and naming it “Blog” (or whatever you want) and then selecting the “Blog” template on the right hand side of the Page editor. This is the exact way most Genesis sites are setup….including the demo.
I don’t have a specific timeframe just yet. It may be a while.
If you’re on twitter, I always announce new theme releases and updates here – http://twitter.com/WesStraham and you could also check the blog as well.
Unfortunately there isn’t a quick way to do it. Especially since you want your homepage to show pages instead of posts. The homepage as you can see shows your posts since its based on a modified version of the blog.
I would take a look at the page source of the Skope Demo, so you can get a feel of what the code looks like. Then you could duplicate it and modify to fit your needs.
You can always hire me or someone else to do it, but I think you should take a look at the code first to see if its something you can do. If not, let me know.
Glad you got it working.
Also, for the homepage, all I did was add content to the header right sidebar and that was it. You don’t have to remove the code you pasted above, unless you want the blog to show on the home page.
I’ll go ahead and close the thread since you got it working. If you need anything else just let us know.
Forgot second part, for those that run in to this same issue… Returned “Reading Settings” to “A Static Page” for Front Page, and Post Page set to Blog Template.
Yes, you’re generally supposed to leave it set to “Your latest posts” and you would set up the blog by selecting the blog template on your “Blog” page.
Agile and Classik are both setup the same way….with the header on the left. As mentioned before, you can definitely have the header up top, but the only way to do it is to unhook the current location and add it to a different location. This can only be done through your functions file as all Genesis Hooks are done this way – http://www.studiopress.com/tutorials/hooks
You could also take a look here at this tutorial by Carrie Dils on moving the header – http://www.carriedils.com/web-development-blog/genesis-framework/move-header-footer-genesis/948
The only other thing you would need to do is customize your css.
http://184.172.176.32/~mediator/category/blog/
The only thing I added to the functions file is “enable author box”.
I forgot to add it in, but it should be in there now if you want to re-download the theme from your account page – https://appfinite.com/my-account …..I usually just add the basic Genesis XML file since thats the same one I use for the demos.
Keep in mind, the XML file only loads blog posts, pages, etc….but not the widgets. This is the way StudioPress does it at the moment, I haven’t seen a way to add all of the content (widgets, slider, etc) just yet.