Adding Text to Joomla Articles

Adding Text to Joomla Articles

When you place content into your article, you need to consider how it will be displayed on the current site.Unfortunately the editor for articles does not present the text as it will really display on the site. This takes some adjusting for people because it’s not a real WYSIWYG editor (what-you-see-is-what-you-get editor).

When building your articles, click the Preview link to open a tab that displays your site so you can view the pages as you put them together.

Add text to an article:

  1. Go to the Content menu and select Article ManagerĀ 
  2. Select an article to edit

From within the Article Manager, click on the name of the article you wish to edit. You can use the drop-down menus or filter box to narrow your search for a specific article. Choose one of the articles that you linked to in your dummy framework. Clicking on the name of the article opens it up so you can edit it.

  1. Add article content
  2. Either type directly into the article editing panel, or copy and paste the text from a document on your computer.
  3. If you copy and paste the text, especially from Word, it may retain some of the formatting from the originating program. In order to erase the formatting, first click the paste as plain text icon and paste your text into the pop-up window. This will paste the copy into your article and and assign it the paragraph format, and it won’t bring in any of the styling from your editing program.
  4. When you’re adding content, if you’re not comfortable with the small window size, you can drag the bottom right corner to make the window bigger. You can also click the toggle full screen button for editing, then click the same button again to bring back all the article parameters.
  5. Remember to periodically click Apply when working on your articles. This will save the work done so far, but not close the article screen.
  6. Click Save when you are done. This will save all your work, close the article and take you back to the Article Manager.
  7. Create a Style Guide for formatting text

Your template will come with some built-in styles which allow you to format and space your text without having to utilize the additional formatting buttons. It’s important to use these styles in order to retain consistent design across the site. We suggest creating a style sheet so you can see the styles that are available in your template.

  1. Open one of your dummy articles that you created in 3: Create the Framework, and input the text shown.
  2. Then highlight each line of text and use the Format drop-down menus to select different styles for the text.
  3. Now save your article, and click preview to view the page on your site (you may have to navigate to the page since the preview button automatically takes you to the home page).
  4. Now take a screen shot of this page. On a Mac, click command+3 and a screenshote will be saved on your desktop. On a PC, press the Print Screen button, then open up Word or similar program and select Paste. Your screenshot will be pasted into your document.
  5. Now you have a visual style guide to use when formatting the rest of your articles.
  6. Using the tools to format text

You can use the following tools to format text in your articles. Just remember to always start with a style from the Style drop-down menu, and then customize from there. That way if you bring in a new template, the type will adopt the new styles from the new template.

  • Emphasis
    To bold, italic or underline, highlight text and click the appropriate button.
  • Headlines
    To create headlines and subheadlines, select the type you want to turn into a headline, then choose the appropriate style from the format menu (see “Using Styles to Format Text”). For usability purposes it is better to break your content up into headlines, subheadlines and short paragraphs since this allows the user to scan the page.
  • Bulleted Lists
    Highlight the copy you want to bullet, then click the bullet icon at the top of the screen.
  • Font Style, Size and Color
    Do not use these drop-downs if you want your content to conform to your template styling. Once in a while when you need to add emphasis they are okay, but if you use them throughout your site, it will be very laborious to make sure everything matches. Much better to use the format drop-down and use the pre-defined styles so that everything across your site will match.
  • Alignment
    If you want to center or right justify your content, highlight the text and click the appropriate button. Note that the justify button does not work well on the browser side, and it can create some pretty odd layout issues, so avoid using the justified alignment.

Leave a Reply

Your email address will not be published. Required fields are marked *