hub engineering portfolio in wordpress
TRANSCRIPT
![Page 1: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/1.jpg)
Portfolio Examples OnlineEngineering Work Portfolio:
http://www.mistywest.com/product-design-and-engineering-work/
CS and Design Portfolio:http://www.tobiaswenzel.com/portfolio/sprachpiloten-concept-corporate-design-and-webdesign/
![Page 2: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/2.jpg)
7 Tips for a Great Portfolio1. Have an introduction2. Use lots of visuals3. The projects should tell your story
4. Credit others who worked with you 5. Keep each project succinct6. Update it, just like your resume7. Show the process
![Page 3: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/3.jpg)
Wordpress Portfolio Tutorial: Setup1. Make a Wordpress account: https://wordpress.com
2. Chose an appropriate subdomain name (johnsmith.worpress.com)
3. Here is my Wordpress Portfolio, which will be displayed in the tutorial: http://dashaishere.wordpress.com/
![Page 4: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/4.jpg)
If you see this page. Click HERE
![Page 5: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/5.jpg)
Wordpress Portfolio Tutorial: BasicsCreate 3 pages:• About Page• Contact Page• Project Portfolio
![Page 6: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/6.jpg)
Select a Theme and Front PageSetup:• Activate a theme
you like• Click Customize!!!(Next page = important)
Tip: sort by free themes
![Page 7: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/7.jpg)
Setup Portfolio on the Front Page
• In “Customize”, click “Front”.
• Select “static Page”
• Chose your Project Portfolio Page to be the front page.
• Else, it gets messy!!!
![Page 8: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/8.jpg)
Use a New Post for Each Project
![Page 9: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/9.jpg)
Use Lots of Pictures in PostsAdd Media to Upload Pictures
Text for HTML Editing
Categories if you have multiple project types(Biomedical, CS, Business, Art)
![Page 10: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/10.jpg)
Create a Picture Grid on Portfolio Page
Add a cover picture for each project you want in your portfolio
Use Link tool to link it to the matching post (see next page)
Tip: Keep all pictures the same format and size (300 X 300 = best)
![Page 11: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/11.jpg)
How to Link to a PostClick the link box (looks like a chain)
Click “link to existing content”
Select page or post to link to
![Page 12: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/12.jpg)
Make a Menu for Your Site
Go to Appearances Menu
Create a new MenuSelect pages & Categories you want in the Menu.
If you’re using Projects instead of Posts, select “project types” to add to menu
![Page 13: HUB Engineering Portfolio in Wordpress](https://reader036.vdocuments.site/reader036/viewer/2022070601/58830b2a1a28abe70d8b75d3/html5/thumbnails/13.jpg)
Tools to Use for DesignSlideshare• http://www.slideshare.net/jmbeck/engineering-design-portfolio
Canva!!!!• https://www.canva.com/design/DABAe0kCssk/view• Canva is how I made all the pretty pictures for the portfolio