Category Archives: Tutorials

How to create Menus

One of the really cool things that WordPress 3.0 includes is the ability to create custom menus. You can build your menu from any combination of Page, Category or Custom URL. This takes the organization and presentation of your content to a whole ‘nother level. Seriously.

  1. Go to the new Menu option in the Appearance subpanel:
  2. Enter a name for your menu (this doesn’t show up anywhere), and click on Create.
  3. Select menu items from existing Pages and/or Categories, and click on the Add to Menu button.
  4. You can also add any URL as a menu item using the Custom Links panel.
  5. The menu items you’ve added appear in your menu as drag-able objects. Simply click and drag to reorder your items. You can even create a drop-down menu by placing menu items under another item, indented.
  6. Finally, in order to activate your menu, you need to select it in the Theme Locations panel and save.
  7. My menu from this example (using the TwentyTen theme) looks like this:

Enjoy your new menu!

This entry was posted in KS Blogs, Tutorials and tagged . Bookmark the permalink.

FTP Problems?

Here are the most common solutions to FTP problems you may have with the education webserver:

  1. Reboot your computer and try again. Sometime connections between your workstation and the webserver become frozen, which is fixed with a simple reboot.
  2. Toggle the Passive FTP setting: If it is checked, uncheck it and try connecting again. If it is not checked, try checking it or turning it on. For Dreamweaver users it is under Manage Sites > Remote Info.
  3. VPN: For security reasons, you must be on the KS network in order to FTP. If you are on campus, don’t worry about this. If you are at home, you need to first connect to VPN in order to FTP. Click here to check your IP address, if it starts with a 10.x.x.x, you are on the KS network and should be able to connect.
  4. Proxy: The latest Apple Security Update changed a proxy setting that causes problems for OSX users trying to FTP. To fix, go to System Preferences > Network > Advanced > Proxies, then uncheck the “Use Passive FTP Mode (PASV)” checkbox. Click on OK, then Apply.
    Picture 266

If these tips don’t help, check if you can reach the webserver itself. Try browsing to your website, if you cannot view your website in your browser, try viewing another website on the server like http://kapalama.ksbe.edu. If you can’t view any of these websites, you may have been blocked by the webserver’s IDS (Intrusion Detection System). Don’t feel bad, this is an unfortunate by-product of server security: a balancing act of trying to keep the bad guys out while allowing the good guys in. Contact the Help Desk and request to be removed from the blocklist.

This entry was posted in Tutorials. Bookmark the permalink.

How to embed Voicethread videos

How to embed Voicethread (and other flash) videos:
Note that this will not work for all flash video sites, it depends on how open the video site chooses to be.

1. Copy embed code from Voicethread, find URL to video within the embed code (highlighted text):
Picture 36

2. When writing new Post, click on Flash button (silver f, second from right) in toolbar:
Picture 112

3. Paste in URL from embed code:
Picture 37

4. Enter 400 for width, then 300 for height when prompted.

5. Publish your post and test.

6. Pau!

This entry was posted in Tutorials and tagged . Bookmark the permalink.

How to Reduce PDF Filesize in OSX

The default “Reduce File Size” option in OSX Preview often leaves you with undesirable results, pixellated images or unreadable text. If you’ve ever wished for the ability to control the quality/filesize balance, follow the instructions below:

  1. Launch the ColorSync Utility in Applications > Utilities, and click on Filters.
  2. Click on the Plus sign button at the bottom left to add a new custom Filter, I called mine “Reduce Filesize Mid-Quality.”
  3. Click on the little triangle to the right of the filter to add an effect, select Image Effects > Image Compression.
    colorsyncimagequal.png
  4. Choose JPEG as the Mode, and drag the slider to select the quality level you want. When I experimented with different levels, I found that the Min setting actually yields a pretty good quality, and results in the smallest filesize.
    imagequalitylow.png
  5. Now in Preview, open the PDF you would like to shrink, go to File > Save As and select PDF as the Format and change the Quartz Filter to the one created above, and click on Save.
    pdfsaveas.png
  6. Enjoy your new smaller PDF!

The file I tested with shrank from 12.2 MB to 1.7 MB, so the difference is substantial.

This entry was posted in Tutorials. Bookmark the permalink.

How to embed Vimeo (and other flash) videos

How to embed Vimeo (and other flash) videos:
Note that this will not work for all flash video sites, it depends on how open the video site chooses to be.

1. Copy embed code from Vimeo, find URL to video within the embed code:
picture-17.png

2. When writing new Post, click on Flash button (silver f, second from right) in toolbar:
flashbutton.png

3. Paste in URL from embed code:
pasteurl.png

4. Enter 400 for width, then 300 for height when prompted.

5. Publish your post and test.

6. Pau!

This entry was posted in Tutorials. Bookmark the permalink.

How to embed a swf file

1. First upload the swf file, then send to editor, then click on the “Code tab” to get the full URL to the swf file. The full URL will start with http://… and end with .swf – Copy the full URL you will need it in the next step.

swf Send to Editor

2. Click on  the silver “F” icon on the Visual text editor when writing a post
swf icon

3. Paste the full URL to the swf file into the pop-up dialog box:
swf details

4. Enter 400 for width, then 300 for height when prompted. You can play with these numbers to see what works best if you are unsure of the file size.

5. Publish your post and test.

This entry was posted in Tutorials. Bookmark the permalink.

How to embed TeacherTube videos

Getting the correct embed  code for TeacherTube is a little tricky, and may not always work, remember, you can always simply link to their website.

1. Copy the Embeddable w/ Video Search code:
embedwithvid.png

2. Paste into a text editor so you can modify the code, you should see this:
ttembedorig.png

3. Look for the highlighted code above and replace with ‘?flashvars=’ without quotes, the code you end up with should look like the example below:
ttembedtobe.png

4. Now to embed the video, when writting a post, click on Flash button (silver f, second from right) in toolbar:
flashbutton.png

5. Paste in the embed code from step 3 above:
ttembedpaste.png

6. Enter 400 for width, then 300 for height when prompted.
7. Publish your post and test.
8. Pau!

Note: Sometimes the TeacherTube embed code will not work after you save more than once. In this case, simply paste the modified code again into your post and save.

This entry was posted in Tutorials. Bookmark the permalink.

Writing a Post

This video shows you how to log in and write a simple post to your KS Blog.

wpdk_writepost.mov

This entry was posted in Tutorials. Bookmark the permalink.