SlideShare a Scribd company logo
WELCOME TO
INTRODUCING JOOMLA! TO
COMMUNITY - CHAPTER #1
27 JANUARY, 2018
AT JOOMSHAPER, DHAKA, BANGLADESH
HOW TO BUILD A WEBSITE USING
JOOMLA
Presented By: Mamunur Rashid
Founder & CEO of Radius Theme
www.radiustheme.com
Email: mamunnu@gmail.com
HOW I START WORK USING JOOMLA
I started my career in 2007 at a NBR Project. Then in April, 2008 start job
in a outsourcing company they do all work by Joomla. So from here my
Joomla work start.
In Aug, 2008 I saw a Job post in scriptlance.com need Joomla developer
then I apply on this. Got the job as part time at MediaLabPro, Inc a USA
Company. Here I was doing all projects by Joomla. Continue Job at
MediaLabPro till Dec 2011.
In Dec, 2010 I start my own Company name TechLabPro and start
outsourcing work all work done by Joomla.
In Jan, 2016 start start my product base company RadiusTheme.
Joomla Templates: 21(RadiusTheme, Themeforest & Templatemonstor)
Joomla Free Extensions: 6
Joomla Pro Extensions: 5
TOPICS INCLUDED :
1. How to install Joomla.
2. How to install Joomla Template.
3. How to create articles & make link with menu.
4. How to create category blog layout.
5. How to create Contact Page.
6. How to install Joomla Component & How to create Menu Link.
7. How to install Module & How to call module in a position.
8. How to set module for specific menu item.
WHAT IS JOOMLA?
• Joomla! is a free and open-source content management system (CMS)
for publishing web content. It is built on a model–view–controller web
application framework that can be used independently of the CMS
that allows you to build powerful online applications.
• What's a content management system (CMS)?
• The definition of a CMS is an application (web-based), that provides
capabilities for multiple users with different permission levels to
manage (all or a section of) content, data or information of a website
project, or intranet application.
Managing content refers to creating, editing, archiving, publishing,
collaborating on, reporting, distributing website content, data and
information.
1) HOW TO INSTALL JOOMLA
• First Download Joomla package from www.joomla.org Click on
Download Button
• https://downloads.joomla.org/
• Now click on Download Joomla 3.8.3 (This is the latest stable
version)
HTTPS://DOWNLOADS.JOOMLA.ORG/
• Now unzip “Joomla_3.8.3-Stable-Full_Package.zip”
• In my local pc server environment Xampp/ Mamp created a
folder name Joomla and place all files there.
STEP 1: GO TO ADDRESS BAR OF YOUR
PROJECT
STEP 2: NOW ENTER DATABASE INFO
STEP 3: OVERVIEW
STEP 4: FINAL & DONE NOW REMOVE
INSTALLATION FOLDER
NOW LOGIN ADMIN END
URL/ADMINISTRATOR
ADMIN INTERFACE
HOW JOOMLA WORK?
• Template
• Components
• Modules
• Plugins
WHAT IS COMPONENT ?
• A component is a kind of Joomla! extension. Components are the
main functional units of Joomla!; they can be seen as mini-
applications. An easy analogy would be that Joomla! is the operating
system and the components are desktop applications. Created by a
component, content is usually displayed in the center of the main
content area of a template (depending on the template).
• Most components have two main parts: an administrator part and
a site part. The site part is what is used to render pages of your site
when they are requested by your site visitors during normal site
operation. The administrator part provides an interface to configure
and manage different aspects of the component and is accessible
through the Joomla! administrator application.
• Joomla! comes with a number of core components, like the content
management system, contact forms and Web Links.
WHAT IS MODULE ?
• Modules are lightweight and flexible extensions used for page
rendering. These modules are often “boxes” arranged around
a component on a typical page. A well-known example is the login
module. Modules are assigned per menu item, so you can decide to
show or hide (for example) the login module depending on which page
(menu item) the user is currently on. Some modules are linked to
components: the “latest news” module, for example, links to the
content component (com_content) and displays links to the newest
content items. However, modules do not need to be linked to
components; they don't even need to be linked to anything and can be
just static HTML or text.
• Modules are managed in the Joomla! Administrator view by the Module
Manager. More information about module management can be found
on the appropriate version help screens.
2) INSTALL JOOMLA TEMPLATES /
EXTENSIONS
DRAG & DROP ZIP FILE OR BROWSE FOR FILE TO
INSTALL
I WILL INSTALL HELIX3 TEMPLATE & FRAMEWORK
FROM JOOMSHAPER.COM
TEMPLATE FRONT END LOOK
WHY LEARN JOOMLA ?
3) ADD NEW ARTICLE
ENTER TITLE DESCRIPTION AND SET OTHERS
PROPERTY
CREATE MENU LINK
NOW SELECT MENU TYPE
MENU TYPE => SINGLE ARTICLE
ABOUT US MENU LINK
4) HOW TO CREATE CATEGORY BLOG
LAYOUT?
• Create category
SELECT MENU ITEM TYPE => CATEGORY
BLOG
SELECT YOUR CATEGORY NAME
BLOG LAYOUT SETTINGS
FRONT END LOOK OF BLOG LAYOUT AS PER
SETTINGS
5) CREATE CONTACT PAGE
CREATE NEW CONTACT DATA
CONTACT US PAGE
HOW TO INSTALL COMPONENTS & MODULES
DRAG & DROP ZIP FILES OR BROWSE FILES
I INSTALL ONE OF MY COMPONENT & MODULE
NAME “RT PRICE TABLE”
EXTENSIONS => MODULES => MANAGE
THIS IS HELIX 3 LAYOUTS GREEN IS COMPONENT
AREA RED COLOR IS MODULE POSITIONS
HELIX 3 LAYOUT DETAIL
• For detail https://www.joomshaper.com/blog/a-detailed-
guide-to-the-helix3-layout-manager
•Create New Module Position
• Navigate to templates > shaper_helix3. Open
the templateDetails.xml file
LAYOUT POSITION
COPY AN EXISTING POSITION AND PASTE TO
CREATE NEW POSITION
CALL A MODULE INTO A POSITION
SET MODULE FOR ALL PAGES OR SPECIFIC
PAGE
LATEST NEWS MODULE SHOWING IN FRONT
END
How to Build a Website using Joomla
THANKS FOR WATCHING MY
PRESENTATION
•Mamunur Rashid
•Founder & CEO
•RadiusTheme

