How to add a Post or Page In WordPress and Inserting an image or a gallery.
If you dont know the difference between a WordPress Page or post please read my previous entry first; The Difference between Pages and Posts
The main difference between adding a Post or a Page to your Site is that you can categorize your Posts. Otherwise the Admin / Editing page looks the same (see image below).
Click on Image for a Larger view
To write a post:
Log in to your WordPress Administration Panel.
1. Click the Posts tab.
2. Click the Add New Sub Tab
3. Fill in the title
4. Write your content for your post or page
5. As needed, select a category, add tags, and make other selections from the sections below the post.
Each of these sections is explained here.
http://codex.wordpress.org/Writing_Posts
6. Save your Post or Page as a draft and preview it as many times as you need to.
When you’re satisfied you have finished, click Publish.
There are lots of features and tools available in this ‘Add a Post’ window.
I am just going to deal with the main ones here that most people will use consistently to create content and need to get started.
In this Tutorial;
Inserting Images and galleries
In Tutorials coming up;
• Inserting Links and using Images as links.
• Using Drafts and previewing your content before Publishing.
Inserting Images and Galleries into your Post or page
Click on the ‘Add Image’ Button at the top of the Toolbar.
Click on Image for a Larger view
This will bring up the ‘Add an Image’ Window (See Below)
Click on Image for a Larger view
Click on ‘Select Files’ and browse to the Folder where your images that you want to use, are being stored.
One of the great things about Using WordPress is you can bulk upload images using the Flash Uploader
In the Image above I have selected the top 6 images to upload.
use the CTRL or SHIFT key and click on the files to select more than one Image
Click on the Open button
You should then see the progress bars animation and image thumbnails as files are being uploaded (see below)
Click on Image for a Larger view
Note: If you have clicked on the ‘Select Files’ button and nothing happens it usually means that you don’t have the Flash Plug-in installed in your browser. This means you will have to use the Browser Uploader which can only upload a single image at a time
You can then add details to each image by clicking on the ‘Show’ Link
this will also give you all the options to insert the image into your page or post
Click on Image for a Larger view
Insert Image Options
(see Image above and explanation below)
Title and Caption: The ‘Title’ and ‘Caption’ options vary from Web browser to Web browser.
In Mozilla Firefox the ‘Title’ text is used as Alternate text (this is the little box with text that appears when you hold your cursor over a link).
But In Internet Explorer the ‘Caption’ Text is used as Alternate text. ‘Caption’ text is optional it but can help with Search Engine Optimization.
The use of ‘Title’ and ‘Caption’ can also vary according to the theme (template) you are using.
It’s a good idea to change the ‘Title’ text to something other than the file name (also good for the Search Engines)
If you’re not sure how ‘Title’ and ‘caption’ will appear on your site save your post or page as a draft and preview it.
You can always come back and edit later on before you publish.
Description: As far as I know the text entered into the ‘Description’ is never actually displayed on your Blog or web site. It’s for your own info to keep track of your media. It is optional
Link URL: This is the URL that your image will link to; you can enter a web site here or use the buttons underneath
None: clears the URL text box (image will not link to anything)
File URL: Image in your post or page will link to the actual Image file (image will be displayed on its own in your browser)
Post URL: Image in your post or page will link to a page of your web site with your image in it
Alignment: Left and right aligned images will usually have the text wrapping around them.
Again if you’re not sure how it will look in your finished post; save as a draft and preview.
Size: When images are Uploaded WordPress creates and stores three different sizes of your image.
Thumbnail, Medium and Large and the Full size image file is also an option.
If the full size image is smaller than any of the options a larger file will not be created.
You can change the default sizes of images if you have administrator privileges in Settings-Media.
Click on the ‘Insert into post’ button
then save as a draft and preview or publish
If you click on ‘Delete’ you will first be given the option to ‘continue’ or ‘cancel’ before the Image or file is deleted
Inserting a Gallery into Your Post or Page
Another great feature in WordPress is the ability to insert galleries into your post or page.
Click on the ‘Add an image’ button in your Toolbar and when the window loads you will see the link to Gallery and the number of images that have been uploaded for that Post or Page.
Click on Image for a Larger view
Note: When you upload images while writing a Post or Page, the images are always associated with that particular Post or Page and you can access them by clicking on the ‘Gallery’ link.(see Image below)
You can also access all of your uploaded images by clicking on the ‘Media Library’ link.
Only the images in the Gallery will be inserted into your post or page when inserting a Gallery.
Select all the options for your Gallery and click on the ‘Insert gallery’ button.
How your gallery will be displayed in your Blog or site will depend on what Plug-in and theme you have installed.
I recommend trying all the options, Saving your Post or Page as a Draft and previewing it.
So you can decide on what options work the best for your site.
Click on Image for a Larger view
Your ‘Add a Post’ Admin page will look then look something like the image above.
To delete the Gallery from your post. Simply click on the yellow box (with the camera graphic) to select it and press the delete key on your keyboard then click on the ‘Save draft’ or ‘Update’ button.
