The GingerFeet Getting Started User Guide: Drupal

motherlamentationInternet and Web Development

Dec 7, 2013 (3 years and 6 months ago)

77 views

The GingerFeet
Getting Started User Guide:
Drupal
Table of Contents
Conventions Used in this Guide
.............................................................................................
5
Getting Additional Help
........................................................................................
5
License
....................................................................................................................
5
Section 1: Getting Started With Your Login & Password
..............................................
6
Logging in to Your Drupal Account
......................................................................
6
Password Requirements
........................................................................................
6
Changing Your Password
.......................................................................................
7
Finding a Forgotten Password
..............................................................................
7
I'm the Administrator. How Do I Reset Another User's Password?
....................
8
Section 2: Site Administration
.......................................................................................
8
What is a Node?
.....................................................................................................
8
The Administration Menu
.....................................................................................
9
View a List of All Your Content
.............................................................................
9
Finding a Lost Page or Other Item
........................................................................
10
What is a Menu and How Do They Work in Drupal?
...........................................
10
Add a Menu Item to Your Menu Structure
...........................................................
11
Move a Menu Item From One Menu to Another
..................................................
12
Remove a Menu Item
............................................................................................
13
Disable a Menu Item
..............................................................................................
13
Delete a Menu Item
...............................................................................................
14
Remove a Page or Node
.........................................................................................
14
2
of
33
Unpublish (disable) a Page or Node
.....................................................................
15
Delete a Page or Node
............................................................................................
15
Change the Site Design (Default Theme)
..............................................................
16
Section 3: Working with Content
...................................................................................
17
Create a New Page and Add it to a Menu
..............................................................
17
Add, Edit or Delete Content
..................................................................................
18
What's a WYSIWYG Text Editor?
.........................................................................
19
Cut, Copy, and Paste Text in the Body Field
.........................................................
19
Change the Title of a Page
.....................................................................................
20
Turn On and Off (Publish/Unpublish) GingerFeet Pre-Built Pages
...................
20
Publish Content
.....................................................................................................
21
Unpublish Content
................................................................................................
22
Find & Publish an Item That Has Not Been Published
........................................
23
Section 4: Working with Images and Other Files
..........................................................
23
Working with Two Windows or Tabs for Ease of Editing
....................................
23
Work in two windows at the same time
.......................................................
23
Work in two tabs at the same time
...............................................................
23
Uploading Files
......................................................................................................
24
Upload an Image and Add it to Content
...............................................................
24
Uploading the Image
....................................................................................
24
Adding the Image to Your Content
..............................................................
25
Position an Image
..................................................................................................
26
Add Space Around or a Border to an Image
.........................................................
27
3
of
33
Resize An Image
.....................................................................................................
28
Remove an Image
..................................................................................................
28
Add Your Affiliate Name to the Header
................................................................
29
Section 5: Working with Hyperlinks
..............................................................................
29
Create a Link (Hyperlink) Using Text or an Image
..............................................
29
Modify an Existing Hyperlink
...............................................................................
30
Remove a Link from Text
......................................................................................
30
Upload Files to Page
..............................................................................................
30
Delete Files from a Page
........................................................................................
31
Section 6: Working With Email Accounts
.....................................................................
31
Access Email Through a Web Browser
.................................................................
32
Access Email Setting for Setting Up a Local Email Client
...................................
32
4
of
33
Conventions Used in this Guide
Symbol
Meaning
IMPORTANT!
The text associated with this symbol is important. Read it

carefully.
1.
We use 'screenshots' throughout the guide
with targeted items circled in red
2.
Along with screenshots of Administration Menu navigation, textual descriptions of

navigating through the
Administration Menu
will be formatted the following way:
“On the Administration Menu that runs across the top of the page, select
User

Management Users→

List
.”
Getting Additional Help
If you need additional help with any instructions in this guide, please search the
Drupal How to

forum
, or post your question at:
http://www.gingerfeet.net/help/forums
.
License
GingerFeet uses the GNU Free Documentation License (See

http://www.gnu.org/licenses/fdl.html
). Drupal: Getting Started
5
of
33
Section 1: Getting Started With Your Login & Password
Logging in to Your Drupal Account
In order to administer your website you MUST be logged into your Drupal account. If you are

