There’s essentially no difference between Simple Home Page 01 and a normal Page. You can copy and paste your Home Page 01 content into a normal Page, make that your front page and then choose any other Page to be your blog posts page. Just make sure that once you’ve copied and pasted your Home Page 01 content you then change your nominal home page to ‘Multiple posts’.
You can then find the url of your Page showing blog posts and use it as a link.
Is that what you meant?
I had to change some css to make the new home page look like the simple home page and then change the Childishly Simple options since I wanted a customized home page, but I was able to do it. I also was able to create a simple link to the blog in htaccess so http://wagele.com/blog redirects to the main blog page.
But the individual blog posts become responsive in iPhone whereas all the other pages are not. I created special code for smaller screen sizes to make the sidebar text more readable, but I’d rather have the responsive look I see on the individual post pages. How can I make it do that?
Thanks!
I had a look at a post and a Page together, then shrunk the browser window to mimic low resolution phones, couldn’t see any difference. Perhaps you could be more specific?
There are also online tools for getting screenshots of sites in different phones – Google something like ‘Responsive online tool’.
As I was taking a quick look I noticed one minor error (possibly)
div.wrapper li, div.wrapper li li div.left-sidebar-widget div.menu-left-side-container
I’m prepared to bet there should be a comma in there after div.wrapper li li
I really appreciate your assistance. I think what I’m seeing on the phone now is the Jetpack responsive code, which is not perfect, but it’s OK.
I’d still like to improve its appearance, but I don’t know how much of the code for the phone comes from the custom css and other theme css or from Jetpack. The home page does not have the background color consistently, the title is too large, the page title shows up (I have it set to not show up on the page template), the links are the wrong color, and I don’t have any link to the blog since it is on the sidebar and that’s not showing up in mobile view. Is there a way to make the sidebar show up under the body in mobile? I’ve looked for code tutorials on that, but haven’t found any.
Also the blog front page shows only full posts on both desktop and mobile; I don’t see a way to set it to have summaries. I set feeds in the Reading Settings to summaries, but that doesn’t affect the blog home page. I even set the Jetpack Mobile Theme to show summaries and it’s not working on the phone either; apparently some other code is overriding it.
Any help would be greatly appreciated.
Summaries (excerpts) aren’t available unless you go into category.php or whatever and change a line of code there
<?php
$childishlysimple_post_count++;
if ( $childishlysimple_post_count <= 2000 ) :
?>
Make the number smaller e.g. 1 and it’ll show one full post followed by the excerpts. Put category.php in a child theme.
For the sidebar, set it to display:none at a certain resolution and have a footer widget or line of HTML (Add HTML in footer) to show a link to a page with all your links on at that same resolution.
To see what you’re looking at CSS wise use Firefox and Web Developer (bundled with it I think) It has an option to View CSS, which shows ALL the CSS on one page. Then search for @media and that’ll show you all the media queries that apply UNLESS there’s some way for JetPack or another plugin to detect what phone etc. you’re using in which case the relevant CSS MIGHT only be visible when you hit that resolution on that device (it might be a PHP thing that outputs the CSS only at a certain resolution on that device and at all other times the CSS isn’t visible.)
