EXT: WEC Staff Directory¶

Table of Contents¶

`Introduction <#1.Introduction|outline>`_ `3 <#1.Introduction|outline>`_

`A. Welcome <#1.1.A.%20Welcome|outline>`_ `3 <#1.1.A.%20Welcome|outline>`_

What is the Web-Empowered Church? 3

`B. About this Manual <#1.2.B.%20About%20this%20Manual|outline>`_ `3 <#1.2.B.%20About%20this%20Manual|outline>`_

`C. How to Use this Manual <#1.3.C.%20How%20to%20Use%20this%20Manual|outline>`_ `3 <#1.3.C.%20How%20to%20Use%20this%20Manual|outline>`_

`Overview <#2.Overview|outline>`_ `4 <#2.Overview|outline>`_

`A. What does it do? <#2.1.A.%20What%20does%20it%20do_|outline>`_ `4 <#2.1.A.%20What%20does%20it%20do_|outline>`_

Features 4

`B. Screenshots <#2.2.B.%20Screenshots|outline>`_ `5 <#2.2.B.%20Screenshots|outline>`_

`Installation <#4.Installation|outline>`_ `7 <#4.Installation|outline>`_

`Install the Extension <#4.1.Install%20the%20Extension|outline>`_ `7 <#4.1.Install%20the%20Extension|outline>`_

`Install the Static Template <#4.2.Install%20the%20Static%20Template|outline>`_ `7 <#4.2.Install%20the%20Static%20Template|outline>`_

`Create a Storage Folder (Optional) <#4.3.Create%20a%20Storage%20Folder%20(Optional)|outline>`_ `8 <#4.3.Create%20a%20Storage%20Folder%20(Optional)|outline>`_

`Add Staff Info Records <#4.4.Add%20Staff%20Info%20Records|outline>`_ `8 <#4.4.Add%20Staff%20Info%20Records|outline>`_

Step 1: Update Staff FE_User Records 8

Step 2: Create Staff Info Records 9

`Add Staff Department Records (optional) <#4.5.Add%20Staff%20Department%20Records%20(optional)|outline>`_ `11 <#4.5.Add%20Staff%20Department%20Records%20(optional)|outline>`_

`Add the Staff Directory Plugin <#4.6.Add%20the%20Staff%20Directory%20Plugin|outline>`_ `12 <#4.6.Add%20the%20Staff%20Directory%20Plugin|outline>`_

`Configuration <#5.Configuration|outline>`_ `13 <#5.Configuration|outline>`_

Staff Directory: Display Tab 16

Staff Directory: Fields Tab 17

Staff Directory: Admin Tab 18

`Basic Display Modification <#6.Basic%20Display%20Modification|outline>`_ `19 <#6.Basic%20Display%20Modification|outline>`_

`F.A.Q.s <#7.F.A.Q.s|outline>`_ `21 <#7.F.A.Q.s|outline>`_

`Advanced <#8.Advanced|outline>`_ `24 <#8.Advanced|outline>`_

`Advanced Display Modification <#8.1.Advanced%20Display%20Modification|outline>`_ `24 <#8.1.Advanced%20Display%20Modification|outline>`_

Customizing the Template File 24

Step 1: Obtain the Template File 25

Step 2: Upload the File 26

Step 3: Modify the Template File 26

`Using Version 2.0 Templates <#8.2.Using%20Version%202.0%20Templates|outline>`_ `30 <#8.2.Using%20Version%202.0%20Templates|outline>`_

Changes 30

Upgrading an Old Custom Template 30

Using the New Template System 31

Creating a Custom Template 31

`Advanced Image Configuration <#8.3.Advanced%20Image%20Configuration|outline>`_ `31 <#8.3.Advanced%20Image%20Configuration|outline>`_

PHOTOS_ETC 32

`Using fe_users or Staff Directory Info Records <#8.4.Using%20fe_us ers%20or%20Staff%20Directory%20Info%20Records|outline>`_ `32 <#8.4.Usi ng%20fe_users%20or%20Staff%20Directory%20Info%20Records|outline>`_

Updating database to get fe_user data 32

Updating realURL 33

`Work with realURL <#8.5.Work%20with%20realURL|outline>`_ `33 <#8.5.Work%20with%20realURL|outline>`_

`Spam Control <#8.6.Spam%20Control%20|outline>`_ `34 <#8.6.Spam%20Control%20|outline>`_

`Adding Search <#8.7.Adding%20Search|outline>`_ `34 <#8.7.Adding%20Search|outline>`_