not logged in, you will not have access to any of the administration functions.
To login:
1.
Navigate to your website.
If a login is not available from your home page, this is a very reliable way to get to your

login screen:
a)
From within
your web browser (Firefox, Internet Explorer, Safari, etc.), e
nter

http://www.
yourwebsite.org
/user
in the address bar of your
Browser
.
b)
Press
the
Enter
key on your keyboard
.
You
will see the
Drupal User Account
L
ogin
S
creen
for your website.
2.
Enter your
Username
and
Password
.
3.
Click the
Login
button (or press
Enter
on your keyboard).
You are now logged into your site as a
User
with
Administrative
R
ights
.
From here, you can add and edit content, add items to your navigation menu, view lists of the

content on your site, and access CiviCRM. (This User Guide does not address CiviCRM

functionality. For help with CiviCRM, please refer to the GingerFeet Getting Started User

Guide: CiviCRM.)
Password Requirements
In today's world, internet security is an immensely important factor. GingerFeet takes the

security of it's subscribers data very seriously. To that end, we require :
1.
Password Specifications:
Passwords must contain 2 numbers, 2 capital letters, 2

special characters and be at least 9 characters long.
Eg. J4k#sS8t$
2.
Regular Password Updating:
You will be required to change your password every

six months.
6
of
33
IMPORTANT!
To ensure that passwords are changed and your data is safeguarded,

passwords will automatically expire every six months
.
Changing Your Password
Periodically, it is best practice to change your password for security purposes. To change your

password:
1.
Login
to your account.
2.
Select the
Edit tab/link.

3.
The account information block opens with
Username
and
Email address
filled in.
4.
Go to
Password
(your current password is not visible).
5.
Type in your
New Password.

6.
Type it again in
the

Confirm Password

field
.
7.
In a secure location, make a note of your changed password.
8.
Scroll to the bottom of the page.
9.
Click the
Save
button to save your changes.
Finding a Forgotten Password
If you have forgotten the password for your website,
you must request your password from

your website administrator.
7
of
33
IMPORTANT!
If you are the administrator, please submit a GingerFeet Support

Ticket.
I'm the Administrator. How Do I Reset Another User's Password?
If you are the administrator, you will have the ability to reset passwords for your users.
1.
On the Administration Menu that runs across the top of the page, select
User

Management

Users

List
.
2.
Click the
Edit
link for the user whose password needs to be reset.
3.
Type the new password in the
Password
field.
4.
Re-type the new password in the
Confirm Password
field.
5.
Scroll to the bottom of the page.
6.
Click the
Save
button to save the new password.
The emails sent to the user for password retrieval can be customized as part of the system

configuration located at http://www.yourwebsite.org/admin/settings/user.
Section 2: Site Administration
What is a Node?
Occasionally within Drupal you will see the term “node.” While Frankenstein may have nodes

on the sides of his neck, this is not how Drupal defines them.
8
of
33
In Drupal, nodes are basically the bits and pieces of information contained on your website.

Each piece of information is associated with a type of content such as a Page, Story, Blog Entry,

Forum, or Poll—to name a few—with Page being the most common. If you hear the word

“node,” don't be afraid. Just think “piece of information” and know that each time you create a

Page or Blog Entry or Poll, you create a node.
The Administration Menu
Much of the administration of your website will be done through the
Administration Menu
.

This menu is where you will go to add new pages, new users, delete menu items, and handle

general maintenance/configuration tasks.
The Administration Menu is available whenever you login to your website. To access the

Administration Menu:
1.
Login
to your account.
The
Administration Menu
now appears at the top of your page.
2.
Review the
Administration
Menu
Categories
.

Common activities (like edit content
,
create new pages
,
add items to your navigation

menu
,
view lists of the content on your site)

are in the drop-down menus under

Content Management

and
Site Building
.
3.
Place your cursor on a
Drop-Down Menu Category
to see what is listed in that

category.
Depending on the menu, more options may open to the right as you mouse down over

the l
ist
.
4.
Select an item by moving your mouse onto your choice and clicking with the left mouse

