1. how to create a web page - city university of new … · 1. how to create a web page 1) log in...

17

Upload: vubao

Post on 08-Aug-2018

218 views

Category:

Documents


0 download

TRANSCRIPT

1. How to Create a Web Page 1) Log in to CampusGroups.

2) Manage your group.

3) Click on the “Website” Tab (in the manage toolbar).

4) From here, you can add a new page, edit a web page, view a web page or unpublish pages. To create a new web page, enter a title in the text field, and click the “Add” button next to it.

5) To add the page you created under an existing menu, select the menu in the “Add page under menu item” dropdown.

6) By default the web page you created will have a sidebar on the left with your group calendar. You can hide this sidebar by checking the “Hide left column” checkbox.

7) To add content that will be displayed on your webpage, click on the “Edit” button. (If you would like to add or edit the actual HTML, click “Source” to switch to source view.)

Click on icons to add formatting and content to your page. Many tools are available to format your text, add headers, bullet points, insert photos or tables, add links to other pages or anchors to specific parts of a page.

8) From here, you can scroll down to easily add sidebar content to your page in the corresponding text fields.

9) You can customize header content, to be displayed just below the menu. For example, this is a great place to add sliders. Header content uses the whole width of the page.

10) Choose any fields you would like to include for your new web page. You can add description, keywords or password protection. Add a Redirect URL if you would like to have a top menu linking to an external website. You can even enter a custom URL if you would like, to override the default URL given.

11) Click “Save & Preview” to see your new web page.

2. How to Add a Widget to Your Page Benefit from more than 30 widgets in order to automatically generate dynamic content (ex: List of Upcoming Events, List of Officers, Social Media Links, etc.) You can use generic widgets or create custom ones. 1) Log in to CampusGroups.2) Manage your group.3) Click on the “Website” menu (in the manage toolbar). 4) Edit the webpage where you wish to add the widget.

5) Select the widget you want in the “Select a widget” dropdown.

6) Copy and paste the widget code (e.g. [CONTENT:WIDGET_NAME]) in the “Content” field. Please note that you can retrieve all the widgets under the “Widgets” tab.

TIP: When designing a web page, add widgets to the sidebar of your page with the specific sidebar content box. 7) To add content and reuse it multiple times across various pages, such as content in a sidebar (e.g., application for an event or a sponsor widget), you can create custom widgets. That way you won’t need to copy and paste, nor edit, multiple times.

To create custom widgets, click on the “Widgets” tab and then on the “Create Widget” button. Add options such as a title, subtitle and the content and click on the “Save” button.

3. How to Change the Navigation and Layout

1) Log in to CampusGroups.2) Manage your group.3) Click on the “Website” menu (in the manage toolbar).4) From here, you can: Add a Menu: • To create a new menu, enter a title in the text field, and click the “Add” button next to it.

• To add pages under the menu you created, select the menu in the “Add page under menu item” dropdown.

Order the Web Pages in the Menu: • To order the pages in the menu, select the order in the “Order in sub-menu” dropdown.

Standalone Pages: • Standalone web pages are not attached to a menu item (the “Add page under menu item” is left empty). You can place them directly in the menu by checking the “Publish” checkbox.

Home Page: • To set which page is the home page for your website, select the corresponding radio button underneath “This is the Homepage” column.

Privacy Settings: • You can restrict the access of every web page by clicking on the “Access Rights” button.

• Assign access rights in the pop-up and click “Save”.

Colors & Graphics: • Customize your website by editing the banner, logo and background colors after clicking on the “Colors & Graphics” tab.

4. More Advanced Options

Enter your ID under the Google Analytics section.

Google AnalyticsTrack your site’s traffic with Google Analytics under the “Options” tab.

Add your Facebook, Twitter, LinkedIn, etc., by clicking on the “Social Bookmarks” settings button and then “Save”. Several parts of the website will generate these links (like in the footer and header).

Social NetworksOrganize all your social networks in one place under the “Social Networks” tab.

By default, school values are given, but you can switch to clubs to override the school’s links. You can also use the social networks widget (e.g., FOLLOW_US widget), which generates a widget with the social networks and icons for Twitter, Facebook, etc. You can add other widgets such as a Twitter timeline with a Twitter widget.

CSS & JavascriptUse more advanced features such as custom CSS and Javascript under the “Options” tab.

DesignApply a theme to your website. Use your school-branded colors and font. See with Laura what should we say about that

We can develop highly customized websites for groups. See some examples here. Add some marketing plug here?

Please contact us at [email protected] for more information.