`Converting Departments to Records <#8.8.Converting%20Departments%20to%20Records|outline>`_ `34 <#8.8.Converting%20Departments%20to%20Records|outline>`_

`Admin Functions <#8.9.Admin%20Functions|outline>`_ `35 <#8.9.Admin%20Functions|outline>`_

Add Staff 35

Edit Staff 35

Delete Staff 35

`Adding Hooks <#8.10.Adding%20Hooks|outline>`_ `35 <#8.10.Adding%20Hooks|outline>`_

`Support Social Media Services <#8.11.Support%20Social%20Media%20Services|outline>`_ `36 <#8.11.Support%20Social%20Media%20Services|outline>`_

`TypoScript Reference <#8.12.TypoScript%20Reference|outline>`_ `37 <#8.12.TypoScript%20Reference|outline>`_

Multi-language 38

`Known Problems <#9.Known%20Problems|outline>`_ `39 <#9.Known%20Problems|outline>`_

`To-Do List <#10.To-Do%20List|outline>`_ `39 <#10.To- Do%20List|outline>`_

`Changelog <#11.Changelog|outline>`_ `39 <#11.Changelog|outline>`_

A. Welcome¶

Welcome to the adventure of doing ministry through technology!

This manual is written for those who are interested in using Web- Empowered Church (WEC) technology and enhancing their website through the use of the WEC Staff Directory extension. The WEC Staff Directory extension has been designed to provide churches, ministries and organizations an opportunity to easily display and update information about their staff members on their website...including contact information, photographs, biographies, news, and more.

B. About this Manual¶

This guide is organized into six main sections:

Overview: What the WEC Staff Directory extension does, how it works, and what you can expect from the rest of the manual.

Installation: How to install the WEC Staff Directory extension and how to get it running on your website.

Configuration: How to configure the WEC Staff Directory extension and plugins for maximum impact on your website.

Basic Display Modifications: How to modify the look and feel of the Staff Directory on your website.

FAQs: Frequently asked questions.

Advanced: How to modify the extension through TypoScript and other advanced functions.

C. How to Use this Manual¶

✔ To help make sense of the material on the following pages, we’ve used a few icons in the margin to highlight certain information.

T |img-1| ip : Tips are bits of information that are good to know. They may offer shortcuts to save you time or even make your website better.

N |img-2| ote : These notes are similar to tips, but usually contain information you should pay attention to. It might be details about a step that a whole operation hinges on or it may highlight an essential sequence of tasks.

C |img-3| aution : These notes draw your attention to things that can interrupt your service or website if not done correctly. Some actions can be difficult to undo.

T |img-4| echnical Stuff : These notes will explain how stuff works. If you want to know why certain steps are necessary or are just looking for a fuller explanation, these notes should help answer your questions.

I |img-5| nternet Link : These links will guide you to a website page that will demonstrate How-To do something or link you to more advanced information on the :underline:``http://webempoweredchurch.org <http://webempoweredchurch.org/>`_` or :underline:``http://typo3.org <http://typo3.org/>`_` websites.

A. What does it do?¶

The Staff Directory is an extension that will enable organizations the ability to display information about their staff members on their website. It will also (optionally) let staff members customize and share their own biography/news/information as well as additional and optional photos. This will be a great help so the organization has a “face” of real people, and the public can get to know them. The administrator can easily keep the staff directory up-to-date and it interfaces with the existing TYPO3 user system.

The needs to be met for this extension include:

• Public can know and contact staff.
• Staff can update their section of the website.
• Department directories of staff can be available.
• Quick updating and maintaining of staff directory.

B. Screenshots¶

You can view a working example of the WEC Staff Directory extension at http://ginghamsburg.org/staff/

Below are some examples of what the Staff Directory page could look like (photos are optional):

Illustration 1: Ginghamsburg "Key Staff" Directory with Pictures (List by Columns)

Illustration 2: Single Staff Page

Illustration 3: Full Ginghamsburg Staff Directory (List By Line)

Install the Extension¶

If you do not know how to import and install an extension, please see the How-To at http://webempoweredchurch.org/support/help/tutorial/ins tall_an_extension/ (When importing the extension, type: wec_staffdirectory in the “List or Look Up all extensions” field.)

When you install wec_staffdirectory, you will be given the following options:

Use FE-users to store data[useFEUsers]
If you use FrontEnd Users for your staff you can use that data. If this is NOT selected, then all the information will be stored in the Staff Directory Info record.

