Is it possible to insert slider into static homepage in twenty fourteen?

  • Author
    Posts
  • #1744933

    I’m using the twenty fourteen theme and have set my homepage as static but would like to show more that one image in a slider, rather than the static image, at the top of the content section of the page.

    I know I could insert a gallery slideshow but don’t like the box the gallery comes in and I love the visual impact of that large image. I know I could get this effect by making this the blog page and setting featured images but that would not serve the purpose of this site.

    I’d welcome any suggestions. Is it possible to create CSS for a hero slider?

    The blog I need help with is abrahamspath.wordpress.com.

    #1745014

    timethief
    Member

    Themes with built-in post sliders are found here > http://theme.wordpress.com/themes/features/post-slider/

    It already has a post slider see here http://theme.wordpress.com/themes/twentyfourteen/

    Do note that you cannot insert any post sliders into any WordPress.com themes that are not designed to have them.

    #1745017

    Ah yes, I see. But is there a way to use the slider without having to create posts from which to attach the images? I don’t have content to feature, just the images.

    #1745018

    timethief
    Member

    If you do not see that here http://theme.wordpress.com/themes/twentyfourteen/ it cannot be done.

    Is it possible to create CSS for a hero slider?

    Custom design – Frequently Asked Questions
    Does the Custom Design upgrade let me edit HTML?
    No. The Custom Design upgrade allows you to edit fonts, colors, and CSS only. You can change the appearance of a theme, but not its HTML markup or PHP code. Read the rest at http://en.support.wordpress.com/custom-design/#frequently-asked-questions

    #1745044

    One suggestion would be to create the post and put only the image in them that you want to appear in the slider and set those post to show in the slider.

    #1745060

    OK, I am experimenting with this option of putting the image in a post and sticking it to the front page. Is there a setting where I can get those posts to NOT show in the newsfeed?

    #1745082

    I know of no way to block it from the RSS feed. They can be excluded from your blog page though with a little bit of CSS. What you would do is create a unique category for those image posts, and assign only that category to the posts with the images you put into the slider. As an example, if you used a category called “image” then you can use this to exclude those posts from the blog.

    .blog .category-image {
        display: none;
    }
    #1745083

    One other suggestion would be to edit those posts and set the date for those post to a date before all your other posts and then set your RSS feed to show only the number of posts that you excluding those image posts so that your feed would start after those image posts.

    For more on changing a post date in the support document on scheduling posts: http://en.support.wordpress.com/posts/schedule-a-post/

    For more on limiting the number of posts in your RSS (syncidication) feed, see here under Syndication feeds show most recent…: http://en.support.wordpress.com/settings/reading-settings/#general-settings

    #1745086

    I’ve done both of those things – thanks for the suggestions. Now, though, I have “image” showing as a category where my categories are listed on blog pages. Is there a way to make it not show there?

    #1745088

    Yes, we can hide that from the Categories widget. The following will hide “image” from the categories widget.

    #categories-2 .cat-item-686 {
        display: none;
    }
    #1745089

    Hurrah! That did the trick – thanks :-)

    #1745090

    How did you find the category item #?

    I might want to apply this rule to other categories too.

    #1745091

    And is it possible to not have certain categories showing in the homepage slider?

    #1745092

    There are a couple of ways. The first way is to use the web inspector tool built into your browser. See our support page on How to Find Your Theme’s CSS for brief screencasts on how to get started using your web inspector tool. I find them invaluable when doing CSS and web work.

    Another way is to go to a page that has the Categories widget on it and do a view source (from the View menu in your browser), scroll down and find the categories widget code and you will see in the code the unique category item ID CSS class.

    #1745093

    If you are using the tag procedure for setting posts to show in the slider, remove the tag from those pages you do not wish to appear in the slider.

    If you are setting the posts as sticky posts, edit them and “unstick” them.

    #1745094

    On the latter point I didn’t explain my self very well. I don’t want to get rid of the featured image showing in the slider, just the text above where the blog title appears (bottom left corner of the image) which lists the categories linked to that blog.

    #1745095

    This will hide the meta data in the slider above the titles:

    .featured-content-inner .entry-meta {
        display: none;
    }
    #1745096

    Fabulous! Thanks again!

    #1745097

    You are welcome.

The topic ‘Is it possible to insert slider into static homepage in twenty fourteen?’ is closed to new replies.