faith in action - osv offertory · congratulations and welcome to your faith in action our sunday...

50
Continuing the Legacy - Serving the Church www.osvoffertory.com www.osvoffertory.com 800-348-2886 Faith In Action WEBSITE USER GUIDE

Upload: trantuyen

Post on 10-Jun-2018

213 views

Category:

Documents


0 download

TRANSCRIPT

Continuing the Legacy - Serving the Church

www.osvo�ertory.comwww.osvoffertory.com800-348-2886

Faith In Action

W e b s i t e U s e r G U i d e

www.osvoffertory.com | 800-348-2886 2

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Table of Contents

introduction ....................................................................................................... Pg 3

section 1 Web browsers .........................................................................Pg 4

section 2 Logging in ...............................................................................Pg 7

section 3 editing text .............................................................................Pg 10

section 4 Other icons on the tool bar .......................................................Pg 20

section 5 Linking tools ...........................................................................Pg 20

section 6 Other tools ............................................................................Pg 28

section 7 Working with images ..............................................................Pg 28

section 8 editing the side bar area ..........................................................Pg 38

section 9 Creating a new page ..............................................................Pg 39

section 10 Calendars .............................................................................Pg 46

section 11 Additional help .......................................................................Pg 50

www.osvoffertory.com | 800-348-2886 3

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Introduction

Congratulations and welcome to your Faith in Action Our Sunday Visitor website! Your new Faith in Action website has been created for you with best practices in layout and content in mind. the content and layout is designed to be a turn-key site, just add some basic information about your parish and you are ready to go live. Like every good website you will be able to change your content when you have time and have more content to add. to have a site ready to go in just a few days, just add this basic information:

• Your parish photo on the homepage• Your parish location on the directions page• Your parish staff and contact information on the staff page• Your parish mass times in the calendar by just adding these four things to your site, you can now launch a website to be proud of.

Let’s get started!

www.osvoffertory.com | 800-348-2886 4

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Section 1Web Browsers

Your content management system is optimized to work on all web browsers. However, it’s important to use the most updated version. Here are the browsers that are supported:

Use the following instructions to update to the most recent browser version.

Google Chrome (for the Macintosh or PC)to find out what version of Google Chrome you are using (whether you are on a Windows-based computer or a Macintosh), open the web browser.

Click on the word Google in the upper left hand corner of the open browser window and click on About Google Chrome from the drop down list.

 

 

www.osvoffertory.com | 800-348-2886 5

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Once you have clicked on About Google Chrome, a new window will open and tell you what version you are using.

the version is listed below the browser name, in this case 10.0.648.204.

because it isn’t the most recent version, Google tells me that there is a new version and to update now, just click the Update Now button.

You can also click the Set Up Automatic Updates for All Users button and Google will automatically update the browser when a new version is available.

More information about Google Chrome can be found online at https://www.google.com/chrome

Safari (for the Macintosh or PC)to find out what version of safari you are using (whether you are on a Windows-based computer or a Macintosh), open the web browser.

Click on the word Safari in the upper left hand corner of the open browser window and click on About Safari from the drop down list.

 

 

www.osvoffertory.com | 800-348-2886 6

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Once you have clicked on About Safari, a new window will open and tell you what version you are using (see illustration right). the version is listed below the browser name, in this case 5.1.2 (6534.52.7), and it is the most recent version.

More information about safari can be found here: http://www.apple.com/safari/

Mozilla Firefox (for the Macintosh or PC)to find out what version of Firefox you are using (whether you are on a Windows-based computer or a Macintosh), open the web browser.

Click on the word Firefox in the upper left hand corner of the open browser window and click on About Firefox from the drop down list (see illustration right).

Once you have clicked on About Firefox, a new window will open and tell you what version you are using (see illustration below).

the version is listed below the browser name, in this case, version 9.0.1, and it’s out of date. Firefox will let you know when an update is needed and will install the update for you.

 

 

 

www.osvoffertory.com | 800-348-2886 7

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

