Final Client meetings, as well as Posts and Site Export Files (.wpress files) are due by Friday April 29.  

Please try to find a Final Client Meeting time I can attend. I will post times on Slack.

Each of your Clients has different levels of expertise and need; so your work with clients is likely to reflect those differences.  That main outcome of this work should be

1. You’ve made some mistakes, discovered some solutions, and figured things out!!  Welcome to how learning happens in the transition away from school.
2. You’ve increased your skills and confidence with WordPress and building websites.
3. You learned some important lessons about working on a team
4. You’ve got some experience working with clients and offering your skills and advice as well as learning how to use feedback.
5. You’ve developed some insights about what makes a good website that you can use for both clients and your own website.
6. You’ve been able to work independently of client pressure if you have been working on a template–and trying to anticipate what a client might want–using placeholders.

Your client site should have many features similar to your portfolio site, as well as some differences.  Your site should have most of the following:

1. Home page–telling the best bried=f story about your client that you can manage with images and (little) text.
2. About page–more detailed client description geared to good stories that would interest viewers
3. Menu Navigation to key client info–for many this is an emphasis on offering or selling services products, so make action buttons that allow this on every page/post/menu…
4. Client products and/or services. You should have enough of these done, so your client take over adding their own within the clear and clear structure you have provided. You may want to add a few samples templates they could use in future?
5. Contact Page with social media icons if they use social media.
6. Blog with a few posts about “what’s new” as well as a schedule for adding new content if this is appropriate for your client site. For example, sailing & guiding clients may want to add “monthly stories” from customers.  If you set up 2-3 of these, they can use them as well as your “blog” section to build on this in the future.  If not, they can eliminate the “blog” part of the menu.
7. Users include me with Role: Administrator with my work email. This allows me to help client troubleshoot after the class is done.

Optional:

1. Shop/Market–a few clients can benefit from an initial set up of WooCommerce plug-in. You can set up the main pages, as well as a few sample pages, and then let them fill in email, and other client info afterwards.
2. Backup strategy–You should all add the All-In-One WP Migration Plugin, and activate it.
3. Brief handoff tutorial for client during last meeting about how to work with Dashboard and how to add photos and text content in either pages or posts, and how to use categories, and add/change menu items.

Site export file:

1. Follow export instructions from How to Migrate and upload your .wpress export file to your Slack team channel
2. Also be sure your site (if online) has me as a User with Administration role.  This is critical for helping clients after the class is over.  Sites will be moved by the end of May, but your Dreamhost accounts need stay open through the ned of the month.

Post:

ALL students must submit a post in order to get graded & get credit for your client site as individuals. Include:

1. Category; Client Site
2. Client name
3. Team members
4. Site URL
5. Your specific contributions
6. What you learned from working on a team and with clients ; 1-2 paragraphs
   ie What worked well on your team ( or as a solo template creator)  What could be improved and how?  In this process learning counts in your evaluation even when the outcome is less that you had hoped. And we often learn best from out mistakes.

Post with the following:

1. Title: Portfolio-yourname
2. Category : Portfolio
3. Featured image–a screenshot of a nice part of your portfolio
4. A clickable URL  for your portfolio –this must be an online (not local) Website in order for me to see and grade it.
5. Any text or explanation you need

Your Portfolio should contain the following:

1. Menus–with Portfolio, About Me, Contact and any other items you choose (not too cluttered, you may use sub menus or nested menus for less important items)
2. Header/Footer–With a logo, menu, social icons etc.
3. Homepage— with clear info about you–photos of you or your work are good here
4. About Me Page–  a more detailed intro to you and your skills, interests
5. CV Download–upload the pdf to your Media folder then elect it in the Media Library–the URL for it will be in the lower right column; then use that link for the Download CV button.
6. Contact Pop up/Page--Pop up or page for people to contact you
7. Portfolio Page–this page is designed to use posts with categories to filter your projects dynamically
8. Coherent, appealing Design–Design and color scheme should complement your work
9. Robust Content–you dont need to refer to any classes (not professional) but DO refer to the kind of work “logo” “graphic” “code” , and use these categories.

P5js “block” can be used to ad a “block” to  Post  (use the Block Editor for this post):
https://www.wpfastworld.com/13/p5-js-block-wordpress-plugin-free-download/

You can also embed an animated gif, or screen shots of a P5js project.

Codepen

Update any missing or incomplete Codepen work before adding Task 10, add “revised” to your past posts so I can re-grade. Please do all revisions in next 2 weeks, unless you get permission from me because of unusual circumstances. Once done, you can move onto Task 10–the last Codepen task.

1. W3schools: iframe, FilePaths, Head
2. Quiz 10
3. Practice CodePen HTML:
   • iframe
   • file paths
   • Head elements
4. Portfolio: Media, Social Media, Action Buttons

Portfolio

1. Get Dreamhost hosting, install WordPress with WordPress–> On Click Install. Add a folder when Installing, and check OFF the 2 tick boxes.
2. Once WordPress is installed, add the All-in-one Migration plug-in.
3. On your local site, also add this plugin, and export your site as a file on your local computer.
4. In your new online WordPress site Use the plugins (see tab in Dashboard once you activate the plugin) and IMPORT the file on your desktop.
5. Post A screenshot of your online front page AND add the online URL to your portfolio.

Client

1. Create you Team Slack Channel with Client #Website-name as channel name
2. Post any client questions/issues that you are addressing, in this post & on Slack
3. Create a “Main Menu” that will have key client pages/sections.  Do this by making key pages (they can be blank), and a few sample posts (title, featured image, excerpt, category–you’ll have to create a few), This will require that you have a basic model of the website architecture, though you may not yet have styling, content, colors etc. Post a screenshot of Menu.
4. Create a Home page with at least one image, and some legit text. Post a screenshot. If the client alreaydhas a homepage and you are working on a different page, you can substitute that.
5. Create a list of Tasks for your Client site–with names next to each task and due dates.  You can begin with a list for this week, but if you have a longer term list, that could also be helpful–even if you update it.  You can distinguish Tasks in Next Week, vs Overall Tasks.

Task 10 Posts

1. Subject: Task 10-yourname
2. Category: Task 10 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen large image showing this week’s relevant task & URL (use “HTML comments” to distinguish each codepen addition) OR say you are revising previous posts & add this later.
4. Client task list with names.
5. Screenshot of client page & menu
6. Client URL if they have an online website already.
7. Portfolio URL online, with screenshot of your front page online.

CodePen

1. W3:  Tables, Lists, Block & Inline
2. Quiz 9
3. Practice CodePen HTML:
   • table–small table with a header row, and at least 2 rows & 2 columns
   • list–one with numbers and one with disc or square bullets (not circles)
   • block–use a div to create a horizontal menu of at least 3 items

Portfolio

1. Keep updating content & design.
2. Add online URL for your site.

Client

1. Client Skills list & Sign up
2. Liaison: Contact client–one person on your team should call, then email
3. Liaison: Set up first meeting for team (and weekly meeting schedule, and first meeting with client.
4. Designer: Research and pick some Kits & Themes that could work for client (eg small farm with store, or Festival etc)
5. Coder: Research and find likely plug-ins you might use according to a “functions list”–eg Events–>Event Manager, Online Shop–>WooCommerce, etc.

Task 9 Posts

1. Subject: Task 9-yourname
2. Codepen image & URL (use “HTML/CSS comments” to distinguish each Codepen addition)
3. Portfolio URL online!! (we will get hosting in class)
4. Client– (share your info with your team so you ALL post ALL of this info)
   • List  Team names& roles (1-Liaison/Manager/Writer, 2-Designer/Media, 3-Coder)
   • Liaison: post client scheduled meeting date/time:  TH or Fri this week if possible.
   • Designer:  add screenshot and URL for top 3 themes or Kits (use your local site to find these, as you have Elementor Pro on there)
   • Coder–list possible functions/plug-ins/widgets you might use

1. W3: CSS, Classes,  IDs
2. Quiz 8
3. Practice CodePen HTML:
   • use CSS to redefine and use a standard tag, like P, div, blockquote etc
   • use CSS to create a class and use it twice for  inline HTML
   • use CSS to create two IDs and use them inline HTML
4. Portfolio due before Monday of break for full credit, by friday of break for -5 points.
   Please send screen shots of each of your portfolio pages, since live links are glitching
   You can create a gallery in your post that has all of your images. Use the “add media” button, then the “create Gallery” link, then just upload images as usual, rearrange by dragging, and add captions for each item below.
   • Home page
   • About Me
   • Portfolio with 4 posts
   • 4 Post pages with post content template
   • Contact form
   • Downloadable CV

See the full Elementor series for any individual video you missed.

Client

Start to think about ideas for your client’s website

Task 8 Posts

1. Subject: Task 8-yourname
2. Category: Task 8 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen image & URL (use “HTML comments” to distinguish each codepen addition)
4. Portfolio URL

1. W3: Quotations/Colors
   Color Picker : https://www.w3schools.com/colors/colors_picker.asp
2. Quiz 7
3. Practice CodePen HTML:
   • use block quote and q
   • use hexadecimal background OR text  colors for 2 H (header) elements
4. Catch up with any Portfolio tasks:
   • Elementor video 8: Project Template
   • Elementor video 9:  Project Post
   • Elementor video 10: Portfolio Page

See the full Elementor series for ny individual video you missed.

Client

1. Review the Client First Meeting page, so you get a sense of how to address clients
2. I will distribute clients in class.

Post:

1. Subject: Task 7-yourname
2. Category: Task 7 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen image & URL (use “HTML comments” to distinguish each codepen addition)
4. URL to Portfolio. Make sure I can view it by testing URL on another friend’s device!!

1. W3S Links and Images
2. Quiz 6
3. Practice CodePen HTML:
   • add 2  links
   • add 2 images
   • add one image link
4. Portfolio: Design Posts–for Projects
5. Portfolio: Build PortfolioPage

Post:

1. Subject: Task 6-yourname
2. Category: Task 6 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen image & URL (use “HTML comments” to distinguish each codepen addition)
4. URL to your portfolio page–I may need to check these in class as URLs dont seem to be working

Post:

1. Subject: Task 5-yourname
2. Category: Task 5 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen image & URL (use “HTML comments” to distinguish each codepen addition)
4. URL “livelink”  to your portfolio

1. W3:  Style Guide
2. Quiz 12
3. Practice CodePen HTML:
   • style guide
   • update style guide elements
4. Portfolio: update your portfolio

Client

Meeting Date: Set client final meeting date between April 26-May 5, The sooner you finish site & set date, the sooner you will be done!!

Deliverables: Add a list to this post of your final deliverables.  Also add this list to your Dashboard WP Dashboard notes (add this plugin if you dont have it, and then use the +note in the very top right of Dashboard to add first note) , so we cal all see them.

Task 12 Posts

1. Subject: Task 12-yourname
2. Category: Task 12 (Do not use “Task” which is reserved for my assignment instructions)
3. Client Meeting date
4. Client site URL–with list of deliverables the post as well as In the WP Notes in the site Dashboard (so your client can also see)
5. Trello URL
6. Portfolio URL

1. W3:  Layout, Responsive Design
2. Quiz 11
3. Practice CodePen HTML:
   • layouts
   • responsive design
4. Take a look at W3.CSS templates–free HTML?CSS code for typical websites
5. Add WP Dashboard notes plugin to Portfolio & Client site
6. Client website: Showcase

Client

Meet with Client and me

• Asses what can be done that’s most useful in next 2 weeks
• Deliverables list?

Task 11 Posts

1. Subject: Task 11-yourname
2. Category: Task 11 (Do not use “Task” which is reserved for my assignment instructions)
3. Codepen image & URL (use “HTML comments” to distinguish each codepen addition)
4. Portfolio URL with other class materials added (via menu & posts)
5. Client site URL–explaining any changes, additions, tests
6. Trello URL