Using the Twenty Seventeen WordPress theme

///Using the Twenty Seventeen WordPress theme

Using the Twenty Seventeen WordPress theme

FavoriteLoadingAdd to favorites

Learn how to use the Twenty Seventeen WordPress theme. Use the skip ahead links below.

Get Twenty Seventeen

WordPress 4.7 was recently released, and it ships with the all new Twenty Seventeen theme. In this video, I’ll show you how to setup the homepage and chat about it’s many features.

Skip ahead:

00:15 Thoughts on Twenty Seventeen theme
00:50 Using the theme; overview
01:38 How the home page is structured
02:48 How a page/content section is created
03:40 Add a read more link in the home page content sections
04:40 Using the theme customizer
05:38 Edit the top image/video of the theme
07:00 Customizing the theme colors
08:44 Customizing the home page content sections
10:05 Customizing CSS
10:56 Recap and final thoughts

Learn more:
Follow us!
Like us!

By |2017-06-15T02:14:38+00:00June 15th, 2017|Wordpress Video Tutorials|50 Comments


  1. PluginTut WordPress tutorials June 15, 2017 at 2:15 am - Reply

    I made a video on customzing TwentySeventeen with a new plugin, watch here:

  2. Tayler Bingham June 15, 2017 at 2:15 am - Reply

    great video helped me out a lot!!

  3. Jon Ericson June 15, 2017 at 2:16 am - Reply

    I like this theme (Twenty Seventeen). My son is using it for his first web site about his grad school work in the sciences. He may outgrow it (or not), but it is perfect right now while he builds content and his community is small.

    Thanks for the video and tips.

  4. dave koh June 15, 2017 at 2:17 am - Reply

    Another great video. Any way to enlarge the menu font size?

  5. sardegna con me June 15, 2017 at 2:17 am - Reply

    Hi,I have a question,I just want to add on "Theme Option" a new section,there are just 4 but i need 8 of that,thanks

  6. Chopin Siblos June 15, 2017 at 2:18 am - Reply

    gud day, whats in the conductor layouts? I dont have that.

  7. Caroline Tan June 15, 2017 at 2:19 am - Reply

    Hi Matt, Thanks for your video. I was just wondering if you knew how to right and left justify the text (so it appears as a block of text). At the moment, the only available options are left justify, right justify and centre justify. Thanks 🙂

  8. Nancy Rodriguez June 15, 2017 at 2:20 am - Reply

    thanks so much for this video! Great tips

  9. jantjevlaam June 15, 2017 at 2:20 am - Reply

    Great video! I have a few questions (i’m a beginner).

    How can i edit the footer where it says Proudly powered by WordPress?
    Is it possible to have 3 different movies in the intro screen that play randomly?
    How can i delete the play/pause button in the intro movie?

  10. Pat Wheaton June 15, 2017 at 2:23 am - Reply

    Hi thanks for the video it gave me some great tips. I’m currently building a business site with a blog using 4.7.5 Lyrical theme design and can’t figure out how to access the author box. It shows a profile head icon and leaves a huge space before the blog post. How do I change or delete it?

  11. Londile Hlophe June 15, 2017 at 2:23 am - Reply

    How about when i want to change the footer?

  12. deen cluad June 15, 2017 at 2:26 am - Reply

    How do you get it to show different pictures as you scroll down?

  13. john miglautsch June 15, 2017 at 2:27 am - Reply

    The reason I watched your video, was I have a member area, forum and content. It seems this theme turns off the widgets to fine say Recent Posts. I activated the widgets but they don’t seem to appear anywhere.

  14. frida Wikström June 15, 2017 at 2:27 am - Reply

    Great stuff! Many thanks for doing what you are doing!

  15. ceciliadougherty June 15, 2017 at 2:28 am - Reply

    Thanks for such a clear overview of twentyseventeen! Using twentyseventeen as a portfolio site. I’ve added 3 new pages. Only the first 4 pages scroll up nicely from one page to the next. The other 3 pages have to be clicked separately from the nav menu and appear as discreet single pages. How do I get them to scroll along with the first four pages?

  16. Will Ward June 15, 2017 at 2:28 am - Reply

    How can I remove the video size restriction?

  17. Smartphone Media Production - Book June 15, 2017 at 2:29 am - Reply


  18. Romain Wallon June 15, 2017 at 2:29 am - Reply

    First, sorry for my english… my native language is french…
    I have a problem, how can i change the dimensions of the header on pages? I want the same header on each page…
    Is it possible?
    I just beginning with wordpress.


  19. Theresa Chin June 15, 2017 at 2:30 am - Reply

    Thanks for your insight – pity the 2017 has a great header feature but the "body content" area is rather fixed and as you say has to be addressed at the CSS level.

  20. Emerging Purpose Counselling June 15, 2017 at 2:31 am - Reply

    Hi – Do you know why the video feature doesn’t seem to work on all devices or on the safari browser?

  21. mayur kumar June 15, 2017 at 2:32 am - Reply

    In my twenty seventeen its not shwing theme option .. what should i do for that .?

  22. Greggory Bradford June 15, 2017 at 2:35 am - Reply

    yeah- brand new to this (complete novice) … want it very simple. very curious how you added the different homepage. looking to add a gallery and want that to link to a square commerce site…. any ideas

  23. E. Anne Wynter June 15, 2017 at 2:37 am - Reply

    Well it’s kinda tough for me as I opted for this theme when my site was tampered with and all that remained was my content. Now I am having trouble trying to organise everything. Your teaching was great …which I hope to try with a new site some time in the future.

  24. Jaran Kennedy June 15, 2017 at 2:37 am - Reply

    Is there a way to lock the Top Menu bar (in your video it says "welcome to minimize" and such) to the top of the screen so its stuck at the top as you scroll instead of it being stuck after its scrolled to the top?

  25. Muffy June 15, 2017 at 2:40 am - Reply

    hey, just a question. is there any way of deleting the left half of the page where Home (edit) is, and have the whole paragrapgh spreaded over the whole width of the page?? any help would be much appreciated

  26. Simon Watson June 15, 2017 at 2:40 am - Reply

    Hi great video! just starting out and I wonder if you have any thoughts on a free theme for a holiday home rental business. One property, fairly simple with possibly a calendar feature and also possibly a card payment plug in. Perhaps also reviews. Initially though something simple but also easy to change the theme if required later. Thanks

  27. Leah Wilson June 15, 2017 at 2:40 am - Reply

    Thanks this was useful – I’m new to site design so glad to have support. Finding it a little glitchy with some things – eg the ‘read more’ tag works on one page and not another…

  28. Reckless Yūki June 15, 2017 at 2:40 am - Reply

    Huh, I’ve been trying to dick around with X Theme but this seems so much easier (and better) for free.

  29. Patti Bealer June 15, 2017 at 2:43 am - Reply

    I really like the look of twenty seventeen, and find it easy to use; however (isn’t there always one of those?) it doesn’t seem to update my changes. I have never had this problem before. I make it look great, then go to another computer and it hasn’t updated those changes. What is up? Is it me or WordPress or Twenty Seventeen? Has anyone else had this issue?

  30. john miglautsch June 15, 2017 at 2:49 am - Reply

    Nice mic – what kind of setup?

  31. Theresa Chin June 15, 2017 at 2:49 am - Reply

    Hello Mat, your tutorial is great! Can I just check that it is not possible to include a 3rd column in this theme – it’s either 1 or 2. I also tried to use the free Beaver Builder to create rows and columns but it is not much use since this theme is "fixed". What I did is to use tables to create a column effect. Thanks for your comments.

  32. Ebsomat June 15, 2017 at 2:50 am - Reply

    I am using the twentyseventeen theme for my website Would like to decrease the height of the feature images, i find them way too big. For my purpose, 600 to 800 px would be enough. Do you know where to adjust this? Thanks

  33. bankole dada June 15, 2017 at 2:50 am - Reply

    Awesome, will definitely give this a go!! Looks really smooth for a free theme PT

  34. Xósem Amero June 15, 2017 at 2:52 am - Reply

    Congratulations, very useful video.

  35. Abul Qeis June 15, 2017 at 2:52 am - Reply

    WOW…great theme…I love it dude. Thanks a ton for this cool video.

  36. Mark Smith June 15, 2017 at 2:52 am - Reply

    OMG I hate it. Ok first I just want to setup an images blog (quotes). What theme should I use? For another site I want to make it like your first blog entry, then followed by a second blog entry, etc, etc just scrolling chronologically. Maybe something to organize blog entries by year and date. What theme should I use for that site? Maybe the same theme for both sites although the first one is largely image based while the second one is largely text based. Any sites on the web where you can try all the themes to see what appeals? Thanks so much for your help

  37. Andraz Zitnik June 15, 2017 at 2:54 am - Reply

    hi, how can you disable the fade to dark (on the bottom) on the image?

  38. stillcurtains June 15, 2017 at 2:55 am - Reply

    Hello Mister,
    thank you for your helpful video.
    But 1 question left:

    How do give a drop down list to an list element ?
    I hope you can help me.

  39. john miglautsch June 15, 2017 at 2:57 am - Reply

    Looks like you’ve got a retired Blue Yeti Pro in the background, Why?

  40. Bill White June 15, 2017 at 2:58 am - Reply

    How can you modify the theme to get rid of white space at the top. I’m wanting to put a slider in instead of the native video/image, but there is a huge grey and white margin at the top. Any ideas?

  41. rowlandon6 June 15, 2017 at 2:58 am - Reply

    I am having trouble having a video on as my main page media but when I scroll down I can’t add any images in between my pages without messing up the video. Any thoughts?

  42. Rich June 15, 2017 at 3:08 am - Reply

    Thanks for the tut. That customize background where it says light/dark or custom is misleading. I wonder why they did it like that. Oh well, thanks for clarifying!

  43. Leah Wilson June 15, 2017 at 3:08 am - Reply

    Thanks – great tutorial – do you happen to have any recommendations for a theme for artists?

  44. Eric Hoang June 15, 2017 at 3:09 am - Reply

    how do I change the page images on the home screen? not the header image.

  45. 10gaugesbelow June 15, 2017 at 3:09 am - Reply

    im trying to make a menu and it says my pages are invalid

  46. ChimobiHD June 15, 2017 at 3:09 am - Reply

    Great video, thank you very much! On the original twenty seventeen demo there is a welcome page right under the navigation menu, how can you accomplish that?

  47. myozone June 15, 2017 at 3:10 am - Reply

    How do I link to blog posts please ?

  48. Wesley Karniej June 15, 2017 at 3:11 am - Reply

    Hey, I have replaced the default video with one of my own from youtube, but the problem I am having is that the video that I have uploaded will not loop. I f i place any other video from youtube, it will loop. Any thoughts?

  49. Tiana Young June 15, 2017 at 3:11 am - Reply

    Just started my first blog, which is pretty funny because I suck with computers. Thanks for helping me get started!

  50. Jacob Dibble June 15, 2017 at 3:13 am - Reply

    thanks for this video, it was extremely helpful getting set up. I have a question, maybe you could help me– I would like to put my logo in the menu bar, all the way to the left…. I can use a plugin, but it would not go behind the big margins that I suppose are part of the theme content. So this would be in teh space between the thin grey bar and the very top of the page (or unde the header image before scrolling). I’m lost!!

Leave A Comment