the next time you check the browser version, you will see this (see illustration right):

More information about Firefox can be found here: http://www.mozilla.org/en-Us/firefox/fx/

Internet Explorer (for the PC)internet explorer is Microsoft’s default browser for any computer using Windows operating system. because it comes bundled with new personal computers, it’s considered the most widely-used browser in use. to find out what version of internet explorer (ie) you’re using, click on Tools icon then click on About Internet Explorer. Once you have clicked on About internet explorer, a new window will open and show you what version you currently have installed (see illustration right). the version listed, 9.0.8112.16421, is the latest version. More information about internet explorer can be found here: www.windows.microsoft.com/ie9

Section 2Logging in

to start working on your site, you’ll need to access the administration portion of the CMs (content management system.) You should have received a welcome email with links to: 1) your development site (not live) and 2) the administration site.

We recommend having two browser windows (or tabs) open at all times so you can work in one and view your changes in another. if you click on each link in the welcome email, you will have two browser windows open.

there is another way to open two browser windows. Choose your browser and follow the instructions below.

Safarito open a new window or tab in safari (Mac only), hold down the command key and press the T key at the same time.

 

www.osvoffertory.com | 800-348-2886 8

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Firefoxto open a new window or tab in Firefox (Mac), hold down the command key and press the T key at the same time.

to open a new window or tab in Firefox (PC), hold down the control key and press the T key at the same time.

You can also click on the plus sign (Mac and PC) to open a new tab. (see illustration below)

Google Chrometo open a new window or tab in Google Chrome (Mac), hold down the command key and press the T key at the same time.

to open a new window or tab in Google Chrome (PC), hold down the control key and press the T key at the same time.

You can also click on the plus sign (Mac and PC) to open a new tab. (see illustration below) You should now have two browser windows opened. if you clicked on the links you received in your email, you should now have your development site and your admin page in two separate windows or tabs.Your development site will actually be a fully functional website.

 

 

 

www.osvoffertory.com | 800-348-2886 9

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

in the other tab, you should see a log in screen. (See illustration below)Put your cursor in the Username box, click and type in your user name.

Put your cursor in the Password box, click and type in your password. Click the Log in button.

You should now see the administrative dashboard.

 

 

www.osvoffertory.com | 800-348-2886 10

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

the highlighted area above are the key navigation tabs that you will use to customize the Faith in Action content with your church-specific information.From the left, the tabs are:

Home (the house icon)Pages (where you can edit content on specific pages, add or delete pages)Email (where you can send emails, set up email accounts and more)Calendar (where you can manage dates, events, and subcalendars)Forms (some pre-built forms)Media (where you can add pictures, video, podcasts, etc)Stats (where you can measure website usage)Sitewide (where you can modify/customize your site navigation and structure)User guide (instructions on how to use the content management system)

At the top right, there are two additional buttons:My Account (where you manage your user name and password, and can change your password)Logout (to leave the administrative area)

You can click on each of these tabs to familiarize yourself with what they are and how they work. to get started with your Faith in Action site, this User Guide will cover the basics on customizing your church information.

Section 3Editing Text

Customizing text for your church is easy. Click on the Pages tab in the main navigation. You should see a screen that looks something like this:this is where you would add a page if you need to, or edit an existing page.

 

 

www.osvoffertory.com | 800-348-2886 11

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Let’s start by editing your home page. the home page is the first one on the list. Go over to the right, and click on the edit button. (if you are not sure what the page looks like, you can click on the word Preview and the page will open up in a new window.)

Once you have clicked the edit button, you should see something like this on your screen:Page name and headline

Let’s change the headline and the page title. Put your cursor in the Title box and click your mouse. You can either highlight the word Welcome that is already in the box and hit the delete key or you can delete the word letter by letter.Once you have deleted the word Welcome, type in the name of your parish. in this example, the church will be st.

 

www.osvoffertory.com | 800-348-2886 12

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Joseph. When you have completed putting your church information in the box, you should see this:

Put your cursor in the Subtitle box and click your mouse. then type something specific about your parish. in the example, the subtitle text will be: Welcome to our faith community.

When you are finished, it should look like this:

Now, scroll all the way down to the bottom of the page until you see this section:

Place your cursor in the Change Comments box and click your mouse. enter this text: Modified headline and subtitle. then click the Publish button.

 

 

 

www.osvoffertory.com | 800-348-2886 13

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Note: It’s good practice to make note of your changes, especially if you have more than one person working on your website. So, every time you make a modification, be sure to use this section. The system will keep a record of all the changes.

Once you have clicked on the publish button, you should see this:

Note the check mark next to the name of the page. that means the page is live on your site (test site if you have not gone live yet). Also, note that the content after the word HOMEPAGE has changed, and so has the publish date.

Now, go to the tab on your browser that has your site. it should still look like this:

 

 

www.osvoffertory.com | 800-348-2886 14

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Where is the change we just made? You will have to refresh the page. Most web browsers have an arrow at the end of the address bar.

If you click that arrow, the page will reload and you will see your changes. On a PC, you can also hit the F5 key to refresh a page.

Now, we can go back and make more changes to the page.

Go back to the other tab on your web browser. Make sure you are on the Pages tab. if not, click on it.

Click on the edit button to open the homepage again.

 

 

 

www.osvoffertory.com | 800-348-2886 15

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

this time, scroll down until you see this part of the page:

Put your cursor in the part of the box that says We are a welcoming Catholic community called by God to live out the message of Christ in love and service to all people.

Click in the box and drag your cursor from the beginning of the text to the end. it will be highlighted.

 

 

www.osvoffertory.com | 800-348-2886 16

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Once you have highlighted all the text, you can now type in what you want to say about your church. in this exercise, use this text (or your own):

St. Joseph Catholic Church strives to be a living and growing community of prayer, support and service formed by the Gospel.

In our lives we try to live out these Gospel values in our Catholic heritage and pass them on to the upcoming generations. In the spirit of Jesus we try to reach out to those among us who are in need of our support and care within our parish and beyond.

if you copied and pasted this content from the training document, the formatting may be wrong. Or if you copied it from your existing website, there might be some strange spacing. Let’s use the tool bar to correct any errors.

With the text highlighted, find the icon with the Word document on the clipboard. if you hold your mouse over it for a second, you will see Paste from Word.

 

 

 

www.osvoffertory.com | 800-348-2886 17

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Click on the icon. A new, smaller window will open up. Paste your text in the window.

Click the ok button when you are finished. You should now see this:

Let’s make a few more changes to the text. Notice that the words living and growing are italicized. to change those two words to match the rest of the type, highlight the word living with your mouse. Notice that when you do this, the i tool in the toolbar is also highlighted.

 

 

www.osvoffertory.com | 800-348-2886 18

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Just click on the I and it will remove the italics from the word. Follow the same steps for growing, too.

At the end of the sentence, the word Gospel is bold. to remove the bold, highlight the word Gospel with your mouse and click on the B (to the left of the i) on the main tool bar. Notice the same thing happened: the b is highlighted when you highlighted your text.

Once the word Gospel is no longer bold, scroll down to the bottom of the page until you see the Change Comments. Note that our last comment is there from our first headline and subtitle text edits.

 

 

 

www.osvoffertory.com | 800-348-2886 19

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

in the change comments box, type: Added mission statement

then click the publish button.

Switch to your other tab, refresh the page and see the changes.

Now you can make text bold or italic by following the same steps. (Highlight the text you want to change, choose the appropriate tool and click it.) Just a note about best practices: it’s difficult to read type in different fonts. the same goes for using capital letters. On the Web, it’s best to write in sentence case to make content easier to read.)

Formatting textthere is another way to format text. On the tool bar, locate the Normal icon (see illustration left).

there is an arrow to the right. Click on the arrow to see the drop down list (see illustration below).

You can highlight any text and apply the style you want to it by selecting it. so we could have highlighted the words living and growing and then applied the Normal Text style and accomplished the same thing.

Header 1, Header 2 and Header 3 are all headline styles. You want to stay away from the ALL CAPS and the Fancy Text because they are difficult to read. the caption is good for photos.

there are some other formatting options, for example, for bulleted and numbered text.

 

 

 

 

www.osvoffertory.com | 800-348-2886 20

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

To align text to the left, center, right or justified:best practices for websites include having all the text in the same format. For example, you don’t want to center some text and then align the next paragraph to the left or right. Consistency is key for usability.

Section 4Other icons on the tool bar

there are many other useful icons on the toolbar. if you hold your mouse over any of the icons for just a second, a small window will appear and tell you what the tool is for.

there is an undo/redo feature that might be useful. Undo is on the left. redo is on the right.

be sure to use spell check every time you work on a page.

Section 5Linking tools

these are tools you will use to link pages to each other, or to link to different websites. starting on the far left, the first icon is the link tool. the hyperlink icon, a globe with a chain link, is universal for linking. You will see this same icon in Microsoft Word, PowerPoint and other programs.

 

 

 

 

 

 

www.osvoffertory.com | 800-348-2886 21

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

there are several kinds of links. the first one would be to an external website. For example, if you were to link to Mass times, a website that provides travelers with Mass times at Catholic Churches across the U.s.

External link

