Forum Replies Created
-
AuthorPosts
-
jbculpParticipant
Excellent. Thanks I'll give it all a try.
jbculpParticipantI'm having the same issue with education theme. No matter what I do I get more posts than desired on the home page (grid was set to 1 featured and 4 in grid and I have 1 featured and 11 or more).
Bill Erickson's blog post seems to be closed to comments so I can't ask there. Do you have a solution yet? If I figure it out I'll share if I find it.
jbculpParticipantSounds very promising. Can't wait to try it!
jbculpParticipantMediaguru,
If you are asking what did I use for the schema markup when pages were in play and not posts, here was what I did. I tested a Featured-Page widget in the home-middle. Per the previous posts, this didn't yield the layout I wanted but in the code, Genesis marked up the information in schema.org compliant information. I'm going to take it on faith that the markup is correct for a page and my experience is that getting clarity on any schema markup is a challenge so I'm ready to accept the Genesis version unless someone stands up and says its wrong.
So that said, here is a sample from Featured-post from demo compared to Featured-Page form my test site where the page ID is 27.
Schema.org metadata for Post:
<article class="post-257 post type-post status-publish format-standard category-work entry" itemscope="itemscope" itemtype="http://schema.org/BlogPosting">
Schema.org metadata for Page:
<article class="post-27 page type-page status-publish entry instock" itemscope="itemscope" itemtype="http://schema.org/CreativeWork">
Since I've bludgeoned my featured-page solution in a text widget this was a nasty bit of copy/paste with changes for the post ID's and because the images need to map and the content needs to map, there are URL's a plenty in the code but the schema.org bit has one line for each of the 6 pages. I can't speak to the "instock" bit but can't tell you what any better code would say.
I hope this helps.
jbculpParticipantTamjl,
GOT IT. Still using a text widget but got the background correct, the padding, the title etc. So still not as flexible as using a featured page widget but it works.
jbculpParticipantOOPS, forgot to add. If you make the text background go away, any other widgets on the page that are legit will not have the white background - that's bad so one would need a custom class for this purpose.
jbculpParticipantYes - sort of...Not to my satisfaction. Thanks for asking. I was writing my response and in the middle had a light-bulb moment. instead of deleting everything I'll keep my text below and you can decide if either will work for you.
Here is where it currently stands. I have two versions on my test site.
#1. Less than satisfactory solution. I created 6 "fake" blog posts and using a WordPress plugin (Page Links To - made by Mark Jaquith) I mapped those posts to real pages. End result, 6 grids on home page just like demo that can have specific copy for the links. This can all be done using the theme setup instructions with the small addition of the plugin remapping.
Upside of #1
- Upside is that there is no coding involved, simple plugin, copy/paste 6 urls and you are done.Downside of #1
- The posts will need to be filtered out of the blog and archive. Creating them as custom post types may help but then I'd need to determine how to do that filtering so I'm back in code.
- The featured post plugin inserts Post metadata using schema.org format so these fake pages will have "post" metadata in the eyes of a web crawler
- Have no idea what this will do to SEO (if anything) or a Sitemap
- Solution #1 just isn't nuanced. It uses post css to get the visitor to a page.Solution #2
- After a bit of tricky html copy/paste work from the demo I was able to create the exact same effect with one text widget. Initially the Text widget had a white background and inner padding which was unsatisfactory. (light bulb moment come here...) it turns out the widget for the home page has its own CSS which can be altered, so I did:.agency-pro-home .content .widget { background: #none; margin-bottom: 80px; margin-bottom: 8rem; /* padding: 40px; padding: 4rem; */ }
Now I have 6 links to pages that look like the demo.
Also, I copied a HUGE section of the CSS and replaced the featured-post syntax with featured-page so each of these items has its own css element.
The styles still have the featured-post metadata so once I figure out (or likely am told) what the page metadata should be for a page I'll alter the already nasty html. Thankfully I have dreamweaver to help visually with the editing but Textmate would likely work just as well.
Upsides to #2
- Pages not posts - that's obvious
- The implications on the sitemap and SEO don't make my brain acheDownsides to #2
- The metadata using a class of Article is still a problem.
- The Title for the entire section is not working. Using the Featured Post widget, the CSS knows what to do to style the title before the entire block, center the text etc. The title for the text widget hangs above the left top. When I took away the white background it nearly disappeared with the backstretch image behind it. So there is still work here to be done.
- The use of a huge piece of html in a text widget makes edits very difficult. If one's goal is to create something that can be altered later... this solution falls short.All in all #2 isn't bad. If you like I can send you my incomplete HTML with the cavaet that it's not ready for prime time.
I'm still committed to the belief that this theme should have had a design accommodation for using pages as well. The name alone (Agency) implies that this will be focused on business and corporate sites and the bias toward posts on the home page just doesn't work so well here. I don't want to sound like a troll because I really like Genesis and the tech support and community have helped me far beyond the reasonable amount... I'm just saying that WordPress is now 20%-ish of all websites in the world and 60%-ish of all sites using CMS solutions and not all of those are blogs (e.g. CNN).
I hope this helps. If anyone knows how to style the title to use the .agency-pro-home .content .featured-content .widget-title::before element then that issue goes away. Then the only issue is the meta data and general inflexibility of using a monster text widget.
There you have it. Hope you could make it thru all this text.
jbculpParticipantSridhar,
If you are still following this I have a question. Instead of fighting all this CSS, is it possible to make a custom post type that is only used for the home page, and use the build in functionality of featured-post? The only hangup I can see is blocking those posts from the blog and archive and somehow re-route the mapping to the actual page. Perhaps this just causes as many problems.
Thoughts?
jbculpParticipantSridhar,
I was able to replicate the demo using a text widget and following the HTML of the demo page. There will be some styling because the default background on the text widget is white but still, it work initially. Since the demo uses posts, the code uses schema.org tagging to indicate the content as blog posts. If I use this with pages I'll need to find the equivalent for pages. It also might make sense to copy the CSS elements and make new ones that are page specific and not for posts but still on the surface its working. CSS is a wonder. Would love your insights into how to make this css clean for pages.
jbculpParticipantThanks. It appears that this whole tricky overlay (nice work that it is) is accomplished with CSS. I can't find anything in the functions or front-page that makes the magic work. I'll mess around with it today. Thanks for your continued help. This is why I like the Genesis Community!
Cheers
jbculpParticipantSridhar,
Thanks for the help, you always deliver.
In the time since I posted this last night and my coffee this morning it appears others have been hot on the trail so it seems this is a much desired feature. That said, my vision was to have the image grid (using page's featured images) and text appear on mouse over. Will your solution address that? My long term goal is then to replace the post section with Woo Commerce products or to at least create a new div containing those products. But for now I'm hoping to get the image grid worked out.
Before I dive into this code, can you tell me if what I want to accomplish will be met with this example?
jbculpParticipantJon,
Did you get this worked out? As a comment, if you want your columns to look more consistent you might want to pre-size your images. I do this in photoshop. For example you have one image that is 285 x 191 and another that is 240 x 243. Your columns are 285 wide.
In Photoshop I would create an image that was 285 x 285 and add the images as layers. After adding each one, save-for-web and the results would be two images 285x285. If you make them png files their background could be transparent, if a jpg it could be white. This will make your content line up more easily.
September 20, 2013 at 4:25 pm in reply to: Where is Setting for Number of Posts in Minimum Pro Theme Front Page? #63588jbculpParticipantIt's not the functions.php That setting is for the portfolio display. The number is controlled by WordPress in the reading settings per the theme instructions. According to Sheryl (scoe) it doesn't count sticky posts so presumably they inflate the count. So if you wanted 4 and had 2 sticky posts you'd set the WordPress settings to 2.
If you only want 1 then you may have to mess with the CSS to make it full width. Look for something like this in your style.css and modify the width as appropriate:
.genesis-grid-even, .genesis-grid-odd { border-bottom-color: #F5F5F5; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 3rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 47%; }
Hope that helps.
JohnC
jbculpParticipantWorked like a charm. Guess !important is indeed Important. Pun intended. THANK YOU
jbculpParticipantI tried that a zillion times but WITHOUT the !important; let me give it a shot.
Thanks yet again.
jbculpParticipantSorry. bollixed that up. Here ya go.
From the portfolio you'll see two entries. Each of them goes to an individual portfolio post that has the gallery short code in play. The gray box around the frames is the issue.
Thanks!
ps. Fixed my permalink issue
jbculpParticipantWell I've managed to mess up the slugs in all my testing but the initial two screens work. I'll figure out how to fix these now.
jbculpParticipantThis reply has been marked as private.jbculpParticipantSridhar,
I gave the gallery shortcode a try and this has real possibilities for a multi-level portfolio. Try as I might however I can't get a pesky border to go away. I've walked up and down the html with firebug and modified, added etc. until I'm about to pull my hair out... can't get it. Firebug keeps referring to a CSS code that isn't in the style.css but it gives the name of the post. So I'm not sure where it is coming from. When I repeat that style in my own style.css #gallery-1 img it makes no difference. Have you run into this before?
jbculpParticipantThank You Sridhar. You are always thorough. I appreciate it.
I will give this a test tonight. First time using a custom post type so should be a fun time!
John C
ps also, thanks for the help on that minimum-pro header image. I referenced your blog in a followup to the topic here in this forum.
-
AuthorPosts