November 21, 2012 at 10:52 pm #1882
I want my website to have 3 images across, just like the home page of the Skope demo site.
But instead of linking to dynamic destinations (posts), I want those three images to stay the same, pointing to static destinations (pages).
So in an attempt to accomplish these objectives, I created a Table.
See WideAreaSecurity dot com.
Two problems with the table:
(1) In order to get it to look write on a PC, I am going to need to do additional formatting to the table.
(2) It interferes with the awesomeness of Skope’s mobile responsiveness.
Is the answer to create a bunch of nested DIV’s? Or is there a way to do this by modifying the HTML that’s on Skope’s demo site?
Thanks in advance.November 21, 2012 at 11:02 pm #1883
Yes it would be much easier to just use divs instead of tables. Its not really recommended to use tables for the type of code you are creating.November 21, 2012 at 11:12 pm #1886
Is there a quick way to do this by modifying the code from the Skope demo home page?
If the answer is no, then how much would this change cost? I’m not looking for multiple rows of content. I just want a single row like it appears now, except (1) it currently looks sloppy, and I’m striving for neat, and (2) the table is not mobile-responsive, and I need it to be mobile-responsive.November 22, 2012 at 12:53 pm #1890
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.November 22, 2012 at 9:06 pm #1894
Thanks for the help.
I made some progress. I looked in the CSS for definitions of the classes used in the home page, and found the following in the CSS:
But I was not able to find the following classes in the CSS:
post-251 post type-post status-publish format-standard hentry category-uncategorized home-posts
Where do these CSS definitions reside?November 22, 2012 at 9:25 pm #1895
Not all of the html is defined in the css, only the important elements are. The extra code you see shows up because it is the end result of the outputted code in Genesis and the Child theme template file. We could define all of the classes if we wanted too, but its not necessary to do so if its not needed.
You most likely won’t have to add the ones that aren’t defined, but it won’t hurt if you left it there. It’s nothing to worry about, just add the code that you need and you should be fine.November 22, 2012 at 11:10 pm #1896
I got rid of the table.
I re-did the home page using DIVs. It’s now mobile-responsive. And it almost looks right.
But it’s not aligning properly.
Thanks to your previous post, I now understand a little better what’s going on. There is HTML that gets “outputted” (if that’s a word) by WordPress, which is a little bit different than the HTML that gets “inputted” into WordPress.
So that I can properly emulate the home page of the Skope demo, do you have the HTML that was “inputted” into WordPress in order to create that home page?
Is that file in the Skope theme folder that I downloaded from Appfinite? If so, what’s the file name?November 23, 2012 at 2:39 pm #1898
Your home.php file is how the homepage is created. So if you needed to edit your homepage you would need to look in this file. Its written in PHP, so if you don’t know php then it may be a challenge. The php is what outputs the code/html. Thats why I recommended looking at your page source (from your browser) so you can see the html that was created with the php code.December 6, 2012 at 12:06 pm #2059
Wes, I think I’m good now. Please feel free to close this one.
- The topic ‘Home page main content – link to pages instead of posts’ is closed to new replies.