SlideShare ist ein Scribd-Unternehmen logo
1 von 49
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
THANKS FOR WATCHING MY
PRESENTATION
•Mamunur Rashid
•Founder & CEO
•RadiusTheme

Weitere ähnliche Inhalte

Was ist angesagt?

Getting Started with the Joomla! Framework
Getting Started with the Joomla! FrameworkGetting Started with the Joomla! Framework
Getting Started with the Joomla! Framework
Michael Babker
 

Was ist angesagt? (20)

Getting Started with the Joomla! Framework
Getting Started with the Joomla! FrameworkGetting Started with the Joomla! Framework
Getting Started with the Joomla! Framework
 
Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book
 
Advantages And Disadvantages Of Joomla
Advantages And Disadvantages Of JoomlaAdvantages And Disadvantages Of Joomla
Advantages And Disadvantages Of Joomla
 
Joomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User ExperienceJoomla 3.6 - The revolution in Joomla User Experience
Joomla 3.6 - The revolution in Joomla User Experience
 
JSN Mico Configuration Manual
JSN Mico Configuration ManualJSN Mico Configuration Manual
JSN Mico Configuration Manual
 
Joomla Tutorial: Joomla 2.5 a first look
Joomla Tutorial: Joomla 2.5 a first lookJoomla Tutorial: Joomla 2.5 a first look
Joomla Tutorial: Joomla 2.5 a first look
 
JSN Escape Configuration Manual
JSN Escape Configuration ManualJSN Escape Configuration Manual
JSN Escape Configuration Manual
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorial
 
Redlinesoft Joomla Basic Workshop
Redlinesoft Joomla Basic WorkshopRedlinesoft Joomla Basic Workshop
Redlinesoft Joomla Basic Workshop
 
Overview of CMS and Joomla!
Overview of CMS and Joomla!Overview of CMS and Joomla!
Overview of CMS and Joomla!
 
Joomla
JoomlaJoomla
Joomla
 
Presentation joomla-introduction
Presentation joomla-introductionPresentation joomla-introduction
Presentation joomla-introduction
 
CMS and Joomla
CMS and JoomlaCMS and Joomla
CMS and Joomla
 
JSN Tendo Customization Manual
JSN Tendo Customization ManualJSN Tendo Customization Manual
JSN Tendo Customization Manual
 
Develop Basic joomla! MVC component for version 3
Develop Basic joomla! MVC component for version 3Develop Basic joomla! MVC component for version 3
Develop Basic joomla! MVC component for version 3
 
Joomla CMS SEMINAR PPT
Joomla CMS SEMINAR PPTJoomla CMS SEMINAR PPT
Joomla CMS SEMINAR PPT
 
Building an interactive timeline from facebook photos
Building an interactive timeline from facebook photosBuilding an interactive timeline from facebook photos
Building an interactive timeline from facebook photos
 
Joomla - CMS
Joomla - CMSJoomla - CMS
Joomla - CMS
 
How to install joomla 2.5
How to install joomla 2.5How to install joomla 2.5
How to install joomla 2.5
 
Joomla-Content Management System
Joomla-Content Management SystemJoomla-Content Management System
Joomla-Content Management System
 

Ähnlich wie How to Build a Website using Joomla

Joomla basic-iii undersrtanding-installing-configuring-joomla-extensions
Joomla basic-iii undersrtanding-installing-configuring-joomla-extensionsJoomla basic-iii undersrtanding-installing-configuring-joomla-extensions
Joomla basic-iii undersrtanding-installing-configuring-joomla-extensions
Chanratha Sorn
 
Joomla Quick Start 1
Joomla  Quick  Start 1Joomla  Quick  Start 1
Joomla Quick Start 1
guest38bfe1
 

Ähnlich wie How to Build a Website using Joomla (20)

JOOMLA
JOOMLAJOOMLA
JOOMLA
 
Basics of Joomla!
Basics of Joomla! Basics of Joomla!
Basics of Joomla!
 
Joomla! Templates and Comparison of Frameworks
Joomla! Templates and Comparison of FrameworksJoomla! Templates and Comparison of Frameworks
Joomla! Templates and Comparison of Frameworks
 
JUGN-meet1
JUGN-meet1JUGN-meet1
JUGN-meet1
 
Intro to Joomla!
Intro to Joomla!Intro to Joomla!
Intro to Joomla!
 
Social website
Social websiteSocial website
Social website
 
Joomla basic-iii undersrtanding-installing-configuring-joomla-extensions
Joomla basic-iii undersrtanding-installing-configuring-joomla-extensionsJoomla basic-iii undersrtanding-installing-configuring-joomla-extensions
Joomla basic-iii undersrtanding-installing-configuring-joomla-extensions
 
Joomla Day2
Joomla Day2Joomla Day2
Joomla Day2
 
Integrate Shindig with Joomla
Integrate Shindig with JoomlaIntegrate Shindig with Joomla
Integrate Shindig with Joomla
 
How to build eCommerce website in Joomla
How to build eCommerce website in JoomlaHow to build eCommerce website in Joomla
How to build eCommerce website in Joomla
 
Joomla Quick Start 1
Joomla  Quick  Start 1Joomla  Quick  Start 1
Joomla Quick Start 1
 
Joomla Tutorial
Joomla TutorialJoomla Tutorial
Joomla Tutorial
 
Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)
 
Joomla Day1
Joomla  Day1Joomla  Day1
Joomla Day1
 
Wordpress vs joomla
Wordpress vs joomlaWordpress vs joomla
Wordpress vs joomla
 
NamesCon 2015 Wordpress Beginner Session
NamesCon 2015 Wordpress Beginner SessionNamesCon 2015 Wordpress Beginner Session
NamesCon 2015 Wordpress Beginner Session
 
How Joomla! builds a webpage (annotated)
How Joomla! builds a webpage (annotated)How Joomla! builds a webpage (annotated)
How Joomla! builds a webpage (annotated)
 
Joomla sample first tutorial.
Joomla sample first tutorial.Joomla sample first tutorial.
Joomla sample first tutorial.
 
Joomla Basics Part3
Joomla Basics Part3Joomla Basics Part3
Joomla Basics Part3
 
Joomla 2.5 Made Easy | Free ebook
Joomla 2.5 Made Easy | Free ebook Joomla 2.5 Made Easy | Free ebook
Joomla 2.5 Made Easy | Free ebook
 

Kürzlich hochgeladen

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Kürzlich hochgeladen (20)

INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 

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
  • 48.
  • 49. THANKS FOR WATCHING MY PRESENTATION •Mamunur Rashid •Founder & CEO •RadiusTheme