step 1: Find the Mass times UrL (A UrL is a web address. Mass times’ UrL is http://www.masstimes.org/step 2: Place the mouse/cursor in the content box and click. type the following text:If you are traveling and want to find go to Mass, find out where and when you can go.

then highlight the section: find out where and when you can go by placing your mouse on the word find, clicking and holding down the button until you are at the end of the sentence. it should now be highlighted.

step 3: Move your mouse to the hyperlink icon and click on it. You will see this window pop-up. the default is set on pages, but using your mouse, click on the arrow to the right of Pages and scroll down to choose external UrL.

 

 

 

www.osvoffertory.com | 800-348-2886 22

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

the pop-up window will now reflect your change. it should look like this:

Put your mouse in the second box and click. type in the Mass times UrL (web address) in the box below the Link to external UrL.

 

 

www.osvoffertory.com | 800-348-2886 23

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Note: You can also copy the Mass Times URL in the address bar of the browser (by holding down the control key and the C key at the same time) and pasting it in the box (by holding down the control key and the V key at the same time.) For the Macintosh, use the Command key instead of the control key.

Click the ok button.

You should now see your link (see illustration right):

be sure to scroll down to the bottom of the page, add a change comment and publish your page. be sure refresh your site so you can see the link. the link is bold and when you mouse over it, the line indicating it’s a link will appear.

Internal (page to page) linkthe next kind of link connects pages within your website. in this exercise, we will link to another page from the content that is already in the page. And we’ll be using the same icon we used to make the external link (see illustration above).

Step 1: Make sure the home page is open and ready for editing. in the first paragraph, put your cursor in the content and highlight the text that says: living and growing community of prayer.

 

 

 

 

www.osvoffertory.com | 800-348-2886 24

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Step 2: Once the text is highlighted, click the link icon in the toolbar:

Once you have clicked on the icon, you will see the pop-up window appear:  

 

www.osvoffertory.com | 800-348-2886 25

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

step 3: On the right of the box that says Link to, click on the arrow to see a list of UrLs.

step 4: Using your mouse scroll down to the section that says URL and click on Custom URL.

step 5: Once that is done, click on the arrow below the Custom URL box to see a drop down of available pages from your Faith in Action content. Your Faith in Action content contains many pages so scroll down the list until you see /our-faith.

 

 

www.osvoffertory.com | 800-348-2886 26

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

step 6: Click on /our-faith to select it. You should now see Custom URL and /our-faith in the two boxes. Click ok.  

 

www.osvoffertory.com | 800-348-2886 27

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

After you click ok, the text should still be highlighted. if you put your mouse over any of the highlighted text, you will see the link (underline).

step 7: scroll down to the bottom of the page. in the Change Comments box type: Added link to Our Faith page and then click on the Publish button.

step 8: remember to go to your site and click the refresh button to see your link. You can click on it to make sure it works. the linked text will be bold and when you put your mouse on the bold words, you will see the underline that signifies it is a link.

 

 

 

www.osvoffertory.com | 800-348-2886 28

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Image linksYou can also link images to pages using the same steps as above. in step 1, instead of highlighting text, you would click on the image you want to link to a particular page. the rest of the steps remain the same.

Section 6Other tools

Other important tools include (from left to right) Select all, cut, copy, paste, paste as plain text, paste from Word.

Select all: When you click the mouse inside the content area and click on this icon everything in the area is highlighted, including images.

Cut (scissors): if you want to delete some text from an area, highlight the content with your mouse and then click on the cut icon. Note: This action will also keep the text in memory (like a copy), so you can paste it somewhere else.

Copy (two pages stacked on top of each other): Highlight a section of content with your mouse and then click on the copy icon. this will duplicate the content and you can paste it somewhere else. For example, if you have a link that you want to put on more than one page, you can copy it, go to the other page and paste it inside the content area.

Paste as plain text: When you copy text from Word or the internet (another Website), it brings its own formatting with it. if you choose paste as plain text, it will remove the formatting.

Paste from Word: similar to Paste as plain text, this tool will strip all the Word formatting from content that you are copying from a document.

Section 7Working with images

images add interest to page content. there are some things you need to know about adding images to pages and placing them next to content.

start on the Pages tab in the control panel. Scroll down and find the staff page. Click on the edit button.When the page opens you will see the preloaded content that you can customize with your own parish information.

 

 

www.osvoffertory.com | 800-348-2886 29

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Let’s change the text first. Highlight the word Father and type Pastor. Then click the mouse in front of John Smith and add Father (or Monsignor, or whatever title your priest uses. Put your priest’s name in there too instead of John smith). Your page should look like this:

to add an image of Father, place your cursor in front of the word Pastor and click. then, using your mouse, click on the image icon in the toolbar.

 

 

 

www.osvoffertory.com | 800-348-2886 30

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

You will see a dialogue box pop up. it looks like this:

Notice at the top, there are several tabs (image info is the default setting, followed by Link, Upload and Advanced). if your images area already loaded on the server, click on the Browse Server button (on the right).

if your images are on your computer and not yet uploaded to the server, click on the Browse server button. Once you have selected the file from your computer, the dialogue box will look like this:

 

 

 

www.osvoffertory.com | 800-348-2886 31

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Make sure you select the top level folder (General site Pages) on the left. On the right, at the top of the dialogue box, click on the Upload icon. the dialogue box will change to this:

Click on the Choose file button. Navigate to the place where the photo resides on your computer. When you find the file, click it and then click ok.

 

 

www.osvoffertory.com | 800-348-2886 32

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Once you have selected the file, click on the Upload selected file button.

When the picture is finished uploading you will see it on the right side of the screen. When you see the photo you just uploaded, double click on it.

 

 

www.osvoffertory.com | 800-348-2886 33

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

the image properties dialogue box will still be open, but now you should see your photo in the preview pane.the UrL field shows the name of the file and its location.

the Alternate text field is blank. You can type something descriptive in this box: Fr. John Smith from St. Joseph’s parish in Anytown, USA. (this is an optional step, but content in the alternate text box helps search engines like Google find and index your Website.)

On the left side of the Image Properties dialogue box, you will see the size of your image. there is a little lock icon. if you click on the lock, it will appear open. Click on it again to close it. Make sure the lock is always in the closed position. the border box should always be set to zero. Click your mouse in the box and type 0 (zero).

HSpace (horizontal space): this adds space around the edges of the image on the horizontal axis. Type a number in the box and watch the picture move. When you are finished, just delete the number and leave this box empty.

VSpace (vertical space): this adds space around the edges of the image on the vertical axis. Type a number in the box and watch the picture move. When you are finished, just delete the number and leave this box empty.

 

www.osvoffertory.com | 800-348-2886 34

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

the last option in the Image Properties dialogue box is Alignment. Place the mouse on the arrow to the right of the box and click to see the options.

Select Left from the drop down menu. the preview pane on the right will show the picture aligned to the left of the text.if you like this layout, click ok.

 

 

www.osvoffertory.com | 800-348-2886 35

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

to see what the image looks like aligned to the right, choose right from the drop down menu. the preview pane on the right will show the picture aligned to the left of the text.

if you like the way the image looks aligned to the right of the text, click ok.

After you click ok, you will see the image in the body of your web page.You can see we need to fix some spacing.

 

 

 

www.osvoffertory.com | 800-348-2886 36

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Place the cursor in front of the word Deacon and hit the enter/return key to bring the text below the image of the priest.

then add a photo for the deacon and the secretary following the same steps as above. When you are finished, the page should look something like this:Scroll down to the bottom of the page and in the Change Comments field, type: Added staff photos.

Then click on the publish button. View your changes on the site, and don’t forget to hit the refresh button to see them.

Best practices for images • it’s best to use low resolution images (72dpi). images that

come from digital cameras are usually high resolution (300dpi or higher). images from cell phone cameras are usually low resolution.

• Keep image sizes consistent. On the staff page, for example, the images for the priest, deacon and secretary are the same size (150x156 pixels). Look at what happens when another photo is added and is not the same size:

the entire page looks off balance. see how much better it looks when the image is the same size.

to delete the image, just click on it (you must be in edit mode) and hit the enter/return key. Upload the sized image and place it in the page as you did the other images.

 

 

www.osvoffertory.com | 800-348-2886 37

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Add a change comment at the bottom of the page and then publish the page again. Look at how much better the page layout is now. (be sure to refresh the page when previewing your changes.)

if you’ve made a mistake with an image, you can edit it right on the page. Navigate back to the pages tab on the control panel and scroll down to the Staff page. Click on the edit button.

Click on the image of the business manager. the image will be highlighted after you click. Then right mouse click to pull up a small dialogue box.

Choose image properties and click to open the image properties dialogue box.

 

 

 

www.osvoffertory.com | 800-348-2886 38

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Add some alternate text (Jenny smith is the business manager for st. Joseph’s Catholic Church) and then click ok. Scroll down to the bottom of the page to the Change Comments field and type: added alt text to Smith photo. Click the publish button. You won’t be able to preview this change to the page (because it changes the code behind the page. but the search engines will be able to see it.)

You can also use this process to change the orientation of the images from left alignment to right alignment.

Section 8Editing the sidebar area

the sidebar area on Web pages can also be edited. Go to the pages tab in the control panel. scroll down and find the staff page. Click on the edit button.

At the top of the page, right below the tool bar, there are two tabs: Main Area (which we have been using) and sidebar Area. Click on the Sidebar Area tab.

to change the text in this box, place your cursor in front of the word We and click the mouse.

 

 

www.osvoffertory.com | 800-348-2886 39

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

(You can also use the select All tool and delete the text using the enter/return key if you want to.) then type: The staff at St. Joseph’s Catholic Church is here to serve you. We look forward to getting to know each and every one of our parishioners. If you have any questions, concerns or comments, please contact us. You can reach us by phone, 123-456-7890, or by using the email addresses on the left side of this page.

Once the text has been entered, scroll to the bottom of the page to the Change Comments field and type: edited sidebar content. then click the publish button.

Look at the change to your page. be sure to refresh the page to view the new content.

Section 9Creating a new page

there will be times when you need to create new pages rather than just modifying existing pages. take a quick look at the religious education page. You will find it under the Parish Life tab on your development site.

Click on Religious Education to look at the page.

this is text that you will have to fill in at some point. but first, we will create a new page for the st. Joseph High school group.

 

 

www.osvoffertory.com | 800-348-2886 40

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Go to the admin site tab on your Web browser and navigate to the Pages tab. Click on the Add Page button.

Once you click the Add Page button, you will see the same editing layout that appears when you are editing a page, but there are a few more things to fill out.

Title field: this is the name of your page, as well as the headline that will appear on itSubtitle: this will appear under the title of the pagePage location: Where the page will be stored (or organized) on your server. if you use this option, be sure to save your page (save as draft) prior to changing the folderNotes: this information does not show up on the published page, but is available for use (often valuable for pages that have more than one person editing them)

 

 

www.osvoffertory.com | 800-348-2886 41

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

For this exercise, enter the following information:Title field: High School Youth GroupSubtitle field: For teens in grades 9-12Notes: During the summer, this group works on service hours

Page location: We will leave this in the default location (General site Pages) for now. but if you wanted to move to the same section/folder as religious education, you would: 1) save your page as a draft, 2) reopen the page (using the edit button), 3) Click on the Change Folder button. As soon as you click the Change Folder button, you will see the Move Page—Select Department dialogue box. in this