If you want to use the fe_user (Frontend User) records to store data, then keep this set. The default is set to on. The plus about using fe_users to store data is that when a staff user makes a change to their info, it is set in one place. However, depending on your website use and if you use fe_users (frontend login), some staff may want to have their personal account and information (like home phone#, email) separate from their work, and so it may be preferred to not use FE- user records. Also, if you do not have user login on your site, then you may want to simplify the record and not use the fe-user data.

Enable Map in Staff records [showMap]
Shows a map and coordinates of the given address. It's only displayed if the above option 'useFEUsers' is disabled. If it is enabled, the map will be displayed in the FE User record.

The WEC Maps extension works with the Google Maps API to display a Google map on a single view for a person if address data is available. Install the WEC Maps extension like any other extension. You will need to consult the extension's manual for instructions on setting up the plugin, including obtaining a Google Maps API Key. Once you have configured the extension, when you create a Staff person, the WEC Maps extension will Geocode the coordinates and provide a map to the person's location for Frontend users. Note that you must select the 'map' field as a Display field in the Flexform.

Use Staff Department Records [useStaffDeptRecords]
Use Staff Directory Department Records(new way). Old way is using strings.

Enables the creation and use of Staff Department Records using using a Database record rather than relying on user-entered strings in the recordForm's Department field. If you will not be assigning staff members to specific departments, you may safely ignore this option.

Install the Static Template¶

The static template contains the information used by the web browser to display the Staff Directory. The Staff Directory static template can be installed in your site's main Template Record. The name of the Static Templates required by the Staff Directory extension is *WEC Staff Directory template.*

Internet Link: Instructions for adding the Static Templates can be found in the how-to at: http://webempoweredchurch.org/support/help/t utorial/add_an_extension_template_record/ .

Create a Storage Folder (Optional)¶

You can now create a new Storage Folder or use the global Storage Folder that will have your data for the *Staff Directory* in it. We recommend creating a new Storage Folder to keep your staff records in one place. However, you can place all the data in the global Storage Folder if desired.

See the How-To at http://webempoweredchurch.org/support/help/tutorial /create_a_system_folder/

Illustration 4: Example of Multiple Storage Folders

for instruction on how to create a Staff Directory Storage Folder. We recommend placing the new Storage Folder as a subpage (“page inside”) to your Staff page (See Illustration 6 for a typical Page tree example). This extension also supports multiple storage folders. For example, Ginghamsburg UMC has both “key staff” and “other staff.” The “key staff” mostly interact with the public and they wanted to feature their pictures on the website. So they created a “Key Staff Storage Folder” and a “Staff Info Storage Folder.” When they list the Key Staff, they only point to that storage folder. When they list staff by name or department, they show all of the staff and point to BOTH storage folders. See Illustration 4 for an example of multiple storage folders.

Add Staff Info Records¶

There are two steps necessary to populate the Staff Directory records.

If you have set the extension configuration (when you installed the plugin) to 'useFEUsers', then first, you must either access and update existing staff Frontend User records or create staff Frontend User records if they do not currently exist. Second, you must create Staff Info records.

If the 'useFEUsers' is not set, then you can just go to Step 2 and add that staff information to the Staff Info record.

Add Staff Department Records (optional)¶

If you would like, you can create department records. If you choose not to, but are planning to assign staff members to specific departments, you must manually enter in the department name on each staff record and ensure it is spelled the same. Department records allow you to more easily manage staff records and allow someone to keep up-to-date a larger staff directory. We would recommend using Department records, and they became available in v1.3.0 and later. Also, if you have existing Staff Info records and would like to convert to Department records, you can easily do that (see Appendix below).

To setup your site to use Staff Department records, you must select the “Use Staff Department Records” when you choose “WEC Staff Directory” in Ext Manager->Install Extensions. You will see several options, and you must have the box checked for Use Staff Department, and click on Update.

To create a Staff Department record:

1. Follow the steps #1 and #2 above to create Staff Info records. However, for Step #3, choose “Staff Department” content element type.

2. Then enter in the Name, and you can optionally enter in the Description. If you would like to have a hierarchy of departments, then you can set a Parent Department. If not, then leave blank.

The following are description of the values that appear in the Staff Department record:

Add the Staff Directory Plugin¶

You need to add the Staff Directory plugin to your page. To add the Staff Directory plugin, see the How-To at http://webempoweredchurch.org/support/help/tutorial/add_a_plugin/

What To Display¶

Title of Staff Directory¶

Show Only Department(s) (must match department field)¶

How Often To Display Random [Random view only]¶

Single Page Display[only see for list views]¶

Page To Return To[for Single view]¶

Template File¶

Template Reference¶

Startingpoint¶

((generated))¶

Photo Width¶

Photo Height¶

Small Photo Width¶

Small Photo Height¶

((Unknown Property))¶

Template File¶

Upload folder for images¶

Blank Photo¶

Blank Photo 2 (female)¶

Email Icon Image¶

Social Contact 1 Icon¶

Social Contact 2 Icon¶

Social Contact 3 Icon¶

((Unknown Property))¶

Sorting for Listing by Department¶

Use FE-User Photo First Instead of...¶

Have multiple staff directory plugins per page¶

((Unknown Property))¶

Advanced Display Modification¶

Using advanced display modifications, you can completely change the look and feel of the Staff Directory extension on your website. There are several methods you can use to modify the Staff Directory's display including customizing the template, modifying the CSS, and changing TypoScript properties.

Using Version 2.0 Templates¶

If you were using version v1.x and either used the default template or a custom template, please read the following steps necessary to upgrade or change to the new templates. If you are a new user (i.e., if this is a new install), refer to the above guide.

plugin_tx_wecstaffdirectory_pi1.templateFile = EXT:wec_staffdirectory/template/wecstaffdirectory.tmpl

plugin_tx_wecstaffdirectory_pi1.baseCSSFile =  EXT:wec_staffdirectory/template/pluginstyles.css
plugin_tx_wecstaffdirectory_pi1.cssFile =  EXT:wec_staffdirectory/template/wecstaffdirectory.css

Advanced Image Configuration¶

You can easily add/update photos for your staff, and this shares a few more details if you want special customization. The photos dimensions can be set by TypoScript and/or by constants. You will likely want to set height and/or width for the images. Otherwise, you will need to make sure the images are all the same height or width. There is a way to keep all the images in the same proportion – and that is by setting the constants to either width+m (i.e., 100m) or height+m (i.e., 150m). Most likely, if you have columns at all, you want the same width, so setting 100m or 150m or whatever width would work best for you. You can also put in a fixed width by a setting like 120px or 175px. Any valid HTML IMG tag height and width values are accepted.

The photos use the TYPO3 ImageBuilder (GraphicsMagic or ImageMagick) to display, but if you do not have one installed, it should still work fine. With it, you can set various image properties. Look at Tsref section 5.3 - http://typo3.org/documentation/document- library/references/doc_core_tsref/4.0.0/view/5/3/ for more details. The extension has defaults setup in ext_typoscript_setup.txt, but you can override these in the extension template. The quality is set for JPEG files, and so if you want higher or lower quality, you need to set that. The small image is set to lower quality because if you have a lot of staff and are even showing small pictures of many of them, you want smaller size as possible to keep the total page size down.

The setup in ext_typoscript_setup.txt:

plugin.tx_wecstaffdirectory_pi1 {
      main_photo = IMAGE
        main_photo.file {
                height = {$plugin.tx_wecstaffdirectory_pi1.imageWidth}
                width = {$plugin.tx_wecstaffdirectory_pi1.imageWidth}
                quality = 80
        }
        main_photo_small = IMAGE
        main_photo_small.file {
                width = {$plugin.tx_wecstaffdirectory_pi1.smallImageWidth}
                height = {$plugin.tx_wecstaffdirectory_pi1.smallImageHeight}
                quality = 70
        }
        photos_etc = IMAGE
        photos_etc.file {
                width = {$plugin.tx_wecstaffdirectory_pi1.etcImageWidth}
                height = {$plugin.tx_wecstaffdirectory_pi1.etcImageHeight}
                quality = 80
        }
}

The width and heights are retrieved from what is set in constants. You can override these if you would like. If you do put this in your own TypoScript extension template, then you cannot use the {$plugin...} as above because that does not get processed. You can hardcode the values to what you would like them set to and you can use the width+m or height+m as mentioned above.

   <span class="label">###PHOTOS_ETC_LABEL1###</span>
    <span class="label">###PHOTOS_ETC1_LABEL###</span><span class="inputBox"><input type="file" name="tx_wecstaffdirectory_pi1[photos_etc][]" size="45" value="###VALUE_PHOTOS_ETC1###"></span>
        <span class="label">###PHOTOS_ETC2_LABEL###</span><span class="inputBox"><input type="file" name="tx_wecstaffdirectory_pi1[photos_etc][]" size="45" value="###VALUE_PHOTOS_ETC2###"></span>
        <span class="label">###PHOTOS_ETC3_LABEL###</span><span class="inputBox"><input type="file" name="tx_wecstaffdirectory_pi1[photos_etc][]" size="45" value="###VALUE_PHOTOS_ETC3###"></span>
<span class="textacross">###PHOTOS_ETC_IMAGE1### ###PHOTOS_ETC_IMAGE2### ###PHOTOS_ETC_IMAGE3###</span>

Using fe_users or Staff Directory Info Records¶

This extension, as of v1.0.0, supports either using fe_users data or to put everything in the Staff Directory Info record. You set this up on install of the plugin. If you want to change it at anytime, you can go to Ext Manager->Loaded Extensions->WEC Staff Directory. You will see a box that says “Use FE-users to store data”. If it is set, then the Staff Directory Info record will link to a user in fe_users that has the staffdirectory_in field set. If the Use FE_users is not set, then the staff data will be stored in the Staff Directory Info record.

UPDATE tx_wecstaffdirectory_info, fe_users
SET tx_wecstaffdirectory_info.full_name = fe_users.name, tx_wecstaffdirectory_info.first_name = fe_users.first_name, tx_wecstaffdirectory_info.last_name = fe_users.last_name
WHERE tx_wecstaffdirectory_info.feuser_id = fe_users.uid

Work with realURL¶

If you have installed the realURL extension, you can have staff names supported in the Staff Directory. So instead of http://www.mychurch.org/staff/index.php?id=172 , you can have http://www.mychurch.org/staff/Mike_Smith . To set this up for realURL, you need to add something similar to what is below. This is usually added to your typo3conf/localconf.php file. If you have realURL installed, you may find the $TYPO3_CONF_VARS line already and you just need to add it to the fixedPostVars.

You must modify the code below so that '123' represents the page ID where the staff directory is located. If you have multiple staff directories, you will need to copy this config for each page and add it to the fixedPostVars array.

$TYPO3_CONF_VARS['EXTCONF']['realurl']['_DEFAULT'] = array(
    'init' => array(
        'enableCHashCache' => 1,
        'appendMissingSlash' => 'ifNotFile',
        'enableUrlDecodeCache' => 1,
        'enableUrlEncodeCache' => 1,
    ),
    'fixedPostVars' => array(
     '123' => array (
        array (
                'GETvar' => 'tx_wecstaffdirectory_pi1[curstaff]',
                'lookUpTable' => array(
                        'table' => 'tx_wecstaffdirectory_info',
                        'id_field' => 'uid',
                        'alias_field' => 'full_name',
                        'addWhereClause' => ' AND NOT deleted',
                        'useUniqueCache' => 1,
                        'useUniqueCache_conf' => array(
                                'strtolower' => 0,
                                'spaceCharacter' => '_',
                        ),
                ),
        ),
    )
),

After you add this to localconf.php, you may need to clear the realURL cache. You can do this by going to the Staff Directory page in the Backend. Then choosing Info->Speaking URL Management. Select 'Unique Aliases' then click on the tx_wecstaffdirectory_info. You will see all the aliases. You may have to clear out the existing ones by deleting them here.

Note: As of version 1.2.0, the Staff Directory supports realURL better because the full_name was added to Staff Directory records. This was not an issue if you did not link with fe_users – you could have just used 'name' field. However, since v1.2.0, name is no longer a field in the Staff Directory record and has been renamed to 'full_name'.

Spam Control¶

For the staff directory, not much spam control is needed. However, the one area where you may need to protect is the email addresses. If you have not configured your site, would recommend to add to your main site template the following:

config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = (at)
config.removeDefaultJS = external

You can change the _atSubst to something else if you wish. Please read the Core TypoScript documentation. Latest can be found online at: http://typo3.org/documentation/document- library/references/doc_core_tsref/current/view/1/7/

Adding Search¶

You can add search capability to the Staff Directory if you would like. To add search, go to the Flexform of the plugin and choose the Display tab. Select the “Show Search On Listing Page?” option to turn it on. The default is off. The search is most valuable when you have a larger staff with over 25 people and so it is not as easy to find someone as easily.

The search allows you to search the name, position title, and position description fields. So if someone wanted to find someone quickly in a large organization, they could find them more easily. Plus, certain types of internet users prefer search over scanning.

If you want to customize the display of the search, you can change or move the ###SEARCH###, ###SEARCH_FULLTEXT###, and ###SEARCH_BUTTON### markers to better fit your layout. If search is not enabled, these fields will not be filled in and you can just leave them in your template.

Converting Departments to Records¶

[For version 1.2.x and before] If you have your departments listed in the Staff Info record as strings, you can convert them to records. We would recommend that as it is more flexible and will soon be the standard for this extension.

To do the conversion from strings to records, you can:

Go to Ext Manager->Installed Extensions,

Choose the “WEC Staff Directory” in the list of extensions,

Choose UPDATE! in the dropdown. If the UPDATE button does not exist, then either you do not have v1.3.x or later installed or have already converted the records.

Click on “Update Departments”. This will convert all your department strings to department records. If this has already been done, then it will let you know.

To make the Department Records active, go back to Information dropdown. Select the “Use Staff Department Records” and click the Update button.

If for some reason, the conversion has a problem and you need to revert, you can clear the “Use Staff Department Records” and Update and you will use your previous Department strings method.

If you need to redo the conversion, you will have to edit the records and likely use mySQL (through phyMyAdmin or mySQL directly). You can clear out department records with an SQL statement such as:

UPDATE tx_staffdirectory_info SET department_rec='' WHERE 1;
TRUNCATE tx_wecstaffdirectory_department;
TRUNCATE tx_wecstaffdirectory_department_mm

Note that the above will clear out department records and the values. Only do this when you are FIRST converting department records because this will clear out all department records values and references.

After you do this, you can run the conversion again.

If you run into any problems with the conversion, please contact us. Also, if you have complex data (like staff in different folders), you may have to manually move all departments records into one folder.

Admin Functions¶

The following are a brief description of the admin functions. You can also allow Edit Staff as an option to the given staff member for his/her information – this option is set in the Flexform->Admin tab.

Adding Hooks¶

The Staff Directory supports the following hooks:

1) Adding extra fields to show.

If you have extra fields that you would like to show in the staff listing, you can hook into and add these fields here:

$GLOBALS['TYPO3_CONF_VARS']['EXTCONF']['tx_wecstaffdirectory_pi1']['addExtraFields']

The hook that is called:

$extraDBFields = $_procObj->addExtraFields($this->dbShowFields, $this);

Note that you would have to already add the fields in $TCA and the database. This is for display within the extension.

2) Adding additional global markers

