0% found this document useful (0 votes)
41 views

Inserting Images Into Posts and Pages: Codex Tools

This document provides instructions for inserting images into WordPress posts and pages. It is a 6 step process: 1) place the cursor where you want the image, 2) click the Add Media button, 3) select or upload the image, 4) add details like the title and alt text, 5) set display options like alignment and size, and 6) insert the image. Display options include alignment (left, right, center), linking options, and image size (thumbnail, medium, large, full).
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
41 views

Inserting Images Into Posts and Pages: Codex Tools

This document provides instructions for inserting images into WordPress posts and pages. It is a 6 step process: 1) place the cursor where you want the image, 2) click the Add Media button, 3) select or upload the image, 4) add details like the title and alt text, 5) set display options like alignment and size, and 6) insert the image. Display options include alignment (left, right, center), linking options, and image size (thumbnail, medium, large, full).
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

Codex tools: Log in

Interested in functions, hooks, classes, or methods? Check out the new WordPress
Code Reference!
Inserting Images into Posts and Pages

Languages: English Portugus do Brasil (Add your language)

Contents
1 Overview
2 Step 1 Placing your cursor
3 Step 2 Click the Add Media button
4 Step 3 Add or Select Your Image
5 Step 4 Attachment Details
6 Step 5 Attachment Display Settings
6.1 Image Alignment
6.2 Image Link
6.3 Image Size
7 Step 5 Inserting the image
8 Resources

Overview
When creating or editing a Word Press page or blog post, you can easily add images at any
time using the Word Press Media Up loader tool. Heres how to add an image, step-by-step,
using the media up loader:

Step 1 Placing your cursor


In order to add an image to your page or post, you must first insert your cursor in the place in
the text where you want the image to appear. By placing your cursor within your text, you
can add images inline with your content. You can also place your cursor on a blank line if
you want the image to appear by itself instead.

Tip: Its a good idea to place your cursor on the left margin of your text, even if you want
the image to appear on the right. Thats because there is a special setting called Alignment
that allows you to control whether the image appears on the right or the left side of the text. It
even controls how text flows around the image automatically.

Step 2 Click the Add Media button


Once youve placed your cursor on the line where you want your image to appear, click on
the Add Media button to launch the media uploader interface, and then select the Insert
Media option from the list of actions in the left side of the media uploader window.

Step 3 Add or Select Your Image


You can add or select the image you want to add to your page or post by choosing from either
of the following options in the center of the media uploader window:

Upload Files: Upload the image you want to use from your computer by dragging it into
the upload area.
Media Library: Select from any previously uploaded images in the media library by
clicking on the one you wish to add to your page or post.
Once you have selected or uploaded the image you want to add, You will see a checkbox next
to the thumbnail confirming your selection, and see information about it displayed in the
Attachment Details pane on the right hand side of the media uploader interface.

Step 4 Attachment Details

The Attachment Details pane displays a small un-cropped thumbnail of the image, as well as
important information such as the filename, date uploaded, and image dimensions in pixels.

There are also action links that allow you to Edit Image, which takes you to the Edit
Image page, or to Delete Permanently to remove the image from your site.

In addition, you can edit the following media information:

Title: The title of this media.


Caption: The caption for this image. The text you enter here will be displayed below the
image.
Alternate Text: Enter the Alt text for the image, e.g. The Mona Lisa to describe the
media.
Description: A description for this particular media.
For more information on these media settings, see the Edit Media page.

Step 5 Attachment Display Settings


The Attachment Display Settings pane controls how the image is displayed when viewed on
the site.

You have options to set how you would like the image aligned on the page (in relation to the
text and margins) and what the link behavior of the image will be, In addition you can set
what size image you would like to display on your page.

Image Alignment

The Alignment setting allows you to determine where you would like the image to appear in
your content area and how it interacts with any text on the page. You have the following
image alignment options to choose from:

Left: Aligns the image on the left hand margin, and any text that is on the page wraps
(or flows) around the image to the available space on the right.
Right: Aligns the image on the right hand margin, and any text that is on the page wraps
(or flows) around the image to the available space on the left.
Center: Aligns the image to the center of the page, with no text displayed around it.
None: Inserts the image in to the page with no alignment
Top row: Left and Right alignments. Bottom row: Centre and "None" alignments

Image Link

The Link To settings determine the URL/web address to which the image will be linked when
clicked on by a visitor to your site. You can specify the following image link settings:

Attachment Page: Links your inserted image to its Word Press media attachment page.
Media File: Links your inserted image directly to the original, full-size version of the
file.
Custom URL: Allows you to set a custom link URL for your inserted image to link to
when clicked.
None: This setting will remove the link completely, rendering the image un-clickable.
Image Size

The Size settings determine the size of the image you are adding to your site. By default
Word Press creates a range of four image size for you to choose from:
Thumbnail: Displays a small thumbnail-sized version of your image on the page/post.
Note, by default the Thumbnail size is a square, so some cropping of your original image
may occur.
Medium: Displays a medium-sized version of your image on the page/post. This is a
good size to use with Left/Right alignments, as it leaves sufficient space for legible text
to either side.
Large: Displays a large-sized version of your image on the page/post. Note: WordPress
will determine the width of the content column of your theme, and display the largest
possible image for that space.
Full Size: Displays a full-sized version of your image on the page/post. Note: WordPress
will determine the width of the content column of your theme, and display the largest
possible image for that space. If your original image is larger than this column width, the
full size of the image may not be displayed.

Thumbnail, Medium, and Large image sizes (Image Alignment: Left)

You can visit the Settings>Media section of your Word Press dashboard to customize the
above image sizes.

Step 5 Inserting the image


Once you have determined your image settings, click on the blue Insert into post or Insert
into the page button, to add the image to your page or post. After the image uploader window
closes, you will see the image in the text editor window, including a preview of the alignment
of the image, if you have specified an image alignment.

At any time, you can edit the image settings by clicking on the Edit Image button in the upper
left hand corner. You can remove the image from your page/post by clicking on the Remove
Image button.

Resources
Using Image and File Attachments
Embeds - Inserting different medias.
Photoblogs and Galleries - Using WordPress as photoalbum, photoblog etc
Categories:
Design and Layout
WordPress Lessons
Home Page
WordPress Lessons
Getting Started
Working with WordPress
Design and Layout
Advanced Topics
Troubleshooting
Developer Docs
About WordPress

Codex Resources
Community portal
Current events
Recent changes
Random page
Help

Convert text to a table or vice versa

Applies To: Word 2007 , Outlook 2007

What do you want to do?

Convert text to a table

Convert a table to text

Convert text to a table

1. Insert separator characters such as commas or tabs to indicate where you want to divide
the text into columns. Use paragraph marks to indicate where you want to begin a new row.
For example, in a list with two words on a line, insert a comma or a tab after the first word to
create a two-column table.

2. Select the text that you want to convert.


3. On the Insert tab, in the Tables group, click Table, and then click Convert Text to Table.

4. In the Convert Text to Table dialog box, under Separate text at, click the option for the
separator character that is in your text.
5. In the Number of columns box, check the number of columns.

If you don't see the number of columns that you expect, you may be missing a separator
character in one or more lines of text.

6. Select any other options that you want.

Top of Page

Convert a table to text

1. Select the rows or table that you want to convert to paragraphs.


2. Under Table Tools, on the Layout tab, in the Data group, click Convert to Text.
3. Under Separate text at, click the option for the separator character that you want to use in
place of the column boundaries.

Rows are separated with paragraph marks.

You might also like