The following the tips apply to editing pages and posts (in WordPress 3.5):

Make sure you can see all the formatting options

When you view a page/post in edit mode you will see bunch of formatting options for your content. The default WordPress set up will only show one row of options. If you press the kitchen sink button this will expand the editing options to show multiple rows.

(Note some WordPress developers will incorporate additional formatting tools so your setup may differ from the screen shot included here.)

Using paragraphs and headings

Now that you can see more formatting options you should see a paragraph/heading drop down menu. To apply a heading just place you cursor on the line of text you want to change to a heading or paragraph. Then choose the heading type from the drop down menu. Headings/paragraphs will apply to the entire block of content.
Tip: If you are using Firefox you can use Ctrl + 1 keys to apply heading 1, Ctrl + 2 for heading 2 and so on.

Next line without a new paragraph

When your press enter (return on mac) you will create a new paragraph. Depending on the set up of your specific website, this usually means you will get a nice gap between each paragraph. This is designed to make it easy to read. However sometimes you want text to go to the next line without starting a new paragraph. To do this you need to do a ‘soft return’ to create a line break rather than a new paragraph. To do this on a PC press Shift + Enter keys. On a mac press Shift + Return. Soft returns can be used anywhere you want content to go to the next line without changing the formatting or creating a new paragraph.

Working with numbered and bullet point list

To make make a numbered or bullet point list you first need to make sure each point is on its own line. Then select the text you want to convert. Press Unordered list  for a bullet style or Ordered list for numbered. If you want text to go to the next line without a bullet point then use a soft return (see previous tip).

Help – when I make some text a heading all the text changes to be a heading

You cannot mix heading types and paragraph text together on one line. A heading needs to be on its own line. If you change some text to a heading and the paragraph text also becomes a heading it means you have used a line break instead of starting a new paragraph. To solve this situation. Click at the end of you heading text. Press delete until the paragraph text appears on the same line. The press enter (or return on mac) to start a new paragraph. Now that the text is correctly separated you can make your heading text a heading.

Including Tables

There are basically two ways you can include tables in your content. You can copy paste content that is already in a table format. Or you can ask your web developer to include table formatting options in the editor tools. The table tools will allow you to a new tables and edit existing ones.

Creating links

To create a link you first need to select the content you want to be a link. Then click on the link icon. This will bring up a little pop-up which you can use to enter the link.

Creating an email link

To make a link to an email address follow the previous steps to bring up the link popup. Then in the URL field enter “mailto:” followed by the email address. Eg: mailto:info@squigloo.com.au.

Linking to a PDF file

To link to a PDF file (or any other file) you first need to upload the PDF file to your website. You can do this via the Media uploader or just press Add Media. Follow the prompts to upload your file. Once it has uploaded the file you should be give a File URL. Copy this URL – it will be what you link to. Then select the text you want to be a link. In the link URL field paste in the PDF file URL.

Adding  images

Basically you want to use the Add Media button to insert an image into post. Follow the prompts to upload the image or choose from your existing uploads. Then choose the options to set the alignment and size. If you would more help with this I would suggest watch this you tube video title How To Add Pictures and Videos To WordPress 3.5 for a comprehensive guide and demonstration.

The content of the web page doesn’t appear in the WordPress editor.

WordPress gives developers lots of different options for where they can store content. When you press edit page or post you will get content which web developer has made as part of that particular page or post. Additional information which you see on the page, such as text on the side of the page, the menus or footer text can be stored in many different ways. It might be a menu or a widget or it could be part of the template files. It’s best to consult your web developer here to find out how to edit other content your page.

Check out the logo Visit the website

The website comes with a variety of methods to search for hats including searching by style, colour and availability for particular dates. The website has a built in availability calendar which allows use to book the hats online.

Visit www.designerhathire.com

Step 1
Download your CSV file to your computer

Step 2
Open Microsoft Excel. One a new blank document.

Step 3
Go to the Data tab and select the From Text Button. You will then be prompted to locate the file you wish to import. Find your downloaded CSV file then press import.

Step 4
You will now be given a series of prompts to choose the format that matches your document. Most database will create your CSV with a delimiter like a comma or semi colon. From the original data type select Delimited and press next.

Step 5
Next you will choose the delimiter type. Check the correct type, usually comma or semicolon. You will see the data preview. If you choose the correct delimiter the data preview should look as require like neat columns.

Step 6
You now have the option to format the data types for each column. For example you may have a date column. You can usually skip this step. Press finish to import your data.

Save and job done!

Visit www.radiancedevelopment.com.au

Getting ready to use OGP for Facebook

Step 1: Make a image to use
Create an image 200px by 200px and upload to your website. This will be the image displayed with your link on Facebook.

Step 2: Get your Facebook ID
To share your page you will need either your Facebook User Account ID for personal accounts or Facebook Application ID to associate your website with a Facebook page. To get your user account ID go to ‘http://graph.facebook.com/yourusername’. To get your Application ID you will need to have an App associated with your Facebook page. To create an App follow prompts at https://developers.facebook.com/apps. All you need is a basic test app so you can get the ID.

Tip: If you want to go back to your App in Facebook simple return to https://developers.facebook.com/apps as a logged in user.

OPG WordPress Plugins

If your running a WordPress based site I would recommend using WP Facebook Open Graph protocol plug-in. If you follow step 1 & 2 above it’s easy to install.

Adding in the OPG Code Manually

If your not running a WordPress site or would prefer to add the information manually you can do so by adding the following into the header of each web page.

Step 1: Define ‘xmlns:fb="https://www.facebook.com/2008/fbml"‘ in the opening html tag.

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> 

Step 2: Add the meta properties inside the header. See Facebook Open Graph Documentation for a breakdown of each of the available properties and options. Here is an example:

 <head> <title>Squigloo</title> <meta property="og:title" content="Squigloo"/> <meta property="og:type" content="business"/> <meta property="og:url" content="http://www.squigloo.com.au"/> <meta property="og:image" content="YOUR_IMAGE_URL"/> <meta property="og:site_name" content="Squigloo"/> <meta property="fb:admins" content="YOUR_USER_ID"/> <meta property="og:description" content="Awesome web and graphic design."/> ... </head>

And that’s it!

Testing what Facebook Sees

To see what will get posted to Facebook and check for errors you can use the Facebook debug tool at https://developers.facebook.com/tools/debug

One of the first major changes was to create mobile website that focused on the needs of users on the go. Our research showed that if you are viewing Profiler Recruitment on your mobile then you after contact information or job searching.  The mobile site focuses on providing quick access to jobs and contact details. It also has a built in call to action which allows users to instantly call or email about a job they have seen on the site.

The rest of the Profiler Recruitment website got an overhaul too. The content was streamlined to provide a cleaner and simpler approach, focusing each page on specific content and adding additional tools for accessing jobs.

Visit www.profilerrecruitment.com on your mobile!

Do you want to make the most of your website for mobile users?
Read the Making my website work on a mobile blog post to learn more about mobile options.

Visit www.thedancingbirds.com

The Dancing Birds currently operate in Australia and France. The new website is the English version for the Australian audience. A French version of the website will be coming soon. Stay tuned.

How to resize then email with iPhoto

1. Open your photo in iPhoto. If you haven’t added the photo(s) to iPhoto just find the file. Click on it then hit spacebar. This will show the image with preview. You will see two buttons down the bottom, the second button allows you to Add to iPhoto. Click this .
2. Select your photo(s) in iPhoto then click on the share button in the bottom right and choose Email. This will bring up a window with options for emailing. Follow the prompts and send!

Thats great if you want to email the photo to someone but if you want to save a copy with a smaller file size for uploading then that won’t suite. Now lets export a copy as low res.

How to save a low resolution copy of your image

Using iPhoto

1. Open your photo in iPhoto.
2. Go to File > Export.
3. Set the quality to high. Under size choose custom. 1000px is a good maxium width but you might want it lower if your design has specified a size for you.
4. Press export to save the file to a new location.

Using Preview

1. Double click on the image in your finder to open with Preview.
2. Go to Tools > Export.
3. Set the dimension type to pixels, changing the width/height to be less than 1000 pixels.
4. Set the resolution to 72.
5. Press ok then choose File > Save As to make a copy so you don’t loose the hi res image.

If you are uploading images to a website then it’s important to reduce the file size before uploading. When an image is on a web page it only needs to have a resolution of 72 dpi and usually no bigger than around 900 x 600 pixels. So if you are uploading images straight from your digital camera then follow these tips on how to reduce the image first. It will save you time uploading and will also improve the performance of your website.

In this tutorial I will show you how to reduce the image size for free without needing Photoshop. This tutorial covers Windows PC users but a Mac tutorial is coming soon.

How to resize & email using Windows Photo Viewer

1. Right-click your image and select Preview to view in Windows Photo Viewer
2. Press the E-mail button in the list of options at the top of your image.
   
3. Choose Medium as the picture size option.
4. Press Attach. This will add the reduced image as an attachment in your email,

How to resize & save a copy using Paint

1. Right-click your image and select Open with  > Paint.
2. Select the Resize button. This will open a popup dialog.
3. Change resize by to Pixels.
4. Change the width to around 900 for landscape photos or 600 for portrait photos. Make sure the maintain aspect ratio is checked. Press OK.
5. Go to the file menu (left of home tab) and select Save as > Jpeg and save a copy of you photo. Be sure to give it a new name as you don’t want to save over the original image.

There is also an option to email the image from Paint as you can see in the last image in the image above.

Other ways to resize images

There are also plenty of other options available. If you are on Windows 7 then try the Windows Live Photo gallery. If you are doing a lot of image resizing then it might be time to consider professional software like Adobe Fireworks or Adobe Photoshop. These aren’t cheap but then will reduce file sizes significantly with quality results.