Difference between revisions of "CcHost5Documentation/Content Manager"

From Creative Commons
Jump to: navigation, search
(New page: ==Howto: Content Manager== In ccHost 5 you can create pages in your system without any HTML/XML file editing whatsoever. Examples of pages created this way are the ccMixter home page and...)
 
(Howto: Content Manager)
 
(2 intermediate revisions by the same user not shown)
Line 11: Line 11:
 
and mapping to a tab are explained here:
 
and mapping to a tab are explained here:
  
First create new content topics:
+
===Example: Creating an 'About' page===
  
1. While logged in as admin account: Click on 'Global Settings' in the menu
+
First create new content topic:
2. Click on 'Manage Page Content'
 
3. Click on 'Create New Content'
 
4. At 'New Content Type' type in "my_page_content" (without the quotes)
 
5. Enter a title and topic contents
 
6. Click on 'Submit Content'
 
  
Repeat these steps for addition topics except replace step (4):
+
# While logged in as admin account: Click on 'Global Settings' in the menu
 +
# Click on 'Manage Page Content'
 +
# Click on 'Create New Content'
 +
# At 'New Content Type' type in "about" (without the quotes)
 +
# Enter a title and topic contents
 +
# Click on 'Submit Content'
  
4. At 'Content Type' select 'my_page_content' from the drop down,  
+
If you were to create multiple topic of the same kind (not really applicable to an 'About' page), then you would repeat these steps for addition topics except replace step (4):
  leave 'New Content Type' blank
+
 
 +