More Related Content

PDF
Joomla Explained - As Easy as 1, 2, 3
PDF
Joomla 15 Quickstart
PPT
Developing a website
PDF
Joomla 3.4 Made Easy
PPT
Joomla Presentations
PDF
JSN Mico Customization Manual
PPTX
Introduction to Joomla
PPTX
Custom Template for Joomla! 3
Joomla Explained - As Easy as 1, 2, 3
Joomla 15 Quickstart
Developing a website
Joomla 3.4 Made Easy
Joomla Presentations
JSN Mico Customization Manual
Introduction to Joomla
Custom Template for Joomla! 3

What's hot (20)

PDF
Getting Started with the Joomla! Framework
PDF
Joomla 3.0 Made Easy | Free E-book
PPT
Advantages And Disadvantages Of Joomla
PDF
Joomla 3.6 - The revolution in Joomla User Experience
PDF
JSN Mico Configuration Manual
PPTX
Joomla Tutorial: Joomla 2.5 a first look
PDF
JSN Escape Configuration Manual
PDF
Joomla Template Tutorial
PPT
Redlinesoft Joomla Basic Workshop
PPTX
Overview of CMS and Joomla!
PPT
Joomla
PDF
Presentation joomla-introduction
PPTX
CMS and Joomla
PDF
JSN Tendo Customization Manual
PPTX
Develop Basic joomla! MVC component for version 3
PPT
Joomla CMS SEMINAR PPT
PDF
Building an interactive timeline from facebook photos
ODP
Joomla - CMS
PPTX
How to install joomla 2.5
PPTX
Joomla-Content Management System
Getting Started with the Joomla! Framework
Joomla 3.0 Made Easy | Free E-book
Advantages And Disadvantages Of Joomla
Joomla 3.6 - The revolution in Joomla User Experience
JSN Mico Configuration Manual
Joomla Tutorial: Joomla 2.5 a first look
JSN Escape Configuration Manual
Joomla Template Tutorial
Redlinesoft Joomla Basic Workshop
Overview of CMS and Joomla!
Joomla
Presentation joomla-introduction
CMS and Joomla
JSN Tendo Customization Manual
Develop Basic joomla! MVC component for version 3
Joomla CMS SEMINAR PPT
Building an interactive timeline from facebook photos
Joomla - CMS
How to install joomla 2.5
Joomla-Content Management System
Ad