button.
View a List of All Your Content
You can v
iew
a complete l
ist
of items on your site from the
List
page.
1.
In the
Administration Menu
across the top of your page, select
Content Management


Content

List
.
2.
T
he page opens with a list of all your site content.
9
of
33
From here you can select items to edit or unpublish, and locate items you misplaced.
Finding a Lost Page or Other Item
If you think you've lost a page, node, or item, you can find it by opening the Content list.
1.
In the
Administration Menu
across the top of your page, select
Content Management


Content

List
.
The page opens with a list of all your site content. If the item you are looking for does not

appear in this list, it has most likely been deleted.
What is a Menu and How Do They Work in Drupal?
Website visitors use menus as a way to navigate and find what they are looking for on your site.

Menus
are most often located
in the header, footer, left sidebar,
or
right side bar
. You
add

menu item
s
to
give users access
to a) the
page
s
you buil
d
– highlight
ing
and link
ing
to

information
o
n your site
, or b) external websites
.
10
of
33
There are three menus you will work with in GingerFeet:
Navigation
,
Primary Links
,

Secondary Links
. Depending on the GingerFeet theme you have chosen, you will have at

least Navigation and Primary Links.
Where menus reside on your website is determined by your theme or by you, but generally, the

Navigation menu resides in the left or right sidebar, the Primary Links menu resides

horizontally across the top and the Secondary Links usually drop-down underneath the

Primary Links.
Add
a Menu Item
to Your Menu Structure
There may be times when you add a page that you want to add to the menu structure at a later

time. You can add a menu item at any time through the Administration Menu.
To add a
Menu Item
to your
m
enu:
1.
In the Administration Menu across the top of your screen, select
Site Building


Menus

List Menus
.
The following
Menu
categories will show:
a.
Navigation
b.
Primary Links
c.
Secondary Links
2.
Click to
s
elect the
category
you want
.
A list will open showing all the
Menu Items
in that category.
3.
Click the
Add Item
button.
A new menu item form will display.
4.
Enter the menu item details.
a.
External links:
To link to another website,
enter the full
URL
of the external

web page, for example
http://www.abc.net.au.
b.
Internal links:
To link to a node or another page on your Drupal website, insert

a “relative” link. For example: node/569 or contact-us. Not

http://www.yourwebsite.org/node/569 or http://www.yourwebsite.org/contact-
us
5.
Scroll to the bottom of the page.
11
of
33
6.
Click the
Submit
button to save changes.
The
new
Menu Item
now displays in your menu.
Move a Menu Item From One Menu to Another
1.
In the Administration Menu across the top of your screen, select
Site Building


Menus

List Menus
.
The following
Menu
categories will show:
a)
Navigation
b)
Primary Links
c)
Secondary Links
2.
Click to select the
category
you want.
A list will open showing all the
Menu Items
in that category.
3.
Find the menu item you want to move.
4.
In the
Operations
column, select
Edit
for the item you want to move.
5.
Scroll down the page and click the drop-down menu under
Parent Item
.
6.
Select the Menu where you want the item to reside (either <Navigation>, <Primary

Links>, or <Secondary Links>).
12
of
33
7.
To change the position of the item within the menu, enter a weight in the
Weight
field.
Numbers with a negative sign in front (-10) will float up toward the top of your menu

list. Numbers with a positive sign in front (+10) will drop-down toward the bottom of

your menu list. If you want to over-ride the alphabetical order of menu items, set the

Weight
by using the drop-down arrow and choosing a new setting.
8.
Click the
Save
button to save your changes.

Remove a Menu Item
There are two ways to remove a menu item from view. You can either
disable a menu item
so

that it is archived for future use, or
delete a menu item
for permanent removal.
IMPORTANT!
Always disable items first! Only delete when you are certain you want

to delete.
Disable a Menu Item
Disabled
menu items are not deleted.

They are just not available on the menu for public view.

This means you can temporarily remove menu items without the need to delete and then

enable an item if you want
it to return.
To disable a
Menu Item
from your
m
enu:
1.
In the Administration Menu across the top of your screen, select
Site Building


Menus

