Update: As of October 2015, Screenr has been discontinued.
As a guide for other folks trying to post videos on this blog (and, I suppose, on WordPress in general), here is the workflow:
- Create an account on screenr. In order to make a video, simply press Record and follow the instructions.
- After your video is done, it will give you a link to a screenr video. You can simply post a link to this video and have the users navigate to it on their site. The cooler thing to do, though, is to embed the video on YouTube. So…
- Create an acccount on YouTube. Nowadays you can link your Google account so it’s very seemless.
- Back in Screenr, click Publish to YouTube. It will ask for your YouTube name and password. The video is automatically sent to YouTube, and you have to navigate back to the YouTube page to manage it. As it explains on the screen, it may take a few minutes for the transfer to complete.
- In YouTube, navigate to My Videos to manage your new video. One suggestion is to make the video Unlisted, which means that you need a direct link in order to watch it. In the Advanced tools, make sure Enable Embedding is clicked.
- Click Watch on Video Page to see what the video will look like inside YouTube. Then, click Share, and then Embed to get the Embed code. Copy it to the clipboard.
- Now we’re ready to make our WordPress post. Log in to WordPress. Navigate to the WordPress “dashboard” to create a new post (you want to be in the Dashboard to get all the advanced settings for a full post, not just the quick post editor). Type a description of your video. When you’re ready to put the YouTube embed code, open the “Text” tab in the editor and paste the embed code.
- Publish the WordPress post and you’re done!
When you log in to wordpress, there should be a gray bar at the top that has your username. If you click your username, you’ll be taken into a screen that has all sorts of helpful links on the left hand side. Here you can create posts and edit existing ones. The editor that you reach from this menu seems better than another editor I’ve seen pop up, so use this one.
A few helpful features:
- “Upload/Insert” allows you to post pdfs, pictures, powerpoints, you name it. You can upload documents you’ve already written, such as software documentation for example.
- In the “Publish” box on the right hand side of the editor, you can set the visibility of a post to private. Once the blog goes public, this will be important.
- Please set “Categories” for your posts which will help organization later on. You can add a new category, or use existing ones. There are also “Tags” for more specific content organization, but we haven’t really decided how to use one versus the other yet.
- The following page talks about posting source code on WordPress.
- If you have changed a page (like I did with this one) and want to move it up to the top of the blog, just change its publishing date to today’s date!
- Tags allow us to be more easily found through WordPress. Try to add them if you can!
As usual please feel free to add more WordPress tips to this post as we go along!
Here’s how to make a basic website at Penn State and some tips on getting started with HTML/CSS.
Most students should already have web space set up through personal.psu.edu, such as my personal site. To access it, you can use portal.psu.edu. Click “log in”, and then access the file transfer utility. Anything you upload to the /www/ folder will be available through your personal site. Penn State launched an “e-portfolios” initiative a few years ago, with a nice site with web publishing advice. I haven’t checked it out in a while, but I remember there were some good resources there.
As far as website design, I’d recommend checking out free design template resources such as freecsstemplates.org. That cite uses CSS templates, which stands for Cascading Style Sheets. The idea is that the CSS file controls all the design (the background color, the fonts, what links look like, etc.) and you just have to add content through html code. The html commands are pretty basic, and there is a starter html page included at the free CSS website that should help you get started.
Alternatively, you can use a hosting site such as wordpress, such as what handles this blog. It’s great for news-style posts, but not as good if you want to have permanent content such as a resume or sets of links.