How can you link a post in the blog feed to a page?
-
I’m using the Twenty Fourteen theme which includes these beautiful full width page templates. Unfortunately, you cannot use these templates for posts like I wish to, and pages do not appear on the blog section.
As a work around, I envisaged creating a post for say, a review of Assassin’s Creed IV, which would appear on my homepage, and somehow having the appearance of this post on the homepage redirect to the relevant page I’ve created rather than its actual post.
It seems like a relatively simple thing to do since the page has a permalink, but I don’t know how I would go about getting the post’s title and featured image on the home page (and the category page on which it would also appear) to link to it.
Any help would be greatly appreciated.
The blog I need help with is: (visible only to logged in users)
-
-
Pages do not have RSS Feeds. Are you clear on that? They are for static content that rarely changes. If what you propose to do for every post is to create a page and link to it so you can use the page template then I don’t recommend that at all.
-
a) And anyway you cannot make a post redirect to a page.
b) If you want all your posts to look like the full-width page template, go to Appearance > Widgets, open all the widgets you have added to the “Content Sidebar”, click their Visibility button, set the three pulldowns to Hide if Page is Post, save.
-
No timethief, it wouldn’t be for every post, only for certain features where I want the full-width.
Ok justpi, that sounds like a decent plan since I can set rules so that sidebar only disappears for the posts that I want it to. However, I’ve set visibility settings for them all as you suggested, and while the widgets are no longer visible, there’s just a white space there instead, it hasn’t expanded to full-width like I want. Any suggestions?
-
a) I don’t think you can set the widget visibility for specific posts.
b) You have forgotten what your original example looks like:
http://twentyfourteendemo.wordpress.com/default-page-templates/full-width-page-template/
The so-called full-width template on 2014 doesn’t make the text full width, it only pulls the images to far left and far right. -
You can set rules to set visibility for posts that fit certain criteria, e.g. Hide IF Tag = ‘feature’, which is how I would indicate the posts where I want the sidebar to disappear.
No I haven’t forgotten, I like that the text is the way it is, full width text would not be a good reading experience. I want that template because I like the way the images are pulled to the far left and right like you said, and the primary reason is because the top image is expanded to the full width of the post area and is flush to the navigation bar at the top. When you have a nice, high resolution image to go with a feature, it gives it more prominence if it fills the page like that.
It seems like this route is a no-go. If I bought the Custom Design package, do you know if I’d be able to solve this problem in CSS? i.e. Could I edit the CSS of an individual post so that it matches the CSS of the full-width page templates? It wouldn’t matter if it was slightly time-consuming since I would only be doing it with select articles.
-
Then I don’t see what your problem is. As I said from the start, if you remove the sidebar by manipulating the widget visibility, you get that “full width” result on the single post view. Here’s a screenshot from my test blog:
http://wpbtips.files.wordpress.com/2013/12/2014_full_width_post.pngAnd yes, of course, if you have the upgrade you can reproduce the same look via CSS editing. Want me to demonstrate?
-
Ah I see, it has worked for you! What theme are you using there? That’s how I want mine to look, but instead it looks just like a normal post, just with the content sidebar gone:
I’ve definitely got all the widgets in the sidebar set to ‘Hide if Page is Post. Is there another step I’m missing?
Well I’d be grateful if you could demonstrate, but obviously I’d prefer to do it without paying for the upgrade. You’ve managed to get the desired effect without editing the CSS haven’t you?
-
The screenshot shows what we’re discussing: full-width post, via widget visibility, on 2014.
I can’t tell why it’s not working on your blog. -
I managed to solve it by changing to a different theme, and then back to Twenty Fourteen. It must’ve reset something because they look the way I want them to now!
Thanks very much for your help justpi, I’m really pleased that we’ve got it looking like that.
-
Despite my earlier success, I am now unable to get images in the body to shift out into the margin like the template and justpi’s screenshot have.
I’ve got the image aligned left, and I expect it to shoot out into the left margin and have the text flow around it. No matter all the options I try, the image remains anchored to the line of the text, on both a post and a page.
Did you have to do anything specific to get that image to shift out into the margin justpi? Is it perhaps dictated by the size of the image?
Thanks again.
-
You’re welcome.
No, it’s because you inserted the image via URL. The shifting works on certain CSS classes of images, and the code of images inserted via URL lacks such a class. You could edit the image code to add the required class, but inserting images stored elsewhere isn’t good practice anyway (for several reasons), so better insert your images by uploading them from your computer to your blog.
-
I see, yes I’ve got it working now with uploaded images. Yes I would ordinarily only insert images that I had uploaded, but because I was testing I used URLs as it was faster.
Great, thanks for the help.
One final thing and then I’ll stop bothering you, and this is in no way vital, just an idea I had: would it be possible to add the CSS class to the code of other media, say an embedded YouTube video to give it the same alignment style? They look pretty good in the default centralised arrangement, but it’d be nice to have the option.
-
It’s possible, but it’s a bit more complicated. For a left aligned YT video, pulled left, you need this in the Text editor:
<div style="float:left;margin-left:-168px;margin-right:24px;"> YT SHORTCODE HERE </div> -
Got that working too. Thanks very much for your help.
If you’re at all interested, you can see what I’ve managed to get it looking like with your assistance: my first article is a review of Gravity, a film I fully recommend.
- The topic ‘How can you link a post in the blog feed to a page?’ is closed to new replies.
WordPress.com Forums 
