Adding and Deleting Menu Items

NAVIGATE TO MENU PAGE

Go to Appearance->Menus (in the left hand subpanel)


ADD ITEM TO MENU

On the Menus page, check the pages you would like to add and then click “Add to Menu”.

The image above shows a list of published Pages. You can also add Categories, Posts, Tags and Custom Links to your menu, as shown below.

If the you don’t see recent Posts, Pages or Categories listed click “View All”


ARRANGE MENU ITEMS

A typical menu will look something like this. In most themes the menu items which are flush left will be displayed in the menu on the front end while the indented menu items will appear in a dropdown list from the main menu on the front end. This is theme-dependent behavior and may vary.

Menus ‹ WPFolio — WordPress

You can easily move the menu items to change their order and nesting. As you can see below that “Video” is being moved to next under “Resume”.

Moving Menus Items‹ WPFolio — WordPress-1


SAVE MENU

And, as usual, don’t forget to save the menu by click “Save Menu”

Save Menu ‹ WPFolio — WordPress


VIDEOS

YouTube – WordPress 3.0 Custom Menus Tutorial

YouTube – How to Customize WordPress 3.0 Menus (Video)

YouTube – WordPress 3 Tutorial Part 8: Custom Menus


USEFUL LINKS

Navigation Menu
Steve Lambert’s explanation of creating menus for WPFolio on the WPFolio Wiki

Preparing Videos

 

Instructions for preparing videos will vary depending on where they are being uploaded and the software that is being used. The way explained here is fairly simple and easily afforded by the average user. If it is not suitable for you, please search online for other methods.

Videos use a great deal of data and so to play a video online we need to reduce its size so that it will stream smoothly, even when using services like Vimeo or YouTube. These are instructions on how to make your video smaller in size (less width and height) and how to compress the video more.

Tools

I use Quicktime Pro for compression. It costs $29.99 to upgrade from Quicktime to Quicktime Pro.

If you have a Mac you already have quicktime. If you are on another operating system you will need to download and install Quicktime.

Buy Quicktime Pro and install it by entering your registration key, as instructed on the Quicktime website.

If you are using another video editor it should have similar capabilities and settings for EXPORTING. DivX Pro is another choice besides Quicktime Pro for converting videos.

Compression Instructions

I followed the compression guidelines from Vimeo but then modified them a bit to compress the videos more than they suggested. Their guidelines are clear and a good place to start.

And Apple’s instructions for exporting are a very thorough explanation but have much extraneous detail. They may be useful in more complex situations.

Also, Longtail Video (who makes JWPlayer, a well-known video player) has a good explanation of compression.

Squidoo provides comprehensive instructions for compressing and uploading videos to YouTube using DivX Pro, as well as instructions for watching and marketing videos.

Instructions for Exporting Videos

1) Open the video in Quicktime Pro. Go to File->Export in the menu. Don’t use “Export for Web”. You will have less control.

2) Navigate to the folder where you want to save the export. Name the exported video something memorable, explanatory and comprehensible. I recommend naming files in all lower case and replacing white space with a dash or underscore.

Choose the appropriate setting from the “Export” dropdown list. This should be clear. For Vimeo, export the file as an MPEG-4 (.mp4) which is now the most up-to-date compression format (like mp3 for audio).

3) Then click “Options” Below are what I have found to be optimal for exporting videos. You may have to experiment with these settings depending on the length and quality of your video. The options I have chosen are for the high definition format. Changing the Date Rate will alter the file size the most. More kbits per second the larger the file. If the Data Rate is too small the video will loose quality and become pixelated. The idea is to find the compromise between the smallest file size with adequate quality playback. If the video is too large it will not stream smoothly, stopping to rebuffer. Changing the width and height will also alter the file size. For an online streaming movie, the exported video should be no wider than 720 pixels. Other common sizes are included in the Image Size dropdown list, such as 640 x 480 and 320 x 240 among others. The size of the exported video needs to be proportional to the original video. In this instance the original video is 1260 x 720 pixels which has been sized to 720 x 405 pixels. In other words the settings will vary depending on the size of your original video.

4) Click the “Audio” tab. Choose the following settings. I have decreased the quality a little from those suggested by Vimeo but not by much. “Encoding Quality” should be “Good” rather than “Better” or “Best”.