List Menus
.
The following
Menu
categories will show:
a.
Navigation
b.
Primary Links
c.
Secondary Links
2.
Click to select the
category
you want.
A list will open showing all the
Menu Items
in that category.
3.
Uncheck
the check box in the
Enabled
column.
4.
Scroll
down to the page bottom of the page.
5.
Click the
Save Configuration
button to save your changes.

13
of
33
This will temporarily disable your item.
Delete a Menu Item
Deleted menu items are irretrievable. Disable a menu item if you are not positive that you want

to remove it completely.
1.
In the Administration Menu across the top of your screen, select
Site Building


Menus

List Menus
.
2.
The following
Menu
categories will show:
c)
Navigation
d)
Primary Links
e)
Secondary Links
6.
Click to select the
category
you want.
A list will open showing all the
Menu Items
in that category.
7.
Select
Delete
in the
Operations
column
.

8.
Scroll down to the page bottom of the page.
9.
Click the
Save Configuration
button to save your changes.

IMPORTANT!
This action will permanently delete the
Menu Item
.
You cannot

recover deleted work.
Remove a Page or Node
There are two ways to remove a page from view. You can either
unpublish a page or node
so

that it is archived for future use, or
delete a page or node
for permanent removal.
IMPORTANT!
Always disable items first! Only delete when you are certain you want

to delete.
14
of
33
Unpublish (disable) a Page or Node
Unpublished pages or nodes are not deleted.

They are just not available for public view. This

means you can temporarily remove pages or nodes without the need to delete and then enable

them if you'd like to add them back.
To unpublish a
Page or Node
:
1.
In the Administration Menu across the top of your screen, select
Content

Management
Content → →
List
.
The page now shows a list of all your site content.
Next to each page or node, there is a checkbox under the Title heading
2.
Click the checkbox next to the page or node you wish to unpublish.
Directly above your site content is an
Update options
drop-down menu.
3.
From the drop-down menu, choose
Unpublish
.
4.
Click the
Update
button to save your changes.

This will temporarily disable your page or node.
Delete a Page or Node
1.
To delete a
Page or Node
:
1.
In the Administration Menu across the top of your screen, select
Content

Management
Content → →
List
.
2.
The page now shows a list of all your site content.
Next to each page or node, there is a checkbox under the Title heading.
15
of
33
3.
Click the checkbox next to the page or node you wish to unpublish.
4.
Directly above your site content is an
Update options
drop-down menu.
5.
From the drop-down menu, choose
Delete
.
6.
Click the
Update
button.
7.
When requested to confirm deletion, click the
Delete
button again.
8.
The page or node has now been deleted.
9.
Verify that the page has been removed from the website.
IMPORTANT!
This action will permanently delete the
Page or Node
.
You cannot

recover deleted work.
Change the Site Design (Default Theme)
1.
In the
Administration Menu
across the top of your screen, select
Site Building


Themes

List
.
The page now displays a list of all available themes with thumbnails.
There are six columns labeled:
Screenshot, Name, Version, Enabled, Default, and Operations
2.
In the
Enabled
column:
1.
Uncheck
the check box for your current theme.
2.
Check
the check box for the new theme you want to use.
3.
In the
Default
column:
1.
Click
the radio button to select the new theme as your default theme.
4.
Scroll to the bottom of the page.
5.
Click the
Save Configuration
button to save your changes.
16
of
33
Section 3: Working with Content
Create a New Page and Add it to a Menu
1.
In the Administration Menu across the top of your screen, select
Content

Management

C
reate
C
ontent

P
age
.
The page now displays the
Create Page
form
.
2.
Type
the title
for the new page
in the

T
itle
field
.
3.
Find
Menu Settings
under the
Title Bar
.

This is a box with setting options, but it is

collapsed by default.
4.
Click

Menu Settings
to expand the box and view the options.
5.
Type

the name you want displayed on the menu in
the
M
enu
L
ink

T
itle
fi
eld.
IMPORTANT!
What you type in this field will be what appears on the menu.

6.
In the
Parent Item
bar below, use the drop-down menu to select the menu

(Navigation, Primary Links, Secondary Links) and level for your new menu item.
If you select
N
avigation,
it will display at the main level of site navigation links.
If you

