‘Downloading’ your Site (for back up and/or export)

While UBC blogs keeps a backup of your site, I think it’s always a good idea to keep my own backup copy. For info on how to export your site (or just certain pages or posts in your site) and even how to import that site onto another wordpress server, please see this link:


or download this step by step handout I created:
Exporting and Importing WordPress Files(1)

Posted in back-up, copy, export, import, Wordpress Settings | Leave a comment

Embedding slideshows from other sites

You can create some elegant slideshows using ‘third party’ sites such as ‘Slideshare’ or ‘Flickr’ and embed them in your WordPress post or page. This is fairly easy to do as long as you remember to click the ‘Text’ editor tab prior to pasting the embed code.

Text field


You can upload Powerpoint presentations to Slideshare, copy the embed code and paste it to your wordpress page!

tip: be sure to click the ‘text’ tab before pasting so that your page recognizes the html embed code! If you paste it in the ‘visual’ editor, it won’t work.


See this page for a slideshow from ‘Flickr’

or this page for an ‘infographic’ using ‘Piktochart’ http://blogs.ubc.ca/testingportfolio/philosophy/a-visual-representation/

To create a slideshow inside your wordpress blog using a slideshow ‘plugin’, see this post.

Posted in images, slideshows | Tagged , | Leave a comment

Citing within your blog

“The term reference is used in many spheres of human knowledge, adopting shades of meaning particular to the contexts in which it is used.”

When citing other sources in your blog or website, it is very important to give ‘credit’ where credit is due (and it is always due!). *For online sources, you might create a link to the original source and remember to always use quotation marks when directly quoting. You might highlight and link to the entire quote as I have done above.

When sharing information you gleaned from another online space or publication (that is not a direct quote), such as a blog or website, you should link out to the site as I have done below. For academic sources, I would suggest using Chicago in text citations (which footnotes your reference) as they are ‘cleaner’ looking with numbers rather than bracketed names and dates, but you can use any style with which you are comfortable. Again, though, I would recommend citing on each page or post of your blog rather than a reference list as a separate page. Unfortunately, I am unaware of a specific style guide to advise on this. You can create the footnotes in Word and just copy and paste the paragraph into your blog. The footnotes automatically become links and the citations from your document will appear on the bottom of the page.


CC image pixabay.com

**With images, it’s also important to reference (use creative commons images citing appropriately). I often use a caption with a link to the image source but always ensure you check individual copyright needs. NB: Pixabay has creative commons images with no attribution needed (although link-backs as I’ve done here are always appreciated and you can even buy them a cup of coffee in thanks!). It is important to note that the ‘Fair Dealing’ exception in copyright allows for educational use but notes that fair dealing considers whether there are alternatives to copying the work, including whether there is a non-copyrighted equivalent available. I would suggest there is likely a non-copyrighted equivalent available for many images (if you look – so a CC image search!).

NB: to add the caption below the image, click on the image you’ve inserted into the page or post, select the ‘pencil’ edit tool and type the caption. You can also set alignment here so that your images has text ‘wrapping’ or not. (I used text wrapping above but not in the image below)


Below the following paragraphs, I’ve added a horizontal line (from the visual editor menu bar) for a more organized appearance:

Interactive WhiteBoards, like the SmartBoard, have become commonplace in many schools over the past decade. IWB’s afford access to a variety of learning styles and can support inclusion according to Universal Design for Learning theory.[1] They promise the ability to increase student engagement by providing a focal point for instruction, interactivity, gaming and animations. This increased focus and engagement can improve student learning.[2]

Still, barriers to this potentially valuable technology include the price tag (a system must include a dedicated computer, projector and the IWB), and time. Teachers report that initial planning and preparation time are increased when using IWB’s. Further, time spent on troubleshooting, including ‘orienting’ the board, is seen as a disadvantage to implementation.[3]

[1] Pellerin, M. (2013). E-inclusion in early french immersion classrooms: using digital technologies to support inclusive practices that meet the needs of all learners. Canadian Journal of Education, 36(1), 44+. Retrieved from http://go.galegroup.com.ezproxy.library.ubc.ca/ps/i.do?id=GALE%7CA323659495&v=2.1&u=ubcolumbia&it=r&p=CPI&sw=w

[2] Troff, B. & Tirotta, R. (2009). Interactive whiteboards produce small gains in elementary students’ self-reported motivation in mathematics. Computers & Education ,54, 379-383.

[3] Krug, D, (2004). Leadership and Research: Reimagining electronic technologies for supporting learning through visual arts. Studies in Art Education: A Journal of Issues and Research. 46(1), 3-5.

CC images courtesy of Pixabay.com

*The above is advice from an instructor and is not ‘legal’ advice. You must always verify appropriate copyright yourself – http://copyright.ubc.ca/

**See post specific to Creative Commons Images

Posted in citations, images, inquiry, Permissions, referencing, Uncategorized | Leave a comment

Creative Commons Image Search

Remember to respect copyright in your online work. Whenever you upload an image, you need to ensure you have permission to do so. Where possible, take the photo yourself or be sure you do a Creative Commons or Public Domain Image Search. Do not simply go to google images and take what you wish! This is also good modelling for your students… part of initiating them in our digital age!


Creative commons images usually required attribution (you say where you got the picture and who authored it right on the webpage). This varies and you really need to look at each image source…

One of my favourite sources for presentations and my webwork:

