Video tutorials

It is easy to add content to the FORNL site if you are a Board Member or Associate. A tutorial video is linked below. You can add other types of content too:

Content types you can add

  • The Slick Event Slide is a picture for the front page slideshow.
  • An Article is for a node (page) that might change over time.
  • A Basic Page is for static content.
  • A forum topic allows you to start a new online discussion.
  • A Meeting announcement tells about the next FORNL meeting

How to insert images into posts:

First find the source image and copy it to your computer: right-click it on the source web page and select "save image as.." and put it on your computer (remember where!). Then if your form has an image field, you can insert it by finding the image field in the form. That puts it at the top of the post.

You can also insert it in the text part (body field). If you selected Full HTML, you will see a little picture icon (use the left one). Insert your cursor where you want the image, and click the icon and browse to your pic.

When it is inserted, right-click the image and select left justify which lets the text flow around it.

If you are more ambitious, click the Source button in the header to see the raw HTML. You must navigate to the image Search for its name (or an img or src tag), and you will see something like this:

<p><img alt="Hiroshima in flames" data-align="left" data-entity-type="file" data-entity-uuid="e0d4947a-c997-4dcb-acc7-91eafb23e21e" src="/sites/default/files/inline-images/Hiroshima.png" style="margin: 0px 10px 0px 10px" width="300px" /></p>

Note the .png (or .jpeg) that indicates an image. This is all inside an img tag (in Blue) or it can also be in a src tag. Then before the end of the tag, insert the code in bold. Leave a space before the closing />. The width can be whatever you deem to look good. The margin separates the image from the text. Note these is no space before the px. Everything to the right of each equals sign must be in quotes.

Click the Source button again to see if you like the results. If you see any < or > you have mismatched angle

brackets. Go back to the raw HTML and fix it, or modify your parameters to your taste.


 

Getting image URL to insert picture into MailChimp

Getting image URL