want it under one of the existing topics, select that topic from the drop-down menu.
7.
Fill in the box under
W
eight.
Numbers with a negative sign in front (-10) will float up toward the top of your menu

list. Numbers with a positive sign in front (+10) will drop-down toward the bottom of

your menu list. If you want to over-ride the alphabetical order of menu items, set the

Weight
by using the drop-down arrow and choosing a new setting.

17
of
33
11.
Under
M
etatags,
click the drop-down menu to open the box.
12.
Type
in key
words that describe your content in the
K
eywords
box.
NOTE:
These are words people might use when
using a search
e
ngine like Google to

find your
site
.
13.
Under
D
escription,
fill in a short description of your page.
NOTE:

To optimize your site for search engines, make sure your keywords are part of

your description
.
14.
Under
URL path
settings, fill in the title of your page.
If your new page is an element you are listing under an existing page, list the parent

item followed by a slash and then the name of your page.
(Example: Your
Main page/Parent item
might be
Books
and now you add a
Sub

item/sub category
of
Romance
. Your
URL path
setting:
books/romance
).
15.
In the
Body
field enter your new page content.
For assistance using
the
text editor,
see
What's a WYSIWIG Text Editor?
.
16.
Click the
Preview
button to view your changes.
17.
Check that the page displays correctly.
18.
Scroll to the bottom of the page.
19.
Click the
Save
button to save your new page.
Add, Edit or Delete Content
1.
Navigate to the page you wish to edit. You'll see two links at the top of the page:
View
&
Edit.
2.
Click on
Edit.
The page now opens in
Edit
mode.
3.
In the
Body
field, make changes to your content.
4.
Click the
Preview
button to view your changes.
18
of
33
5.
Check that the page displays correctly.
6.
If you are finished making changes, scroll to the bottom of the page and click the
Save

button to save your changes and return to the page in
View
mode.
7.
If you want to continue editing without returning to
View
mode, scroll to the bottom of

the page and click the
Save & Edit
button to save your changes and continue working.
What's a WYSIWYG Text Editor?
Ginger
Feet uses a

WYSIWYG (What You See Is What You Get)

text
editor
called TinyMCE.
When your page is in
Edit
mode,
the WYSIWYG editor is available in the

Body

field
.

This

editor
allows you to edit
your page or item
with the same
type of
toolbar buttons
you
are

familiar with
in other
word processing
applications.
Cut, Copy, and Paste Text in the Body Field
While in Edit mode for a page or item, in the Body field:
To cut:
1.
Highlight the text or image you wish to cut and click the Cut icon, or use the keyboard

shortcut:

On a Windows PC: Ctrl+X

On a MAC: Cmd+X
To copy:
1.
Highlight the text or image you wish to copy and click the Copy icon, or use the

keyboard shortcut:

On a Windows PC: Ctrl+C

On a MAC: Cmd+C
To paste:
19
of
33
1.
Place the cursor in the content area to place the copied information and click the Paste

icon, or use the keyboard shortcut:

On a Windows PC: Ctrl+V

On a MAC: Cmd+V
Change the Title of a Page
1.
Navigate to the page you wish to edit. You'll see two links at the top of the page:
View
&
Edit.
2.
Click on the
Edit
link. The page now opens in
Edit
mode.
3.
In the
Title
field (with red asterisk), type in your new title.
This will modify the title on the page.
4.
In the
Menu Link Title
field,
type in the same new title to match.
This will modify the title on the menu.
5.
Scroll to the bottom of the page.
6.
Click the
Save
button to save your changes.
Turn On and Off (Publish/Unpublish) GingerFeet Pre-Built Pages
There are approximately 75 pre-built pages with your GingerFeet subscription. You can turn

these pages on and off at your discretion by Publishing and Unpublishing them.
IMPORTANT!
We recommend that you do not delete pages. By enabling or

disabling, pages continue to be available for future use.
20
of
33
Publish Content
When your page content is complete you must Publish the page or item to make it visible to

your visitors.
To
Publish
your content:
1.
In the
Administration Menu
across the top of your page, choose
Content

Management →
Content

