Adding a Resource to the ProFouND Website

Add a Resource

Use the Add a Resource helper it’s quick and easy.

After you have added your resource, it will be in draft format. To continue editing and to publish your resource go to the posts admin page.

• Take your time
• Prepare your content prior to starting.
• Write in the ‘text’ mode in the editor window
• Use a descriptive title
• Check spelling, grammar, accuracy of description
• Make sure your links work
• Don’t forget to save draft, preview and then when it’s right, publish your post
• Look at other posts to see how it has been done before!

Available HTML Tags

Headings
<h1>Heading 1 text here</h1>
<h2>Heading 2 text here</h2>
<h3>Heading 3 text here</h3>
<h4>Heading 4 text here</h4>

Bold <strong>Bold text here</strong>

Italics <em>Italicised text here</em>

Line break <br />

Link <a href="http://profound.eu.com" title="ProFouND">ProFouND</a>
target="_blank" This is optional; browser will open this link in a new window.

Unordered List (Bullet Points)
<ul type="circle">
	<li>List item 1</li>
	<li>List item 2</li>
	<li>List item 3</li>
</ul>

Ordered Lists (Roman Numerals)
<ol type="i">
	<li>List item 1</li>
	<li>List item 2</li>
	<li>List item 3</li>
</ol>

HTML Character Entities

This sounds a lot worse than it actually is, if you want a special character or symbol you must use a character entity in your text. So for example if you wanted an ampersand you would type ‘&’ without the quotes.

Here is a list of common HTML Character entities and a more complete list.

Adding a Link

You may type out the HTML as detailed above, but an easier way is to use the link tool.

You may enter a link

1. Select the text you want to turn into a link
2. Click the ‘link’ button
3. Enter the URL (copying and pasting is best)
4. Enter the title
5. If not a ProFouND link select open in a new window
6. Click Add Link

Or link to existing content

1. Select the text you want to turn into a link
2. Click the ‘link’ button
3. Search/Browse for the page you would like to link to
4. Click the Post or Page you want to link to
5. If not a ProFouND link select open in a new window
6. Click Add Link

Adding an Image

This is only currently possible in the main administration view, not in the ‘Add a Resource’ helper.

• Prepare your image before starting. Use Pixlr to edit your image.
• Allowed file types .png, .gif, .jpg
• Minumim width 200px
• Maximum width 300px

1. Position your mouse at the beginning of the paragraph you wish to align the image to
2. Click on ‘Add Media’ top left above the main edit window.
3. Choose from the Media Library or Upload Files
4. Click ‘Select Files’
5. Browse to the file you wish to upload and click ‘Choose’
6. When file is uploaded edit the ‘Attachment Details’ on the right hand side
7. ‘Edit Title’ – be descriptive
8. Copy Title into ‘Alt Text’ and ‘Description’ – edit further if you wish
9. Select Alignment (Left, Right or Center)
10. Select Link ‘None’ or ‘Custom’ (never ‘Media’ or ‘Attachment Page’)
11. Select ‘Size’
12. Click ‘Insert into Page’

Adding a YouTube Video

Simply paste the YouTube video URL on it’s own line like this:

http://www.youtube.com/watch?v=ny7vW6dgnUY

Adding a Vimeo Video

1. Go to the Vimeo Video
2. Click the ‘share’ button top right of the video
3. Copy the ‘Embed’ code
4. Paste it directly into your text on it’s own line

It should look like this

<iframe src="//player.vimeo.com/video/76757058" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/76757058">RADIANCE</a> from <a href="http://vimeo.com/lakesuperiorphoto">LakeSuperiorPhoto</a> on <a href="https://vimeo.com">Vimeo</a>.</p>