Publishers of technology books, eBooks, and videos for creative people

Home > Articles

  • Print
  • + Share This
This chapter is from the book

Doing More with Articles

The term article is Joomla’s way of classifying any type of web content displayed in the main body of your web pages, including images, video, Flash files, photo galleries, tables, links, and even modules.

In this section, you’ll add several types of elements as article content.

To add links to an article:

  1. Log in to the back end.
  2. Choose Content > Article Manager.
  3. Select the checkbox next to the article My New Article, and then on the toolbar, click Edit.

    The sample data has a complex article titled Site Map that uses an advanced way of linking to other content by loading a module into the article. In this example, you are going to create a direct link to the Site Map article.

    You can place links to other content into an article by using any of the following methods:

    • Enter a link by typing it in.
    • Link directly to an article title using the Article button in the editor.
    • Load a module into the article.
  4. In the Article Text editor, type View the Site Map article, click here.
  5. Highlight an entire line of text, and click the Link button in the editor circle-a.jpg.

    The TinyMCE editor does not display a list of all your articles. When creating a link from highlighted text, you must know the full path to the article. All Joomla editors have advanced features to create dynamic links and interaction such as adding JavaScript functions and pop-up windows circle-b.jpg.

    Other third-party editors have plug-ins that allow you select another category, article, and so on.

  6. Enter the full URL into the Link URL field linking to the Site Map article.
  7. Click Insert.

    When you return to the article editor, the text you selected is now a link to the Site Map article circle-c.jpg.

  8. On the toolbar, click Save.
  9. Click View Site.

    If you followed the previous steps in this chapter, you will still see a link on the home page to My New Article.

  10. Click My New Article circle-d.jpg.
  11. In this article, click the link “View the Site Map article, click here.”

    The Site Map article opens.

To add a module to an article:

  1. Log in to the back end.
  2. Choose Content > Article Manager.
  3. From the Select Category drop-down list, choose Sample Data–Articles.

    The only article assigned to this category is Site Map circle-e.jpg.

    You can add links to other articles or even add an entire module in an article that links to other content.

  4. Click the title Site Map to open the article editor screen.

    In the Site Map article text editor, you’ll see the following:

    {loadposition sitemapload} circle-f.jpg.

    This is code that Joomla uses to place a module into a position that you create so the module will load inside the article. This position is not used by or defined by your template. You create the name and then use the Module Manager to create the position.

  5. On the toolbar, click Close.
  6. Choose Extensions > Module Manager.
  7. From the Select Position drop-down list, choose sitemapload circle-g.jpg.

    The only module using this position is a menu module titled Site Map.

  8. Click the Site Map module title to open it for editing.

    Under Basic Options, the Select Menu drop-down menu is set to Main Menu because this module is a menu module.

    Notice the Start and End Levels for the menu items.

    In the Position field, the sitemapload position is entered. You can create any position name you want and then use the loadposition function to assign a position inside an article circle-h.jpg.

    The loadposition function creates a position in the article, and sitemapload is the name of that position. Joomla recognizes the position, finds the module using that position, and loads it.

  9. On the toolbar, click Close.
  10. Click View Site.
  11. From the This Site menu, choose Site Map.

    The three links—Articles, Weblinks, and Contacts—are actually menu items assigned to the Main Menu Module circle-i.jpg.

    Because the Site Map menu module is set to display only level 2 to 3 submenus, only three links are listed.

    This shows how incredibly flexible Joomla can be when creating content and dynamic navigation. Any module can be loaded into article content.

To add an image to an article:

  1. Log in to the back end.
  2. Choose Content > Article Manager.
  3. From the Select Category drop-down list, choose Animals circle-j.jpg.
  4. Open the Koala article.

    The Koala article contains two images. The first image is above a Read More link. The Read More link defines the content above it as intro text and the content below it as the remainder of the text for an article circle-k.jpg.

    Both images were inserted by clicking the Image button at the bottom of the Article Text editor.

    Clicking Image opens a pop-up window to the Media Manager, where all the images used in your site content are catalogued circle-l.jpg. When you select an image in the Media Manager, it loads that image into the article.

  5. Close the Media Manager.
  6. Close the Koala article.
  7. Click View Site.
  8. In the This Site menu, choose Sample Sites.
  9. In the Australian Parks menu, choose Image Gallery > Animals.

    This is an example of one way to use images or create a gallery of image articles circle-m.jpg.

  10. Click the “Read more: Koala” button.

    The smaller image was embedded in the article’s intro text. The larger image was embedded in the article below the Read More link.

    Your content can include any type of file that is allowed by the System Global Configuration settings. Videos, Flash files, PDFs, and documents are all catalogued in the Media Manager and can be inserted into an article.

  • + Share This
  • 🔖 Save To Your Account