980px

WEB170 » 05) Create Your Theme from Your Template

Once you have created your content and menu systems, you are ready to start making your own WordPress theme. Here is where you will need to convert your template system that you completed for the Create Your Template Files assignment into a working WordPress theme.

Requirements:

  1. Create the 1) Index (index.php), 2) Main Styles (style.css), 3) Functions (functions.php) and 4) The Screenshot (screenshot.png) files from your template files.
  2. Upload these files to your themes folder within your WordPress install and activate this as your theme.
  3. Add the 1) bloginfo, 2) body_class, 3) wp_head, 4) wp_footer functions to your theme.
  4. Create The Loop within the content area of your theme that includes the 1) The Title, 2) The Permalink and 3) The Content functions.
  5. I will check your Protosite’s “View” and “Code” links from your Client Staging Area according to the class Schedule (Spring) to review and grade.

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

17 Comments:

  1. Han Sue Yu says:
    August 18, 2017 at 3:50 pm

    05) Create Your Theme from Your Template
    http://www.hanstorchid.com/taichi
    https://github.com/learnerone/web170/tree/master/Taichi

    Reply
  2. James Carroll says:
    August 10, 2017 at 8:09 pm

    http://james31.com/web170/wordpress-sm17/

    Reply
  3. Han Sue Yu says:
    August 8, 2017 at 6:45 pm

    Assignment 05)Create Your Theme from Your Template

    Reply
  4. Kairong Xu says:
    July 27, 2017 at 6:19 pm

    http://www.xukairong.net/wordpress/

    Reply
  5. Gloria Zhang says:
    July 24, 2017 at 10:34 pm

    http://gloriazhang.com/web170/client/index.html

    Reply
  6. Han Sue Yu says:
    July 7, 2017 at 11:43 am

    Hello everyone!

    Reply
  7. Kenneth Edwards says:
    May 11, 2017 at 12:19 am

    Finally figured it out.

    http://rpcvjet.github.io/

    Reply
  8. John Gilmer says:
    May 7, 2017 at 11:42 am

    A little slow getting this all working, but it’s up now.

    Reply
  9. Sylvia Shiroyama says:
    May 5, 2017 at 5:53 pm

    All steps followed and made sense but I must have missed something because it didn’t come together well.

    Reply
  10. Kristin DelViscio says:
    May 2, 2017 at 4:56 pm

    Things are still a little wonky but the template is up!

    http://www.kristinfiedler.info/wordpress/

    github: https://github.com/Kristinmahyout/web170/tree/templates

    Reply
  11. Shihpei Lin says:
    May 9, 2016 at 8:51 am

    http://webaff.net/web170/

    Reply
  12. Dwayne Linde says:
    May 9, 2016 at 1:24 am

    I have uploaded my code to Github.

    However, I can’t get my custom theme to load. In fact, I can’t get any theme to load. I’ll try to see you during office hours. I just get the default Directory Listing.

    http://www.lindese.com/web170/

    Thanks,
    Dwayne.

    Reply
  13. Brittaney Nico Davis says:
    May 6, 2016 at 11:59 pm

    http://www.nicomoving.net/170wp/

    Thanks!

    -Nico :)

    Reply
  14. arel watson says:
    May 4, 2016 at 4:49 pm

    http://eyedropcollective.com/wordpress/

    Reply
  15. Allen Jefferson says:
    May 21, 2015 at 6:35 pm

    http://aljeffe.alna-dev.com/wordpress/

    Reply
  16. Curtiss Melvin says:
    May 10, 2015 at 8:11 pm

    I have redirected to my other wordpress website. You can look at all my templates, themes, etc.

    Reply
  17. Nick Nedev says:
    May 7, 2015 at 10:58 am

    http://nicknedev.com/WEB170/stage/

    Reply

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php