Hi,
Im just looking to be pointed in the right direction
I would like to recreate something similar to what this guy did on his posts: http://fittips4life.com/are-these-15-super-foods-making-you-fat
Im referring to how he made his post paginated.
But im not sure how he actually achieved this. Was it through raw html? Custom Post type? Smart Lists? Did he use the grid builder? How can you make a template like this for all posts?
Just looking to get some insight as to how i could create something similar, with the next/previous buttons and ads and featured images
Thanks!
Curious too
Hi
The post you indicated use a custom pagination, and to achieve something similar you can try this solution: https://forum.tagdiv.com/topic/add-next-previous-buttons-to-pagination/
Thanks!
Did you have any joy Goldenape?
Thank you, but can you comment on how the actual post template was created? Like how the ad was put in that position?
Hi
That post uses theme’s ad system and the article top and inline ad spots:
http://screencast.com/t/BxxioxLe – http://screencast.com/t/YhAXDgzjxhs
Thanks!
This might be what you are looking for and what they used. http://codecanyon.net/item/wp-post-break-pagination/10938512
They are also using an older version of Newspaper theme so it does not have the smart lists and that could be why he is using a plugin. Version 6 of the theme is when they started with the smart lists.
So would you still need this plugin? would that make things easier ? I have the latest version of Newsmag.. I don’t fully understand the ” smart lists ” (Btw, sorry to be jumping on your post, but it is related! lol)
Sorry for jumping in, but again it’s related 🙂
You can make a similar smart list by selecting post template 7 and then selecting smart list 3 in the “smart list” tab in your post settings.
You start the post with a H3 heading then add your image below (I use 300×350) if I have a sidebar on the page then add your text below that, your next section of the post follows below that in the same format so your H3 heading for the next step in the article acts as your page break. If you follow? So it goes like this…
H3 heading (page break)
300×350 image
Your article text
H3 heading (page break for 2nd page)
300×350 image
Your article text
H3 heading (page break for 3rd page)
300×350 image
Your article text
H3 heading (page break for 4th page )
300×350 image
Your article text
You get the same effect but it does look a little cramped with a small image and not a lot of space for text if you have the sidebar active.
I can’t get my Google ads to show at the bottom of the post for some reason even though they are set to show in post and at the top and bottom of a post. Maybe you can add a large image to fill the top part of the container and then push the text and a square Google ad as shown in the link so it sits beside the text? I haven’t tried that yet.
This method used to be shown on the demo but doesn’t seem to be on there now, not sure why that is? Maybe it’s obsolete or had problems???????
I’ve just tried to disable the sidebar and this makes the post full width. You can do this by disabling the sidebar in the post settings by altering the sidebar position
I’m guessing if you use a larger image and change the style of the pagination then the only other thing you need is a way of adding a Google ad to this specific post type or adding one in the editor? Not sure how you do that as I’m new to ads but I’ll give it a try
Anyway, it’s a start 🙂
D
HI unplug.tips,
Thanks for your help, I have tried what you suggested and I am kind of getting what you are talking about, however, My post looks like this when i preview it ( just did a test )
This is what it looks like in editor
It’s as if It wants to add 2 images per section?
hey Station,
You’re on the right lines but I’m not sure why it’s trying to add 2 images?
To recap my method:
You are working on a normal post and not working in VC just the plain old editor
Add your title for the first page in H3 format so if your post was called 3 ways to skin a cat it would look something like this
With a knife (in H3)
image of 300×350
Your text bGBNytntUYb btwtr yw h6t wh tq4
vr g t4w h64 h56y h hj 5 h h 42
gt4 hg 5yteh 7y65e 76u ju rj u
With an Axe (in H3)
image of 300×350
Your text bGBNytntUYb btwtr yw h6t wh tq4
vr g t4w h64 h56y h hj 5 h h 42
gt4 hg 5yteh 7y65e 76u ju rj u
With a Spoon (in H3)
image of 300×350
Your text bGBNytntUYb btwtr yw h6t wh tq4
vr g t4w h64 h56y h hj 5 h h 42
gt4 hg 5yteh 7y65e 76u ju rj u
Your post settings need to be as follows
POST STYLE 7 under the GENERAL tab
SMART LIST 3 under the SMART LIST tab
Set the side bar position as the 3rd position from the left, the one with no sidebar showing if you want it full width
Not sure if it makes a difference but I have clicked the images and set them to be “Align Centre” in the grey box above the image after I have uploaded them via the “add media” button
Your screen shot from the editor looks to be correct so I’m not sure why that isn’t working for you, I’ve tried another test on my site and everything seems to be working as it should. I am running the latest version of the theme and the older of the 2 posts in the links below was published in March so it’s been an option of the theme for a while.
I can’t replicate the double image problem you are having, maybe it’s some sort of plugin conflict?
This post setup does tend to have an effect on some other post functionality, I still can’t add google ads in the post either through the panel or via adding an ad box widget via VC
I’d be interested to know how you get on, if you want to have a look at my posts you can see them in the following links
the first ones a test and unfinished but still I’ll leave it on there so you can see it with and without the sidebar
https://unplug.tips/6-of-the-best-winter-escpapes-in-southern-europe/
https://unplug.tips/6-magic-mushrooms-that-have-healthy-effects/
I hope that helps
Best
D
Thanks for the response, I appreciate it – It’s weird, it’s as if the duplicate image is a collection of all the images on the post – so when you click it in preview, it displays all the images in a slide show type thing –
I’ll try play about some more later 🙂 Thank you !! 🙂
(and yes, seems to be set up exactly as you have said, also the image automatically aligned to center, I did play about with that in case that was causing the issues)
Are you seeing the same result when you actually publish the post? I kind of remember when I tried to view it in the preview it was messed up too but when published it looked fine.
That was a good thought, so gave it a try… unfortunately, still the same, very odd !
It must be something little I am missing surely..:-\
Just checked through all my other settings and can’t find anything that would be causing your issue, you’ve stumped me on that one 🙁
Haha, I seem to create issues !! Lol
Hi station,
The smart lists images could get duplicated if you use the jetpack plugin and having the photon module enabled so you could check for it and try disabling it.
Hope this helps!
Thanks
Ahhhhhhhhh Excellent !!!!!! I deactivated photon and now works like a treat, If I am honest, I didn’t even know I had photon activated? do jetpack just randomly activate things?! seems so… .I am assuming I don’t “need” photon then for this theme?
Thanks so much again and thanks so much unplug! 🙂
No bother Station, I don’t use that Jetpack stuff 🙂
1 last question for Lucian…..
Is there a way I can get a Google ad to sit on the page either above or below the content area? I note you can do this in the newspaper theme?
I have tried to add them using the inline ad in theme panel, they show on all posts apart from this type, I’ve also tried to place an ad in the page through VC plugin but it just shows the short code for the ad block and not the Google ad itself.
Alternatively could I show a large image ad between the slides, say between the 3rd and 4th slides? I have tried this but the image is always resized down to 300×350
Let me know if you have any ideas please.
Many thanks
D
Hi,
@station The photon feature of jetpack’s plugin generates and serves a new, re-sized image based on img element’s width and height attributes” besides the one theme smart list adds to the page.
The jetpack photon feature can cause issues and while the theme works based on the same system (creates and serves/uses thumbnails for each uploaded image).
You can find more info about it here: http://jetpack.me/support/photon/
@unplug.tips You could place an ad sport banner basically anywhere using ad spot’s shortcode and the do_shortcode() function, you just need to edit the smart list file and add it like this: http://screencast.com/t/OiJeoRTe – http://screencast.com/t/6DuMWfc5F8 – http://screencast.com/t/NWw7IBHWbJ
I also checked this using the ad box shortcode inside smart list’s content and it worked fine.
The smart list have been designed to alter the first image you use on one item so it will use there a specific dimensions image thumb but to work around this you could add one specific first image which you can hide via css then add the second image which will be your banner or large image you need, like this: http://screencast.com/t/r2DtnTIpT – http://screencast.com/t/dNqkB65awsq – http://screencast.com/t/7XfROO8wN9
.td_smart_list_3 .td-item:nth-child(2) .td-sml3-display-image {
display: none;
}
Hope this helps!
Thanks
Thanks Lucian that’s a great help 🙂
I take this back, it doesn’t appear to work, photon is not activated, but still double photo? Only shows up the double image on the “number 1” sport (it’s descending)
I don’t know why, but when you click an image, it’s linked? even though I removed the link ?
http://www.lasvegasreels.com/pirate-ship-slot-machine-top-3-big-wins-september-2015/
Any ideas?