case you will click on the Move Here button next to Parish Life because the religious education page is in this section.As soon as you click the Move Here button, the page will close and move to that location. You will receive a message on your control panel that the page was successfully moved.

to open the new page, you must now go to the Parish Life folder. Scroll down toward the bottom of the page until you see a section with folders. there are two ways to open a section: 1) click on the name of the folder (in this case Parish Life) or 2) click on the Open button to the right of Parish Life.

 

 

www.osvoffertory.com | 800-348-2886 42

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

either way you choose will work and you will see the list of pages in the folder, including the new page we created,

High School Youth Group. Notice that it is not live yet, but is in a draft state, not active. Also notice that there is an Add page button at the top right of the Parish Life folder. You can scroll come down to this section first and use this button to create a page in this folder.

Let’s finish the High school Youth Group page. Click on the Edit button to open the page.

It’s fun to learn about your Catholic faith with your friends. Our hope is that every Life Night is not just fun, but also challenges you to go deeper in your relationship with God and to know more about your Catholic faith. St. Joseph’s HS Youth Group meets on Wednesday evenings from 7-9p.m., and participates in numerous fun and faith-filled activities throughout the year.

The most important part of our HS Youth Group is the Teen Mass. Key parts of a Teen Mass include a welcoming atmosphere, reverent and relevant music, and an engaging homily that speaks to the issues in your life. Teens serve as lectors, ushers, servers and more. But most importantly, the teen Mass remains sacred and timeless.

