Monday, December 09, 2019   Login
You are here: Programs » Editing the Website  
Editing the Website

The CCC website uses an open-source content management system (CMS) called DotNetNuke or DNN (visit DNN is freeware, and we are hosting it on a paid hosting service for fixed monthly fee.  All the code that makes up the CCC website is located on the same server that hosts our copy of DNN.  Anyone who has permission to edit the site can do so online from any browser. Multiple people can edit the site simultaneously.


Modules, Panes, and Page Settings
Permissions and Roles
Editing Existing Content
Adding a New Page
Adding a New Text Block to a Page
Adding Graphics to a Page
Embeding a YouTube Video
Clean Up Your Text and Graphics!

Module, Panes and Page Settings  | BACK

Each page on the website is made up of Modules, Panes and Settings. Modules are containers that contain text, graphics, or programming code. The are several types of Modules available in DNN. The most commonly used Module is for text and is called the "Text/HTML Module."

Panes are predefined zones on a page layout where the Modules can be placed, moved around, or arranged. The panes on the page your looking at now include LeftPane, ContentPane, RightPane, and TopPane.

A page may be controlled through it's settings. This can be accessed via the Settings link found in the upper left corner of the page under Page Functions. In Page Settings, you can specify the page name, who can view the page, define the parent page, determine whether the page will appear in the menu, etc.

Permissions and Roles |  BACK

Web pages and individual "modules" that appear on pages can be "permissioned" so that only people with certain "roles" can view the content.  These roles are assign to the user by the site administrator, i.e. consistory, Sunday school teacher, student, worship team.

Editing Existing Content BACK

To edit content on an existing page, you must be a site administrator or be permissioned to edit that content. There are three ways to get into the content editor and edit existing content. Browse to the page you want to edit. At the bottom of each text module is an "Edit Text" link. Clicking on this will bring you into the text editor.  Be sure to click the Update link to save your work. Secondly, you can mouse over the text you want to edit, and a pencil icon will appear in the upper left corner of the text module. Clicking on this will bring you into the text editor. Be sure to click the Save icon when you are done editing.  The third way is to mouse over the triangle that appears in header of the text module. A dropdown will appear with an Edit Text link.

Adding a New Page |  BACK

From the Page Functions in the upper left of your screen, click on Add. This will bring up the Settings box shown below. There's only a few things you have to set. Enter a Page Name and Page Title. Specify a Parent Page. This will automatically insert the page in the menuing hierachy if you check the next option "Include in Menu."  Next, you need to set the Permissions for who should be allowed to view the page. In most cases, this will be everyone, since CCC is a public website. So check "All Users."  If nothing is checked, the page will remain hidden on the public site, and only Adminstrators will be able to view it. If you would like only people who are logged in to view a page, check Registered Users. Click Update to save your page.

Adding a New Text Block to a Page |  BACK

To add a new text block to a page, you first have to add a new "module" to the page and put your text inside the new module.  Modules are containers that contain text, HTML and other programming code. To add a new text module, select the radio button "Add New Module" and select "Text/HTML" from the dropdown menu. Then select which pane you want the module to appear from the Pane drop down menu. If there are other modules in the pane you selected, you can chose Top or Bottom from the Insert drop down to position the new module in the "stack." Next click the green Add button to add the new module to the page. If you want to move the module to another pane, you can click the triangle in the header of the module and select Move from the dropdown menu.

Modules, like pages, also have settings. The Module Settings can be accessed from the same triangle drop down. In the Module Settings you can give the module a name, set viewing permissions, and hide the container and the printer icon that appears at the bottom of the module (highly recommended).

Adding Graphics to a Page  |  BACK

Coming soon.

Embedding YouTube Video on a Page BACK

Go to the YouTube page which has the video you want to embed. Click on the Embed link and the HTML code for embedding the video will appear. Copy this code onto your clipboard.

Now go to the page on the CCC website where you want to embed the video. Open the text editor.  IMPORTANT:  Since your clipboard contains HTML code, you need to click on either "Source" or "Basic Text Box" to get into HTML editing mode.

Find the location where you want the video to appear and paste in the code. TIP: If you have existing HTML code in the editor, sometimes it's difficult to know where to insert your video. In this case, go back into the Rich Text Editor where it's easier to view your content. Insert a recognizable text string like "xxxxxxxxxxxx" in the location where you want to embed the video. Then go back to the HTML editor and look for this string. Replace with the the HTML code on your clipboard.

Save your work and then check to see if the video has been properly embedded onto your page.

Clean Up Your Text and Graphics!  BACK

A common mistake people make is to cut and paste text from a word processor or email onto a webpage or into forum topic. This has the effect of inserting hidden formatting codes from the word processor or email. These codes will overide the default formatting of the CCC website and make things look messy. To remove unwanted formatting codes from your your text, it's best to go into the "Source" or the "Basic Text Box" mode of the text editor.  Your text will be pasted in a strict HTML text WITHOUT the legacy formatting codes from your word processor or email program.

Graphics present another issue. Many people import pictures taken directly from their digital cameras without reducing them in size for the website. This has the effect of making the website slower and also giving you poor quality picture on screen, since reducing the picture to fit the page requires a  forced resizing of the picture in HTML, and taking up disk space on our server. It's best to reduce the resolution or pixel dimensions of your images before uploading them to the CCC website and display them on a page. The maximum wide of an image should be 800 pixels wide. For pictures inserted in the forums, the maximum should be 600 pixels wide. Photo reduction can be accomplished in PhotoShop and most photo-editing programs.




Home  |  Programs  |  Forums  |  About Us
Copyright 2019 by Chinese Community Church   |  Privacy Statement  |  Terms Of Use