wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog WordPress themes Showing “Featured posts” Images in Twenty Fourteen Homepage

WordPress themes

Showing “Featured posts” Images in Twenty Fourteen Homepage

Last updated on February 18, 2017
Posted on January 17, 2014

In today video, we are going to learn how to show these “featured posts image” in WordPress if you are using Twenty Fourteen theme in tiles.

If you see the demo page of Twenty Fourteen on WordPress.com, you see that on the homepage, you have 6 images, which are tiled, and have magazine styles.

For those who are familiar with WP, this might not be an issue. But as a beginner, say, you’re new to WP, installed it, and have a nice theme, posting the first article, and want to have the demo style, this can be a bit tricky.

So as always, I recommend you to create a child theme first, before following this tutorial.

How to show “featured posts” images tiled in your homepage


  • Is my site loading fast? I use this shared hosting
  • Try my theme >

Showing Twenty Fourteen Thumbnail in A Smaller Size


1. Go to your Dashboard if you don’t have it opened, you can access on, yourdomain.com/wp-admin, “Appearance”, “Customize”.

Appearance and Customize in Dashboard
Appearance and Customize in Dashboard

2. It will show you customise options in real time, you can also see the changes you make in your site immediately.

Here, click on “Featured Content”.

Customize Twenty Fourteen in real time
Customize Twenty Fourteen in real time

3. In featured Content, it’s stated you can use sticky posts, or a tag name of posts you want to show. However, in my opinion, if you use sticky posts, then you will also have the same posts will be shown in your homepage, as long as your blog is still alive. This can be boring, but personal preference.

Featured content with Tag Name
Featured content with Tag Name
Click and Publish button
Click and Publish button

I will personally choose the tag name.

So if you use the tag name, in the option, the most important here if you want to show the image, is the “Tag Name”. (You can also choose the layout here, grid, or slider.)

By default, it has “featured” as a tag name. I would strongly recommend to change it as your tag name, because if you use the default, imagine how many thousand WordPress sites has the same tag name as yours.

So in this video, I name my Tag Name as “holiday”.

This means, every posts that have “holiday” and “featured image” will be shown as “featured” in tiles or magazine style in the home page.

Click “Save & Publish” button on the top, and click “Close”.

4. In the dashboard, let’s create our posts, click on “New”, “Post”.

New, Post button in your dashboard.
New, Post button in your dashboard.

If this will be your first post, (after deleting “Hello World” post), click on “screen options” on the top right, and choose any sections you want to display in “Add new post” page. You can check all, it won’t be doing any harms.

I personally will check, “Excerpt”, “Discussion”.

After typing title, content, adding it to your category, now, in the “Tags” section, you will need to add “holiday” as your tag post (replace holiday with your preferred tags), if you want this post to show, otherwise it won’t show as tiled.

5. After adding tags, click “set featured image” and choose your images. Don’t forget to optimize it first before uploading it, by compressing it online or offline.

If you use this default theme, you might want to bookmark this Twenty Fourteen details page, which you may need in the future about this theme’s detailed information.

As you notice, if you want the image showing the best quality, Twenty fourteen featured image size, must have at least 1038px width.

Once you click Publish button, and refresh your homepage (if necessary, you clean your browser’s cache), you will see the featured post on the top, with its image.

Additional info on “Featured post” Images in Twenty Fourteen

You can also tick the box on “Don’t display tag on front end.” to hide this featured post ‘Tag name” from your tag clouds.

Option to hide Tag Name in tag cloud
Don’t display tag on front end option.

One note, you can only have 6 featured posts on the top of your homepage, so say, you have 7 posts with all “holiday” as your Tag name, the first post won’t be displayed.

I hope this helps.

featured image homepage twenty fourteen wp3.8

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← How To Remove Left Sidebar of Twenty Fourteen
→ Adding Logo to Twenty Fourteen on The Top Left

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • Twenty Nineteen theme tutorialTwenty Nineteen Theme Full Tutorial - Creating a Website
  • Twenty Seventeen One Page ParallaxTwenty Seventeen One Page Parallax Scrolling Website Style
  • Twenty Seventeen Proudly Powered By WordPress codeTwenty Seventeen Footer "Proudly Powered By WordPress" Text
  • Where your child theme folder should be located inside themesHow To Create WordPress Child Theme Manually or With Plugin
  • How to Remove Twenty Fourteen Author Name or Link
  • How I add thumbnails with Twenty Twelve theme
  • Change Default Green Color WP 2014 Theme
  • Showing Twenty Fourteen Thumbnail in A Smaller Size
  • How To Style WordPress Caption in WP Twenty Fourteen Child
  • Proudly Powered By WordPress Twenty Fourteen

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept