My Heading

More text

fnkjwdahfuieqwnfwef

‘ewe

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.

1. Login to your Dreamhost account and navigate to WordPress –>One Click Installs.
2. Install WordPress in a NEW FOLDER on your Dreamhost account, following these instructions.
3. An email (based on your Dreamhost account email) will be sent to you from WordPress to set your password.  Use an easy temporary password, as it will be replaced when you import your local site.
4. On each of your two sites: login to WordPress Dashboard.  In WordPress Dashboard  go to Plugins–>Add New.  Search for All In One WP Migration plugin
5.  Install the All In One WP Migration plugin plugin & Activate it on your source (local) site and on your Destination {online) WordPress site.  A new All In One WP Migration plugin tab will appear in the black menu area of the Dashboard.  Use this tab to do all import/exports.

6.  Now export your Source (local) website via the All-in One Migration plugin with the Export To button (Ignore the ADD button .  This will generate a file with extension .wpress
7. Then login to your WordPress Destination (online) site.  Go to All-in One Migration plugin and  import. You will be asked to replace/delete all current info (in order to replace it with all the content from your Source WordPress site.
8. Make sure your email in your Source (local) WordPress site is your @maine.edu email–as your user/email /password will ALSO be imported onto the new site.
9. Once import is complete, you will only be able to login to the update site with the original user/email/password from your Destination (local) site. As that info replace the temp password you gave tot he Destination site earlier.
10. Login to the updated Destination (online ) WordPress site, using the user or email//password from the Source (local ) site, then in Dashboard go to User–> Add New–> add me (see Slack #Wordpress for my credentials to add) and also add your teammates–all as Administrator.

WordPress Install

Portfolio

1. Get Dreamhost hosting, using your @maine.edu email; if you used another email, go to your profile/account in upper right (see my tiny photo in first image upper right near Joline) and edit your email so it’s the @maine.edu one (you can change it in a few months if needed; but ANY WordPress install you create will use this Dreamhost email).
2. (If you mistakenly installed any WordPress sites, you may need to ask me to delete them before installing any other ones–I can do this in class)
3. Install WordPress with “WordPress–> One Click Install”. Add a folder when Installing, and check OFF the 2 tick boxes.  ANY Install of WordPress should be in a folder–that’s what the blank box is for–ie the folder name, which will become the last part of your URL after your domain name.  Keep the Automatically Create Database.
4. Once WordPress is installed, you should find the email (it will be @maine.edu IF your Dreamhost account is set to that) and set it to the SAME password as on your local site–this will avoid any password confusion, as they should be NO change.  Wordpress ALWAYS links your website to your email address which cannot change, and Dreamhost uses its email on file to create your WordPress email for each One-Click Install.
5. Then add the All-in-one Migration plug-in on both your local site & your new Dreanhosted WordPress site.
6. You will need to login to your Dreamhosted WordPress site to do so. Your URL wil now likely be http://mygreatdoman.com/portfolio;  Use http://mygreatdoman.com/portfolio/wp-admin to login to your new Dreamhosted WordPress site.
7. On your local site, use the plugin to export your site as a “file” on your local computer.
8. In your Dreamhost WordPress site, use the All-in-one Migration plug-in (see tab in Dashboard once you activate the plugin) and IMPORT the file that you created from your local website.
9. Both sites will now have the SAME  email/password, since you just imported that (complete with login info).

Client

Client sites work the same way in steps 1 & 2, but you may not be importing any clones sites, AND you must use a new folder when you do the 0ne-click-install; ie not “portfolio” but maybe “wbbfestival”  or whatever identifies your site–no caps, no spaces. You can even use the same email/password for the client site; as your teammates will also create their own when you add them as “Users”  with Admin role to the client site

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!!