5) Keep the defaults in the “Streaming” tab. Click “OK” in this dialog box. Then click “Save” for the export. It can take a long time for the video to be exported, from 10 minutes to an hour or more.

Once you have set the Options, you can use “Most Recent Settings”. I recommend that you write down your settings and keep them to remember them for another day.

6) Open the exported .mp4 and watch it in Quicktime to make sure that it is OK.

7) Upload video to Vimeo or YouTube

See Vimeo upload tutorial:
http://vimeo.com/339189

 

Using the Links Manager

When WordPress is first installed, a “Blogroll” is automatically created in the sidebar of your site. The name “Blogroll” is a leftover from the days when WordPress was used only to create blogs. WordPress comes with what is more accurately called a Links Manager. With the Links Manager, it is easy to add a list of links and organize the links into categories.

Adding a Link Category

Click the “Links” in the right sidebar of the WordPress admin. Then click “Link Categories”.

Add the name of the Category. Add the “slug” using only lowercase letters and replacing white space with a dash or underscore. Adding description is optional. Click “Add New Link Category”.

Adding a Link

Click “Links”  in the righthand sidebar of the WordPress Admin

Click “Add New”

Add the Name of the website.
Add the Web Address including the http://
Add a Description (optional)
Choose a Category
Click Add Link

Repeat for to add more links.


Useful Links and Videos

WordPress Training

Videos Online
Add Links to WordPress Blogroll by benji52host

WordPress.tv


For Clients

Most often links are displayed in a sidebar using WordPress Widgets. (See info about WordPress Widgets), but I sometimes create a Page for clients to display links.

For Links to be displayed on the Links Page, follow the instructions above and the links will automatically appear on the Links Page.

Important info for Clients

Do not delete or modify the links page in the WordPress Admin. A Links Page will include info about adding links and specific instructions for a client and looks something like this:

And if the Video Manual is included on your site.

Go to Video Manual in the right hand sidebar of the WordPress Admin
Navigate to the Links section and watch the 3 videos about Links

Adding Title, Media, Date Size to Artwork

 

In the admin section of WordPress navigate to a “Post” with a “Gallery”.

There are 2 ways to access your uploaded images.

1) In the text box, click the gallery icon and then click the image icon to edit the gallery (see below).

OR

2) Click the image icon adjacent to “Upload/Insert

In the overlay dialog box click “show” next to an image.

Add title, media, size and date to “Title”.
(As you get to know WordPress, you may want to use the other options. For now, leave them as is.)

Repeat this process with all your images.
Once you have finished click “Save All Changes”, at the bottom of the list of images.
Because this is a “Gallery”, do not click “Insert into Post”

Exit the dialog box by clicking the “x” in the upper right hand corner.

Be sure to click “Update” in the right hand corner of the Edit Posts page to make sure you have saved the changes to the page.


Useful Links

Adding Posts – WPFolio User’s Manual

Exporting Images

To create a jpeg for a web-ready image, you should export the image rather than saving it. In Photoshop use File->Save For Web and Devices.

Photoshop Saving For Web and Devices

Photoshop Saving For Web and Devices

(In Fireworks use File->Export.)

Exporting  jpegs between 80% quality and 60% quality in Photoshop will produce usable images. You are trying to find the correct compromise between image size and image quality. You may have to experiment with the quality settings to produce satisfactory images. If your jpeg images are larger than 250KB, then you are saving them with the quality settings too high. Usually web images are between 50KB and 220KB. If they are this size your image will load faster and will be less load on the server

Photoshop’s export screen makes experimenting with image quality easy.
Choose the quality settings in this right hand panel.

Choose Jpeg Quality

Choose Jpeg Quality

Photoshop will display your working photo (Original) and the Optimized image or let you compare images either 2 settings at a time (2-up) or 4 at a time (4-up). At the bottom of each image preview is displayed the image size and load time. (You can choose the connection speed, as needed).

Previews of Jpegs of Different Quality

Previews of Jpegs of Different Quality

Click on the image preview with the chosen quality setting then click “Save” to save the image on your computer.

Name the image sensibly. I advise you to name it with all lowercase and no white space, using a dash between words. Frequently I number images in the order that want them to appear on the web page, e.g. 01sculpture-name.jpg, 02another-sculpture-name.jpg, etc.

Knight Digital Media has a very good tutorial on exporting jpegs and the difference between “save as” and “save for web and devices”.

You do not need to create thumbnails, WordPress will do that for you.