There are two features in Joomla that allow you to easily place modules directly inside articles:
One of our students was using these features to create a layout but wasn't happy with how it looked inside his article. He wanted more control.
This tutorial will show you how to place modules inside your article with more style. Here's what we're going to do:
This should get you started with this technique and from there you can take it to limit of your styling ability. Be sure to check out our online HTML and CSS courses for more help.
Step 1. Make Sure the Plugin is Enabled
Step 2: Create an Article
There is no actual template postilion called whoonline. You can make up your own module position names and use them for this technique. We'll show you how it gets created as we go. For now, just create an article.
I'm supposing this scenario. It's a membership drive, we want you to be able to sign up. If there is somebody online right now, we want you to click their name and get in touch. If it was real, I'd use something more powerful like a contact form module or a list of contacts. For this demonstration we just need some modules we all have access to so we can practice.
Step 3. View the page
This is what the page looks like. You don't have the Who's Online module showing yet. Let's learn how to put that in there. We already wrote the shot line of code. Let's create the module for it.
Step 4. Publish the Who's Online module
Step 5: Create divs for placement and styling
If you know how to style with CSS you can use inline styles or get classes from your style sheet and create any look you want. You can position them color them, add additional text and pictures and much, much more.