Pixabay.com  (some high quality, high interest creative commons images with no attribution required (they never mind if you link back tho… a nice courtesy!) NB: the top set of images that appear are ‘stock photos’ – usually with watermarks… these are for user pay… the rest on the page are free.

Visit the Scarfe Digital Sandbox for more info on high quality image sources:  Search the image or copyright categories.


Posted in images, media, Permissions, Uncategorized | Leave a comment


If you have several images you’d like to include, you can add them as a slideshow like the one below (Portfolio Slideshow 1.5.1). You can also create more visually appealing slideshows using online apps such as ‘Slideshare’, ‘Flickr’ or ‘HaikuDeck’ – you would then ‘grab the embed code’ from the website and paste it into the page. Be sure you are on the ‘text tab’ when pasting code. Visit the Scarfe Sandbox to learn more about Slideshows.






To use the built in slideshow in ubc blogs wordpress, Click Plugins in the left column navigation of your Dashboard.

Select Portfolio Slideshow 1.5.1  (it may be called something else depending on the version available)

Now go to the page or post where you’d like the slideshow to appear. Scroll down to “upload and manage images” and follow the upload instructions. 

To add this slideshow to a post, copy and paste the "shortcode" from the instructions into the page or post:







[portfolio_slideshow id=176]

*It can be a bit finicky. For detailed info on how to set up your slideshow, check WordPress Support pages

Posted in FAQ, Uncategorized | Leave a comment

Adding images to pages or posts

To add an image (or other media – video, sound file, pdf file etc), you click the Add Media button on the top left of the visual editor box (that’s the box you type in).


Click Upload Files and then either drag and drop your file (jpg, pdf etc) or use the Browse button to browse your computer. Once you upload a file, it will appear in the Media Library tab. NB: You can select left, center or right alignment and size. You should include the copyright info for the image in the boxes provided when you upload!

InsertMediaBe sure you ‘INSERT into POST’ so that it appears in your posting (or you page)

*Remember to always hit the blue button – update, publish, save…

If you have several images to share, you can create slideshows (see this post) or even eye catching photo collages on third party sites such as “PhotoVisi” and upload them as jpgs to your site.

Posted in images, media, Uncategorized | Leave a comment

Collecting Artifacts

This gallery contains 3 photos.

from: http://blogs.ubc.ca/portfolio/what-to-include/step-2-collecting/ An initial major task of portfolio development is the gathering and sorting of artifacts. Artifacts are any ‘things’ or objects that can be used to illustrate or demonstrate a point or argument or concept. In an efolio, artifacts represent … Continue reading

More Galleries | Leave a comment

Themes & header images

WordPress contains a variety of built in themes from which you can choose. Different themes have different capabilities including customizable headers (so you can put your own image at the title of your page). You can completely change the look and feel of your site at any time by selecting a new theme.

View this video tutorial to learn more: http://www.youtube.com/watch?v=0YTLoQ8QqwQ

Many themes allow you to upload your own header image. The header is the image the appears at the top of each page in your eP. I do not have a header image set for the theme I am using for this eP sandbox site. You can visit the Scarfe Sandbox to see an example of a theme with a header image (the sandbox is the header).

To set a ‘header image’ for a theme that supports one, click the Appearance menu, scroll down to header and then upload. If ‘header’ is not an option, then the theme doesn’t allow a header image and you’ll need to choose a new theme if you want a header.

*For some themes, you can also set an unique photo for each page of your portfolio – Do so from your dashboard by opening the page or post you wish to change, scrolling down to the bottom right corner of the dashboard and selecting ‘Set Feature Image’. For this eP site, I have chosen a theme that allows for a featured image for each blog post. When you click on the FAQ page, you will see a series of images – these are the featured images for each post on the blog!

Once you’ve uploaded or selected the photo you wish to use, be sure to click ‘Use as featured image’ – this will enable the photo to show up as your header on the selected page!

Posted in Wordpress Settings | Leave a comment

Posting to categories – organizing your blog!

By adding things like reflections or resources as POSTS to your , you can help to organize your site and also allow the visitor to view the ‘threaded’ and ‘in process’ nature of these reflections – your thinking as it evolves. By creating new categories and selecting or deselecting them depending on the topic or content of a post, I’m able to organize my posts and also help to determine where they are housed.  The categories menu is on the right side of your dashboard.

Video tutorial – Creating reflections as posts (as I have in this sample blog – all of my reflections appear in my ‘artefacts and reflections’ menu): http://www.youtube.com/watch?v=8s54SXGI8fc

Posted in Reflections, strategies, technology integration, Wordpress Settings | Leave a comment

Adding Personal Photos

Discussing aspects of your pedagogy that are of great importance to you as an educator can strengthen a professional portfolio and tell the audience something about you as a person. Enhancing this with multi-media helps to tell the story.

*You’ll notice that this post will appear under the ‘artefacts and reflections’ tab in my main menu and will also appear under several of my categories on the right side margin.

Adding images, pdf files or audio content – select the ‘upload/insert’ tool and browse your computer for the image… be sure to note your permissions for upload in the dialogue box that appears before clicking ‘insert’.

Yvonne and Maggie at White Rock Beach

A day at the beach with our students!

To include a caption, simply type your information in the caption box when you upload.

With the above image as an artifact, I would reflect on the importance of Environmental Education and Field experience in my practice and, likely in theory as well. I would include an annecdote related to the selected image and make links to practice. NB: protect the privacy of subjects – this teacher has given me permission to use this image.

It is important to remember that your eP is about YOU – not about your students. While you will want to include some artifacts, images and samples of student work that trigger reflections and provide examples of things you facilitated, you should still be able to protect children’s privacy. If a child’s image is recognizable (perhaps in a video where you can’t blur it or cut it), you will need specific written permission from the parent of the child (anyone underage of consent). Your school should be able to help with this.

Examples of protecting student privacy:

Posted in Environmental Education, images, media, pedagogy, personalized learning, Privacy, Reflections | Leave a comment