WordPress Development Plan REQUIREMENTS Based on your requirement - - PowerPoint PPT Presentation

TWD 25

WordPress

Development Plan

REQUIREMENTS

Based on your requirement list, complete the following tasks with your team:

• Create the Information Architecture (IA) of the site.
• Create content lists for each web page of the site.
• Create wireframes based on the IA, content lists, functionality, design.
• List any Custom Post Types and Custom Taxonomies to be created.
• List how each piece of content will be stored in WordPress for each

webpage (ACFs, Block Editor, Block Templates, etc.)

• Map the IA and wireframes to the template hierarchy and specify what

template files will be created.

REQUIREMENTS (cont’d)

• Create a document with all of the information on the previous slide.
• Next class each team will meet with Jonathon during their scheduled

time to present their proposed solution for the client’s website.

• After the meeting, save the document as a PDF with the names of the

team members and what business it was on the front page of the PDF and upload it into the Dropbox-Assignment-4 folder.

EXAMPLE - Consulting Business

After a discovery meeting, the client has provided the basic information needed to begin the development process. Use this example of a Consulting Business as a guide for completing the assignment for your assigned business. Feel free to give the business a name as well. Ex: ABC Consulting

EXAMPLE - Requirements

Home Page: Short intro message, short company info, services, featured clients, testimonial. Services: Decision Analysis, Business Analytics, Litigation Support, Strategic Advisory, Negotiation Support Clients: A list of clients organized by Corporate, Government, Legal. About page Blog Contact page: Form, phone number, email, office address. Testimonials: A list of all testimonials on one page and each Service page has a minimum of at least one related testimonial.

EXAMPLE - Information Architecture

EXAMPLE - Content Lists

HOME PAGE

Intro Message Company Info List of all Services Featured Clients Testimonial

ABOUT PAGE

About the company text Company philosophy Testimonial

SERVICES PAGE

List of services:

• Name of service
• One sentence description
• Link to the single page

SINGLE SERVICE PAGE

Service description Link to other services Clients who took the service Service related testimonials Links to other services

CLIENTS PAGE

List of Corporate Clients List of Government Clients List of Legal Clients

TESTIMONIALS PAGE

List of testimonials

CONTACT PAGE

Contact Information Contact Form

EXAMPLE -Wireframes

Home Page About Page Contact Page

EXAMPLE -Wireframes

Services (Archive) Services (Single) Clients (Page)

EXAMPLE -Wireframes

Blog Blog (Single) Testimonials

EXAMPLE - Custom Post Types

Post Type Key: abc-service Post Type Label: Services Post Type URL Slug: our-services Post Type Items: Decision Analysis, Business Analytics, Litigation Support, etc… Post Type Key: abc-client Post Type Label: Clients Post Type URL Slug: clients Post Type Items: ABC Law Firm, Vandelay Industries, City of Vancouver, etc… Post Type Key: abc-testimonial Post Type Label: Testimonials Post Type URL Slug: testimonials Post Type Items: Testimonial 1, Testimonial 2, etc…

EXAMPLE - Custom Taxonomies

Taxonomy Key: abc-client-type Taxonomy Label: Clients Types Taxonomy URL Slug: client-types Assigned Post Type(s): abc-client Taxonomy Items: Government, Corporate, Legal

EXAMPLE - Content Storage

Home (Page) Intro Message (ACF - Textarea) Company Info (ACF - Textarea) Featured Clients (ACF - Relationship) About (Page) About the Company (ACF - WYSIWYG) Company Philosophy (ACF - WYSIWYG) Contact (Page) Multiple ACF fields Services (CPT) Description (ACF - Textarea) Related Testimonial (ACF - Relationship) Related Clients (ACF - Relationship) Clients (CPT) Title only (content editor disabled) Testimonials (CPT) Block Template with Quote block

EXAMPLE - Information Architecture

front-page.php page-our-clients.php archive-abc-service.php archive-abc-testimonial.php page-about.php page-contact.php index.php archive.php single.php single-abc-service.php

EXAMPLE - Wireframes

Home Page About Page Contact Page

header.php header.php header.php footer.php footer.php footer.php cta.php cta.php front-page.php page-about.php page-contact.php random-testimonial.php random-testimonial.php

EXAMPLE - Wireframes

Services (Archive) Services (Single) Clients

header.php header.php header.php footer.php footer.php footer.php page-our-clients.php single-abc-service.php archive-abc-service.php cta.php

EXAMPLE - Wireframes

Blog Blog (Single) Testimonials

header.php header.php header.php footer.php footer.php footer.php index.php content.php sidebar.php single.php content-single.php sidebar.php archive-abc-testimonial.php

BUSINESS 1 - Real Estate

Home: Hero image with text and a CTA, about us text, featured properties, links to services, testimonials slider. Properties: Display all properties with links to individual property pages. Should also have pages that list properties by Type (House, Townhouse, Condo) and Location (Vancouver, Burnaby, Surrey, etc.). Resources: Resource pages for buying, selling, and additional links. Contact: Office location and hours. Contact form. Team: Display all team members with a link to their individual page which will contain their bio and contact details.

BUSINESS 2 - Cosmetic Services

Services: All packages will have a short description, photo and price.

• Bridal Category has two packages: Basic Bridal, Deluxe Bridal
• Beauty Category has three packages: Hair, Makeup, Hair + Makeup,

