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 ABOUT PAGE TESTIMONIALS PAGE Intro Message About the company text List of testimonials Company Info Company philosophy CONTACT PAGE List of all Services Testimonial Featured Clients Contact Information Testimonial Contact Form SERVICES PAGE SINGLE SERVICE PAGE CLIENTS PAGE List of services: Service description List of Corporate Clients - Name of service Link to other services List of Government Clients - One sentence description Clients who took the service List of Legal Clients - Link to the single page Service related testimonials Links to other services

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

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

EXAMPLE - Wireframes Home Page About Page Contact Page header.php header.php header.php front-page.php page-contact.php page-about.php random-testimonial.php random-testimonial.php cta.php cta.php footer.php footer.php footer.php

EXAMPLE - Wireframes Services (Archive) Services (Single) Clients header.php header.php header.php archive-abc-service.php page-our-clients.php single-abc-service.php cta.php footer.php footer.php footer.php

EXAMPLE - Wireframes Blog Blog (Single) Testimonials header.php header.php header.php index.php single.php archive-abc-testimonial.php content.php content-single.php sidebar.php sidebar.php footer.php footer.php footer.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.