Images, PDF files, and other uploads

The [Upload tab->wp-admin/upload.php] allows you to upload files for use in this web site. If you are familiar with HTML, you can link to those files in the normal way, using the “img” or “link” buttons in the Quicktags bar. However, you don’t have to know HTML to link to them. [Smart links->Adding smart links to articles] also work with files that you upload to the site.


For image files, the image file must be a png, a jpg, or a gif. The image will automatically be displayed. If you have uploaded a thumbnail (a file with the same name, prefixed by “thumb_”), the thumbnail will be displayed and will link to the larger image.

To use smart links to display images, use the image’s filename in place of where the link would go.

For example, if you have uploaded an image called “edgar.png”, you can use the following to display it:

`[Edgar II the Aetheling->edgar.png]`

The text “Edgar II the Aetheling” will not be visible on the web page, but will be added invisibly to make the page more easily searchable both on the site and from external search engines.

PDF files and other uploads

If you have uploaded a PDF file or other non-image file using the Upload tab, you can use the filename in a smart link to generate an automatic link. For example, if you have uploaded a file called “william.pdf”, you can use `[william.pdf->]` to link to it, or `[Prince William->william.pdf]` to link to it using the text “Prince William”.

`[Prince William->william.pdf]`

Aligning images

If you need text to wrap around the image, add “/left” or “/right” to the end of the file name. For example, to place the image on the left of the page (so that text wraps on the right), use `[Edgar II the Aetheling->edgar.png/left]`.

If you want an image to be centered within the article, use /center. Text will not wrap around a centered image on either side.

Changing the width of images

If you need to resize the image, but it isn’t appropriate to use a thumbnail, you can add “/###” to the end of the filename, where “###” is the desired width of the image in pixels. You can also add “/##%”, where “##” is the percentage of the article width that the image should take up. For example:

`[Edgar II the Aetheling->edgar.png/left/50%]`
`[Edgar II the Aetheling->edgar.png/left/200]`

When you change the width of an image, its height will change proportionally.

This entry was posted in Author Help. Bookmark the permalink.