List
.
The page now shows a list of all your site content.
Next to each page or node, there is a checkbox under the Title heading.
2.
Click the checkbox next to the page or node you wish to publish.
3.
Directly above your site content is an
Update options
drop-down menu.
4.
From the drop-down menu, choose
Publish
(the default)
.
5.
Click the
Update
button.

Published
:
This determines if site visitors can see this content.
IMPORTANT!
If unpublished, the content will not appear!

Promoted to front page:
This will post the content to the front page of your

site.

Make Sticky:
If checked, this item will stick to the top of the list.
21
of
33
Unpublish Content
Using the Publish options you are able to work on page content and leave it unpublished to

prevent the public from seeing it.
You can also
unpublish
a completed page in order to keep it for later use (archive it) instead of

deleting it.
IMPORTANT!
Deleting an item is a permanent action. You cannot recover deleted

work.
To
Unpublish
a page or node:
1.
n the
Administration Menu
across the top of your page, choose
Content Management


Content

List
.
2.
The page now shows a list of all your site content.
Next to each page or node, there is a checkbox under the Title heading.
3.
Click the checkbox next to the page or node you wish to unpublish.
4.
Directly above your site content is an
Update options
drop-down menu.
5.
From the drop-down menu, choose
Unpublish
.
Your page is no longer viewable by your visitors.
You can publish it again anytime by following the steps under
Publish Content.
22
of
33
Find & Publish an Item That Has Not Been Published
1.
Follow the steps Publish Content.

Section 4: Working with Images and Other Files
Working with Two Windows or Tabs for Ease of Editing
Quite often you'll want to work with two windows or two tabs open at the same time so that you

can edit and save your content in one window and preview the changes in another. Likewise,

you may want to work on two areas of your site at the same time. For example, you might want

to upload an image to your File Upload page while working on your Home page.
These instructions may vary slightly depending on the browser you are using.
Work in two windows at the same time
1.
Login
to your website.
2.
Navigate to the first area of your site that you want to work with.
3.
In Firefox, Internet Explorer, use the keyboard shortcut :
1.
On a Windows PC: Ctrl-N
2.
On a MAC: Cmd-N
Another browser window will now be open.
4.
Navigate to the next area of your site that you want to work with.
NOTE:
You will not have to login to your site for the second window. You browser will

recognize that you are currently logged in.
Work in two tabs at the same time
1.
Login
to your website.
2.
Navigate to the first area of your site that you want to work with.
3.
In Firefox, Internet Explorer, use the keyboard shortcut :
1.
On a Windows PC: Ctrl-T
23
of
33
2.
On a MAC: Cmd-T
Another tab will now be open in your current browser window.
4.
Navigate to the next area of your site that you want to work with.
NOTE:
You will not have to login to your site for the second tab. You browser will recognize

that you are currently logged in.
Uploading Files
You can upload files to your site and include them in your content via the
GingerFeet

File

Upload
page. This page is a unique page of the GingerFeet service built into each subscriber's

admin.
The
GingerFeet File Upload
page is a page that lists of all the files that you upload to use on

your site. When you access Edit mode for this page, you have access to the
File Attachments

option which allows you to upload a file.
While the
File Attachments
option is available on most Content Types (Page, Blog Entry,

Story), we recommend that you use the
GingerFeet File Upload
page as a way to manage all

your files in a single location.
Upload an Image and Add it to Content
Uploading the Image
1.
While on the page you want to add the image to, open a second tab or window – see

Working in Two Windows or Tabs for Ease of Editing
).
24
of
33
2.
In the second tab (or window) select
Content Management Upload→
from your

Administration Menu.
The
GingerFeet File Upload
page will appear. The
File Attachments
option is

towards the bottom of the page.
3.
Scroll down and click the
File Attachments
link to expand the box.
4.
Click the
Browse
button.
5.
Navigate to where the file is located on your local computer.
6.
Click to select the file.
7.
Click the
Open
button to add the file to the
Attach New File
field.
8.
Click the
Attach
button to upload the file.
IMPORTANT!
The maximum file size for uploading an attachment is 1 MB. Only

files with the following file extensions may be uploaded
:
jpg jpeg gif png txt doc xls

pdf ppt pps odt ods odp.
NOTE:
It is advisable to develop a naming convention for your files. Name them in ways that

