Log in


Joomla! 3 Essential Training: 2 Modules Components Extensions & Templates

(1 Vote)
Joomla!, the open-source CMS, easily expands to make websites that do almost whatever you want. In this course, Jen Kramer introduces the modules, components, extensions, and templates that will help you take Joomla! further. Learn about the core modules (like custom HTML and search) and then find out how to build out contact forms and redirect web traffic with components, use extensions to create backups and upload media, and change the look of your site with templates. Make sure to test your new skills by taking the practice challenges issued along the way.

Topics include:

    Configuring modules
    Creating a custom HTML module
    Displaying testimonials and random images with modules
    Using contact form components
    Enhancing Joomla! with extensions
    Changing the look of your site with templates
    Adjusting template masters with the HTML and CSS editors


- So, the first thing we want to do is get Joomla installed for this particular course. If you have been following along with the previous course, Joomla! 3.3 dealing with content, then you are already all set to follow along with this course. If you haven't watched the Joomla! 3.3 course dealing with content yet, you may want to watch that first because that's gonna deal with basic Joomla configuration and getting around the interface and so forth. This is going to build additional functionality on top of that site that we finished with out of the content course.

We're now going to add all kinds of wonderful fun things to it in this course. So, if you've already been following along then you're all set. You don't need to install anything new. If you're coming to this course new or you want to start with fresh files then I'll show you how to go ahead and do that now. For each chapter in this course, at the start of the chapter, I will give you a pair of jump in files. And if you take a look inside your exercise files folder, in the introduction folder you'll find a folder called 0004.

If you open that up there's two files here. One is Joomla which is zipped and one is Joomla.sql. This is the database portion of Joomla and all of the files and the file structure as well. What we're going to do now is we're going to install this and you can have these files that are available to you at the start of each chapter if you ever do want to restart something with fresh files or for whatever reason you've skipped around in the course and you want to start at a different point.

I don't make them available for every video and you don't need to keep installing them as you go through the course. They're just here in case you happen to need them. All right, so if you do happen to need them here's what you do with these. So, first of all I'm going to go to Windows C drive wamp, www and I'm gonna make a folder here called Joomla. If you're on a Mac what you're gonna do is you're gonna go to your applications folder. Find the folder for MAMP then you're going to go to htdocs and make a folder for Joomla there.

And go inside of that folder for Joomla once you've got it and you're going to take the zip file. I'll just go ahead and copy that on over and then I'm going to extract it right here into my Joomla folder. And while that's going ahead and extracting then I'm going to open up my web browser. Want to make sure that Wamp or MAMP is working. If you're working with Wamp, simply type in local host into your web browser and you should get a page that comes up that looks something like this.

If you're on a Mac, once MAMP is installed you'll probably get a screen that comes up with an elephant on it. That is the MAMP homepage. But if you need to find that page again, you can go to localhost:8888 and that will take you to that screen. That's a sign that things are working. Now we want to go to the phpMyAdmin screen. So again on a PC, you're gonna go to localhost/phpmyadmin.

MAMP people, there's actually a link from the MAMP opening screen that you can click on that will take you to phpMyAdmin or you can go to localhost:8888/phpMyAdmin. Once you're here, we'll go ahead and create a new database. Simply click on the databases button here and then at the top of the screen here it will ask you to create a new database. We're gonna call it Joomla and say create. And then if you go ahead and click on the database name of Joomla which shows up just underneath here, that gets us into the database.

Then we're going to go to the import button and we'll hit choose file. And we're going to go to our desktop, inside our exercise files folder, inside the introduction folder, inside 0004, select Joomla.sql and say open. And you don't need to make any other changes here, just go ahead and say go. And this is going to import all of that database information. All right, so there we go.

You've got a whole bunch of tables here in your database and you should be all set in that regard. Okay. Now what we're going to do is I'm gonna go back and double check over here in our Joomla folder. And at this point you should see your file structure for Joomla is all completely unpacked like this. You can get rid of the zip file at that point. Okay, so once you have your structure unzipped like this and your database is installed, PC people, you are all set and ready to go.

If you go to localhost/joomla, your website should come right on up on your homepage. But again, PC people only. If you go to localhost/joomla/administrator, this will take you to the backend of Joomla and you can log in with the user name of admin and a password of admin. That will get you right into the site. Mac people. There's an extra step in this process that's just for you.

PC people, you can skip over this part. You have all of the files that you need to get up and running and all of those files are configured correctly because I recorded this course using a PC. Mac people, there is a file called configuration.php which has a few settings inside of it that are different on the Mac than they are on the PC. And what I'd like for you to do now is I'd like for you to look inside your exercise files folder. Copy this file into applications, MAMP, htdocs, Joomla.

Inside of your Joomla folder there, you will find a file called configuration.php. Just delete that file and replace it with the one you're copying from the exercise files folder. This has all of the correct settings for working with MAMP, the correct password for the database and once you've got that in place, you should be ready to run Joomla. PC people, you definitely do not want to do this. Your password is blank. If you have the password of root then you're gonna get a database connection error.

So don't even follow this part of the video. Okay. So, once you've gone ahead and done that, if you have brought up your web browser and you see the front end and the back end of the website, you're all set and you're ready to continue with the course.




Using the exercise files
Using the challenges
Using the jump-in files to restore the site from a backup


1.Using Modules

Configuring modules
Creating a search module
Creating a custom HTML module
Using the Newsflash module to display testimonials
Using {loadposition} to include a module in an article
Exploring administrator modules and modifying the Joomla! version
Challenge: Create a random-image module
Solution: Create a random-image module


2. Using Components

Using the content component
Using the contact component
Creating CAPTCHA for the contact form
Exploring Joomla!'s redirect component
Challenge: Create a contact list
Solution: Create a contact list



3. Extending Joomla!

Evaluating extensions in the Joomla! Extensions Directory
Installing extensions via the Joomla! app store and Joomla! Extension Manager
Creating a backup with Akeeba Backup
Creating a site map using Xmap
Installing and configuring Joomla! Content Editor (JCE)
Linking to a PDF with JCE
Modifying permitted tags in JCE and posting a video
Upgrading extensions


4. Working with Templates

Using templates to change the look of the site
Modifying the default template style
Creating and assigning new template styles
Creating child templates
Adjusting template masters with the HTML and CSS editors
Changing the admin template
Joomla! templates from third-party providers
Language overrides: Changing Joomla!'s default text outputs



Goodbye and next steps


Login to Download -  Registration is Free in BlackJoomla but you should have points for download - FAQ

If after login, appears Warning (The security token did not match...) please refresh page and login again

Remember Me



Before send Article, Video, contribution Please study FAQ

All of files compressed by WinRAR - use from Latest WinRAR before install

Password for all files:BlackJoomla.com


Additional Info

  • Skill Level: Beginner
  • Author: Jen Kramer
  • Released: Tuesday, 27 January 2015
  • Duration (mm): 150
  • Porvider: Lynda
  • Password: BlackJoomla.com