Help me understand "Content" in Joomla

Posted on 2007-12-04
Last Modified: 2008-06-15
I'm just about to start work converting my static web site to a CMS using Joomla and probably a template from RocketThemes - I've read a lot and I'm still confused.

Can an "article" to be presented in the contnet section of a Joomla template include HTML/CSS formating and reference (include) a link to an external CSS file.  Can it include a graphic (png, gif, jpg) file?

If I have such an article, is it submitted as a whole, or must the css file be submitted seperately and image file be submitted seperately?

Question by:DMTrump
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
LVL 11

Accepted Solution

spoxox earned 500 total points
ID: 20407829
The article you add will be placed within the <BODY>..</BODY> html tags. The
<link rel="stylesheet" href="styles.css" type="text/css">
statement is supposed to be in the <HEAD>. Although you may get the result you want by including it in your article, it may not work with all browsers, etc.

You can modify your Joomla template CSS, and add your new styles there. See <joomla_root>/templates/<template_name>/css/template_css.css
<template_name> might be rt_haiku if you're using RocketTheme's Haiku template.

Images can be added with the Joomla administrator panels. Check it out; the help documentation is accessible from the administration pages. You'll write the article first, then in the administrator section add the images to the article.

Hope that makes it a little clearer!

Author Comment

ID: 20407907
Thanks, that does help - I know I should just get started and work things out as I go - but I DO want to make sure I'm going the right direction for the type of site I need to build.

Can you clarify one more thing for me?

When I look at the help doc for the "Wrapper" component it appears that it can be placed in any module position and sized according to the target page.  That might be a better way of including some of my content.  But what about SEO?  Will search engine spidering my Joomla site see the content of wrapper pages (they're my own and served on my own site)?  The content of those pages is very important to my search positions.

Author Comment

ID: 20407936
Another thought - by placing the folder for the content that will be wrapp3ed <inside> the Joomla directory and omitting the "http:" from teh wrapper directive, I would think the spiders sill know the pages are part of my own site and not outside links and therefore index their content.  Does that make sense?
LVL 11

Expert Comment

ID: 20408589
The wrapper module is typically used to include an existing page, generally from an external site. So it's basically like a html frame. I'm inclined to work within the Joomla framework rather than try to extend it to suit my purposes. Anyway, I don't know what the spiders are looking for and whether they'd find the page in the wrapper.

Joomla has several extensions for Search Engine considerations. A good place to start is,com_mtree/task,listcats/cat_id,1803/Itemid,35/. The SEF (Search Engine Friendly) tools map those ugly Joomla URLs to something still ugly, but more SE usable.

Expert Comment

ID: 21790895
Two clarification points.

It will help if you install a good SEO component In your Joomla installation.  I have tried nearly all of them and find Artio SEO the best and very easy to install.  It turns the code in the URL into sensible language which the search engine spiders will find more palatable than the usual Joomla code.  The extension is free and available in the main Joomla site in the extensions section.  

The other thought is that in either Joomla 1.0 or 1.5 when you compose a static page or article page, you can define the metatags and page description tag in the Parameters.  This is usually in the advanced section of the parameters on the right hand side of the page.  It is well worth while filling those parameters in, as they will assist the web spiders in cataloguing your page.

It is worth reading up on how to write your page copy for SEO (Search Engine Optimsation).  As a general rule of thumb, try to include the main keywords for your page in a density of 5%, ie, 5 words out of every 100 must be your main keywords for that page.  This also helps webspiders analyse and rank your page correctly.  

Your keywords must also be reflected in the browser title of your page and this is usually taken from the title your give to your static content or article page.  Make sure your static content or article page title contains your main keywords, the same ones you are using 5% of the time in your main content.

Finally, do fill in the main Joomla metatag configuration (top left of the top menu bar) in the Server section as this provides all pages with basic Metatag and Site Description information for the spiders.

Hope this helps



Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question