will make sense when you return to your
GingerFeet File Upload
page to use them at a later

date.
Adding the Image to Your Content
Once the file has uploaded you will see a row of information about the uploaded file including

the size of the file and the full path to the file (underneath the file description).
1.
Click and drag your mouse across the pa
th from “/files/XXX.jpg” to select the location

and filename.
25
of
33
2.
Click on the browser tab (or window) that contains the content you wish to add the

image into.
3.
Scroll to the
Body
field.
4.
Place your cursor where you want the image to reside.
5.
Click the
Insert/Edit Image
button on the WYSIWYG toolbar.
6.
Paste the copied path into the
Image URL
field.
7.
For search engine optimization, enter a brief description in the
Image Description

field and a title for the image into the
Title
field.
8.
Click the
Insert
button to insert the image into your content.
9.
Scroll to the bottom of the page.
10.
Click the
Save
button to save your changes.
Position an Image
You can position an image within your content.
1.
While in
Edit
mode for your content
, c
lick on the image in the
Body
field.
2.
Click the
Insert/Edit Image
button on the WYSIWYG toolbar.
3.
Click the
Appearance
tab.
26
of
33
4.
Select an alignment from the
Alignment
drop-down menu. Most commonly used

alignments are Left and Right.
Aligning to the left or the right will “float” the image beside the copy.
NOTE:
For your convenience, Drupal provides a sample display that demonstrates how

the image and copy interact.
5.
Click the
Update
button to save your changes.
6.
Scroll to the bottom of the page.
7.
Click the
Save
button to save your changes.
Add Space Around or a Border to an Image
You can position an image within your content.
1.
While in
Edit
mode for your content
, c
lick on the image in the
Body
field.
2.
Click the
Insert/Edit Image
button on the WYSIWYG toolbar.
3.
Click the
Appearance
tab.
4.
Enter a number (often 5-10) for
Vertical Space
above and below the image.
5.
Enter a number (often 5-10) for
Horizontal Space
to the left and right of the image.
6.
Enter a number (often 1 or 2 ) in the
Border
field to add a border to the image.
NOTE:
For your convenience, Drupal provides a sample display that demonstrates how

the image and copy interact.
7.
Click the
Update
button to save your changes.
8.
Scroll to the bottom of the page.
9.
Click the
Save
button to save your changes.
27
of
33
Resize An Image
You can resize the rendering of the image in your content.
1.
While in
Edit
mode for your content
, c
lick on the image in the
Body
field.
2.
Click the
Insert/Edit Image
button on the WYSIWYG toolbar.
3.
Click the
Appearance
tab.
4.
Change the height or width of the image in the Dimensions fields.
Leave the
Constrain proportions
check box checked to make sure Drupal maintains

the aspect ratio of the image.
5.
Click the
Update
button to save your changes to the image.
6.
Scroll to the bottom of the page.
7.
Click the
Save
button to save your changes.
IMPORTANT!
This action resizes the display size of the image ONLY. The original

file on the server is not resized and the file size is neither smaller not larger than what

you originally uploaded.
Remove an Image
1.
While in
Edit
mode for your content, c
lick on the image in the
Body
field.
28
of
33
2.
Press the
Delete
key on your keyboard.
The image is now removed.
3.
Scroll to the bottom of the page.
4.
Click the
Save
button to save your changes.
Add Your Affiliate Name to the Header
You can customize the header of your theme to include your affiliate name.
1.
In the
Administration Menu
across the top of your screen, select
Site Configuration


Site Information
.
2.
In the
Name
box, type in your
Affiliate Name
.
3.
Click the
Save Configuration
button at the bottom of the page to save your changes.
Section 5: Working with Hyperlinks
Create a Link (Hyperlink) Using Text or an Image
The WYSYWIG text editor helps you create links to pages within your website or to external

websites.
To create a hyperlink:
1.
While in
Edit
mode for your content, scroll down to the
Body
field.

2.
Highlight the text or select the image you want to use as a link.
3.
Click the
Insert/edit
link icon.

A window will popup displaying options for your link.
4.
Enter the appropriate information in each field.

Link URL:
Enter the internal “/about-us” or external