4. At 'Content Type' select 'about' from the drop down, and ''leave 'New Content Type' blank''
  
 
Images are uploaded to cchost_files/images (replace cchost_files with the name of the
 
Images are uploaded to cchost_files/images (replace cchost_files with the name of the
Line 30: Line 31:
  
 
[img=/cchost_files/images/my_image.gif][/img]
 
[img=/cchost_files/images/my_image.gif][/img]
 
You can also use the new 'left' or 'right' blocks to float images or blocks of text:
 
 
[left][img=/cchost_files/images/my_image.gif][/img][/left]
 
  
 
Next create a new content page:
 
Next create a new content page:
Line 40: Line 37:
 
#  Click on 'Manage Page Content'
 
#  Click on 'Manage Page Content'
 
#  Click on 'Create a New Page'
 
#  Click on 'Create a New Page'
#  At 'Content Type' select "my_page_content"  
+
#  At 'Content Type' select "about"  
#  Enter a page title like "My Page" (without the quotes)
+
#  Enter a page title like "About" (without the quotes)
 
#  Click on 'Submit' - this should take you back to the 'Manage Page Content' screen
 
#  Click on 'Submit' - this should take you back to the 'Manage Page Content' screen
 
#  Click on 'view' next to your new page to preview the page (Note the URL in your browser)
 
#  Click on 'view' next to your new page to preview the page (Note the URL in your browser)
Line 56: Line 53:
  
 
HINT: entering a full URL in a tab causes a re-direct (extra round trip to your server). To  
 
HINT: entering a full URL in a tab causes a re-direct (extra round trip to your server). To  
prevent this in Step (6) enter "/viewfile/my-page" without the quotes and
+
prevent this in Step (6) enter "/viewfile/about" without the quotes.
substituting my-page with the name of your page.
+
 
 +
==Topic Format Commands==
 +
When entering a topic you have the option to use ccHost formatting short cuts based on a variation of [http://en.wikipedia.org/wiki/Bbcode BBCode] tags.
 +
 
 +
{| class="wikitable"
 +
| style="text-align: center" | '''Code'''
 +
| style="text-align: center" | '''Effect'''
 +
|-
 +
| <code><nowiki>[b]bolded text[/b]</nowiki></code>
 +
| '''bolded text'''
 +
|-
 +
| <code><nowiki>[i]italicized text[/i]</nowiki></code>
 +
| ''italicized text''
 +
|-
 +
| <code><nowiki>[u]underlined text[/u]</nowiki></code>
 +
| <span style="text-decoration:underline;">underlined text</span>
 +
|-
 +
| <code><nowiki>[url]http://example.org[/url]</nowiki></code>
 +
| <span class="plainlinks">[http://example.org http://example.org]</span>
 +
|-
 +
| <code><nowiki>[url=http://example.com]Example[/url]</nowiki></code>
 +
| <span class="plainlinks">[http://example.com Example]</span>
 +
|-
 +
| <code><nowiki>[img=http://mirrors.creativecommons.org/presskit/icons/nc-jp.png][/img]</nowiki></code>
 +
| http://mirrors.creativecommons.org/presskit/icons/nc-jp.png
 +
|-
 +
| <code><nowiki>[quote]quoted text[/quote]</nowiki></code>
 +
| <blockquote><p>quoted text</p></blockquote>
 +
|-
 +
| <code><nowiki>[quote=fourstones]attributed quoted text[/quote]</nowiki></code>
 +
| <i><p><b>fourstones says:</b></p><p>attributed quoted text</p></i>
 +
|-
 +
| <code><nowiki>[big]Large Text[/big]</nowiki></code>
 +
| <font size="6">Large Text</font>
 +
|-
 +
| <code><nowiki>[small]Small Text[/small]</nowiki></code>
 +
| <font size="-2">Small Text</font>
 +
|-
 +
| <code><nowiki>[up][/up]</nowiki></code>
 +
| http://ccmixter.org/ccskins/shared/images/thumbs_up_tiny.gif
 +
|-
 +
| <code><nowiki>[right][b]floated right markup, img tag works here too[/b][/right]Normal markup that wraps around the right text</nowiki></code>
 +
| <div style="float:right"><b>floated right markup, img tag works here too</b></div>Normal markup that wraps around the right text
 +
|-
 +
| <code><nowiki>[query=t=links&tags=hip_hop][/query]</nowiki></code>
 +
| <i>(produces query results)</i>
 +
|-
 +
| <code><nowiki>[color=red]Red Text[/color]</nowiki></code><br /><small> (also blue or green)</small>
 +
|<font color="#FF0000">Red Text</font>
 +
|}

Latest revision as of 16:03, 29 July 2008

Howto: Content Manager

In ccHost 5 you can create pages in your system without any HTML/XML file editing whatsoever. Examples of pages created this way are the ccMixter home page and "As Seen on the Web"

The second example is mapped to a navigation tab. The creation of a page like this and mapping to a tab are explained here:

Example: Creating an 'About' page

First create new content topic:

  1. While logged in as admin account: Click on 'Global Settings' in the menu
  2. Click on 'Manage Page Content'
  3. Click on 'Create New Content'
  4. At 'New Content Type' type in "about" (without the quotes)
  5. Enter a title and topic contents
  6. Click on 'Submit Content'

If you were to create multiple topic of the same kind (not really applicable to an 'About' page), then you would repeat these steps for addition topics except replace step (4):

4. At 'Content Type' select 'about' from the drop down, and leave 'New Content Type' blank

Images are uploaded to cchost_files/images (replace cchost_files with the name of the files directory you supplied during install). To refer to those images use the new 'img' block in your topics. Example:

[img=/cchost_files/images/my_image.gif][/img]

Next create a new content page:

  1. While logged in as admin account: Click on 'Global Settings' in the menu
  2. Click on 'Manage Page Content'
  3. Click on 'Create a New Page'
  4. At 'Content Type' select "about"
  5. Enter a page title like "About" (without the quotes)
  6. Click on 'Submit' - this should take you back to the 'Manage Page Content' screen
  7. Click on 'view' next to your new page to preview the page (Note the URL in your browser)

To map your new page to a tab:

  1. While logged in as admin account: Click on 'Manage Site' in the menu
  2. Click on 'Navigator Tab Sets'
  3. Click on '[edit tabs]'
  4. Click on 'Add tab'
  5. Under 'Function' select 'Execute URL'
  6. Under 'Data' enter the URL from Step (7) in the section above
  7. Click on 'Submit'

HINT: entering a full URL in a tab causes a re-direct (extra round trip to your server). To prevent this in Step (6) enter "/viewfile/about" without the quotes.

Topic Format Commands

When entering a topic you have the option to use ccHost formatting short cuts based on a variation of BBCode tags.

Code Effect
[b]bolded text[/b] bolded text
[i]italicized text[/i] italicized text
[u]underlined text[/u] underlined text
[url]http://example.org[/url] http://example.org
[url=http://example.com]Example[/url] Example
[img=http://mirrors.creativecommons.org/presskit/icons/nc-jp.png][/img] http://mirrors.creativecommons.org/presskit/icons/nc-jp.png
[quote]quoted text[/quote]

quoted text

[quote=fourstones]attributed quoted text[/quote]

fourstones says:

attributed quoted text

[big]Large Text[/big] Large Text
[small]Small Text[/small] Small Text
[up][/up] http://ccmixter.org/ccskins/shared/images/thumbs_up_tiny.gif
[right][b]floated right markup, img tag works here too[/b][/right]Normal markup that wraps around the right text
floated right markup, img tag works here too
Normal markup that wraps around the right text
[query=t=links&tags=hip_hop][/query] (produces query results)
[color=red]Red Text[/color]
(also blue or green)
Red Text