WorldConnect and HTML

Your WorldConnect Family Trees can include images and hyperlinks as part of the GEDCOM files you upload. Many of the genealogy programs we use allow us to add images to our database. The only problem with this is that the files are located on your hard drive and the links within the database point to those files. In order for the links to work or the images to load once you upload your GEDCOM file, you will need to use absolute links that give the full url for the file you are linking to or the image you wish to be displayed. First, you will need to configure your WorldConnect settings to accept the HTML code.

Configure Your WorldConnect Settings

Before you can add images and hyperlinks to your GEDCOM you must configure WorldConnect  to accept those settings. You can sign in to you World Connect account using one of the two methods described in Accessing WorldConnect for Editing.

You will need to sign in using the Advanced Setup option.

When your settings come up, go down to item 17 (Allow HTML in GEDCOM) and change that option to ‘Yes.’

Adding Photographs and Hyperlinks to WorldConnect GEDCOM Files

Open your genealogy program and navigate to the individual where you wish to either add an image or hyperlink to a document or site. If you are comfortable doing so, you can type the code directly into the source or note section of the individual’s record.

I prefer to work with both my genealogy program and my web editor open.  I also have a browser window open so I can navigate to the image or page or site I want to add. That way I am sure the code I add for the full web address is correct. Create a simple html document with only

<html><head></head><body></body></html>

The code you are going to copy and paste to the individual record will go between the opening and closing body tags. The sample image code shown below once added to the individual’s record will insert an image into the source or note section of the individual. It is very important that you use an absolute url (the full path to the file or image starting with http:// and ending with the file name. It is also important that you have uploaded the images you will be using  to the domain and directory you are going to point too.

Code Example:

<img src=" http://www.family-genealogy-online.com/little/Photos/leonard-and-sammie-little-small.jpg">

The code used above will insert an image into the section of the record where the code appears. If you want to be a little more creative, the sample code shown below will insert a thumbnail with a link to a larger image and add some text identifying the image and advising the viewer they can click on the thumbnail to view a larger image.

Code Example:

<a title="Leonard Lee Little and Sammie Lipcomb Bayless Little (my grandparents)." target="_blank" href="http://www.family-genealogy-online.com/little/Photos/leonard-and-sammie-little.jpg"><img border="0" src="http://www.family-genealogy-online.com/little/Photos/leonard-and-sammie-little-small.jpg" alt="Leonard Lee Little and Sammie Lipcomb Bayless Little (my grandparents)." width="100" height="75" align="left"></a><br>Leonard Lee Little and Sammie Lipcomb Bayless Little<br>
Click on thumbnail to view larger image - new window will open<br>

View screen shot and sample code

Code Example:

<a title="Peter Gary's Revolutionary War Pension Record." href="http://www.family-genealogy-online.com/Geary/peter-gary-revolutionary-war-pension.htm">Peter Gary's Revolutionary War Pension Record - link will open new window.</a>

View screenshot and sample hyperlink code.

Once you are satisfied with the look of your test file when displayed as HTML, highlight the code you've created between the and tags and copy it to your clipboard. Start your genealogy program if it is not already open, go to the record where want to include your new code, and past the code. As I said earlier, I find it easier to have both programs open and copy and paste between the two. Export your GEDCOM file and upload it to WorldConnect. Check and see if it looks like you want it to and that the link works. YOU MUST USE COMPLETE URL'S FOR FILES - ABSOLUTE NOT RELATIVE.

Sample Pages:

IMPORTANT NOTE: Be careful with the sizes of the images you try and insert. Something too large may break the page display.

Resources:

Displaying Photos at WorldConnect by Pat Asher

Would you like to add some style to your WorldConnect Database results. Would you like those pages to look more like your genealogy web site? See WorldConnect and CSS.

The tutorial, World Connect and HTML, is included in the Planning a Genealogy Website 2nd Edition EBook which you can download FREE.

Pat Geary.
Copyright © 2007 Pat Geary of Genealogy Web Creations All Rights Reserved
Revised and Updated February 2011