If you add extra fields and then want to process them in the template display, then you need to add a hook and process them through this. You can set

$GLOBALS['TYPO3_CONF_VARS']['EXTCONF']['tx_wecstaffdirectory_pi1']['extraItemMarkerHook']

The hook is called:

$_procObj->extraGlobalMarkerProcessor($markerArray, $item, $this);

This will allow you to add to the $marker[] array that is used to display items in the template.

Support Social Media Services¶

Social media services like Twitter, Facebook, LinkedIn and MySpace have taken the internet by storm. There are a variety out there and they are typically different in popularity based on the region/country. So, in the Staff Directory, you can define which social media services you want to support. Currently, up to three are available. The default is Twitter, Facebook, and LinkedIn.

When a user enters data for their Twitter, Facebook, etc. account, it must be whatever information is needed to complete the URL. Sometimes this is a number, or the end of a URL. Please look at the setups in static/ts/setup.txt under social_contact1...social_contact3.

To change which services you want to support, you need to do the following. We will change the third one from LinkedIn to MySpace.

Set the constant for a given social media icon either in the Constant Editor or in the +ext template:

plugin.tx_wecstaffdirectory_pi1.social_contact3Icon = fileadmin/icons/myspace.png

and be sure to put the given icon image file wherever you point it in the above reference.

Set the Frontend locallang for the given social media service by adding this to the Setup section in your +ext (or global) template:

plugin.tx_wecstaffdirectory_pi1.social_contact3_label = MySpace

Set the BE locallang for the given social media service. You need to add this to your page TS Config in either the staff directory page or in the root page.

TCEFORM.tx_wecstaffdirectory_info.social_contact3.default = MySpace

Change the TypoScript for defining social_contact3 to set the actual link shown. You can add the following Typoscript in your +ext template.

 social_contact3 = COA
      social_contact3 {
              10 = IMAGE
              10 {
file = {$plugin.tx_wecstaffdirectory_pi1.social_contact3Icon}
width = 16
height = 16
stdWrap.dataWrap = <a href="http://myspace.com/{field:social_contact3}"> | </a>
            }
      }

TypoScript Reference¶