Adding images to WordPress posts and pages.
Images are added via the Write Post or Write Page menus. Go to Write and author a new post or page. This would also apply to editing an existing post or page.
Scroll below the ‘Save’ and ‘Publish’ buttons until you see the File Upload tabs. Click the ‘Browse’ button next to the ‘File’ field to select the image file.
The ‘Choose File’ menu opens. From here you locate and select the image file. Click the image file then click open.
The ‘Choose File’ menu closes and the ‘File’ field now has the file path of your image. Press the “Upload” button to upload the image file. Optionally, you can fill in the ‘Title’ and ‘Description’ fields. Although these fields are not necessary to display the image, entering site relevent titles and descriptions can aid in search engine optimization.
The ‘Upload’ menu is replace with the uploaded image’s browse menu. Select the ‘Show: Full Size’ radio menu to show the actual size of the image. You can also select specify ‘Link to: ‘ values for the image. Click the area of the page where you want to insert the image, then click ‘Send to editor’.
The image is now inserting into the page. Click ‘Save’ or ‘Publish’ to preview the image on your web site.
The image is now posted on your web page.
To justify the image left, center or right, click the align tool on the toolbar.
To have the text wrap around a left or right justified image, you’ll have to edit the code.
First, upload and insert the image that you want the text to wrap around.
Click the ‘Code’ tab to open the code editor and find the “img” tag for the image. This defines HTML and CSS display properties for the image. Everything between the “<img and />” symbols are various property values for the image.
After the <img tag enter the CSS declaration; class=”alignleft” surrounded by spaces. Press the Save/Publish button, then preview the image post.
The text now wraps around the left justified image, giving it that newspaper article look.
This is a very effective way of inserting images and photos without interfering with the flow of the text.
It also can add visual reference to the topic of the text.
Inserting images and photographs in this manner helps break up the text paragraphs to maintain the reader’s interest.
Replacing the class=”alignleft” with class=”alignright” , will right justify the image, and wrap the text to the left.
You can also have an image slideshow in any page or post.
Razworks can implement an attractive Adobe Flash slideshow for a modest fee.
Call Raz at 941-685-8851 or email Razworks here!
(:
