Solved

Help me understand "Content" in Joomla

Posted on 2007-12-04
5
598 Views
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?

0
Comment
Question by:DMTrump
[X]
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
5 Comments
 
LVL 11

Accepted Solution

by:
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!
0
 

Author Comment

by:DMTrump
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.
0
 

Author Comment

by:DMTrump
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?
0
 
LVL 11

Expert Comment

by:spoxox
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 http://extensions.joomla.org/component/option,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.
0
 

Expert Comment

by:Achintya
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


Achintya

0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

627 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