Difference between revisions of "MIT - WordPress Portfolios"

From Help Wiki
m (→‎Sidebars)
m (subst applied to Template:TwoColumn)
 
(32 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?==
 
* How are you going to use this site for your Advancement to Candidacy ePortfolio?
 
* How are you going to use this site for your Advancement to Candidacy ePortfolio?
 
*The portfolio must:
 
*The portfolio must:
Line 9: Line 17:
  
  
−
===Getting Started===
+
==Getting Started==
−
*'''[[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. You can create your own site, all you need is an [[Getting Started with Email|evergreen email address]] and [[Evergreen Login - Getting Started|login]].
+
'''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: X
+
* 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==
 
*[[Dashboard Overview]]
 
*[[Dashboard Overview]]
 
====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.
  
−
===Writing and Managing your content===
+
 
 +
==Writing and Managing Your Content==
 
*[[Get Published - Pages and Posts]] - we're only going to be using Pages in the template but feel free to use Posts if you have a compelling reason to do so
 
*[[Get Published - Pages and Posts]] - we're only going to be using Pages in the template but feel free to use Posts if you have a compelling reason to do so
 
*[[Categories and Tags]] - only applicable to Posts
 
*[[Categories and Tags]] - only applicable to Posts
  
−
===Linked Files===
+
====Linked Files====
 
*'''[[Attach a file to a WordPress post or page|Link to a file]]''' - add files to your Media Library and Insert a Link into your Page
 
*'''[[Attach a file to a WordPress post or page|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.
 
**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===
+
====Images and Video====
 
*[[Images in Wordpress|Insert an image]] - using the '''Add Media''' button, set the size and alignment and insert into page
 
*[[Images in Wordpress|Insert an image]] - using the '''Add Media''' button, set the size and alignment and insert into page
 
*[[Image Galleries - WordPress|Image Galleries]] - add multiple images in a grid layout
 
*[[Image Galleries - WordPress|Image Galleries]] - add multiple images in a grid layout
Line 36: Line 45:
  
 
====Sidebars====
 
====Sidebars====
−
Many themes support sidebar content. 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 widgets.
+
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
 
*'''[[Widgets]]''' - add additional features to your sidebar
−
*'''[[Links -WordPress |Add external links]]''' to your sidebar
 
  
 
====Front Page and Navigation====
 
====Front Page and Navigation====
−
*'''[[Front page of WordPress Site|Change what your front page displays]]''' Go to '''Settings > Reading''' to change the location of your front page, your is currently set to '''Overview'''.  
+
*'''[[Front page of WordPress Site|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.
 
*'''[[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====
+
==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.
 
Themes allow you to change the design of your blog at anytime. Changing your theme will not affect the primary content of your site.
 
* '''[[About Themes - WordPress|Choose a theme]]'''
 
* '''[[About Themes - WordPress|Choose a theme]]'''
−
* 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)
+
**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 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.
 
*'''[[Custom CSS|Make additional changes to your theme]]''' (advanced)
 
*'''[[Custom CSS|Make additional changes to your theme]]''' (advanced)
  
−
===Adding functionality to your site===
+
==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.
 
*[[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==
 +
* [[What happens to my blog when I graduate?|What happens to my site when I graduate?]]
 +
 +
 +
{{Additional WordPress Reasources}}
  
  
−
{{WordPress Help}}
+
<!-- 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 16: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


Blue-l.png

WordPress Help

Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=MIT_-_WordPress_Portfolios&oldid=35048"

The Evergreen State College