WECGetting Started

From the Web-Empowered Church
()iGetting
Started with
the Web-
Empowered
Church
February 19, 2007

Copyright 2006, Foundation For Evangelism: http://www.evangelize.org
Author: Web-Empowered Church Team, info@webempoweredchurch.org
Support Community: http://www.webempoweredchurch.com/community
Page 1
Getting Started with the Web-Empowered Church
This document is published under the Open Content License

available from http://www.opencontent.org/opl.shtml
The content of this document is related to TYPO3

- a GNU/GPL CMS/Framework available from www.typo3.com
Page 2
Table of Contents
Introduction...................................................................................................................... 4
A. Welcome.............................................................................................................................................. 4
Who Is The Web-Empowered Church? ............................................................................................ 4
Why Use The Web-Empowered Church System? ............................................................................ 4
B. About This Guide................................................................................................................................. 5
C. How to Use This Guide....................................................................................................................... 5
D. Who Is This Guide For?...................................................................................................................... 6
Assumptions...................................................................................................................................... 6
E. Standard vs. Basic Administrator ....................................................................................................... 8
Part I: A Quick Start—The 60-Minute Website............................................................ 10

A. Setup Your Site—On Your Mark, Get Set, …Go! .............................................................................. 10
1. Log In to TYPO3......................................................................................................................... 10
2. Setup the Backend Users and Passwords .................................................................................. 11
3. Setup Your Website Information – WEC Constants ................................................................... 12
4. Selecting Features...................................................................................................................... 15
5. Changing Page Titles.................................................................................................................. 16
6. Hiding Pages for Later................................................................................................................ 17
7. Moving Pages............................................................................................................................. 17
B. Creating a Look—Choose a Template .............................................................................................. 18
Set the Website Template Using WEC Config ............................................................................... 19
1. Choose a Page Template Structure Using Advanced TYPO3 Functions ................................... 20
2. Choose a WEC Template Design............................................................................................... 22
C. Adding Content to Your Website ....................................................................................................... 25
1. Editing Text Elements.................................................................................................................. 25
2. Adding New Text Elements......................................................................................................... 26
3. Adding Image Elements.............................................................................................................. 27
D. Reviewing Your New Website........................................................................................................... 29
Part II: Using TYPO3 – A Crash Course.......................................................................30

A. Logging In To The Backend.............................................................................................................. 30
B. The TYPO3 Backend Basics............................................................................................................. 31
1. What’s Back Here? – Breaking Down the Backend .................................................................... 32
2. Making Sense of the TYPO3 Menu............................................................................................ 32
3. The Page Tree............................................................................................................................ 34
4. The Content Area (Page View & List View) ................................................................................ 35
5. Seeing What You Need to See................................................................................................... 36
6. Clipboard—Copy, Cut, Paste ...................................................................................................... 38
7. What Is Cache and Why Is It So Important?............................................................................... 39
C. Setting Up User Management........................................................................................................... 39
1. Frontend vs. Backend…Again.................................................................................................... 39
2. Thinking About Visitors............................................................................................................... 40
3. Thinking About Editors................................................................................................................ 40
D. Extensions & Plugins........................................................................................................................ 41
Page 3
1. How to Use Extensions............................................................................................................... 41

2. Adding Extensions…Cautiously .................................................................................................. 42
3. Ministry & Evangelism “No-Brainers” .......................................................................................... 42
E. Good Practices While Working In TYPO3 ........................................................................................ 43
Part III: Using Advanced TYPO3 Features .................................................................. 45

A. How to Create Your Own Look with Templates................................................................................. 45
1. What’s a Template?..................................................................................................................... 45
2. Deciding Which Way to Start...................................................................................................... 45
B. Adding and Updating Extensions ...................................................................................................... 47
1. Finding New Extensions.............................................................................................................. 47
2. Adding New Extensions ............................................................................................................. 47
3. Removing An Extension.............................................................................................................. 48
4. Updating Existing Extensions ..................................................................................................... 48
C. Using the Advanced Page Type ........................................................................................................ 49
A. Using TYPO3 Help............................................................................................................................ 50
B. Help at the Web-Empowered Church Website ................................................................................. 50
1. Learning with Tutorials................................................................................................................ 52
2. How to Use How-Tos................................................................................................................... 54
3. Using the WEC Forums.............................................................................................................. 57
C. The Web-Empowered Church Book................................................................................................. 61
D. Help at the TYPO3.ORG Website..................................................................................................... 62
Appendix A: WEC Website Planner............................................................................. 63

Planning Your Website........................................................................................................................... 63
Tips on Writing for the Web................................................................................................................... 65
......................................................................................................................................... 65
Appendix B: Glossary of Terms................................................................................... 66
Appendix C: Hosting..................................................................................................... 68
Hosting Options and Requirements ....................................................................................................... 68
Turn-Key Hosting (the faster easier approach) ..................................................................................... 68
Signing Up at VineHosting.............................................................................................................. 69
Page 4
Getting Started with the Web-Empowered Church Part I: A QuickStart—The 60-Minute Website
Introduction
A. Welcome
Welcome to the adventure of doing ministry through technology!
This guide is written for everyone who is interested in using Web-Empowered Church
(WEC) technology for their own church website. This guide will introduce you to basic
concepts about building church websites and specific steps for using TYPO3 and WEC
tools.
With TYPO3 and WEC tools, you can build a church website to share information about
your church like church service times, directions, staff information, class schedules, and
so forth. You can communicate with people through email and message boards,
newsletters and online calendars. And you can connect with people through sermons,
prayer forums, volunteer/servant matching systems, and devotional discussions. Finally,
and most importantly, this manual will help you discern what a church website is all
about and enabling your church to connect people with Jesus Christ.
Who Is The Web-Empowered Church?

The Web-Empowered Church is a ministry of The Foundation
for Evangelism (www.evangelize.org), an organization whose
mission is to help churches around the world apply Internet
technology to enhance evangelism, discipleship, and care. The
mission of the Web-Empowered Church is to innovatively apply
WEB technology to EMPOWER the worldwide CHURCH for
ministry.
All of the Web-Empowered Church software is built to work
within TYPO3. Working with WEC solutions is essentially working with TYPO3 —a powerful
open-source, enterprise solution for website content management that is suitable for
businesses and ministries/churches alike. Once you finish reading this introduction, the
remainder of this manual will teach you how to use TYPO3. WEC has customized TYPO3
and offers pre-built setups and powerful tools for churches to use to build their website.
Why Use The Web-Empowered Church System?

The WEC Starter Package installs the full TYPO3 content management system with many
useful TYPO3 add-on extensions, some commonly used WEC add-on ministry extensions,
WEC website templates, and sample pages and data to jumpstart your website creation.
TYPO3 is a full-featured and excellent content management system with scalability so
that both small and large websites can be created. You can use as many or as few of its
features as you want or need. You can quickly setup a small static website for your
church and then later “turn on” more advanced and interactive functions.
Unlike many open-source projects, WEC has a long-term commitment to building,
maintaining and improving excellent web ministry tools for churches. TYPO3 and all WEC
extensions are free to use under the GNU public license —which allows free usage and full
ownership of the TYPO3/WEC package, though you may not sell these resources.
However, although the TYPO3/WEC system itself costs nothing, hosting a website does
have a number of costs involved.
Even though TYPO3 simplifies many complicated tasks, it will require some dedication by
at least one technical leader (staff or lay leader) to setup and configure your website and
Page 5
content editing for your church. Once you have personalized the TYPO3 environment for
your editors and staff, daily and monthly maintenance becomes much simpler.
B. About This Guide

This guide is organized into four main sections:
Part I: A Quick Start—The 60-Minute Website

If you are looking for a fast, out-of-the box website solution, this section is for you. This
section will walk you through the steps to get a basic, pre-formatted website up and
running in no time at all. If you would prefer a brochure-style website that will direct
people to your church with directions and worship times, the 60-minute website may be
all you need. If you want to develop a full website ministry, the later sections in the guide
will be helpful, but this section shows you how to get up and running quickly.
Part II: Using TYPO3—A Crash Course

In this section you’ll be introduced to the TYPO3 content management system in more
detail, though we’ll break it down into simple steps. We’ll show you how the hard parts of
website creation and maintenance become easy with TYPO3. We’ll also review the
difference between managing Frontend users (visitors who choose to be members of your
website) and Backend users (people who will help you add new content and keep your
website up-to-date). Additionally, this section offers a number of methods you can use to
build your website for effective web ministry.
Part III: Using Advanced TYPO3 Features

Once you have your basic website setup, you may want some advanced information.
While a “Getting Started Guide” like this cannot cover everything, we do want to focus on
a few topics that may be helpful to you. These topics include using templates, adding
other extensions, using the advanced page type, and using the RealURL extension which
helps make your website friendlier. While there are many more advanced topics in TYPO3
to cover, these should answer some of your questions and help those who want to build a
more advanced website.
Part IV: Finding Help And Learning More

TYPO3 is a tool that proves the adage, “A minute to learn…a lifetime to master” because
it is full-featured and has many options. This section walks you through practical ways to
find and get help for using the system. The Web-Empowered Church website has many
step-by-step How-Tos and organized tutorials along with movies that show you how to do
many things in TYPO3. In addition, you can post your questions on the WEC forums
where many helpful Christian developers and users join together to help. And the Web-
Empowered Church is not in this alone —the TYPO3 community has many helpful
resources and people.
C. How to Use This Guide

 Getting Started with the Web-Empowered Church can be read straight through or
by jumping around in the chapters. To help make sense of the material on the
following pages, we’ve used a few icons in the margin to highlight certain
information.
Tip: Tips are bits of information that are good to know. They may offer shortcuts to
save you time or even make your website better.
Page 6
Note: 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.
Caution: 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.
Technical 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.
Internet 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
http://webempoweredchurch.com or http://typo3.org websites.
D. Who Is This Guide For?

This guide aims to be useful to beginners, technical professionals, and anyone who may
fall in-between.
 The Beginner: If HTML is a foreign word to you and you only use a computer for
email and web surfing, this guide will give you an overview of web development
for your church and get you started with baby steps.
 The Professional: If you’re a savvy or even budding technical developer or
designer, but the sheer potential of TYPO3 is overwhelming, this guide will lay the
groundwork to get you up and running.
 The Ministry Partner: If you believe in the mission of the Web-Empowered
Church and desire to partner with WEC to assist churches with the
implementation, support and training of WEC software, then this guide will lay the
foundation for your training.
Assumptions
This guide is primarily intended for those who have a website setup with a domain and
the WEC Starter Package installed. For learning and experimenting, if you have a PC
running Windows, you can also install the WEC-TYPO3 Server which runs everything on
your local computer. However, even if you do not have the software running, you may
want to read through the guide to gain an understanding of the WEC system.
The steps to setup your WEC system are:
1. Register your domain name and get an account with a web hosting provider.
Note: The web hosting provider that you choose must meet the minimum
requirements to run TYPO3 and the WEC Starter Package. For more
information, please see the hosting page on the WEC websites at:
http://webempoweredchurch.com/gettingstarted/hosting .
2. Install the WEC Starter Package , which includes the basic installation of TYPO3
along with the added WEC settings and features.
Tip: WEC provides a detailed installation guide; however, the installation
process requires basic web-server management skills and can be time
consuming. For most churches, we recommend a WEC Turn-Key provider. If
you choose to host your website with a WEC Turn-Key provider, the WEC
Starter Package will already be installed for you.
VineHosting (www.vinehosting.com), also a ministry of the Foundation for
Evangelism, is a WEC Turn-Key provider where you can register your domain
Page 7
name, install the WEC Starter Package, and set secure login and website
information in three easy steps.
You can get the WEC Starter Package or the WEC-TYPO3 Server from our website at:
Internet Link: http://webempoweredchurch.com/gettingstarted/installing/
Page 8
E. Standard vs. Basic Administrator

In the Web-Empowered Church system, we support both the standard administrator
account (which is a TYPO3 default) and basic administrator account. Basic administrator
was created by WEC to help users setup their website quickly and not overwhelm them
with the many additional options available in TYPO3.
If you prefer to use the standard administrator (account name “admin”), you do not need
to do anything except to know you will see an extra user named “basicadmin” listed in
the User and User Admin tools. You will also see a user named “basicuser” which can be
used to give website content entry people an account for adding-to and updating the
website, but without administrative features. The basicuser account is designed to be
used when basicadmin is used for setting up the website.
If you login using the basicadmin username, you will automatically use the simplified
administrator user interface. Users of basicadmin can make full use of this guide;
however, you should realize that some of the screenshots may show options unavailable
to basicadmin users. Please note the blue-colored text items. They represent special
instructions for basicadmin users. Most of “Part III: Using Advanced TYPO3 Features ” is
applicable only for the standard Administrator account.
Note: The Basic Administrator account and the Standard Administrator accounts
are always available. Even when using basicadmin, you can always choose to login
to admin if needed to perform a specific function. We recommend starting with
basicadmin and switching to admin when you need additional features when
needed.
Standard Administrator Menu Basic Administrator Menu
Page 9
Page 10
Part I: A Quick Start—The 60-Minute

Website
Sixty minutes is a remarkably short time to develop a website; however, if you make
use of a Web-Empowered Church (WEC) standard template, you can setup your
website in as little as an hour. The wonderful thing about using a WEC default
template is that you can actually get a simple website up and running without
needing to learn a lot about the TYPO3 content management system. While you can
add some or all of your content during this process, you can also come back later to
add and refine your content once you’ve finish setting up the basics of the website.
And, in time, you can change templates and even learn to create a custom template.
About this section

This section of the Getting Started with the Web-Empowered Church guide
will help you get started building your website using one of the WEC default
templates and the default website structure. This section assumes you have
a WEC Starter package setup on your system —if not, see Appendix C.
A. Setup Your Site—On Your Mark, Get Set, …Go!

From your internet browser, you will log in to TYPO3, setup the Backend users and
passwords, setup your website information, select features, and then optionally
change page titles, hide pages, and/or move pages. Here are the steps:
1. Log In to TYPO3
Once the WEC Starter Package with TYPO3 has been completely installed, you can
log in to the TYPO3 Backend to begin setting up your website.
Technical Stuff: The TYPO3 Backend is just a fancy term for the special web
pages used to configure and edit the website. Only Backend users (those users
given permission to log into the TYPO3 Backend) can add, delete, or make
changes to content on the website.
Note: In the following steps, www.yourchurchsite.org will be used as the
example domain name (web address) when you should enter your domain
name followed by the appropriate ending.
To log in to the TYPO3 Backend:

1. Open a web browser and enter your domain
address followed by /typo3/.
For example:
http://www.yourchurchsite.org/typo3/
2. At the TYPO3 Login page, enter the
username and password for the
administrative user.
Tip: Use the username and pass-
word that you or your WEC Turn-
Key provider created during
Page 11
installation and initial configuration. “admin” is the common default

username.
3. The TYPO3 Backend page displays.
2. Setup the Backend Users and Passwords

Backend user accounts enable people to modify your website. It is very important
that you give Backend user accounts to people who are trustworthy and that you
protect the usernames and passwords from getting into the wrong hands. A person
with access to these accounts could vandalize your website. You should also be sure
to choose passwords that are difficult to guess.
After you log in the first time, you should change the password of the admin account
to help protect your website. You also have the option of enabling the basicadmin
account and the basicuser account. These two accounts are designed to simplify the
Backend user interface; they are disabled by default in case they are not needed.
Note: If you are using the WEC-TYPO3 Server on you local PC, then the
passwords are set to “wec” and changing them is optional since your
computer should not be accessible from the public internet.
Also note that the basicadmin and basicuser accounts are already enabled if
you are using the local WEC-TYPO3 Server.
Even if you are running the local WEC-TYPO3 Server, it is recommended that
you follow the steps below to learn how to make these changes in the future.
To change the admin accounts:
1. From the TYPO3 Backend, select User
Admin at the lower left.
2. On the right, scroll down and click on the

pencil icon to the right of the admin user in
the Backend-user list.
3. Under the Password field replace the row
of stars (********) with the new password
you choose. Please be sure to remember
this new password.
4. Click on the save and close icon to save

the new admin user password.
To set the password and enable the basicadmin
and basicuser accounts:
1. Within the list of Backend users, click on the pencil icon to the right of the
basicadmin user in the Backend-user list.
2. Under the Password field replace the row of stars (********) with the new
password you choose. Please be sure to remember this new password.
3. Scroll to the bottom of the form and uncheck the Disable check box.
4. Click on the save and close icon to save the basicadmin user changes.
5. Repeat the process for the basicuser if you want to provide this special
account that allows the user to edit pages and content. The basicuser account
does not include the ability to perform administrator functions such as
Page 12
changing templates or adding and removing features. This account is meant

to be used in conjunction with the basicadmin account for administration.
Tip: Once the basicadmin account is enabled, you have the option of
switching to the basicadmin account for the rest of this quick start section.
Logout by clicking on the Logout button at the lower left and then log back in
using the basicadmin username. We recommend using basicadmin to start.
3. Setup Your Website Information – WEC Constants

The next thing you need to do to setup your website is to set the website information
—name of your church, address, etc. This is done by changing the WEC Constants.
These constants are setup in one place and then used throughout the website. For
convenience, these constants can be set using the WEC Config tool.
To setup your website information:
1. From the TYPO3 Backend, select WEC Config at the left and ensure the
dropdown menu at the upper right is set to Edit Site Constants.
2. Choose whatever values that you want to change. Below is a list of the fields
you can modify.
a. Site Name: Typically, this is the name of your church.
b. Site URL: This field should be set to the full web address of your
website. If it is not set correctly, links to files and pages will not be
generated correctly. If your TYPO3 installation is in a subdirectory then
please be sure to add the subdirectory as the domain like:
http://YourDomain.com/wec/ . Also, don't forget the initial "http://" and the
trailing slash at the end. For WEC-TYPO3 Server users, this field should
be set to http://localhost:4001/.
c. Admin Email: The email of your main site contact. This is the default
email for instances when you do not set an email address specifically, it
will use this.
d. Description: The description of your church. This should be short.
e. Slogan: If you have a slogan for your church, you can include it here.
This is used on some templates.
f. Contact: The physical address where the church is located.
g. Footer: The footer on the bottom of the page. It is commonly used for
a copyright notice. If you do not want anything, you can leave this
blank.
h. WEC Footer: The WEC footer check box adds “We are a Web-
Empowered Church” to the template footer to indicate involvement in
WEC.
i. Date Format: The format to display dates on some places on your
website. The default is %m-%d-%y (American format). Change to %d-
%m-%y for the European format.
j. Time Format: The format for displaying the time on some places on
the website. The default is %r which corresponds to a standard format
that looks like this “10:15 AM.”
k. Date/Time Format: The format for displaying the date with the time
on some places on the website. The default is %m-%d-%y %r which
Page 13
corresponds to a standard format that looks like this “10-13-06 10:15

AM.”
3. After you have filled in all the values that you want to change, click on the
Update button to save them.
Modify the WEC Constants with WEC Config

Technical Stuff: The WEC Config tool is really a shortcut to editing the
constants using the TYPO3 constant editor. To edit them using the constant
editor, use the following steps:
a. From the TYPO3 Backend (you must be logged in to the admin account),
select Template at the left, the root page in the page tree (First United
Methodist Church if you are using the WEC Starter Package),
and Constant Editor at the upper right dropdown menu.
b. Select the Category "CONSTANTS.WEC" from the dropdown menu located
beneath the heading Edit Constants for Template.
Page 14
c. From this list of items, you can choose which ones to change. If there is a
checkbox that is marked, then you can go ahead and change the values. If
it is not checked, you must check the checkbox and click on Update.
4. Now you can view your website (referred to as the “Frontend” in TYPO3) to
see what a website visitor would see. You can view your website by opening
up another web browser and entering your web address,
http://YourDomain.com. You can also use TYPO3 to help. Click on a page icon
next to a page name in the middle page tree. A menu will pop up and you can
select Show to display the page in a new browser window.
Page 15
4. Selecting Features
The initial WEC Starter Package provides many pre-configured and pre-installed
active features such as a prayer page, blog, forums, and calendar. These features
can be displayed or hidden using WEC Config. If you are using basicadmin, this is the
way to add and remove these features now and in the future. If you are using the
full admin account, this is still an excellent way to start because it does many steps
for you and the feature will function in the future as long as you do not delete or
significantly modify the pages containing the features.
Select features using the following steps:
dropdown menu at the upper right is set to Manage Add-on Features.
2. You will see a long list of active features. The installed features are listed first
and any uninstalled features are listed at the end of the page.
3. For installed features, clicking the Uninstall button below will hide the feature
from the website. For uninstalled features, clicking the Install button will
unhide the feature from the website. It is important to note that using these
buttons only hide and unhide features. It does not actually delete them.
For basicadmin users when a feature is uninstalled (hidden), the pages will
disappear from the page tree. These pages are hidden to simplify the user
interface.
For admin users, the feature pages will remain but will be marked as hidden.
More information on hiding pages can be found in the next section.
4. By default, all the standard features are initially installed.
Tip: Uninstall and install features and then view the resulting changes to the
website in a separate browser. Also, if you are unsure which features to use, try
starting by uninstalling all features except the prayer connector.
Page 16
Selecting Features with WEC Config
5. Changing Page Titles

One of the next things that you can optionally do to make your website fit your
church is to fine-tune the website page titles. This also changes the navigation menu
names and the web address of the page. In TYPO3, changing the page title is as
simple as renaming folders.
To change a page name:
1. Click Page in the menu on the left.

2. The page tree displays in the center of the screen.
3. Click the page icon on the page in the page tree to
open the shortcut menu.
4. Click Edit page properties to open the page form.
5. Change the Pagetitle field. A page’s title is displayed
both on the page itself and in the browser window’s
title. This is also the name used in the menu. Finally, it
is used to construct the web address of the page. For
example, the page named “About Us” has a web
address of: http://www.YourChurch.org/about_us .
6. Scroll to the top or bottom of the page form and click
the Save icon.
Tech Stuff: If you are using the full admin
account, you can set the page type to
Advanced to enable individual control of the
page parameters. The Pagetitle continues to
display on the page and browser window’s
title. Use the Navigation title field to set the
navigation menu name for the page. Use
Page 17
This Hide option
does not hide the
page in the menu
—instead it
completely
Getting Started with the hides Church
Web-Empowered Part I: A QuickStart—The 60-Minute Website
the page from
the internet.
Speaking URL path segment to set the title in the web address. The Alias
field can also set the title for web address, but is superseded by the Speaking
URL path segment field if TYPO3 is setup to use realistic web addresses
(referred to as Real URL). The WEC Starter Package uses Real URL by default.
Without Real URL, the web addresses are more cryptic and search engines may
not index them properly. For example, without Real URL the About Us page web
address would look like this: http://www.YourChurch.org/index.php?id=about_us .
6. Hiding Pages for Later

On the page form (editing the page properties), you can choose to hide pages. If you
are no longer in the page form, follow the above steps 1 –4. You can scroll to the top
of the form and choose one of the options for hiding the page.
Select the Hide Page checkbox to completely hide the page.

Choosing this will essentially make your page invisible as if the
page doesn't exist even if you try to type in the web address (URL).
The page will not be included in website indexing nor internal website searches.
Select the Hide in Menu checkbox to hide the page from

menus and the website map. You can reach pages hidden
from the menu through the page’s web address or by
searching the website for words on the page. This option
replaces the Not in Menu page type (below).
The Not in Menu page type will be discontinued in future versions of TYPO3.
Currently, choosing this option will hide the page from menus and the website map,
but you should use the Hide in Menu checkbox instead.
Then save the page using one of the three icons at the top or bottom of the page —
Save, Save & View, or Save & Close.
Caution: The Visibility Settings option in the
shortcut menu only allows you to hide the page
completely from all visitors (Hide Page) or to set the
Start and Stop display dates for the page.
If you just want to keep the page from showing in the
menu, you will need to choose Edit page
properties and select the Hide in Menu option.
7. Moving Pages
TYPO3 automatically creates your navigation menu on your Frontend website from
the Backend page tree (the center column of the Backend). If you add a page to the
page tree, it will be added to the menu. If you delete a page, it will be removed from
Page 18
the menu. If you move or rename a page, then those changes will be reflected in the
menu.
To move a page:
1. Click List in the menu on the left.
2. In the page tree, click the page icon at the top level or wherever you want to
move pages.
3. If you do not have Extended View set, click on the Extended View checkbox
(see picture on next page).
4. Move the pages by clicking the up or down arrow on a page. The down arrow
will move it below, while the up arrow will move it up.
5. You may have to wait a little bit to see the move happen, but after it has
moved, you can keep moving that page or other pages.
6. Arrange them in the order you want.
7. You can go to sub pages by clicking on them and arranging their order using the
same method.
Tip: TYPO3 offers many ways to move pages. For example, you can click on the
page icon and select cut from the menu. Then you can click on another page
icon and select paste into to paste the page at a level below the selected page
or select paste after to paste the page at the same level in the page tree and
positioned immediately under the selected page.
Ordering Pages Using Page List View
B. Creating a Look—Choose a Template

The template for your website defines the appearance of your website, the
navigation that allows users to move about your website, and the regions of pages
that can accept content. You can change templates at any time. However, if the
regions in a new template are different from the previous template then existing
content in the changed regions may not display correctly or at all. For example, you
could choose a template with three regions such as three columns. You could then
Page 19
enter content in all three regions. Later you could change to a two region template
such as two columns. Assuming the two regions match, content would show up
correctly in the first two columns, but there would be no place to put the content
from the third region. The content would not be lost, but it would not be visible to
viewers of the web page. To make it visible you would need to move the content
from the third region to a region already defined in the new template before it would
show up on the website. For this reason, it is especially important to choose a
preferred layout first. Then, you can easily change to one of the different template
styles that define the same regions.
There are two ways to set the template for your website. The WEC Config tool can
quickly set the template for the entire website. You can also apply a template to any
page using the advanced features inherent in TYPO3. In both cases, if a template is
applied to one page then all pages below it in the page tree will automatically inherit
the template unless they have a different template explicitly assigned to it.
Set the Website Template Using WEC Config

Follow these steps to quickly set the template for your website. This is the only
method to change templates while using the basicadmin account.
dropdown menu at the upper right is set to Select Site Template.
2. This will show the current website template at the top and all the available
templates below. Any templates that include the phrase “Fully compatible with
current template” have a set of regions that match your current website. If you
have entered content into your website then it is easiest to choose a compatible
template. (If you are setting up your website for the first time and have not
entered any content, then you may disregard the compatibility warnings.)
3. Click on a template you choose and it will immediately become the default
template for your website. View your website to see the new template on your
website. Feel free to try several different templates by clicking on other
templates and viewing your website again.
Page 20
Changing Templates with WEC Config
1. Choose a Page Template Structure Using Advanced TYPO3

Functions
You can apply a template to any page. The first step requires selecting a template
structure (Data Object or DO). Among other things, the template structure defines
the regions where content can be added. Templates that use the same template
structure are usually compatible.
While editing a page record, the page template structure is represented by the little
thumbnail graphics of pink and white boxes. The pink boxes represent the areas of
the web page in which you can add content. The white boxes represent the static
content that is the same for each page, such as the website logo, website name, and
website slogan.
Below are the page template structures that come with the WEC Starter Package.
Each page template structure comes with its own set of WEC Template designs.
Some template families are available for more than one page template structure.
Page 21
2 Column 2 Column + Subcontent 2 Column + Top 2 Column - Right
3 Column 3 Column + Subcontent 3 Column + Top
To choose a page template structure for your entire website:
1. Click the Page option on the left side of the screen. On the page tree, click
the icon for the shortcut page. This is usually the second element in the
page tree and at the very top.
Note: You can use this approach to apply a template to any page. The
template structure and template will then apply to the current page and
any pages at lower levels below that page. Applying a template to the
top level shortcut page assigns the template to the entire website.
2. On the popup shortcut menu, choose edit page properties. The page form will
display at the right.
Note: If you click on the name, not the icon, you will not see the
shortcut menu, instead the contents of the page will be displayed at the
right.
3. Scroll down to the Page Template Structure
section of the page form.
4. Click on a picture of the page template
structure you want to select for your website
or select an option from the drop-down list.
5. Click OK on the popup dialog box. If no popup
displays, scroll to the top or bottom of the
page form and click the Save icon.
6. Continue with the next section to choose a Template Design.
Page 22
Selecting a Template Structure and Design
2. Choose a WEC Template Design

Each page template structure comes with its own set of WEC Template Designs.
Some template families are available for more than one page template structure. The
WEC Starter Package installs the following page structures and templates:
Page
Template WEC Template Design
Structure
Welcome Hearts - 2 Column: Green, Blue, Earth
/template1-sub2green /template1-sub2greenblue /template1
Love In Action - 2 Column: Green, Aqua, Purple

2 Column
/template4 /template4-sub2aqua /template4-sub2purple
Nature of Hope - 2 Column, Right: Green, Blue, Earth
2 Column - Right
/template6-sub2green /template6 /template6-sub2earth
Page 23
Page
Structure
Welcome Hearts – 3 Column: Green, Blue, Earth
/template1-sub3 green /template1-sub3blue /template1-sub3
Love In Action - 3 Column: Green, Aqua, Purple
3 Column
/template4-sub3green /template4-sub3aqua /template4-sub3purple
Nature of Hope - 3 Column: Green, Blue, Earth
/template6-sub3green /template6-sub3blue /template6-sub3earth
Global Community - 2 Column, Subcontent: Green, Blue, Purple, Harvest
/template3-sub2gree /template3-sub2blue /template3-sub2purple
2 Column +
Subcontent
/template3
Global Community - 3 Column, Subcontent: Green, Blue, Purple, Harvest
/template3-sub3green /template3-sub3blue /template3-sub3purple
3 Column +
Subcontent
/template3-sub3harvest
Page 24
Page
Structure
Sacred Traditions - 2 Column, Top: Taupe, Aqua, Purple
/template5 /template5-sub2aqua /template5-sub2purple
Beautiful Creation - 2 Column, Top: Brown, Blue, Purple, Green
2 Column + Top
/template2-sub2browns /template2 /template2-sub2purple
/template2-sub2grn
Sacred Traditions - 3 Column, Top: Taupe, Aqua, Purple
/template5-sub3taupe /template5-sub3taupeaqua /template5-sub3purple
Beautiful Creation - 3 Column, Top: Brown, Blue, Purple, Green
3 Column + Top
/template2-sub3browns /template2-sub3blue /template2-sub3purple
/template2-sub3grn
To choose a template design for your entire website:

1. Choose a page template structure as described in the previous section.
2. The page form refreshes, showing the top of the form.
3. Scroll down to the Use Template Design section of the page form.
Page 25
4. Click on a picture of the template design

you want to select for your website or
select an option from the drop-down
list.
5. Scroll to the top or bottom of the page
form and click the Save & Close or
Save & View icon.
Caution: If you use a popup blocker in your browser, the Save & View might
not work. To fix this, you will need to allow all popups from your website to be
viewed.
Note: The sample images of the templates are shown with standard graphics.
Some of the images are optional (add your own) and some are “random”
images. Don’t panic if the person in the header doesn’t match the one you
selected or if no graphic displays at all. For instance, the Global Community
template (shown above) randomly cycles through the people shown in the
graphical header with each page refresh or menu click. In any event, the color
scheme you chose for your website will remain the same. This technique is
used to give your website a fresh look and feel.
Page 26
TEXT element
Headline for Format
Enter TEXTof
text element headline:
- type
Layout1
- copy = H1
& paste
etc. (See Note on
Getting Started with the Web-Empowered Church next page
Part I: A QuickStart—The for Website
60-Minute
explanation of
H1.)
C. Adding Content to Your Website Hidden =

headline will not
Now you can add content to your website. display on web
1. Cut-and-paste text about your church and ministries. page
2. Upload and select images.
1. Editing Text Elements

The WEC Starter Package comes with a page tree already built for you. Use this tree
to jump-start your website content. Before you even have your domain registered,
you can begin gathering and creating your website content. TYPO3 supports copy or
cut & paste from many programs including Microsoft Word™.
One of the easiest things to do in TYPO3 is to edit existing text elements. Since the
WEC Starter Package includes sample data for most pages, you can begin personal -
izing the content of your website simply by editing what is already there.
To edit text elements on the Home page,
1. Click Page in the menu at the left and then in the page tree, click the Home
page name.
Tip: Clicking the icon opens a shortcut menu that we will discuss later.
2. The page view displays the placement of content elements in the page’s
content regions.
3. Click the Edit icon it the text itself to

edit the text element and the content
form will display.
4. Make changes to the fields as needed.
5. Scroll to the top or bottom of the page form and click the Save & Close or
Save & View icon. Save & View opens the Frontend page in another window.
Page 27
2. Adding New Text Elements

To add a new text element to a page,
1. Click Page in the menu at the left. Then in the page tree, click a page
name.
2. The page view displays the placement of
elements in the page’s regions (as defined by
the template).
3. Click the Add New Element icon in the region

in which you want to add the new element. The
New Content Element window will display a
choice of element types.
4. Click Regular Text Element to add a new text
element. A new content form displays at the
right.
5. Complete the fields as needed.
Essential fields include:
 Header: This is the headline for the
element.
 It is a good practice to label every
element by filling in the Header field.
Use the option Hidden to identify
elements while working in page list view without causing a headline
to appear on your page.
 Choose the Type layout style—this sets the HTML style as follows:
- Normal = Default
- Layout 1 = H1
- Layout 2 = H2
- Layout 3 = H3
- Layout 4 = H4
- Layout 5 = H5
- Hidden = Hides the headline on the web page
Note: HTML styles H1…H5 are special formatting styles that go
from large to small (H1=largest, H5=smallest).
 In general you can leave the type set to Normal. For the
basicadmin account, this field does not display and defaults to
Normal.
 Text: Type or copy & paste the text for your purposes.
Save & View icon.
Page 28
Tip: If you want to change the type of content element

you are working with, simply choose another element
type from the Type dropdown list.
Tip: If you paste text from a Word document or other
program, it will probably include extra formatting that
will incorrectly alter the formatting of the text in a web
page. You have two options to address this.
1. First paste the text into a text editor like Notepad,
then cut it from Notepad before pasting into the
TYPO3 editor. This removes the extra formatting.
2. Use the remove formatting option in the editor.
You can experiment with the options it offers to see
what works best in your case. It can remove
formatting from either the entire area or from selected text.
3. Adding Image Elements

Graphics can really make your website come alive. Graphics can be placed in any
part of your web page and can be set to have text wrap around them or not.
TYPO3 supports the following graphic file formats:
 GIF, JPG, JPEG, BMP
 PCX, TGA, PNG
 PDF
 TIF, AI
Uploading Images to the TYPO3 Filelist

Begin by uploading images you plan to use into the TYPO3 file folders.
Tip: It is important to store files in a logical hierarchy of folders. Within TYPO3,
it is useful to create folders that are organized similar to the page tree.
Alternatively, some users like to group images by file type (i.e., image, audio,
text, etc). Whatever method you prefer, it is important to have a method that
makes sense to you and your team so that you can easily find files.
To upload images:
1. Click Filelist in the menu on the left. The fileadmin tree displays where the
page tree was (basicadmin has a limited number of accessible folders ).
2. Click on the folder name you want to load files into.
a. Click New to create a new sub-folder.
b. Click Upload Files to upload 1–10 files. Choose the number from the
drop-down list.
3. Browse to the file(s) on your computer and click the file name.
4. Decide if you want to overwrite the file if it exists or if you want to upload
another instance.
5. Click Upload Files.
Page 29
Shows the
page name
Adding Images to a page

To add a new image to a page:
1. Click Page in the menu at the left. Then in

the page tree, click a page name. The page
view displays the placement of existing
elements in the page’s regions.
2. Click the Add New Element icon in the column

location that you want to add the new element.
The New Content Element window displays a
choice of element types.
3. Click Images Only to add a new image element.
A new content form opens.
4. Complete the fields as needed.
Essential fields include:
 Header: This is the headline for the element.
 It is a good practice to label every element even if you make it
“hidden.”
 Images: Click the file folder.
 The TYPO3 Element Browser popup window displays.
Note: You may need to set your browser to allow popups for
your TYPO3 website.
 To view thumbnails of the images, select the Display Thumbnails
checkbox.
 Click on the image you want to add to the page. The image file will
be added to the Images list in the content form.
Save & View icon.
Page 30
Note: With TYPO3 you can add images

along with text within the editor by
clicking on the Insert/Modify Image
icon. Once you place the image in the
editor, you can resize it using the corner
markers. You can also change various
image properties by selecting the image
and then clicking on the
Insert/Modify Image icon again.
You can also choose the Text with
Image content element type which
places an image in one of several selectable locations next to, above, or below
the text. As you can see, images can be added to Page in many different ways.
D. Reviewing Your New Website

When you’ve worked through this section, your website will be well along the way.
The next step is to review your website to see how it looks.
There are three ways to review your website:
1) Type your web address into a browser
address bar to review it. Use the URL
for your church website.
Page 31
2) Click on the page you want to see—for instance,

select your home page—and then the View button
at the left.
3) Click on the icon next to the page you want to

see. Then you will see a list of options. Choose
Show. This will bring the page up in a new
window or tab.
As you review it and check out each page and take note of any changes you want to
make. Then you can go back into the TYPO3 Backend and make the changes.
Once you have worked on your website and revised it, and likely shown it to key staff
people or those responsible, you are ready to publicize the URL. Put it in newsletters
or your bulletins or however best you can to get the word out. Let them know that
www.yourchurchsite.org is a live website and they can come visit it.
Page 32
Getting Started with the Web-Empowered Church Part II: Using TYPO3 —A Crash Course
Part II: Using TYPO3 – A Crash Course

This section helps you understand how to work with the TYPO3 Backend and
highlights some of the general concepts needed to better understand TYPO3. We’ve
put this TYPO3 crash course in its own section so we can explain things in more
detail without bogging down the flow of the previous section.
About this section

This section highlights key concepts that people learning TYPO3 usually ask.
Additionally, this section suggests some good methods for building up your
website for effective web ministry.
A. Logging In To The Backend

One of the nice features of TYPO3 is that you can access and change your website
whenever and wherever you have access to the Internet. Instead of needing any
special authoring software (like Dreamweaver, FrontPage, or BBEdit) on the
computer you are working from, you access the TYPO3 authoring environment simply
by adding a /typo3 to your website’s main web address (URL).
For example, if your website URL is http://www.yourchurchsite.org , you can access
TYPO3 by adding /typo3 to the end of the URL so it looks like
http://www.yourchurchsite.org/typo3/ in the browser address bar. The login page for
TYPO3 then displays in your browser window
as shown below.
To log in to the TYPO3 Backend:

1. Open a web browser and enter your
domain address followed by /typo3/. For
example:
http://www.yourchurchsite.org/typo3
2. At the TYPO3 Login page, enter the
username and password for the
administrative user.
Username:
Password:
Tip: Use the username and password that you or your WEC Turn-Key
provider created during installation and initial configuration. You can
make a note of them in the spaces above.
3. The TYPO3 Backend page displays.
Page 33
Click a menu option This is the
to begin
This is the Backend Frontend
welcome page
This is how the
Getting Started with the Web-Empowered Church Part II: Using
pagesTYPO3
can—A Crash
look to Course
people visiting the
website
B. The TYPO3 Backend Basics

Once the WEC Starter Package with TYPO3 has been completely installed, you can
log in to the TYPO3 Backend to begin setting up your website.
The TYPO3 Backend is just a fancy term for “the special web pages used to edit the
behind-the-scenes part of the website.” The term Backend is commonly used to
describe applications that are used to manage databases, servers, or network
configurations. Because this TYPO3 application is what you use to configure users,
add website content, and set functionality options, “Backend” is a good name for
these special web pages.
In TYPO3, the term Frontend refers to the web pages that people see when they visit
your website. In essence, the Frontend is your website.
Technical Stuff: Only Backend users (those users given permission to log into
the TYPO3 Backend) can add, edit, or delete content on the website.
TYPO3 Backend welcome page after successful Login
Frontend of a TYPO3 website
Page 34
Page Tree Content Area
(Page View)
1. What’s Back Here? – Breaking Down the Backend

The TYPO3 Backend can be broken down into three main sections:
 TYPO3 menu (left column);
 Page Tree (center column);
 Content Area (right column).
TYPO3 Page View – Click Page in the web menu, click Home in the page tree, the page view displays on the right
Tip: In some of the TYPO3 documentation the menu options are referred to as
modules.
2. Making Sense of the TYPO3 Menu

TYPO3 is a pretty hefty tool and can seem a little overwhelming when you try to
learn it all in one shot. In this section we’re just going to tell you about the menu
options that you need to know about. The others we will save for later.
If you’re reading this guide, you’re probably one of the administrators for your
website. When you log in as administrator you have access to every possible menu
choice and every TYPO3 configuration option. To get your website up, you really only
need to use a couple of basic menu options.
For basicadmin users, many of these options are not available.
Page 35
Menu Option Description When to Use

This is the most basic view of a page in Use it to view and add content elements to a
Page
TYPO3. It shows the template structure page.
(Web section)
(column layout on the page) and the order of
elements on a page. Click Edit to set display options for the page
such as the page name and various hide/show
page options.
This option shows a list of all elements on a Use it when adding a calendar event, news
List
page and/or all records in a folder. content, or when working with any list of
(Web section)
records.
Info This option displays information about the This has advanced functions for TypoScript,
(Web section) selected page or nested pages. Select the listing the page tree, and RealURL/Speaking
number of levels to display: This Page, 1 URL Management.
level, 2 levels, 3 levels, Infinite.
This option lets you set some constant Use it to set the WEC CONSTANTS or other
Template
information for you website (i.e., headers and plugin constants for your website.
(Web section)
footers of your web pages.) You can also set
colors, fonts, and other changes for the Do not use this option to change WEC
plugins/extensions that are on the page. template structures. Instead, use TemplaVoila
option to manage templates if necessary.
This option opens the TYPO3 template Use it cautiously and according to WEC
TemplaVoila
design module. instructions to make minor changes to the
(Web section)
website template and page template structure.
Avoid “poking around” in this section.
Seemingly innocent changes can really break
your website.
This option opens a tree of folders and files Use it to upload files to an online storage
Filelist
stored in the TYPO3 database. location for your website.
(File section)
Create and organize folders according to the
access permissions that you want to give
users and/or user groups.
The Backend User Administration lets you Use it to compare and test Backend Users.
User Admin
compare Backend User settings and
(Tools section)
simulate user logins or even actually Backend users and groups are stored on
switch user login. the root page (topmost page in the pagetree).
Use List mode to create, view, or edit records.
You cannot administer Frontend users or Frontend users—called website users and
groups with this tool. website usergroups—are stored in the Storage
Folder. Use List view mode to create, view, or
edit records.
The Extension Manager controls import, Use it to install a new extension from the
Extension
installation, and upgrading of Extensions in TYPO3 Extension Repository (TER).
Manager
TYPO3.
(Tools section)
This option deletes the cached copies of Use it after any template changes or page
Clear FE Cache
previously generated pages so that TYPO3 renaming.
(Admin section)
must regenerate them when they are
displayed the next time. If something seems like it is not displaying
correctly, always try clearing cache to see if it
See page 37 for more information.
fixes the problem.
The Logout button is at the very bottom of the It is good practice to always log out of TYPO3.
TYPO3 menu frame.
Though the Backend session will eventually
timeout, anyone returning to the Backend on
Closing the browser does not
the same computer before the timeout period
automatically log you out of the Backend.
may be able to gain access.
Page 36
2
1
3. The Page Tree

The page tree (which is to the right of the menu and often in the center of the page)
displays the hierarchical organization of pages in TYPO3. Websites built using a WEC
Template are designed so that the website navigation directly reflects the page tree
3
organization.
Using access permissions, some Backend Users may only be allowed to see a part of
the page tree for a website. This feature allows the administrator to configure
Backend Users with different responsibilities for maintaining branches of the page
tree.
Navigating and Extra Menu Options

Click on the page name to display the page’s content in the right frame of the page.
Click on the page icon to open a shortcut menu (1) with additional options for the
page. It contains options specifically for that page.
Pages and Records

The page tree works like a file system. Each page is like a directory where you can
store files. In TYPO3, the “directory” is the page and the “files” are database records.
Technical Stuff: On most pages the records will be content elements;
however, in List View mode, you will see every kind of record including any data
records that are displayed in special content plugins like calendar events, news
articles, and most WEC ministry extensions. User accounts, user groups, and
template objects are also considered records in TYPO3.
Expanding and Collapsing

Both the menu and page tree make use of icons to expand and collapse a section
of the menu or page tree. You can use this feature to “shorten” (2) the list that you
are working with or to fully expand just one section.
The menu has an Expand all checkbox (3) at the bottom. When selected, TYPO3
expands all menu sections. When you clear this checkbox, the menu reverts to the
way it looked prior to expanding all the sections.
Page 37
4. The Content Area (Page View & List View)

The content area is the section of the TYPO3 page that displays the specific content
for the page you selected. The content displayed will depend on the mode you are
working in. For example, in Page view mode, the content area shows how the
content elements are laid out on the page, while in List view mode, the content
area shows a list of records stored on the page.
The content area in Page view mode
The same content area in List view mode
Page 38
This view shortens the length
This of
is the field
form description
Clicking the properties icon (1) displays
the secondary options at the very top of
the page
5. Seeing What You Need to See

There are some fields in the TYPO3 Backend that are not automatically visible, but
will allow you to add even more detail to your pages and page content.
More Page View Options

At the top of the Page View page there are a couple of tabs including: Advanced
functions and Non-used elements.
In the Advanced functions tab, you can select the Show
hidden elements checkbox to make all hidden content
elements visible in the Page View.
Tip: If you can no longer see a content element in
the Page View, you may not have the Show hidden elements option selected.
The lost element may have been hidden because the element’s Stop date was
reached or the Hide checkbox was selected. Showing hidden elements reveals
all existing elements.
When you unlink an element in the
Page View, it is moved to the
Non-used elements tab.
 You can unlink an element by
clicking on the Unlink element
icon in the element header.
 Click on the Non-used elements tab to view, reference, or delete the element.
Showing (and Hiding)—Form Options

There may be times when you want to shorten the forms you are working on in the
Page View mode. You can do this by hiding some field options. At other times you
will want all of these options to be visible.
Within a page or content form, you may show/hide
secondary fields associated with a main field. Most
of the instructions in this and other guides assume
that you will be working with these options visible
(or at least know how to make them visible).
To do this, scroll to the bottom of the page and select the Show secondary options
(palettes) checkbox. You may also want to select the Show field descriptions checkbox,
which will add a short description that may give you a better idea of what content is
expected for each field.
1
Header field not showing secondary options and field descriptions
Page 39
These are the secondary
Rich Text Editor (RTE)
options
Plain text box

Header field showing secondary options and field descriptions
Sometimes you might want to swap the Rich

Text Editor with a plain text box. This is a
good idea if you are pasting content in from a
program such as Microsoft Word because the
odd formatting that those programs
sometimes include can really make the page
formatting difficult to edit.
To do this, select the Disable Rich Text Editor (RTE)
checkbox at the bottom of the content form or just below
the Text field before you paste.
Expanding List View

In List view, you can display some helpful icons that allow you to quickly make
changes to content.
To display the icons, scroll to
the bottom of the list and
select the Extended view
checkbox.
Tip: You can view just
a single table by
clicking the icon.
This is really helpful if
you are working with
many tables of records,
like the Storage Folder.
While viewing a single table (use the icon), you can select certain fields to display
for each record. Hold the Ctrl key while clicking fields to select multiple fields. Click
the Set Fields button to update the table.
These extra columns
will be visible for this
table in the regular
List View as long as
Extended view is
selected.
Page 40
Toggle
6. Clipboard —Copy, Cut,between
Paste
copying and
The TYPO3 clipboard is available at multiple
movingplaces
the in the Backend. Two places that
you may want to use it the most are in items
List View
on theand in the Filelist.
clipboard
Whenever you use the regular TYPO3 copy, cut, paste options, you are
actually using the Normal clipboard. Only one element at a time can be stored on the
Normal clipboard.
If you select one of the numeric clipboards, like Clipboard #1, you can store multiple
elements on the clipboard at one time.
To copy or move (cut) multiple elements with the clipboard:
1. Click a numeric clipboard.
2. In the list of records or files, checkboxes display next to the elements instead
of the copy and cut icons.
3. Click the checkboxes to select/deselect elements for the clipboard.
4. When you are finished making your selection, click the icon in the column
header to add the selected elements to the clipboard.
5. The default is to Cut & Paste records from one location to another. If instead
you want to Copy & Paste (leaving the original records intact and making a
copy elsewhere), click the Copy Toggle icon (located beneath the
CLIPBOARD header).
6. The paste icons display everywhere that you can paste the elements.
Navigate to the location that you want to copy or move the items to, and click
the paste icon.
7. A confirmation message displays before making the change. Click OK.
Tips: A quick way to delete multiple files or records is to use a numeric

clipboard. You can follow the same steps listed above for copying or moving
multiple elements, except instead of the copy icon, click the delete icon.
The select/deselect all icon will select all elements in the list.
The button in the clipboard header toggles image thumbnails on and off.
The button in the clipboard removes the item from the clipboard without
copying, moving, or deleting it. Click the button in the header to clear the
whole clipboard.
Page 41
7. What Is Cache and Why Is It So Important?

Cache is when a web page is generated and put into a storage area to be accessed
later. When a user wants to see a web page on your site, TYPO3 must generate the
page by accessing both the database and TYPO3 system. This might take 1/100
second. However, to make the system faster, TYPO3 “stores” these pages in a special
cache after it has generated it the first time so it does not have to access the
database or call the internal TYPO3 system. So instead of taking 1/100 seconds, it
only takes 1/1000 second to get the page. So with cache, the system is much
quicker.
The one issue that arises with cache is that when you make a change on your church
website, the change may not show up immediately, since an older image of the page
may be in the cache. You may need to clear the cache so that TYPO3 can generate a
“fresh” page.
To clear the TYPO3 cache:

1. In the TYPO3 menu (left column), scroll to the very bottom
of the frame.
2. Click the link that reads Clear FE Cache (FrontEnd Cache).
This will refresh your website and display your most recent
changes.
C. Setting Up User Management

TYPO3 has many options for user management. In TYPO3, you can setup users and
groups to:
 Require user registration to access or use certain sections of your website;
 Show or hide website pages based on a visitor’s login;
 Restrict Backend editing based on user login.
These and additional options can be configured on a user-by-user basis, as well as
assigning access permissions to groups of users. Using groups is a little like using
templates as they allow you to change settings and have them “trickle down” to all
the members of the group. Additionally, a user may be a member of more than one
group and have the combined access privileges of each group.
There are a variety of ways to organize how people can use your website or help with
content editing. How you setup this access will depend on the number of groups
using your website and what features/options you want to regulate.
1. Frontend vs. Backend…Again

Just as we learned that TYPO3 websites have a Frontend (facing the world) and a
Backend (the TYPO3 system pages), TYPO3 also supports two different kinds of user
logins.
 Frontend login—This is a login for registered website users. Any website
visitor can choose to register for your website using the link from the Login
Box. Once they login, they can access website content that is only visible to
registered users or a special member group.
 Backend login—Backend Users must be specifically created by the website
administrator in the TYPO3 Backend. The Backend User must know to add the
Page 42
/typo3 to the website’s web address in order to access the Backend login
page.
2. Thinking About Visitors

As you design your website, think about the ministry groups that
you support. What needs might these groups have? Do you need
to have a church members only section in which to post meeting
minutes? Do you need to have your Sunday School teachers
enter attendance in a secure online form? A church that hosts a
women’s Alcoholic Anonymous (AA) group may want to have a
section of pages that are only visible to users that belong to this
user group. Or maybe you simply want to require registration in
your website in order for people to post on your forums.
Tip: If you require visitors to register on your website with
a verified email address before they can post forum
messages or prayer requests, then you have a contact and
some recourse for blocking abusive or inappropriate users.
Frontend users are primarily added to the TYPO3 database through the user
registration form on the website. In the WEC Starter Package, visitors can get to this
form from the “click here to register” link.
Technical Stuff: The WEC Starter Package comes with the sr_feuser_register
Frontend registration extension already installed and configured on the My
Account page. (See page 39 for more about extensions.) When a visitor
registers on your website, they are automatically sent an email and added to
the Pending Confirmation website user group. The email contains a link back to
your website that the visitor must click to confirm that the email they
registered with is a valid address. Once they click the link, the visitor is added
to the Registered Users website user group and will have access to post on your
forum and access any pages specially marked for Registered Users access only.
If you want to utilize additional Frontend user groups for some of the uses
described above, you can manually add them to the user record in the TYPO3
Backend. Frontend user records (referred to as website users in TYPO3) are
found in the Storage Folder. You can view them in the List View mode.
3. Thinking About Editors

If you are like a lot of church website administrators, you are working as a volunteer
and have a limited amount of time available to dedicate to content updates. Updating
your site and making a web ministry at your church is a big, on-going job. We
recommend that a website administrator builds a team of content experts (those
people who are already writing the notes and updates for the church bulletin and
newsletters) and train them to update their own content. These are your content
editors and they will need Backend access to the pages they are responsible for as
well as permissions to the functions they need to perform.
Internet Link: The Web-Empowered Church website contains good instruction
about creating Backend Users and groups in the Tutorial pages in the Support
section of the website.
Click on Set Up Backend Users under the Using TYPO3 heading.
http://webempoweredchurch.com/support/tutorials/
Page 43
2 3 Part II: Using TYPO3 —A Crash Course
D. Extensions & Plugins

TYPO3 allows developers around the world to offer functionality that is not included
in the core system. Specific bits of functionality are packaged as extensions that are
available from the TYPO3 extension repository (TER). When you download and install
the extension, you extend the capability of TYPO3. What is great about TYPO3
extensions is that you can easily try one out and if you do not like it or find it useful,
then you can remove it.
An extension can be a Frontend plugin, Backend module, Backend record, some
other type, or a combination of several types. In most instances, you will be using a
Frontend plugin when you install an extension. A Frontend plugin is something that
will affect the web pages that are on your website. An example of a Frontend plugin
is a news system for displaying time sensitive articles on your site. You can add a
Frontend plugin when you add a content element. Choose “Insert Plugin” from the
Type field of a page form and then select the needed Frontend plugin (see below). A
Backend module will give you further functionality in the TYPO3 Backend, often by
adding new sections in the Backend's menu. An example of a Backend module is the
Web->WEC Config module, that provides a template selector and other functionality
for Backend users.
The Web-Empowered Church software includes several ministry-focused extensions
for TYPO3 including: WEC Prayer Connector, WEC Devotional-Journal, WEC Servant
Connector, WEC Sermon Management, and WEC Discussion Forum. You can read
more details about each of them below.
1. How to Use Extensions

The WEC Starter Package comes with the most useful and commonly used TYPO3
extensions installed and configured including all of the WEC-built extensions. You will
see the extensions available for your website listed in the available Plugins list of a
content element.
To add an extension’s functionality to a page:
1. In Page view, add a new content element to a page.

2. The New Content Element list displays.
 If the plugin is in the list, click on its icon to add it (1). 1
 If the plugin is not listed, add a Regular text element. You

will be able to change the element type (2) and select the
plugin type (3) in the content element form.
Page 44
2. Adding Extensions…Cautiously Disclaimer from TYPO3

At times you may want or need to add functionality The extensions in our repository are free
by adding an extension from the TYPO3 Extension to use. Although they are reviewed for
Repository (TER). However, it is important to be possible security issues their installation
cautious when adding extensions. Some extensions might cause problems in your TYPO3
“don’t play well with others,” and may not work in installation or work not as expected. Nei -
ther the respective authors, the re -
your specific TYPO3 configuration. viewers, nor the providers of this website
Note: When adding extensions from the TER, (www.TYPO3.org) or TYPO3 take any
add them one at a time and test the general responsibility for problems resulting from
the use of code provided by this
workings of the TYPO3 Backend and your repository.
website before adding another.
http://typo3.org/extensions/what-are-
If you are not pleased with the extension, you reviews/
can uninstall it in the Extension Manager
(In the Tools section of the menu).
Access the TER at
http://typo3.org/extensions/repository/ .
3. Ministry & Evangelism “No-Brainers”

The mission of the Web-Empowered Church is to empower churches to do ministry
on the web. To that end, the Web-Empowered Church puts a lot of energy into
developing TYPO3 extensions that help churches and the world connect to each
other, connect to God’s Word, and to grow in commitment to Jesus Christ.
Here is a list of some easy-to-implement WEC tools that improve the ability of
churches to connect in meaningful ways.
Prayer Connector
The WEC Prayer Connector extension creates a way for
your website visitors to connect either in prayer or in other
creative ways. It can be used to post prayer requests, job
openings, or help people that have a need or a service find
people who can address that need or use that service.
See an Example – http://ginghamsburg.org/prayer
http://webempoweredchurch.com/extensions/wec_connector/
Page 45
Discussion Forum
Discussion Forums can serve as a great way to hold Bible
Studies or discussion groups online. It can also serve to
supplement a weekly small group by providing a way for
people to continue the conversation outside the normal
boundaries or the regular meeting time.
http://webempoweredchurch.com/extensions/wec_discussion/
Servant Connector
The Servant Connector provides a way for
ministries in your church to post “servant
opportunities” online and allow website visitors to
view and even “commit” to these opportunities.
This can be much more effective (not to mention
costs less) than printing a brochure or putting
notices in a newsletter.
See an Example –
http://ginghamsburg.org/serve/
http://webempoweredchurch.com/extensions/wec_servant/
Devotional Journal
If your church has a pastor or laypersons who are
great at writing devotional material, the Devotional
Journal can be used to make these bits of “daily
wisdom” grow beyond just words on a page. The
Devotional Journal extension allows audio readings
of scripture to be embedded on a particular day’s
devotional, supports discussion and commenting,
and even has a journaling feature so that a user who
has an account on your website can type their
thoughts and insights about each day’s devotional.
See an Example – http://www.mytj.org/
http://webempoweredchurch.com/extensions/wec_devo/
E. Good Practices While Working In TYPO3

Here are some good practices to follow when working on your website:
 Use Page view for all elements that will be seen on the Frontend. This will
give you a better idea of where content will be placed and is a little easier to
navigate around in when working with page content like Text and Images.
 Use List view for content records—i.e., elements that will actually be a part
or a plugin such as Calendar, News, and Servant Connector items.
 Upload resource files (images, sound, flash movies, pdf, etc.) through the
Filelist and then reference them (rather than uploading them directly
through the page content forms).
Page 46
Page 47
Getting Started with the Web-Empowered Church Part IV: Find Help and How to Learn More
Part III: Using Advanced TYPO3 Features
About this section

This section focuses on some advanced TYPO3 subjects such as
templates, extensions, and advanced page type.
A. How to Create Your Own Look with Templates

When you create a website using TYPO3, the overall website appearance, layout of
the content elements (text, images, etc.), and navigation is stored separately from
the actual content. This separation of components allows you to make sweeping
changes to the look and feel of a website with very little effort.
1. What’s a Template?
A template is a group of files and data that contain information about how you want
your website pages to look. A template is automatically used for each page below it
in the page tree unless another template is applied to a lower page in the tree. So a
change to your template on the root (topmost) page of your website will ripple
through your whole website. For example, when a template is applied to the root
(topmost) page in the tree, every page in the website will use that template.
However, if you want a certain section, such as Youth, to have a different look and
feel, you can apply a different template to the main Youth page and all the sub-
pages in the Youth section will be displayed with that template.
2. Deciding Which Way to Start

Before you jump right into developing your website in TYPO3, it’s important that you
decide what you want to get out of your website and what you can put into it right
off-the-bat. You can always add more complexity and functionality later. Trying to
quickly learn about all of the options can be overwhelming and confusing, so you
may want to start slowly.
Choose the setup method that best describes you.
If this sounds like you… Then use this…
 I want to get my website up and running as fast as Default
possible. Template
 I like at least one of the Web-Empowered Church
templates without any changes.
 I don’t want to have to be an expert in this tool.
 I want to get started quickly, but I want to Tweaked

personalize the website for my organization. Template
 No Web-Empowered Church template exactly fits my
needs.
 I don’t want to start from scratch.
 I like to learn new things.
Page 48
If this sounds like you… Then use this…

 I want my website to be unique. Custom
Template
 I usually find myself using all of the advanced
features of a software package.
 I want full control of my project.
Default Template—Out of the Box

This guide focuses on setting up a website using one of the twenty out-of-the-box
default templates. The supplied WEC templates are available in six “flavors” in a
variety of colors and column layouts.
Tweaked Template
Tweaking templates can be simple or very difficult. This guide does not give you
instruction for tweaking the WEC Templates. To do this type of customization you
should post your questions to the WEC Community Forums so that others can benefit
from your questions and so that the appropriate knowledgeable experts in the
growing Web-Empowered Church open-source community can respond. Several
common questions have already been addressed there in the Templates forum and
more How-Tos on the topic are planned.
WEC Forums: http://webempoweredchurch.com/support/community/
Customized Template
For some organizations and churches, only a fully customized template is suitable to
get the look, feel, and particular features that fully meet the ministry objectives. At
this time, Web-Empowered Church offers two solutions for creating a fully
customized template:
#1Educate yourself in true open-source community style by reading the various
online documents, searching for solutions in other TYPO3 communities, and
posting on the forums. The How-Tos on WEC are a good start and we hope to
have a more thorough way to do that in the future.
Template Developer Documentation:
http://webempoweredchurch.org/products/templates/
WEC General Template Forum:
http://webempoweredchurch.com/support/community/forum/single_conf/getti
ng-started-1/templates-1/
WEC Template Developer Forum:
http://webempoweredchurch.org/community/forum/single_conf/ministry-
tools/other-typo3-extensions/
How-Tos (choose Template Category):
http://webempoweredchurch.com/support/howtos /
#2Hire a 3rd-party TYPO3 template consultant. A list of Web-Empowered Church

partners are listed on the Web-Empowered Church website.
Website Help: http://webempoweredchurch.com/support/third_party/
Page 49
B. Adding and Updating Extensions

The following details how to add, update, or delete extensions in TYPO3. You can
easily try out an extension and see how it works. In order to do this, you need to
have full Admin privileges in the Backend.
1. Finding New Extensions

How do you find out about new extensions or search for what is out there? One good
place to look is http://typo3.org/extensions . There you can find the full directory of all
TYPO3 extensions available and search for them by keywords or phrases. You can
also look for extensions in the Ext Manager->Import Extensions although it does not
give as detailed search as going to typo3.org website. If you already know the name
of the extension you want to install, you can just go there.
When you are looking at an extension, note that the ‘state’ of an extension is listed
and these are classified as follows:
Experimental: Very new and just a test of new features. Not recommended at
all for a live site, but you can try it to see what it does.
Alpha: Very new and likely has problems or missing lots of features. Not
recommended for a live site until it gets to beta.
Beta: This has been in development for some time and is close to being done. It
works well, but may have some minor issues.
Stable: This has been tested well and all the features are in. You should
definitely be able to use this on your site.
Another key importance in looking for a “good” extension is that it has a manual. If
you find an extension with a manual, read through it and see if it is helpful in setting
it up. Otherwise, you may have to figure it out yourself, which may require a lot
more time and likely some frustration.
2. Adding New Extensions

Once you have found an extension that you want to add to your site, you can go to
the Ext Manager->Import Extensions in the TYPO3 Backend. You then type in the
extension key (i.e., tt_news is the key for the News extension) or type in a keyword
(i.e., ‘survey’) and you will see a list of all extensions related to that key or keyword.
Page 50
Once you find the extension you want, choose the extension you want to install by
clicking on the red arrow to the left of it. This will download the extension to your
server and prompt you to do the actual installation. Before it finishes installing, it will
inform you of any database tables and system changes it is making. Please review
these and then click on the Update button.
After clicking Update button, you should see the extension listed when you go to the
Ext Manager->Loaded Extensions. You can now go to a page and add this extension
if it is a Frontend plugin.
NOTE: When you search for extensions, you should get the latest list from the
TYPO3 Extension Repository(TER). You do that by clicking on “Retrieve/Update”
button while in Ext Manager->Import Extensions. This will update your local
server’s information with the latest listing from the TER.
3. Removing An Extension
To remove an extension, go to Ext Manager->Loaded Extensions. Then you will see
all the extensions that are currently loaded in your system. Choose the green ball
with a minus symbol and click on it. This will immediately uninstall the extension.
You may see a list of options which you can update, but these will not be of use since
the extension is uninstalled. You can re-install the extension at a later time if you
would like.
If later you want to reinstall the extension, go to Ext Manager->Install Extensions
and find the extension. You can then click on the + sign which will then install it.
4. Updating Existing Extensions

After you have been running your website for awhile, you may want to update your
extensions. Many extensions are constantly being improved and “fixed” of any
problems. To update an extension, go to Ext Manager->Check for TER2 Updates. You
will see a list of extensions that you “could” update here.
Before you can update an extension, you will first need to get the latest list from the
TYPO3 Extension Repository (TER). You do that by clicking on “Get Version Info from
Online repository.” This will update your local server’s information with the latest
listing from the TER.
You will then see the list of extensions that can be updated. If this is empty, that
means all of your extensions are up-to-date. If there are extensions listed, click on
the Module name to update the extension. The “Local Version” is what currently
exists within your TYPO3 install, and the “Remote Version” is the latest version in the
TER. A caution is that if the local version and remote version are very different (i.e.,
1.1.1 and 1.1.8 are close whereas 1.1.4 and 1.6.3 are very different), then be sure
to read the changes because it is possible the updated extension may require a
different configuration than the version you have loaded.
Once an extension is updated you should test any pages using this extension. You
may need to read the extension manual for information about the updates and any
new configuration that needs to be set. If it does break, you can always go back to a
previous version by going to Ext Manager->Import Extensions, finding the extension,
clicking on its name and choosing a previous version from the dropdown menu.
Page 51
C. Using the Advanced Page Type

When you add a new page, it is added as a Standard page type. By
changing the page Type to Advanced, you can display some
additional fields in the page form that are quite useful. Some of
these are especially useful for Search Engine Optimization, while
others are helpful for using advanced features of TYPO3.
 Navigational title —Use this to enter an alternative title to be used in the
menu.
 Speaking URL path segment —This field is similar but not the same as the
Speaking URL Management that is described on page 18. Adding a path
segment will not change the pagepath for a moved page.
 Abstract—Unlike Keywords and Description, the abstract is not inserted in a
meta tag for the page.
However, if you add a website map content element
and select the Menu of subpages to these pages (with
abstract) menu type, then the content
of this field will be displayed as a
short description in the list of
subpages.
Note: In the WEC Starter Package, the Community, Ministries, and Learn
& Grow pages are all examples of this type of menu.
 Keywords —Use this field to enter key words and phrases (separated by
commas) that relate to the content on your page. This field is inserted as a
keyword meta tag for the page. Entering pertinent search words can
improve your search engine ranking.
 Description —Use this field to enter a description of your page. You should
limit your text to about one hundred characters. Like the keywords, this
description is inserted as a meta tag for the page. Entering a description for
each page can also help your website show up on search engines.
Tip: Many search engines, such as Lycos, MSN, and AOL use the keyword and
description meta tags to build their search indexes. When you select the
Advanced page type for a page in TYPO3, these fields are displayed in the page
form and you can easily add helpful text to optimize your ‘visibility’ to search
engines.
Internet Search: You can find many helpful resources on the Internet that
suggest the type of keywords, length of description, etc. that will help your
search engine optimization (also known as SEO). Try searching for “optimize
web search, meta keywords, description.”
Page 52
Part IV: Find Help and How to Learn More

TYPO3 is a big system and it has a lot of exciting functionality to offer, but all that
potential can be overwhelming. Thankfully, TYPO3 and the Web-Empowered Church
have helpful resources where you learn more about the TYPO3 and WEC system.
What is great about TYPO3 and WEC is the community of others who are willing to
help and we encourage you to take advantage of that.
About this section

This section shares good ways to find help and learn more about using
TYPO3 and the WEC tools.
A. Using TYPO3 Help

Nearly all of the core TYPO3 fields in the Backend (those that are part of a basic
TYPO3 installation and not part of an add-on extension) have a help icon near
them. Clicking this icon opens another browser window that contains more details
about the specific field.
Page 53
For example, in the Type field of the content element form, clicking on the help
icon next to the secondary 1 To top field opens a window explaining that when
checked, this option includes a small “To top” link on your page after the content
element.
Tip: This is a great little tool to use on long pages of content.
This feature is called “context sensitive help” or the TYPO3 inline manual. The full
inline manual is also available from the TYPO3 menu in the Help section.
B. Help at the Web-Empowered Church Website

Using TYPO3 and the Web-Empowered Church software offers exciting
new opportunities for your ministry website. At the same time, use of new
technology can be a challenge to learn and use. At WEC, we are attempting to
minimize the technology challenges in order to maximize the ministry impact. To do
this, we offer the following support to help get you started.
 Tutorials—Learn about TYPO3, and extensions that you can use on your
website. Each tutorial is made up of a sequence of WEC How-Tos that cover a
common topic.
http://webempoweredchurch.com/support/tutorials/
 How-Tos—How-Tos are short step-by-step instructions for a specific task. WEC

How-Tos are intended to be a quick way to find answers to common questions.
Most How-Tos include a Flash movie that illustrates the steps with a series of
screenshots.
http://webempoweredchurch.com/support/howtos/
 Community—The WEC User Community Forums allow you to join in a

community of other TYPO3 and Web-Empowered Church users like yourself.
Some are experienced and some are just getting started. There you can view
previous discussions, post questions, make suggestions, discuss various
topics, as well as help others.
http://webempoweredchurch.com/support/community/
 Hosting & Website Help—If you still cannot find the help you need in the online
resources, you may want to contact a third-party support or services provider.
These services include hosting, template design, training, and website
development using TYPO3 and WEC software.
http://webempoweredchurch.com/support/third_party/
1
Remember that secondary options are made visible by selecting the Show checkbox at the bottom of the page. See page 34
for a full description .
Page 54
1. Learning with Tutorials

WEC Tutorials are available on the Web-Empowered Church website in the Support
section.
Internet Link: http://webempoweredchurch.com/support/tutorials/
Tutorials are made up of a logically ordered sequence of selected WEC How-Tos. (The
next section includes more instruction on using How-Tos.) Each How-To can be
thought of as a lesson or mini-tutorial. The Tutorials are listed in categories, such as:
 Using TYPO3
 WEC Extensions
 Other Extensions (not developed by WEC)
 Installing WEC and TYPO3
To complete a tutorial lesson:
1. Click on the Tutorial link (1). This will
open a page with a short list of links at the
1
top (2). These are all links to the How-Tos
that are a part of this tutorial.
Page 55
2. The first step-by-step lesson in the Tutorial is 2

already displayed.
Note: Most lessons include a link to a Flash
movie illustrating the steps with screenshots.
You may choose to read or print the steps
from the screen or follow along as the movie walks you through the
steps with a series of screenshots.
To view the movies, you must have the free Flash Player installed (see
the note on page 573) and you may need to allow popups in your
browser if you have them blocked.
3. At the end of each tutorial, you can scroll to the
top of the page to click the link for the next lesson.
Or you can click the “Back to” link which will take you to the top of the first
lesson where you can click the link for the next lesson.
4. Continue through the lessons to complete the tutorial.
The growing number of WEC Tutorials with Flash movies on the Web-Empowered
Church website will help you get started using the TYPO3 and Web-Empowered
Church tools. After going through the tutorials, you can search the How-Tos database
to review a specific lesson or search for related lessons.
Page 56
How-To Lesson
displayed directly How-To Lesson
from the How-To displayed as part of
database a WEC Tutorial
These are the same Displays under a list of
lessons used in the lessons included in the
tutorials, but you can tutorial
also access them Flash movie opens in a
independently new window—you can
Displays as a stand- use ALT+Tab to toggle
alone lesson between applications on
“Previous Page” and a Windows desktop
“Add Your Comment” “Go Back” and links at
links help with the top keep you oriented
navigation to the tutorial that you
Flash movie opens in a are completing
new window—you can You can add a comment,
use ALT+Tab to toggle tip, trick, or question to
between applications on the bottom of each
a Windows desktop lesson
Page 57
AScroll
list ofdown
Search
Select athe
by
most
for a recently
keywords
categorylist of
ofthe
added
most
How-Tos How-Tos
popular
to
How-Tos
browse from
Getting Started with the Web-Empowered Church Part IV: Find Help and Howthe
to Learn More
drop-down
list or by
clicking on a
2. How to Use How-Tos category link
WEC How-Tos are designed to provide instruction for a specific task. Though some
How-To lessons have been incorporated into WEC Tutorials, all How-Tos are
accessible through the How-To database.
Internet Link: http://webempoweredchurch.com/support/howtos/
The main How-Tos page offers a variety of ways to find a lesson. You can…
 Search by keywords;
 Browse through a list of How-Tos in the same category;
 Browse a list of the most recently added How-Tos;
 Browse a list of the most popular (most visited) How-Tos.
Searching for a How-To

To search for a How-To by keywords:
1. In the Search By… box, enter a few key
words about the topic.
2. Click the Search button.
3. The website returns a list of How-Tos that
include your search word(s).
4. Browse through the list and click on the link
for the How-To you want view.
Page 58
Movie
Introductory
Steps
Add Comment
Navigation
Background
Button
Options
List How-Tos by Category

To browse through a list of How-Tos in a specific
category:
1. Click on any of the listed category names. The
number of How-Tos in that category is listed in
parentheses after the category name.
2. A list of How-Tos in the category displays on the
page. This list is in alphabetical order.
3. Browse through the list and click on the link for
the How-To you want view.
Viewing the How-To Information

Once you click the link for a specific How-To, the full lesson displays on the page.
These lessons include some introductory background about the task, steps to follow,
and usually a Flash movie that illustrates the steps with a series of screenshots.
Adding a Comment
If, after you complete the How-To lesson,
you have a question or a comment to
share about the task, you can post it
directly to the How-To record.
1. Click the Add Your Comment
button to open the comment entry
form.
2. The Comment form displays at the
bottom of the page.
3. Fill in the form and click the Add Comment button.
4. The comment will be added to the end of the lesson under the User
Comments heading.
Page 59
How-Tos
contain step-
by-step
instructions
Getting Started with the Web-Empowered Church within
screenshots
Playing the Movie

Most How-Tos include a Flash movie that illustrates the each step of the task with a
series of annotated screenshots. You can click through the screens at your own pace.
Note: Viewing these presentations requires the Flash Player to
be installed on your computer. The Flash Player is a free
download available from http://www.adobe.com/downloads/
To play the How-To Flash movie, click on the link.

If the movie doesn’t automatically load or if a new
window does not “pop up,” check to see if your browser is set to block popups. If it
is, disable your popup blocker or add this website to your “allowed” or “safe” list.
To save the Flash movie to your local hard drive, right-click on the “ Download How-To
Flash Movie” link (1) and save the .swf file to your computer.
Note: If you view a How-To movie (swf file) that you saved to your computer,
you will need to manually adjust the size of the window until the text and other
images display clearly.
2
1
Click through the movie by clicking the right arrow button (2) on the movie. You can
also click the previous button if you want to review a step again. When you get to
the end of the movie, close the window.
Page 60
Main Web-Empowered Church
Forum Developer’s
Forum
TIP: This is the
place
Getting Started with to
the ask all those Church
Web-Empowered Part IV: Find Help and How to Learn More
great “How do I …”
questions
3. Using the WEC Forums
The WEC Community consists of two forums:
 If you have general questions on using TYPO3, then the place to go for WEC
and TYPO3 Users is - http://webempoweredchurch.com/support/community/
 If you are developing extensions or needing very technical questions answers,
you can go to the site for WEC and TYPO3 Developers is —
http://webempoweredchurch.org/community/
In the forums, you can view previous discussions, post questions, make suggestions,
discuss various topics, and help others. Feel free to ask questions of any level.
Note: The WEC developer team participates here as well, so this is the place to
communicate with the team.
Site Registration is Required

In order to participate in either forum, you must be registered and logged in to the
website. If you have an account, you can log in with your username and password in
the User Login box on the top or left of the screen. Your registered username and
password are valid at both the Web-Empowered Church developer and user websites.
If you are not registered, please go to the WEC Account page to register. You can get
there by clicking the “Not a member yet?” link or by going to
http://webempoweredchurch.com/account/create/
Page 61
Forum Lingo: What All Those Fancy Words Mean

WEC Forums (those that use the chc_forum extension) use the following terms:
 Post—A message added to the forum by you or another person.
 Thread—A message and all of the replies associated with it. Typically, all messages within a thread have the same
subject.
 Starting a new thread—Posting a message with a new subject line starts a thread.
 Category—A group of conferences that all pertain to the same main topic.
The main WEC forum has two categories: Getting Started and Ministry Tools.
 Conference—This is like a sub-category within a category. All threads are added to a conference.
Examples of conferences are Templates and Using TYPO3. Please try to post to a Conference that matches the
topic of your post.
 Watch – To request that copies of new messages in a conference or a thread be sent to your email address.
Forum Features
Once you are logged in,
more information and
options are available to
you in the community
forum toolbar.
Toolbar link Description

Click this link to mark all new posts in all categories as read.
 This will change the number of new posts to zero.
This is the number of new messages posted since you last read all the messages.
 Clicking the new posts link filters the forum to display only the new messages.
 Clicking the mark read link resets the number of new posts to zero.
Click this link to edit your forum profile. You can choose:
 To receive forum posts by email for selected categories or conferences;
 Upload an image to be displayed next to your posts;
 Include your Instant Messaging (IM) screen name with your “Author” information;
 Include your website address with your detailed user information;
 Update your Email address —this field is a required field.
Click this link to open an advanced search screen. You can search for messages in
the forum by:
 Keywords (partial or exact match);
 User name (partial or exact match);
 Category or conference;
 Data range (by number of days).
This link displays when you are in a forum conference such as “Using TYPO3.”
Clicking this link will select the conference in your profile’s mailer preferences and
send all new forum posts to that conference to your Email inbox. When you have
clicked the watch conference link, it changes to stop watching conference .
Click this link to stop getting Emails of posts to this conference. You can also stop
getting these Emails by unselecting the conference checkbox in your forum profile
settings.
This link displays when you are in a forum thread. Clicking this link will send all
replies to this thread (message subject) to your Email inbox. This is a more granular
level of “watching” than watching a conference, which will Email you replies to all the
threads in a conference. When you have clicked the watch thread link, it changes to
stop watching thread.
Click this link to stop getting replies to this thread Emailed to your inbox. Clicking this
link is the only way to “turn-off” the mailer feature for a thread. You cannot manage
this setting in your forum profile.
Page 62
Display the results as a list of Restrict
Search in post
Restrictby
threads or just the posts search
text andto
keywords
search to only
aor
recent
subject
by
specificposts
or only
the user
or search
subject
name
Category
of aorfull
Getting Started with the Web-Empowered Church history
contributor
Conference
Searching the Forum

If you need help as you are learning TYPO3 and the Web-Empowered Church
software, you can search through past postings to see if someone has already asked
a similar question and received an answer. If you can’t find an answer to your
question, feel free to post questions.
Note: Choosing to list the results by thread will help you to better understand
the discussion and determine if the solution will help you.
Caution: If you select to search in more than one category or conference, the
search will only return results that appear in ALL of the selected items. To
search across multiple conferences, choose to search in the category above it.
Page 63
Use the editor buttons to
Format text
Add a quote box around text
Add an image
Getting Started with the Web-Empowered
MakeChurch
a link clickable Part IV: Find Help and How to Learn More
Add emoticons
Posting a Message
Once you are a registered member of the WEC website and have logged in, you can
reply to posts and create new threads using the message form at the bottom of the
page. The title will change depending on if you are in a conference or in a thread.
 When you are in a conference list, you can start a new thread.
 When you are in a thread, you can post a reply to the thread.
You can preview

your message
before you post it
Note: Categories and conferences can only be created by the TYPO3 website
administrator, but threads can be created by any registered user.
Page 64
The IMPreferences:
Forum Mailer screen name, Email
If you address,
would and website
like your
URL
Check all all displaythat
conferences withpicture
your author
or an information.
icon to be
you would like to have new displayed next to your
Only
posts sent the Email
directly address
to you posts,is you
required.
can upload a
Getting Started with the Web-Empowered Church email inbox. JPEG
Part IV: or GIF.
Find Help and How to Learn More
The file must be no larger

Profile Options than 100k and will display
as 75px by 75px.
Clicking on the Profile link in the Forum toolbar opens a page that you can set some
options for your author profile.
C. The Web-Empowered Church Book

