Exploring the New WordPress Media Manager

WordPress 3.5 is due December 5, 2012, and brings with it the new Media Manager, a much anticipated improvement to the Media Uploader and Media Library in WordPress.

Check Out the New Media Manager in WordPress is an extensive article and review I’ve published on . It features a step-by-step tutorial on using the new Media Manager for uploading and managing your images, video, and audio on WordPress, as well as a few of the unusual quirks in the new feature.

If you have a WordPress.com site, you will be able to test drive the new WordPress Media Manager. Those with the self-hosted version of WordPress will need to wait until December 5 when WordPress 3.5 is released or become a beta tester.

Hot Podcasts You Need to Put In Your Ear

Many of my workshops and classes specialize in podcasting or include podcasting tips and techniques.

The following is a list of recommended podcasts to give you a taste of what is out there, the styles and techniques that have proved successful, and those you should add to your listening habit. Continue reading

HTML and CSS Basics Tutorial [Video]

The following video is for Clark College’s HTML Fundamentals Class and covers the basics of HTML and CSS you need to know for building and fixing web pages. It also applies to understanding the underlying architecture for WordPress Themes.

CTEC 122 HTML and CSS Basics You Need to Know from Lorelle VanFossen on Vimeo. Continue reading

Web Browser Tips for WordPress, HTML, and Web Design

The following video contains useful web browser tips to help you speed you your browsing, WordPress, and web design work.

Basic Web Browser Tips by Lorelle VanFossen for Clark College from Lorelle VanFossen

Please note that the video refers to the Windows keyboard shortcuts using the CTRL key. This is the equivalent to the CMD key on Mac.

For mobile devices, long presses usually activate the equivalent of keyboard shortcuts and right clicks, though not all of them may be available in the apps you are using.

Here are some of the specific tips covered in the video.

  • Editing (just like in a word processor)
    • CTRL+C = Copy
    • CTRL+X = Cut
    • CTRL+V = Paste
    • CTRL+Z = Undo
  • CTRL+T = Open New Tab
  • F5 = Reload/Refresh Page
  • Zoom in and out of a web page (magnify): CTRL+Plus and CTRL+Minus
  • Right click on links on the page brings up the right click menu to access link specific options and features.
  • Right click on blank or empty spaces on a web page brings up the right click menu for page specific options and features.
  • Learn to open web pages in tabs not windows. This saves on computer memory issues and speeds up your browser process.
    • Use Mouse and Keyboard shortcuts: CTRL + Left Click on Link = Opens Linked Page in New Tab
  • Fast Navigation through Browser Tabs
    • CTRL+T = Opens New Tab
    • CTRL+1 = Goes to Tab #1
    • CTRL+ 2, 3, 4, etc. goes to that tab number
    • CTRL+Arrow = moves focus to next and previous tab
  • Working on web page design or WordPress? Refresh and you don’t see changes? You need to clear the cache and do a "hard" clearing page reload. F5 or SHIFT+F5 OR do a Cache Refresh
    • CTRL+F5 (Firefox and Chrome)
    • CTRL+Shift+R (Firefox)
    • CTRL + R (Chrome)
    • (You may have to repeat a couple times)
  • To view the source code of a web page: Right Click > View Page Source
  • Web Developer Tools

Testing Video Floats and Alignments

Alex Ferguson came up with a way to help us align videos with the text, floating them to the left or right of the post content area so the text will wrap around the video.

NOTE: This is not for the timid nor typical usage. This was an experiment and it works. To embed a YouTube (and most popular video services) video into your blog post, simply paste the URL into the post on its own line with a space above and below.

Let’s see if this works.

It does, but the technique is a little trickier than you might thing. Remember, this is for within a WordPress.com blog, thus we have to work around some of their limitations.

The code involves creating a DIV with the alignment class for left, right, or center, plus the WordPress.com Youtube shortcode with the width and possibly height set.

<div class="alignright">


In the link to the Youtube video you should see &w=400&h=450. This sets the width of the video to 400 pixels, narrower than the typical 500 or so, and the height to 350 pixels. Every Theme has a different column width so you will need to play around with these to get them the right size for your WordPress.com site.

This is what we call a “hack,” a way around the typical way of doing things. I recommend you save this in a reference text file so you can copy and paste in the video link next time you try this in a post.

Thanks, Alex, for experimenting with this!