http://www.yourwebsite.org/ link URL in the Link URL field (if you wish to

create a link to a page on your website (internal link) the Link URL is the name of

the page proceeded by a forward slash: /about-us)

Target (optional):
If you want the link to appear in a new window you can set

the target to "Open link in a new window"
29
of
33

Title (optional):
Enter the text you want to have appear when a user mouses

over the link (adding this option is not only search engine friendly, it is more

accessible to persons with disabilities)
5.
Click
Insert
to add the hyperlink to your content.
Modify an Existing Hyperlink
1.
While in
Edit
mode for your content, select the link and click on the
Insert/edit link

icon.
2.
Make your changes and select the
Update
button.
Remove a Link from Text
1.
While in
Edit
mode for your content, h
ighlight the text that is linked.
2.
Click on the
Unlink
icon.
3.
Link will automatically be removed.
Upload Files to Page
Along with image files, websites often include files for download (eg. A press release in .pdf

or .doc format). You upload files to your server for use on your website via
File Attachments
.

For a visual representation of the File Attachments feature, see
Uploading Files
.
30
of
33
To upload a file to a Page:
1.
While in
Edit
mode for your content, navigate to the
File Attachments
section and

expand the box.
2.
Click the
Browse
button and then use the
File Upload
dialog box to locate the file to

upload.
3.
Click the
Attach
button to upload the file.
4.
Ensure that the List file option is selected.
5.
Click on the
Submit
button to save your changes.
6.
Check that the page displays correctly and the files are listed at the bottom of the page.
Delete Files from a Page
To
delete
an uploaded file:
1.
Navigate to the page you wish to edit. You'll see two links at the top of the page:
View
&
Edit.
2.
Click on the
Edit
link. The page now opens in
Edit
mode.
3.
Navigate to the
File Attachments
section.
4.
Select the
Delete
option for each file you wish to delete.
5.
Click on the
Submit
button to save your changes.
6.
Check that the page is displayed correctly and the files are listed at the bottom of the

page.
Section 6: Working With Email Accounts
Every GingerFeet subscription comes with 5 POP3 email accounts.
Your email accounts were setup during the subscription process and include username and

password combinations that you created such as: Username: donate@yourdomain.org,

Password: D0%nA13N$w.
You can access your email accounts in two ways:
1.
Online through your web browser, or
2.
Through a locally installed email client such as Outlook, Thunderbird, or Entourage.
31
of
33
Access Email Through a Web Browser
1.
Open your web browser.
2.
Go to:
https://server1.websitehostserver.net:2096
3.
Enter your full email address in the
Email
field.
4.
Enter your password in the
Password
field.
5.
Click the
Login
button.
There are three available webmail programs to work with: Horde, SquirrelMail, or

RoundCube. You can review each program and determine which best suits your working

style.
6.
Click the
Read Mail Using...
link for the appropriate mail program to access your

mail.
Access Email Setting for Setting Up a Local Email Client
You can download your email to a local email client such as MS Outlook or Mozilla

Thunderbird. Refer to the user guide/help files for your particular mail client for instructions

on creating a new mail account.
As you are setting up your new account you will need the Mail Server Username, Incoming

Mail Server, Outgoing Mail Server, and both the Incoming and Outgoing Mail Protocols.
To find this information,
1.
Login
to your email account.
2.
From the main page, click the
Configure Mail Client
link.
If you are using MS Outlook 2000, Express or MacMail, you can auto-configure your

settings.
Some mail clients such as Mozilla Thunderbird will attempt to auto-configure the

account when you are setting it up based on your username (
xyz@yourwebsite.org
) and

password.
3.
Refer to the Username, Server, and Protocol settings under Manual Settings for

completing your local email client setup.
In most cases the settings will follow this format:
32
of
33

Mail Server Username:
xyz@yourwebsite.org

Incoming Mail Server: mail.yourwebsite.org

Outgoing Mail Server: mail.yourwebsite.org

Supported Incoming Mail Protocols: POP3

Supported Outgoing Mail Protocols: SMTP
If you have questions setting up your local email client, please submit a support ticket at

http://www.gingerfeet.net/help/support_ticket
.
33
of
33