Similar to How to Build a Website using Joomla (20)

PDF
Basics of Joomla!
PDF
Joomla 101
ODP
Joomla Basics
PPTX
Techgig Webinar: Joomla Introduction and Module Development June 2012
PDF
Joomla 3.0 made easy (english)
PDF
joomla Training in Hyderabad
PDF
PPT
Jump to Joomla - Barcamp Nashville 2010
PPT
Jump to Joomla - Barcamp Nashville 2010
PDF
Joomla Tutorial
PDF
A complete guide to Joomla 2.5
PPTX
JOOMLA
ODP
Joomla presentation
PPT
Joomla Day1
PPTX
Social website
PPT
Intro to Joomla!
PPTX
WordPress vs Joomla Showdown
ODP
PPT
Cambodia Open Source Essential Training
PDF
Joomla3.5MadeEasy-updated
Basics of Joomla!
Joomla 101
Joomla Basics
Techgig Webinar: Joomla Introduction and Module Development June 2012
Joomla 3.0 made easy (english)
joomla Training in Hyderabad
Jump to Joomla - Barcamp Nashville 2010
Jump to Joomla - Barcamp Nashville 2010
Joomla Tutorial
A complete guide to Joomla 2.5
JOOMLA
Joomla presentation
Joomla Day1
Social website
Intro to Joomla!
WordPress vs Joomla Showdown
Cambodia Open Source Essential Training
Joomla3.5MadeEasy-updated
Ad

Recently uploaded (20)

PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Insiders guide to clinical Medicine.pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Basic Mud Logging Guide for educational purpose
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
Cell Structure & Organelles in detailed.
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PPTX
Cell Types and Its function , kingdom of life
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Classroom Observation Tools for Teachers
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Abdominal Access Techniques with Prof. Dr. R K Mishra
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Pharmacology of Heart Failure /Pharmacotherapy of CHF
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Insiders guide to clinical Medicine.pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPH.pptx obstetrics and gynecology in nursing
102 student loan defaulters named and shamed – Is someone you know on the list?
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Basic Mud Logging Guide for educational purpose
Supply Chain Operations Speaking Notes -ICLT Program
Cell Structure & Organelles in detailed.
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
Cell Types and Its function , kingdom of life
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Classroom Observation Tools for Teachers
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx

How to Build a Website using Joomla

  • 1. WELCOME TO INTRODUCING JOOMLA! TO COMMUNITY - CHAPTER #1 27 JANUARY, 2018 AT JOOMSHAPER, DHAKA, BANGLADESH
  • 2. HOW TO BUILD A WEBSITE USING JOOMLA Presented By: Mamunur Rashid Founder & CEO of Radius Theme www.radiustheme.com Email: mamunnu@gmail.com
  • 3. HOW I START WORK USING JOOMLA I started my career in 2007 at a NBR Project. Then in April, 2008 start job in a outsourcing company they do all work by Joomla. So from here my Joomla work start. In Aug, 2008 I saw a Job post in scriptlance.com need Joomla developer then I apply on this. Got the job as part time at MediaLabPro, Inc a USA Company. Here I was doing all projects by Joomla. Continue Job at MediaLabPro till Dec 2011. In Dec, 2010 I start my own Company name TechLabPro and start outsourcing work all work done by Joomla. In Jan, 2016 start start my product base company RadiusTheme. Joomla Templates: 21(RadiusTheme, Themeforest & Templatemonstor) Joomla Free Extensions: 6 Joomla Pro Extensions: 5
  • 4. TOPICS INCLUDED : 1. How to install Joomla. 2. How to install Joomla Template. 3. How to create articles & make link with menu. 4. How to create category blog layout. 5. How to create Contact Page. 6. How to install Joomla Component & How to create Menu Link. 7. How to install Module & How to call module in a position. 8. How to set module for specific menu item.
  • 5. WHAT IS JOOMLA? • Joomla! is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS that allows you to build powerful online applications. • What's a content management system (CMS)? • The definition of a CMS is an application (web-based), that provides capabilities for multiple users with different permission levels to manage (all or a section of) content, data or information of a website project, or intranet application. Managing content refers to creating, editing, archiving, publishing, collaborating on, reporting, distributing website content, data and information.
  • 6. 1) HOW TO INSTALL JOOMLA • First Download Joomla package from www.joomla.org Click on Download Button • https://downloads.joomla.org/ • Now click on Download Joomla 3.8.3 (This is the latest stable version)
  • 8. • Now unzip “Joomla_3.8.3-Stable-Full_Package.zip” • In my local pc server environment Xampp/ Mamp created a folder name Joomla and place all files there.
  • 9. STEP 1: GO TO ADDRESS BAR OF YOUR PROJECT
  • 10. STEP 2: NOW ENTER DATABASE INFO
  • 12. STEP 4: FINAL & DONE NOW REMOVE INSTALLATION FOLDER
  • 13. NOW LOGIN ADMIN END URL/ADMINISTRATOR
  • 15. HOW JOOMLA WORK? • Template • Components • Modules • Plugins
  • 16. WHAT IS COMPONENT ? • A component is a kind of Joomla! extension. Components are the main functional units of Joomla!; they can be seen as mini- applications. An easy analogy would be that Joomla! is the operating system and the components are desktop applications. Created by a component, content is usually displayed in the center of the main content area of a template (depending on the template). • Most components have two main parts: an administrator part and a site part. The site part is what is used to render pages of your site when they are requested by your site visitors during normal site operation. The administrator part provides an interface to configure and manage different aspects of the component and is accessible through the Joomla! administrator application. • Joomla! comes with a number of core components, like the content management system, contact forms and Web Links.
  • 17. WHAT IS MODULE ? • Modules are lightweight and flexible extensions used for page rendering. These modules are often “boxes” arranged around a component on a typical page. A well-known example is the login module. Modules are assigned per menu item, so you can decide to show or hide (for example) the login module depending on which page (menu item) the user is currently on. Some modules are linked to components: the “latest news” module, for example, links to the content component (com_content) and displays links to the newest content items. However, modules do not need to be linked to components; they don't even need to be linked to anything and can be just static HTML or text. • Modules are managed in the Joomla! Administrator view by the Module Manager. More information about module management can be found on the appropriate version help screens.
  • 18. 2) INSTALL JOOMLA TEMPLATES / EXTENSIONS
  • 19. DRAG & DROP ZIP FILE OR BROWSE FOR FILE TO INSTALL
  • 20. I WILL INSTALL HELIX3 TEMPLATE & FRAMEWORK FROM JOOMSHAPER.COM
  • 23. 3) ADD NEW ARTICLE
  • 24. ENTER TITLE DESCRIPTION AND SET OTHERS PROPERTY
  • 27. MENU TYPE => SINGLE ARTICLE
  • 29. 4) HOW TO CREATE CATEGORY BLOG LAYOUT? • Create category
  • 30. SELECT MENU ITEM TYPE => CATEGORY BLOG
  • 33. FRONT END LOOK OF BLOG LAYOUT AS PER SETTINGS
  • 37. HOW TO INSTALL COMPONENTS & MODULES
  • 38. DRAG & DROP ZIP FILES OR BROWSE FILES
  • 39. I INSTALL ONE OF MY COMPONENT & MODULE NAME “RT PRICE TABLE”
  • 41. THIS IS HELIX 3 LAYOUTS GREEN IS COMPONENT AREA RED COLOR IS MODULE POSITIONS
  • 42. HELIX 3 LAYOUT DETAIL • For detail https://www.joomshaper.com/blog/a-detailed- guide-to-the-helix3-layout-manager •Create New Module Position • Navigate to templates > shaper_helix3. Open the templateDetails.xml file
  • 44. COPY AN EXISTING POSITION AND PASTE TO CREATE NEW POSITION
  • 45. CALL A MODULE INTO A POSITION
  • 46. SET MODULE FOR ALL PAGES OR SPECIFIC PAGE
  • 47. LATEST NEWS MODULE SHOWING IN FRONT END
  • 49. THANKS FOR WATCHING MY PRESENTATION •Mamunur Rashid •Founder & CEO •RadiusTheme