tutorial terjemahan joomla 3.5
TRANSCRIPT
-
7/26/2019 Tutorial Terjemahan Joomla 3.5
1/12
Tutorials
Beginners
This page is a Portal to a list Tutorials aimed at Beginning Joomla! Users, please note the timestamp on the
above notice.
If you have any ideas, please create redlinks to topics you ould like covered under Wanted Topicsbelo
Topics
Joomla! 3.x
Getting Started with Joomla! 3o Getting Started with Templates
o Getting Started with Categories
o Getting Started with Articles
o Getting Started with Menus
o Getting Started with Modules
How To Use Content Tags in Joomla! 3
Getting Started with Joomla! 3 for Wordress users
J3.x
Getting Started with Joomla!
This series of documents introduces Joomla! to people who hae not preiousl" used it# This
introduction should help "ou ma$e the %est use of the series#
Intro
Which versions are covered?
Version 2.5&the ersion that replaced ersions '#( ) '#*+ was released Januar" ,-',and reached end of support on .ecem%er 3'/ ,-'0#
Version 3.5&is the current ersion in the 3#1 series+/ released in March ,-'(#
There are many similarities beteen the versions but this tutorial is for Joomla! 3.x
Who is it written for?
The series is for anyone ho ants to use Joomla! Its main focus is
Users with limited computing e1perience Users who are using Joomla! for a small we% site# &e#g# clu%/ association/ church or small
%usiness+
https://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Joomla!https://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Templateshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Categorieshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Articleshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Menushttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_Moduleshttps://docs.joomla.org/Special:MyLanguage/J3.1:How_To_Use_Content_Tags_in_Joomla!https://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Joomla!_for_WordPress_usershttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Joomla!https://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Templateshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Categorieshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Articleshttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Menushttps://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_Moduleshttps://docs.joomla.org/Special:MyLanguage/J3.1:How_To_Use_Content_Tags_in_Joomla!https://docs.joomla.org/Special:MyLanguage/J3.0:Getting_Started_with_Joomla!_for_WordPress_users -
7/26/2019 Tutorial Terjemahan Joomla 3.5
2/12
Understanding Joomla!
If you"re having trouble visuali#ing ho Joomla! orks, it might be useful for you to think of Joomla! as an
operating system $%&', like (icrosoft )indos, *pple (ac %& or +inu.
The most important similarity is that both your %& and Joomla! are not really intended for direct use. -ou
need to install applications onto your %& $and etensions for Joomla!' to be able to actually do something
useful ith your computer $and your eb site'. Just like your %&, Joomla! comes ith a fe coreetensions
that carry out the most important tasks.
urther similarities and differences can be found in the folloing table.
Comparison Table
Joomla! compared to an 2S &e#g# MS Windows/ Mac 2S or inu1+
Joomla! concept OS concept
41tension
Added Application &e#g# Word/ Chrome/ Music la"er/
hotoshop+
Core e1tensions5uilt6in applications &e#g# Start %utton/ Screen Saer/
7ile Search+
.ata%ase 7ile s"stem &one t"pe of 7iles+
7ile s"stem 7ile s"stem &another t"pe of 7iles+
8iewing a page Using an application &Added or 5uilt6in+
Updating Joomla!9nstalling updates for "our 2S &Securit" patches and
%ug :1es+
Migrating %etween Joomla!
ersions
9nstalling a new ersion of "our 2S
&e#g# moing from MS Windows ; to MS Windows *+
What You Will Need
An Installed Copy of Joomla!
or some parts of these tutorials you must have the use of a Joomla! eb site. -ou can follo along /ustreading the material, but there is no better ay of learning than doing. 0ere are the options available.
nstall a cop o" Joomla! #with Sample $ata% on our own computer.This issometimes referred to as a
-
7/26/2019 Tutorial Terjemahan Joomla 3.5
3/12
(se a $emo nstallation# Man" hosts or script installer sites o=er ou will at least %e a%le to ma$e changes/ %ut the" will not %epermanent#
-
7/26/2019 Tutorial Terjemahan Joomla 3.5
4/12
odules
*s you have already learned, 3tensions and 4ore 3tensions are like a 4omputer *pplication $e.g. )ord,
3cel, Photoshop, &creensaver, ile search'. (odules are lighteight Joomla! etensions. * module"s
display is controlled by the Template and "(enu" 4ore 3tension. They are used as an integration point for
3tensions $*pplications' along ith *rticles$4ontent' into the page vies of a Joomla! eb site.
Summary
*fter you complete all Tutorial Topics, you should be able to create a simple ebsite.
"#mmin$ it all #p
Templates control the loo$ of a Joomla! we% site# Categories create a organisational hierarch" to control we% site content#
Articles are the main t"pe of we% site content#
Menus proide a naigational method to use or %rowse the we% site content&pages+#
Modules proide a means to com%ine we% site content&Articles+ withe1tensions&Applications+/ regardless of whether the" are core or add6on&installed/ notcore+ e1tensions#
J3.x
Getting Started with Templates
ntro
This introductory tutorial will give you an insight into the Joomla!
templating system and what you can do with it and also how
can you customize those templates according to your needs
urpose o" templates
* template controls the overall look and layout of a site. It provides the frameork that brings together
common elements, modules and components as ell as providing the cascading style sheet for the site. Both
the front1end and the back1end of the site have templates.
)hen Joomla! is first installed several templates are automatically included. -ou can find many more
templates at other ebsites. &ome are available ithout charge under various licenses, and some are for sale.
In addition, there are many developers available ho can make custom templates. -ou can also make your
on template.
Templates are managed ith the Template (anager, hich is located on the 3tensions menu in the back1
end $administrator' area of your site.
Why does Joomla! #se templates? %A real be$inners $#ide!&
The ay Joomla! is designed separates out the key tasks involved in producing a ebsite for efficient
maintenance of the softare. %ne of these tasks is to create the aesthetic $the look, feel and layout' of the
https://docs.joomla.org/Special:MyLanguage/Modulehttps://docs.joomla.org/Special:MyLanguage/Module -
7/26/2019 Tutorial Terjemahan Joomla 3.5
5/12
site. This includes making decisions such as hich content elements $components, modules and plugins' you
may ant to place in any given page.
)hen producing a eb page, the location of most elements ill stay the same $menus, banner locations,
sidebars etc.'. *dditionally, you ill ant to create the same look $fonts, header styles, colour scheme etc.'
for every page. or some parts of the site you may ant to alter the general feel to indicate a different
purpose for those pages $such as a blog section'. * little planning is re2uired for this, but once you have
settled on the overall layout for your site, you then have the task of producing each page of content.
*nd that5s here the template comes in. -ou can either rite all the code for each page separately, or use a
template for each ma/or section of your site so that hen you ant to create a ne page you simply 6fill in
the blanks7. %kay, perhaps it"s not that simple, but this tutorial is designed to give you a step by step guide
for effective template use, starting ith ho to use one and ending ith ho to create one for yourself.
8. Use one of the templates supplied ith Joomla!
9. :onload one of the many free offerings from the Internet.
;. Pay for one to be modified or produced from scratch if your needs cannot be met any other ay.
&ummary < a template controls the loo' of yo#r siteand at the same time allos the ebsite administratorfocus more on the actual content.
/hat can ou do
* template is used to manipulate the ay content is delivered to a eb broser or screen reader. 0ere are
some ays you can employ this on your Joomla!1poered site.
(ayo#t
The template is the place here the design of the main layout is set for your site. This includes here you
place different elements $modules'. or eample -ou can control the placement of menus, a log in form,
advertising banners, polls, etc.
https://docs.joomla.org/Modulehttps://docs.joomla.org/Module -
7/26/2019 Tutorial Terjemahan Joomla 3.5
6/12
0ote the changes in content laout!
The main body$article' of the page can be altered in style$you can select from different styles of display such
as typical blog layout, a nes article, etc' depending on the templates layout. *See the example image. Note
the differences in layout, but how the look is consistent. The sidebar of modules has been moved from left
to right and its order rearranged.
If the template is designed to provide choices, you can also =dynamically= alter the content placement on
your site, perhaps putting the main menu on the right or left side of the screen.
Color "cheme
Using 4&& ithin the template design, you can change the colors of your backgrounds, tet, links or /ust
about anything that you could ithin your ordinary 0T(+ code. &ome templates provide a method to
change the color in template management, others re2uire you to modify the template"s .css file$s'.
Ima$es and ffects
-ou can also control the ay images are displayed on the page, and even create flash1like effects or include
*J*>applications such as drop1don menus.
)onts
https://docs.joomla.org/Articlehttp://en.wikipedia.org/wiki/AJAXhttp://en.wikipedia.org/wiki/AJAXhttps://docs.joomla.org/File:J3x-template-example-module-changes-screenshot.pnghttps://docs.joomla.org/Articlehttp://en.wikipedia.org/wiki/AJAX -
7/26/2019 Tutorial Terjemahan Joomla 3.5
7/12
The same applies to fonts. The designs for these are all set ithin the template"s 4&& file$s' to create a
uniform look across your entire site, hich makes it fantastically easy to change the hole look /ust by
altering one or to files rather than every single page.
*rowser "pecific "ol#tions
* template can be designed to alter ho it displays on different eb brosers, alloing you to take full
advantage of the latest developments ithout making your site inaccessible to those ho are not able to run
=up1to1the1minute= system upgrades $such as certain companies ho limit hat softare their employeescan use'.
Templates Supplied
The folloing templates are supplied ith a default installation of Joomla! ;.
Site Templates
rotostar &.efault template+ 5ee? 3
#dministrator Templates
9S9S &.efault template+ Hathor
Switching Templates
To change the default Template for the &ite $ront1end' or *dministrator $Back1end', follo these steps
#ccess the template manager
og in to the Administrator &5ac$end+# 9f "ou are not sure how to do this see@ To log in tothe Administrator &5ac$end+
Clic$ on@ 1xtensionsTemplates
-ou ill no see the Template (anager screen.
?ote If you do not see Templateslisted as an option on the xtensionsmenu, then it is most likely because
you are not logged in as a &uper *dministrator. %nly &uper *dministrators ill see this menu item.
https://docs.joomla.org/Special:MyLanguage/J3.1:Logging_in_or_out_of_the_Administrator_back-endhttps://docs.joomla.org/Special:MyLanguage/J3.1:Logging_in_or_out_of_the_Administrator_back-endhttps://docs.joomla.org/File:Extension-manager-template-manager-3x-en.pnghttps://docs.joomla.org/Special:MyLanguage/J3.1:Logging_in_or_out_of_the_Administrator_back-endhttps://docs.joomla.org/Special:MyLanguage/J3.1:Logging_in_or_out_of_the_Administrator_back-end -
7/26/2019 Tutorial Terjemahan Joomla 3.5
8/12
$anaging de"ault template
rom here you manage your templates for ront1end and Back1end. The default vie shos your installed
ront1end templates styles. The default style for the ront1end is marked ith a star@ in the image belo it is
protostar 1 :efault.
To change the default style to bee#;
clic$ the chec$%o1 left from the st"le name to select itB clic$ .efault on the tool%arB
the star changes from protostar to bee#; and you are done. *lternatively, you can click on the shado of a
template"s default star to 2uickly set the template as default.
-ou can use the filter drop dons on the left or the filter search to limit the number of templates shon in
the list of templates. %ther options are
edit 6 edit the pages a template is shown on &see %elow+ delete 6 delete a template &must not %e default template+
options 6 set options for templates
#ssigning more than one template "or the %ront&end
Joomla! gives you the option of sitching beteen to or more styles on the ront1end. This is done ith
=(enu *ssignment=, so you can set different styles for each menu or only a menu item. This allos specific
=pages= that are defined by menu links to set for a =specific= style. &tyles can be of different templates.
Template mana$er method
4lick on xtensionsATemplate +ana$er
>ou will see "our installed template st"les/ now choose a st"le which is notset as "ourdefault one# >ellow star indicates the st"le is a default#
https://docs.joomla.org/File:30-Switching-templates-1-en.png -
7/26/2019 Tutorial Terjemahan Joomla 3.5
9/12
Clic$ on the st"le name orhit the chec$%o1 to the left of the st"le name/ and clic$4dit on the tool%ar#
>ou now see the page Template@ D 4dit st"leE / and go to the section Menu
Assignment %loc$ and choose the menu items on which the st"le should %e shown#
Clic$ Sae on the tool%ar and "ouFre done# The menu item will now show the selectedtemplate#
Go to the front6end of "our we%site and refresh the page to iew the modi:cations#
+en# mana$er method
Access menu item enusenu 0ame Choose a menu item %" chec$ing the %o1 to the left of its name and then clic$ on the
1dittool%ar %utton# Alternatiel"/ simpl" clic$ the name of the menu item to edit it#
2n the 1dit enu temscreen/ in Template Stle/ choose the desired template st"leand clic$ on the Sa'e%utton#
https://docs.joomla.org/File:30-Switching-templates-assign-menus-en.pnghttps://docs.joomla.org/File:30-Template-manager-select-edit-en.png -
7/26/2019 Tutorial Terjemahan Joomla 3.5
10/12
Go to the frontend of "our we%site and refresh the page to iew the modi:cations#
See also
Template st"le
nstalling Templates
Install via Admin ,anel -pac'ed template file
+og into the back1end of your site $www.your-site.comadministrator'
4lick on 3tensions 1C 3tension (anager
-ou see the page =3tension (anager=
https://docs.joomla.org/Template_stylehttps://docs.joomla.org/File:30-Installing-template-navigate.pnghttps://docs.joomla.org/File:30-Menu-item-template-management-edit-en.pnghttps://docs.joomla.org/Template_style -
7/26/2019 Tutorial Terjemahan Joomla 3.5
11/12
rom here you can install your Templates, Plugins, (odules, 4omponents and +anguages. -ou have three
options
'# 9nstall from We% 6 &select an e1tension listed on the Joomla! 41tension .irector"+,# Upload ac$age 7ile 6 &select a pac$age from "our C/ upload and install it+
3# 9nstall from .irector" 6 &enter the path where the pac$age is located on "our we%serer+
0# 9nstall from U 6 &enter the U to the pac$age+
%ption D does everything for you, your environment needs to be properly configured to allo this. %ption 9
re2uires you to donload the etension to your P4. %ption ; re2uires you to un#ip and move the
foldersfiles to your ebserver. *ll options re2uire the ebserver to have rite access to the ebspace.
0ere, e choose the second method Upload Package ile
&elect the package from your P4 and click the button =Upload ile E Install=
If the package contains no errors you are done and get a success message like the one belo.
/erify installation
Fo from tab "Install" to tab "(anage", set the "Type" filter to "Template". The installed template should appear
in the list. If it does, the template is properly installed. ?o you can assign one of styles to a menu item or
set the style as default. or administrator templates make sure you have to indos of the template
manager. *ctivate the ne template in one of them and reset it in the other one if something ent rong.
Install via )T, -#npac'ed template file
https://docs.joomla.org/File:30-Installing-template-install-success.pnghttps://docs.joomla.org/File:30-Installing-template-upload-package-file-en.png -
7/26/2019 Tutorial Terjemahan Joomla 3.5
12/12
Templates can also be installed via TP ithout packaging them. &imply select the template folder on your
P4 and upload it to your server, using your favourite TP softare. Be sure you upload the template folder
to the directory path_to_joomlatemplates 1 here path_to_joomla is the location of your Joomla!
installation on the server. This method is mostly used hen you have created a template yourself, and do not
ant to have to package it to install the template, or if you ant to upload more than one template at once.
-ou must then go into etension manager and click onDiscoverin the sub menu. 4lick on =:iscover= in the
toolbar if your template doesn"t immediately appear. * list of uninstalled items in the TP should then
appear. 4lick the checkbo to the left of your template and click on the button "Install".
Note: Do not try to use FTP to install Components, Moules an Plu!ins i" you are a #e!inner$novice. These
items nee ata#ase entries which have to #e inserte manually i" you #ypass the pac%a!e installer.