Final Post/Project

This semester I but a website the can be used for Kearney High Athletics. I built this website using wordpress. I started with a base theme called "colormag". However I modified that theme quite a bit to get here it is now. The was the first time that I had ever fully built a website from scratch using wordpress. In the past I had modified and upgraded current wordpress sites but never started from scratch. Overall I am very pleased with how my website came out. I think it looks very professional and it simple to navigate yet has tons of pages and features. Attached are a few videos of different aspects of my webiste.

This is a video showing the home page and the Main pages that go with the school.

This is a video showing the wrestling page and all the features that go with it. (Each sport has a similar page(s))

This is the video of adding a post to the and assigning it to the proper sport.

This is a video of adding an event to the schedule.

Week 13

This week I did not do a whole lot of adding new features. My main goal this was was adding some content, testing, debugging and fixing some issues I found. Next week I plan on finalizing some features and finishing adding the content.

Week 12

This week I replicated the schedule & roster pages for each of the sports. This was not very difficult just time consuming because I had to repeat each page/process 16 times. I also built the records page for each sport, the news page for each sports and then the facilities page. I used the same plugins for the records and Facilities pages as I did for the other pages. The news page I just altered the category page that was built in to the theme to fit my needs.

Facilities Page

Wrestling Records Page

Wrestling News Page 

Week 11

This week I built the Athlete, Roster, Schedule pages for my website. I did this by using a couple of different components. There were two wordpress plugins that I used for this first is called "Advanced Custom Fields Pro" and the second is called Custom Post Type UI. The way that I did this is I first created "Custom Post Type" using that plugin. For example I created a "Wrestling Roster" post type. This created the post type that you can easily use on the back end of word press. Then I used "Advanced Custom Fields Pro" to edit that specific post type to only accept the content that I want for that specific post type. For Example this the wrestling roster post type I creates the fields Event, Date, Time, Location and Result. Lastly I used php to code each of the pages I needed to place the post in the correct format for the respective page.

Wrestling Schedule Page

Wrestling Roster Page

Athlete Page

Advanced Custom Fields Pro Plugin

Custom Post Type Plugin

Wrestling Schedule Post Type 

Example of the php code for the wrestling schedule post

Week 10

This week I got my post slider that will be on my front pages working. This ended up being a little more tricky that I was expecting. To do this I used a couple of different pieces first was a plugin called custom post types. This allows my posts to be able to be read in different areas of the website rather than the standard spots more post go. The second part I uses a combination of bootstrap carousel function and php to build and get the post on the slider. I also embedded a twitter timeline into front page.

Also this week I edited my header so there I a different header image for each sports pages.

Week 9

This week I fixed a bug I had with my navigation. I was having an issue with my top menu drop down going behind the second navigation (see picture 1). I was able to fix this issue in the css by changing the z-index from 100 to 1000. It now is working properly (see picture 2)

Week 8

Last week I completed my first sprint. I was able to set up both my main navigation and my secondary navigation. I also set up my child theme as well as page templates for certain pages.

My goals for sprint to is to complete each page template and starting adding my custom post types. After this sprint I should be ready to add the content to my pages and this it will be complete.

Week 6

This week I completed my page templates and my navigation setup. The navigation was a little more tricky than I expected. Wordpress does not automatically allow you to have a different navigation setup based on what page you are looking at. For example on my site my menu at the top will always be the same no matter what page you are on (see pictures below). However I want the second menu (below the header) to have different options depending on what page you are viewing. For example when you are viewing the wrestling page you will want the option to view the wrestling roster, schedule, news, ect. not see the options for the basketball team. In order to do this I had to register a new menu with in the functions.php file for each menu I wanted to add. Along with this I had to create a new page template for each subpage (ie. Wresting, Basketball, ect.). I also had to create a subheader for each of these as well. Within the header this is where I was able to add the different submenus for each subpage.

Week 5

This we I started my first sprint of my project. This week I made good project finding the theme that I am going to use and I added the navigation portion for this. I learned how to register my own custom menu on wordpress and created the child theme for my project.

Week 4

This week I finalized my design for my webpage hierarchy and the DB ERD for my website.  I also started to work on the layout for my page templates as well as for my homepage.  So far everything is working as planed. Attached is a picture of my ERD.

Week 3

This week I finalized my Web Page Hierarchy. I will have 4 levels level one being the home, level two being the main navigation pages, level 3 will be each sport, and level 4 will be each page with in the sport.  This week I also started to plan my initial page templates, as well the the theme, and navigation type.

Project Summary

Kearney High Athletics Website
Jacob Oertle
Fall 2016

For my semester project I will be creating a website for Kearney High Athletics. This website will be fully functionals and will include features such as a separate page for each sport, (rosters, schedules, records, coaches pages for each),  featured news,  hall of fame page, and facilities page. I will be building this website with Wordpress. My goal is for this page to be easy to use and navigate, as well as, being easy for backend users.