One-on-one lessons

• Prom Category has two packages: One-on-one, Group Party

Portfolio: Gallery with filters for each service; ability to see larger size photos About: Few paragraphs with photo of the makeup artist Blog: posts about this topic, with many photos Contact: form, contact info & location

BUSINESS 3 - Cleaning Service

Front Page: Seasonal Promotions, Featured Services, Testimonials, Client list, Twitter feed Services: List all services organized into two sections: Commercial (C) or Residential (R). Services link to their own individual page with more details: Green House Cleaning (R), Upholstery Cleaning (R), Carpet Cleaning (C,R), Move-in & Out (C,R), Ozone Air Purification (C), Office Cleaning (C), Janitorial Services (C) Company Info: A few paragraphs, a few photos, company slogan. Contact: Form, Service Locations (map illustration), Hours

BUSINESS 4 - Architecture Firm

Projects: 20+ projects with a title, details, and gallery for each project. Every project is at least one type: Education, Housing, Retail, Cultural, Workplaces. Expertise: Architecture, Interior Design, Landscape Architecture, Urban

• Planning. Short description for each item and 1-3 example projects for each

item. Company Info: Company culture, company history, locations, contact info. Team Info: Name, title, photo, bio for everyone in the company. (15 people) News: Updates about the company, projects, etc.

BUSINESS 5 - Non-Profit Organization

Community Initiatives:

• Outreach → Events, Tabling, School Visits, Workplace Visits
• Education → Quarterly Workshops, Annual Conference
• Social → BBQs, Hiking, Games Nights, Volleyball, etc.

News & Newsletter: News posted on the website and people can signup to receive in an email. Get Involved: Donate/Sponsor, Volunteer, Attend Events Sponsors: Four tiers of sponsors listed among their tiers. About: Mission statement, org. description, history, board of directors.

BUSINESS 6 - Personal Fitness

Services: One-on-one, Tandem, On-site, and Speciality Programs (Pre- & Post Natal, Wedding Prep, Nutrition guidance) Team/About: 4 Trainers with bios and headshots. Paragraph about the company and its philosophy. Blog: Meal ideas, fitness tips, etc. Testimonials: These are either: general, related to specific trainers, or related to specific services. Contact info (email, phone, location, social media links) on every page.

REQUIREMENTS

Based on your requirement list, complete the following tasks with your team:

• Create the Information Architecture (IA) of the site.
• Create content lists for each web page of the site.
• Create wireframes based on the IA, content lists, functionality, design.
• List any Custom Post Types and Custom Taxonomies to be created.
• List how each piece of content will be stored in WordPress for each

webpage (ACFs, Block Editor, Block Templates, etc.)

• Map the IA and wireframes to the template hierarchy and specify what

template files will be created.

REQUIREMENTS (cont’d)

• Create a document with all of the information on the previous slide.
• Next class each team will meet with Jonathon during their scheduled

time to present their proposed solution for the client’s website.

• After the meeting, save the document as a PDF with the names of the

team members and what business it was on the front page of the PDF and upload it into the Dropbox-Assignment-4 folder.

NOTE - Custom Post Types

Post Type Key

The first parameter in register_post_type().

Post Type Label

Set in the 'labels' parameter (or the $labels array) to be used in the WordPress backend.

Post Type URL Slug

Set in the 'rewrite' => array( 'slug' => ' ' ) parameter to change the URL.

Post Type Items

The individual items/posts within the CPT created in the WordPress backend.

NOTE - Custom Taxonomies

Taxonomy Key

The first parameter in register_taxonomy().

Taxonomy Label

Set in the 'labels' parameter (or the $labels array) to be used in the WordPress backend.

Taxonomy URL Slug

Set in the 'rewrite' => array( 'slug' => ' ' ) parameter to change the URL.

Assigned Post Type(s)

The second parameter in register_taxonomy().

Taxonomy Terms

The individual terms within the Taxonomy created in the WordPress backend.

OPTIONAL

If you would like to test your solution…

• Create a new WordPress installation:

○

Create the planned Custom Post Types (CPTs)

○

Create the planned Custom Taxonomies

○

Create the planned ACFs and Block Templates

○

Create the planned templates

SCORING GUIDE

This assignment is worth a total of 10 points. To earn all 10 points your team should do the following:

• Complete all of the requirements using the best practices learned in

the WordPress course with no errors when specifying CPTs, Taxonomies, ACFs, and PHP templates to be used.

• Be able to explain and justify the choices you’ve made in your

development plan during the meeting.

• Be on time for your meeting!

MEETING TIMES

• Business 1 -- 9:30 am
• Business 2 -- 10:15 am
• Business 3 -- 11:00 am
• Business 4 -- 11:45 am
• Business 5 -- 1:00 pm
• Business 6 -- 1:45 pm

WIREFRAMING TOOLS

To create the wireframes, you are free to use any wireframing / prototyping

• tool. Examples: Adobe XD, Figma, Balsamiq, Sketch.

Smashing Magazine - Sketch vs Figma vs Adobe XD If you haven’t used Figma yet, I would recommend trying it at least once before the end of the program. The free plan is limited to two editors per project so plan with your team if you want to use it on this assignment. LinkedIn Learning - Figma for UX Design