How can I link my featured image post to a page?

  • Unknown's avatar

    I am using the Pictorico theme and I know that each Featured Image represents a post, but I’m wondering if it’s possible to link the Featured Images to the WORK page instead of to their respective posts. All of these images represent various project I’ve worked on, and instead of describing each on a separate page I just want to take the viewer to the WORK page, and also because once you click on the Featured Image, it takes you to that post where the image is HUGE and focuses on the center of the image rather than showing the entire image.

    I hope you can help.
    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi!

    It’s not possible to link the images to pages as opposed to posts. However, how about this?

    You can use the following CSS code to remove the focused image on individual posts:

    header.entry-header div.entry-thumbnail {
    	display: none;
    }

    Then, you could use text within posts to describe the individual project rather than adding that as a separate “Work” page. If you would like, you could embed the full size image within the post. It will look a bit better now that the header image won’t be stretched across the screen.

    Finally, instead of using the static “Work” page, you could divide your work into categories and use category pages:

    http://en.support.wordpress.com/category-pages/

    That way, if a collection of your work is about a certain type of photo, say “Fashion” (just making things up for ease of understanding), all of your “Fashion” projects would be grouped together and readers could just click on one link in your menu to see all “Fashion” projects.

    Would that work?

  • Unknown's avatar

    Hi :)

    Thanks a lot for your support.

    Well, I actually like the large images on each post but the problem is when an image does this:
    http://lafab.co/2014/05/18/catherine-head-scarf/
    so you see her neck and not her face. is there a way to change that somehow in CSS? or I suppose I could crop the photos before making them feature images, making sure that the eyes are in the centre of the photo, then put the entire image within the post with its description.

    The solution you proposed is an option but it leaves a huge blank grey bar at the top where the picture would have been. Would there be a way to shrink that grey bar. Could I put the description within that grey bar, sort of as a title?

    Would you recommend another theme that is similar but that wouldn’t pose this problem?

    I’m going to check out your option for Category Pages. Thanks for that.

    I appreciate all your help and look forward to your thoughts.

  • Unknown's avatar

    Hi,

    I apologize – I meant to link the following CSS:

    header.entry-header {
    	display: none;
    }

    That will remove the header area entirely (rather than leaving a gray box.

    Otherwise, to counteract the cropping of the image, you will need to play around with the size of the images you’re uploading. Currently, the area is only 525px tall, which makes it difficult to upload an image that will fit perfectly.

    Could I put the description within that grey bar, sort of as a title?

    I’m afraid it won’t be possible to place the post title within the box if we leave the box there. However, it may be possible to place a background behind the post title. Currently, you do not have titles on any of your posts. Can you try inserting one so we can play around with how it looks?

    Would you recommend another theme that is similar but that wouldn’t pose this problem?

    We have several themes that feature this sort of look. Here are a few:

    http://illustratrdemo.wordpress.com/
    http://espieddemo.wordpress.com/

    Neither feature the featured image at the top of the page like Pictorico. Would either of those work?

  • Unknown's avatar

    Ok that’s perfect without the grey bar altogether. Much less “in your face”. Really like that. Thank you.
    I put titles on the posts but don’t see them at all. Is there a way I would see them? I can see the title when I hover over each featured pic but not on the post page. Not sure I want to see them but if I did, how would i do that?
    I’m also wondering how I change the order of the featured pics on the home page? I tried changing the dates of each post, but that didnt do anything to the order.
    If i try one of the themes you suggest, but then decide to go back to pictorico, will i lose all of my CSS adjustments??
    THANK YOU!

  • Unknown's avatar

    Ok i discovered at the very bottom of the post page I have the titles of the posts and i can scroll back or to the next one. can I remove this ability?

    Also, is there a way to put a Share This widget on the homepage?

    THANK YOU AGAIN!

  • Unknown's avatar

    Hi!

    Answers below:

    Ok i discovered at the very bottom of the post page I have the titles of the posts and i can scroll back or to the next one. can I remove this ability?

    Yep! This should remove the title and post navigation:

    div.nav-links {
    	display: none;
    }

    I’m also wondering how I change the order of the featured pics on the home page? I tried changing the dates of each post, but that didnt do anything to the order.

    The posts are published in ascending order with the latest post in the top left-hand corner of the block. However, if you change the post date to an earlier date, it should move appropriately within the block of posts. Can you try backdating a post and see if that moves the post on the front of your site?

    You can do this using the Quick Edit feature described here:

    http://en.support.wordpress.com/posts/edit-posts-screen/#quick-edit

    If i try one of the themes you suggest, but then decide to go back to pictorico, will i lose all of my CSS adjustments??

    Yes – if you switch themes, you will lose your CSS customizations. To avoid this, I would copy the entire contents of Appearance -> Customize -> CSS and paste it in a text document as a backup.

    Also, is there a way to put a Share This widget on the homepage?

    It isn’t possible to add a hovering “Share This” section that you might see on other sites. Traditionally, those are accomplished through the use of plugins, which aren’t allowed at WordPress.com. You have two main options:

    1. You can use the sharing buttons on individual posts and pages as described here:

    Add Social Share Buttons

    2. You can use the following instructions to create your own widget of social media icons that would sit in your site footer:

    http://en.support.wordpress.com/widgets/create-your-own-widget/

    Let me know if either of those options will work!

  • The topic ‘How can I link my featured image post to a page?’ is closed to new replies.