Note: If you have content for your church, you can add it here either from a Word document or an existing website.

there are a few ways you can add this text to the page:1) You can type it in2) Copy/paste3) Copy/paste as plain text4) Copy/paste from Word

 

 

www.osvoffertory.com | 800-348-2886 43

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Choose the method you prefer to place text inside the box. if you type the content or just do a regular paste (control key and V key), you may need to select the text and apply a style. Just highlight the text (or use the select all icon in the tool bar) and apply the Normal Text style.

When you are finished, the page should look like this:

Scroll down to the bottom of the page and in the Change Comments field, type: Added content to Hs Youth page. then click the publish button to make the page live.

You should see a message saying the page is successfully published.

Now, let’s go look on our test site to see the page. be sure to refresh the religious education page first.

don’t see your page? that’s because it’s not linked anywhere—even though it is live. We have to go back to the religious education page and add a link to the High School Youth page to connect it to the site.

At the control panel, scroll down to the Parish Life folder and click to open it. Find the Religious Education page and click the Edit button. Put your mouse/cursor at the end of the filler text and hit the enter/return key.

Type (or copy/paste) this text on the page:High School Youth ProgramMiddle School Youth ProgramAdult Faith Formation

Highlight the three lines of text and apply bullets, using the bullet icon on the tool bar. Your page should look like this:

 

 

