Articles

At Startup 

HINT: Important order for working - C. A. M:
C = Categories. First - create your categories
A = Articles. Next - create your articles
M = Menu. Next - add your article to your menu

To create a new article

• Article Manager > New
• Under Content tab >Title (Appropriate title for searching) > Category (choose from list)
• Under Options tab > usually Hide
• Add text and images > Save or Save & Close
• NB – default for Paragraph may be "Justified" (if line short may need to highlight and "Left Align".

To Copy and Paste text

• Copy as Plain Text (from JCE Editor), or paste, then highlight and Remove Format (JCE icon)
• Always use Preformatted Headings or Paragraph (JCE) 
  -it is sometimes necessary to remove Bold first, then Remove Format, then change to paragraph (in dropdown menu), then choose new heading (in dropdown menu).
• NOTE: Font Family is Arial 12pt for paragraph

To add an image

• Go to Media Manager

To create a link

Link to an external website:

• From the frontend of a website, find the page you want to link to > copy the URL (Ctrl+C)
• Return to the article in the backend of the website
• Type and then Select the text you want to use for the link
• Choose Insert/Edit Link icon on the JCE Editor
• Paste the URL in the URL box (Ctrl+V)
• Target – choose the Open in current window/frame option (for internal links)
  or Open in new window/frame option (for external links)
  > Insert

Link to an internal File or image that is already saved in the Media Manager:

• From Article Manager, open your Article and select the text or image to assign the link to.
• Click the Link icon at the bottom of the JCE Editor. (The Link window opens.)
• Click the Browse icon to the right of the URL box.
• Navigate to and Select the File or Image you want to link to
• In the Target box – choose the Open in current window/frame
• Click Insert. The Link will be inserted in your article.
• To edit a link > highlight the text >click the Insert/Edit Link icon on the JCE again.
• To delete a link > highlight the text > click the Unlink icon on the JCE
• Click Save.
• Go to the front end of your website and find the article. Test the Link.
• Return to the backend or the website. Click Save and Close.
• NOTE: External links must contain the full URL including http://.

To remove a link:

• Locate and carefully select by highlighting only the link you wish to remove.
• Click the Unlink button on the JCE Editor (which only shows when you have highlighted an existing link). The link will be removed.

To see the HTML code for an article

• Toggle Editor (just above JCE)
• OR click the Source Code icon on the JCE

To remove author name, creation date or update date from all articles

To remove the details from all Articles in Global Settings:

• Go to Article Manager, and then click Options.
• Under the Articles tab locate the Author Name, Created Date and Time and Modified Date and change the options to Hide as required.
• Click the Save button.
• NOTE: These settings apply wherever "Use Global" is selected in the Article's parameters or menu item's parameters.

To change the details options for a single article:

• Open the Article, click the Options Tab and change the options there.
• Click Save & Close.

Protocol for SeniorNet Nelson Course Articles (guide only)

• Title Heading 1
• Picture
• Number of courses – e.g. Four x 2-hour (5 spaces) Cost $20 (5 spaces ) System
• Line (JCE Editor)
• Overview – Heading 4 > return (Add information > return + soft return)
• Prerequisites - Heading 4 > return (Add information > return + soft return)
• Learning Objectives - Heading 4 > return (Add information > return + soft return)

At the bottom of each article add:

• "Click Timetable (link, bold) to see if there is currently a course scheduled"
• "If no course is scheduled you may email This email address is being protected from spambots. You need JavaScript enabled to view it. (link, bold)to ask to be put on a waiting list".

New articles for the SeniorNetNelson website:

• Type the article in an editable form (Word, LibreOffice, Pages, WordPad, Publisher, etc)
• Attach it to an email and send to a website coordinator (This email address is being protected from spambots. You need JavaScript enabled to view it. or This email address is being protected from spambots. You need JavaScript enabled to view it. at the moment) who will upload it to the website.

To make a new dummy article

While waiting for a contributor to send in their information (preferably by email), make a new article so you can add the title to the menu. Add "Coming soon..." to the article. When the information arrives cut and paste the text into the article, remove the format and reformat.

To add a background image or colour to an article

You can place a background image or color in an article by following these steps:

1. Open the article for editing with TinyMCE or another editor.
2. Press the "Edit HTML Source" button and enter the code indicated below at the very beginning of the article:

• For an image:

<div style="background-image: url('/images/stories/key.jpg')">

• For a color:

<div style="background-color: #dddddd">

Substitute your desired image or color in the code above. If you are using the TinyMCE editor, you do not need to add the closing </div> tag at the end of the article, since TinyMCE will add this for you automatically.

If you want to control the style from the CSS file, you can insert a class attribute instead of a style attribute. For example, follow steps (1) and (2) above, except insert this code:

<div class="mynewclass">

Then open the CSS file (normally <Joomla! home>/templates/CSS/template.css) and add something like:

div.mynewclass { background-color: red; }

If you want to have different backgrounds for different Menu Items, you can also use the Page Class Suffix parameter of the Menu Item to create new CSS classes and then add styling commands in the CSS file.

Check external links open in new window, internal links open in same window.