Difference between revisions of "MIT - WordPress Portfolios"

From Help Wiki
m
m (subst applied to Template:TwoColumn)
 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
 +
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<div class="lead">
 +
How to create portfolios in WordPress.
 +
</div>
 +
 
[[Image:Blue-l.png|right|75px]]
 
[[Image:Blue-l.png|right|75px]]
 
==What Is an Online Portfolio?==
 
==What Is an Online Portfolio?==
Line 12: Line 20:
 
'''[[Getting Started with WordPress]]''' - What is WordPress and how is it being used at Evergreen?
 
'''[[Getting Started with WordPress]]''' - What is WordPress and how is it being used at Evergreen?
 
====Access Your WordPress Site====
 
====Access Your WordPress Site====
[http://blogs.evergreen.edu blogs.evergreen.edu] is Evergreen's WordPress server.
+
'''Your sites have already been created''' with a template designed to help you match the ePortfolio requirements to your site.  
* '''Your sites have already been created''' with a templated scaffold designed to help you match the ePortfolio requirements to your site.  
+
* Navigate to your site at: blogs.evergreen.edu/a2cmit2016''your Evergreen user name'' (e.g. mine would be a2cmit2016wiedenhs)
* Navigate to your site at: http://blogs.evergreen.edu/a2cmit2014''yourlastname''
+
 
* You can also just go to http://blogs.evergreen.edu and click the Login button. Use the Admin bar to navigate to '''My Sites'''
 
* You can also just go to http://blogs.evergreen.edu and click the Login button. Use the Admin bar to navigate to '''My Sites'''
 
  
 
==Driving in WordPress==
 
==Driving in WordPress==
Line 22: Line 28:
 
====Settings====
 
====Settings====
 
* '''Settings > General''' - change your site's '''title''' and '''tagline'''
 
* '''Settings > General''' - change your site's '''title''' and '''tagline'''
* '''Settings > Reading''' - your site's '''visibility''' or privacy settings (currently set to you and and your faculty)
+
* '''Settings > Reading''' - your site's '''visibility''' is preset so that only you and your faculty and see this site.
 
+
  
  
Line 64: Line 69:
  
  
{{WordPress Help}}
+
{{Additional WordPress Reasources}}
 +
 
 +
 
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Sidebar Header}}
  
 +
{{WordPress Help Sidebar}}
  
[[Category:2014-2015]]
+
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[Category:2016-2017]]
 +
[[category: Wordpress]]

Latest revision as of 17:01, 14 August 2017


How to create portfolios in WordPress.

Blue-l.png

What Is an Online Portfolio?

  • How are you going to use this site for your Advancement to Candidacy ePortfolio?
  • The portfolio must:
    • contain a table of contents and organized structure,
    • include appropriate documentation for each area, and
    • contain Reflective Essays about each area of documentation.


Getting Started

Getting Started with WordPress - What is WordPress and how is it being used at Evergreen?

Access Your WordPress Site

Your sites have already been created with a template designed to help you match the ePortfolio requirements to your site.

  • Navigate to your site at: blogs.evergreen.edu/a2cmit2016your Evergreen user name (e.g. mine would be a2cmit2016wiedenhs)
  • You can also just go to http://blogs.evergreen.edu and click the Login button. Use the Admin bar to navigate to My Sites

Driving in WordPress

Settings

  • Settings > General - change your site's title and tagline
  • Settings > Reading - your site's visibility is preset so that only you and your faculty and see this site.


Writing and Managing Your Content

Linked Files

  • Link to a file - add files to your Media Library and Insert a Link into your Page
    • Note that your site will automatically provide a list of linked documents in the sidebar of every page. This list will only show the documents linked to from that page.

Images and Video

  • Insert an image - using the Add Media button, set the size and alignment and insert into page
  • Image Galleries - add multiple images in a grid layout
  • Video - embed video from Vimeo or YouTube

Sidebars

Sidebars or "Widgets" in WordPress lingo allow for additional content and navigation and are supported by many themes. Often times if you don't change anything to your side bar a default set of "widgets" will appear. You can change this by adding your own in Appearance > Widgets.

  • Widgets - add additional features to your sidebar

Front Page and Navigation

  • Change what your front page displays - Settings > Reading is where you can change the location of your front page, your is currently set to Overview.
  • Custom Menus - Appearance > Menu allows you to modify the navigation for your site. Note that not all themes support custom menus. Try to choose a theme that does.


Designing Your Site

Working with Themes

Themes allow you to change the design of your blog at anytime. Changing your theme will not affect the primary content of your site.

  • Choose a theme
    • Note: you will need to revisit your Menu and assign a location for your menu each time you change themes.
  • Customize your header image - some themes allow for you to add your own header image Appearance > Header Image (may only appear if your chosen theme supports custom header images)
    • Make sure to use an image that is at least as wide as the recommended header image width for your theme. Most themes have a built-in cropping tool so you don't need to adust the image outside of WordPress.
  • Make additional changes to your theme (advanced)

Adding Functionality to Your Site

  • Plugin Overview - use plugins to connect your site with a variety of web content including Instagram, Twitter, Facebook, Flickr, etc. Want to connect to a popular service that you don't see listed in the available plugins? Let Academic Computing know and we can look into adding it.

Wrap Up


Additional WordPress Resources