www.osvoffertory.com | 800-348-2886 44

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Once the bullets are visible, highlight the first bullet, High School Youth Program. then click on the hyperlink icon in the tool bar to make the link. the Create Link dialogue box will open. Use the arrow to the right of the second field to find the page. Scroll down to the Parish Life section and click on the High School Youth Program page.

then click ok on the Create Link dialogue box to close it. the first bulleted item should now be bold and if you place your cursor over it, you will see the link.

 

 

www.osvoffertory.com | 800-348-2886 45

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Scroll down to the bottom of the page to the Change Comments field and type: linked HS youth page. then click the publish button. Go to the test site tab on your browser and refresh the religious education page to see the link. test the link to make sure it goes to the new page. it should look like this:

Notice that the gray sidebar on the right is blank. You can add a calendar of events to that space, photos or other information. the next time you edit the page, just choose the sidebar area button.

 

 

 

www.osvoffertory.com | 800-348-2886 46

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Section 10Calendars

the calendar is a versatile tool that comes with your Faith in Action site. An online calendar can be accessed from anywhere using the internet. You can create new events, make changes to existing events, and even schedule complex recurrences of events. You can also create subcalendars that are groupings of related events that your site visitors can utilize for filtering. (Note: All events belong to the master calendar on your website. In addition, any specific event can be added to one or more subcalendars.)

Creating a calendar

Navigate to the calendar tab on your control panel.

Next let’s create a subcalendar for the Hs Youth. Click on Subcalendars.the Faith in Action Website comes with some preloaded calendars that you can use or rename by using the edit button. We will create one for the Hs Youth. Click on the Add Subcalendar button.

in the Add Subcalendar dialogue box, fill in the Name field for the calendar (High school Youth) and click the save button.

the subcalendar now shows up in the list and events can be assigned to it.

to add an event to the calendar, click on the events link (adjacent to the subcalendar link). then click the Add Event button.

 

 

 

 

www.osvoffertory.com | 800-348-2886 47

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

(if you are modifying an existing event, you would click the edit button adjacent to the listing.)

Fill in the title of the event.

Choose the type of event.Fill in the start date, the start time and end time.if this is a recurring event (something that happens at the same time every week, month, etc., click the Edit Recurrence button.)

then fill in the appropriate details in the edit recurrence dialogue box (see illustration right). As an example, the High school Group doesn’t meet during June, July or August. You would uncheck those boxes.

 

 

 

www.osvoffertory.com | 800-348-2886 48

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Click done when you have entered all the recurrence information. You will go back to the event edit page. Scroll down a bit further to add details. the calendar has the same tool bar as the Web pages, so you can add links in calendar information, you can make bullet points, etc..

Scroll down further on the page and you’ll see where you can add the event to a subcalendar. Click on High School Youth. there are other fields that you can fill out if you need to, such as contact name and phone number. When you are done, click the Save button to activate the event.

to view the calendar entry as a website visitor would see it, go to your site (be sure to refresh the page). the calendar is under the Parish Life navigation.

 

 

www.osvoffertory.com | 800-348-2886 49

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

Click on calendar.

the calendar page shows the entire month in one view. You can also look at subcalendar views by clicking on the arrow next to the All Events drop down (left).

 

 

www.osvoffertory.com | 800-348-2886 50

Faith In Action Web User Guide

© 2012 Our Sunday Visitor, Inc.

if you hold your mouse/cursor over the March 28 High school Youth Group entry, a short description will appear.

if you click on the event, you will link to a page with the entire entry.

remember, you can edit the entry if you are not satisfied with the information. You can also delete the entry by clicking on the delete button at the bottom of the Edit page.

Section 11 Additional help

More help with customization of your website is also available in the online User Guide. Just click on the User Guide tab from the main page of the control panel. the User Guide will open up in a new separate browser window.

there are also some tutorial videos that you can use. Visit this link:

www.osvoffertory.com/improveCommunication/CatholicWebsitesradiusWebtools/

WebsitesfromOsVCustomersupport.aspx