Mark Stephenson, the Director of the Web-Empowered
Church, has a book titled, Web-Empower Your
Church: Unleashing the Power of Internet Ministry .
It is published by Abingdon Press
(http://abingdonpress.com/ ).
The book is for servants and staff in churches who want
to learn how to create an effective Internet ministry. The
main Web-Empowered Church user website is the
website for the book as well.
Internet Link:
http://webempoweredchurch.com/book
Page 65
D. Help at the TYPO3.ORG Website

You may also find answers to your general TYPO3 questions at the typo3.org
website.
The New to TYPO3? page is a great overview of what information and help is available
including some frequently asked “newbie” questions.
Internet Link: http://typo3.org/about/new-to-typo3/
1. Documentation Library
The documentation library contains tutorials (step-by-step guides), core
documentation, TypoScript (TYPO3’s own scripting language) references, and
extension manuals.
The Getting Started document from typo3.org is a tutorial with a companion
video (in the Videos section) that takes you through the basics of working with
the TYPO3 Backend, creating pages, and adding content to a website.
Internet Link: http://typo3.org/documentation/
2. Extension Repository
All of the manuals available for TYPO3 extensions (including WEC extensions) are
stored in the TYPO3 extension repository (TER). These manuals are also listed in the
extension documentation library.
Internet Link: http://typo3.org/extensions/
3. Tips and Tricks

Tips and Tricks are a collection of articles about features in TYPO3. Some of the
topics covered are Frontend editing, customizing the Rich Text Editor, the
Undo/History feature.
Internet Link: http://typo3.org/documentation/tips-tricks/
4. Videos
The TYPO3 website has a large selection of screenshot videos available in two
formats: one optimized for Windows Media Player and the second in AVI/MP3 (XVID)
format for cross-platform viewing. Click on a format link to view the list of videos.
The video library is broken up into a number of topics and smaller segments are
available for download from within these topics. To see all of the videos that are
available, you will have to scroll down this long page.
A few of the topics covered are:
 Getting Started with TYPO3 (a companion to the Getting Started tutorial);
 Modern Template Building Part I;
 A collection of over 100 How Tos—most of these would fall under the WEC
heading of “Using TYPO3.”
Internet Link: http://typo3.org/documentation/videos/
Page 66
Appendix A: WEC Website Planner

The WEC Starter Package comes with a menu (page tree) and pages already created
and configured for an example church or ministry. As you begin to plan what your
website content will be and what ministries you will highlight, you may find this
reference to the page tree helpful.
Planning Your Website

In preparation for building your website, create descriptions, and develop content for
these sections and pages.
 Home—What key themes and elements of your church do you want to feature on the front page?
This is the page that most people will see first when coming to your website.
 About Us
o Services—When & where
o Directions—Map and/or written directions
o What We Believe
o Our History
o Staff—Any and all staff you want to be made known. This could also be a Contact Us
 News & Events
o Calendar (Month, Day, and Event views)
o News—What kind of weekly or monthly news do you want to share about your church?
o Newsletters—Do you have newsletters you would like to send to church attenders?
 Community
o Pastor's Blog—Does your pastor want to share his/her thoughts and/or research and/or
discussions about her/his recent sermons?
o My Account—If you have login accounts (usually for forums), then you need this.
o Forum—Would you like to build discussion groups for your church? If so, what are areas that
would be good to focus on? i.e., current sermon, classes, ministries, outreaches, youth, etc.
o Prayer—How do you want to support and promote praying for one another?
 Ministries
o Adults
o Youth
o Children
o Missions
o Worship
 Learn & Grow
o Classes—What classes do you want to share about? What details?
o Devotional—Do you want to have a devotional that your attenders can go through? If so, is it
based on current sermon? Some lectionary? Or some other devotional material? Can you add
to this every day or week so people will practically use it?
o Sermons—What do you want to have for a sermon? The text? An audio or video? Or just title
and speaker?
Page 67
o Serve—How do you want to get your attenders serving in the church? What servant
opportunities could you encourage them to get plugged into?
Page 68
Getting Started with the Web-Empowered Church Appendix B: Glossary of Terms
Tips on Writing for the Web

Regardless of your target audience, writing for the Internet is different than writing for
paper. People are not typically willing to sit in front of a computer for long periods of
time to read large amounts of text. The culture of the Internet is fast moving and to the
point. Small blocks of text get read if there is potential interest. Large blocks of text are
often skipped over quickly with a click of the mouse.
You may need to adapt existing written information about your church, your ministries,
and your events before you place it on your website.
 Keep sections of text short and to the point.
 When in doubt, use fewer words.
 Tell them just what they need to know and no more.
 Use bulleted lists to get ideas and options across.
 Don’t forget to include graphics to accent or explain a concept.
In some cases that are long by nature, like an in-depth article or a sermon, you may
want to provide a link to a printable version. A printable version can be delivered as a
Printable Document Format (PDF) or as a webpage that is formatted for cleaner
printing, without all of the navigation graphics and other extraneous items.
It is also helpful to break the text up with more graphics, bulleted lists, shorter
paragraphs, and spread it across a sequence of web pages instead of placing it all on
one page.
Appendix B: Glossary of Terms

Below are some TYPO3 and web terms that may be helpful for your understanding of
the TYPO3 system.
Backend (BE): The web pages on your site where you do TYPO3 administration to
setup and edit your pages. Backend Users need their own separate usernames
and password accounts. The Backend is typically reached by
http://www.yourchurchsite.org/typo3/ where www.yourchurchsite.org is your own
URL for your website.
Cache: A temporary storage location used to speed up otherwise slow processes. In
TYPO3, there are caches at many levels. Frontend pages and Backend
configurations can be cached and some extensions, such as RealURL, provide
their own caches to store data. In each case, the main thing to understand
about a cache is that you may need to clear it before recent changes appear on
your site.
CSS: Cascading Style Sheets is a system for formatting web pages. CSS defines the
look and layout of the page and allows you to separate the content from the
look. CSS is often added in a .css file, although it can be embedded in HTML.
Content Element (also pageContent element) : This is content that goes on to your
web page. It can be text, images, Frontend plugins or a variety of other content.
The actual “element” is what goes on the page. A TYPO3 page can contain one
or more content elements.
Content Management System (CMS) : The technical term for what TYPO3 does, and
refers to a whole software system that manages content in an intelligent and
structured way.
Extension: An add-on to the default TYPO3 CMS. Extensions can be downloaded from
the TER and add new functionality to TYPO3 through Backend modules, content
elements, and Frontend plugins. A prayer board, devotional journal or news
system are all examples of extensions.
Frontend (FE): The web pages that a visitor to your website sees. These pages are all
generated by TYPO3.
HTML: HyperText Markup Language is a programming language for creating web
pages. The HTML is interpreted in the browser and displayed according to the
specification.
Hosting: Typically, a paid service provided by a company that gets your site online so
other people can access it on the Internet. The company stores your website on
a web server—which is a computer connected to the Internet that is built so
many people can access the web page quickly.
Page: A web page is what you actually see when you go to a web site. A website is
usually made up of many web pages. In the TYPO3 Backend, a “page” refers to
the page on your website and is listed in the page tree.
Page Tree: This is the tree-like structure of what the web pages look like in the TYPO3
Backend. At the top-level you will see the pages that can be viewed when you
first get to the website, and if you select a certain section (i.e., “About Us”), you
will find sub-sections such as “Our Staff,” “Directions,” etc.
Plugin: Also called a Frontend plugin. A plugin is a specific type of content element
used to display records on a Frontend page.
RealURL: This is a TYPO3 extension that allows you to make your URLs easier to use
by your visitors to your website. So instead of www.yourchurchsite.org/index.php?
id=42, you can use www.yourchurchsite.org/our_staff . The ‘our_staff’ is the
RealURL that is translated so that TYPO3 can go to the page. You can have
multiple levels in a RealURL, such as www.yourchurchsite.org/about_us/our_staff .
The RealURL extension is optional to use, but it is setup by default in the WEC
Starter Package.
Record: A Backend object used to store any kind of information. Records can represent
Backend users, Frontend users, news articles, calendar events, and many other
types of information. Records are stored in pages, but do not appear when a
page is viewed in the fronted. Instead, a Frontend plugin is used to display a
group of records.
MySQL: A database system that is free to use and recommended by WEC and TYPO3.
TYPO3 uses it by default, and many hosting providers have it available. TYPO3
will also work with other database systems like MS SQL (Microsoft), Oracle SQL,
and others, but requires a special extension to set it up.
Rich Text Editor (RTE): This editor allows you to enter text and graphics with
formatting such as bold, italics, headings and other things normally found in a
word processor such as Microsoft Word. The RTE is mainly used inside the Text
content element, but is also found in other content elements and records.
Template: A group of files and data that contain information about how you want your
website pages to look. You can use a specific template on a whole website or
parts of a website. The template system that the WEC Starter Package uses is
called TemplaVoila.
TYPO3 Extension Repository (TER) : This is where all the available extensions for
TYPO3 are stored. You can access this in the Backend by going to Tools->Ext
Manager. However, you need to have full Administration privileges to access this.
If you would like to look at the extensions available, you can see them in your
web browser at http://www.typo3.org/extensions /.
TYPO3: The content management system used by WEC. TYPO3 was created by Kasper
Skårhøj, a Christian programmer from Copenhagen, Denmark. He said that he
originally called it TYPO as a system because he made lots of “typo”’s in
programming it. The ‘3’ was added on and does not refer to the version number
so we have TYPO3 version 3.7 or TYPO3 version 4.0.
TypoScript: A special configuration language that TYPO3 uses in the Backend to do
setup for plugins/extensions and TYPO3 features. TypoScript is found in
templates in the Constants/Setup fields. You do not need to know TypoScript to
use TYPO3, but you can do some advanced things with it.
UID: Stands for “unique identifier.” Everything saved in TYPO3 has a unique id which is
a number. Each page has a unique id, which is a page identifier so may see a
URL like http://www.yourchurchsite.org/index.php?id=42 . The 42 is the page uid for
the current page you are looking at. Each content element (text, images,
extensions/plugins, etc) has a uid too.
URL: Stands for “Uniform Resource Locator” and refers to the web address that you
type into a browser such as www.yahoo.com or www.bible.org or
www.yourchurchsite.org
Getting Started with the Web-Empowered Church Appendix C: Hosting
Appendix C: Hosting
The WEC Starter Package installs the full TYPO3 content management with some
commonly used add-on and WEC ministry extensions, WEC website templates, and
pre-filled sample pages and data to jump-start you on creating your website.
All Web-Empowered Church software is built to work within the TYPO3 framework
and cannot be added to other existing website setups unless TYPO3 is installed
there. Working with WEC solutions is essentially working with TYPO3 —a powerful
open-source, enterprise solution for website content management.
Hosting Options and Requirements

TYPO3 with WEC software can be run in a variety of environments.
 On your desktop computer, for learning and testing.
A Good Trial Run: If you don't have a web server or hosted website
and you want to test TYPO3 on your local PC, download one of the
Installers from the TYPO3 website. The WAMP download is a good choice
if you have a Windows machine. (http://typo3.org/download/installers/ )
 On your own web server at your location (self-hosting).
 On a web server located elsewhere such as at a hosting provider (hosted).
Hosted servers are typically available as two levels of service:
 On a server dedicated to your website (dedicated server).
 Or on a server running many other websites along with yours (shared server).
TYPO3 is a full-blown web server application that has greater demands on its
environment than standard HTML-based websites. If you do not choose a provider
that specifically offers a Web-Empowered Church Plan, you should find a web host
provider who has experience hosting TYPO3 websites.
Internet Links about Hosting:

 Discuss various hosting options and issues online on the Hosting Forum.
(http://webempoweredchurch.com/support/community/forum/single_conf/get
ting-started-1/hosting-2/)
 For instructions on installing the WEC software, please see the Installing
Page.
(http://webempoweredchurch.com/gettingstarted/hosting/gettingstarted/insta
lling/ )
Turn-Key Hosting (the faster easier approach)

If you are a person or group who wants to move quickly with little fuss, you will want
to obtain a web hosting account from a WEC turn-key hosting provider. VineHosting
(www.vinehosting.com) is a web-hosting ministry of the Foundation for Evangelism
that offers a Web-Empowered Church Plan.
However, if VineHosting is not right for you, see
http://webempoweredchurch.com/support/third_party/ for a list of known vendors.
Getting Started with the Web-Empowered Church Appendix C: Hosting
Signing Up at VineHosting
Many of you may choose to use VineHosting as your host provider. To help you with
that, we’ve included a quick overview of the four steps required to sign up with
VineHosting.
1. Go to www.vinehosting.com and click on the
Web-Empowered Church Plan.
2. Complete the domain and hosting order
wizard.
 Select a domain option—clicking Next will
check if your preferred domain name is
available.
 Select domains to buy (.com, .org, etc.).
 Select package—Web-Empowered Church.
 Select billing and package options.
 Review and submit billing and account
details.
3. You will be sent an email confirming your order and
the terms of your account.
 This email will contain a link that you need to follow
to complete your WEC/TYPO3 setup and
configuration.
4. Click the link and complete the
items in the form to complete your
WEC/TYPO3 setup.
Tip: If your ministry is unable to afford the cost of

hosting services and would like to apply for a ministry
scholarship (reduced rate and/or free hosting) please
visit the VineHosting website to apply.

WECGetting Started

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

WECGetting Started

Uploaded by

Copyright:

Available Formats

From the Web-Empowered Church

February 19, 2007

This document is published under the Open Content License

The content of this document is related to TYPO3

Part I: A Quick Start—The 60-Minute Website............................................................ 10

Part II: Using TYPO3 – A Crash Course.......................................................................30

1. How to Use Extensions............................................................................................................... 41

Part III: Using Advanced TYPO3 Features .................................................................. 45

Appendix A: WEC Website Planner............................................................................. 63

Who Is The Web-Empowered Church?

Why Use The Web-Empowered Church System?

B. About This Guide

Part I: A Quick Start—The 60-Minute Website

Part II: Using TYPO3—A Crash Course

Part III: Using Advanced TYPO3 Features

Part IV: Finding Help And Learning More

C. How to Use This Guide

D. Who Is This Guide For?

E. Standard vs. Basic Administrator

Part I: A Quick Start—The 60-Minute

About this section

A. Setup Your Site—On Your Mark, Get Set, …Go!

To log in to the TYPO3 Backend:

installation and initial configuration. “admin” is the common default

2. Setup the Backend Users and Passwords

2. On the right, scroll down and click on the

4. Click on the save and close icon to save

changing templates or adding and removing features. This account is meant

3. Setup Your Website Information – WEC Constants

corresponds to a standard format that looks like this “10-13-06 10:15

Modify the WEC Constants with WEC Config

Selecting Features with WEC Config

5. Changing Page Titles

1. Click Page in the menu on the left.

6. Hiding Pages for Later

Select the Hide Page checkbox to completely hide the page.

Select the Hide in Menu checkbox to hide the page from

Ordering Pages Using Page List View

B. Creating a Look—Choose a Template

Set the Website Template Using WEC Config

Changing Templates with WEC Config

1. Choose a Page Template Structure Using Advanced TYPO3

2 Column 2 Column + Subcontent 2 Column + Top 2 Column - Right

3 Column 3 Column + Subcontent 3 Column + Top

To choose a page template structure for your entire website:

Selecting a Template Structure and Design

2. Choose a WEC Template Design

/template1-sub2green /template1-sub2greenblue /template1

Love In Action - 2 Column: Green, Aqua, Purple

/template4 /template4-sub2aqua /template4-sub2purple

Nature of Hope - 2 Column, Right: Green, Blue, Earth

/template1-sub3 green /template1-sub3blue /template1-sub3

Love In Action - 3 Column: Green, Aqua, Purple

Nature of Hope - 3 Column: Green, Blue, Earth

/template6-sub3green /template6-sub3blue /template6-sub3earth

Global Community - 2 Column, Subcontent: Green, Blue, Purple, Harvest

/template3-sub2gree /template3-sub2blue /template3-sub2purple

Global Community - 3 Column, Subcontent: Green, Blue, Purple, Harvest

/template3-sub3green /template3-sub3blue /template3-sub3purple

/template5 /template5-sub2aqua /template5-sub2purple

Beautiful Creation - 2 Column, Top: Brown, Blue, Purple, Green

/template2-sub2browns /template2 /template2-sub2purple

Sacred Traditions - 3 Column, Top: Taupe, Aqua, Purple