Desenvolupament amb PHP i Java. Disseny gràfic amb GIMP i Inkscape.
Subscriu-te!

Joomla - Com crear una web amb Joomla

Avui en dia es poden crear webs de moltes maneres. Bàsicament, la pregunta inicial que ens farem serà: Haig d'usar un framework o un CMS (Content Management System)? Cada sistema té els seus avantages i inconvenients però, a grans trets, direm que un framework l'usarem quan s'hagi de “programar molt”, mentre que el CMS l'usarem quan la web tingui més contingut que programació. En aquest article ens centrarem en aquests últims. Amb aquests és possible crear pàgines web impactants sense haver de programar ni una sola línia de codi.

Hi ha una gran quantitat de CMS disponibles en el mercat. Els 3 més populars són però, Wordpress, Joomla i Drupal. Wordpress s'emporta el tall més gran de pastís mentre que Joomla està en segon lloc i Drupal en tercer. A continuació tenim una gràfica aclaratòria (Cal tenir en compte, però, que les dades són del 2010).

1

 

Wordpress és la plataforma més usada per fer webs perquè és el més fàcil de fer servir. Joomla és mitjanament fàcil de fer servir i el Drupal és el meś difícil de fer servir de tots, però alhora és el més versàtil. Avui parlarem del Joomla.

La primera versió de Joomla va apareixer el 17 d'Agost del 2005. Joomla està escrit en PHP, usa tècniques de programació orientada a objectes (OOP) i patrons de disseny web i emmagatzema informació en una base de dades MySQL (entre d'altres). Inclou característiques com page caching, RSS feeds, blog, cercador i suport per internacionalització.

Podem instal·lar Joomla de dues maneres: mitjançant l'autoinstal·lador del cPanel del nostre hosting o bé descarregant manualment els arxius de joomla.org i pujant-los al servidor que vulguem amb FTP. Si fem servir l'instal·lador ens hem d'assegurar que estigui fent servir l'última versió del Joomla, actualment la 3.4.3. Una vegada instal·lat ens trobarem amb una pantalla semblant a aquesta:

2

La pantalla anterior correspon a la web inicial, a partir de la qual haurem d'afegir continguts mica en mica a través de l'administrador de Joomla. Per accedir a l'administrador de Joomla hem d'escriure la url de la nostra pàgina seguida d'una barra i la paraula 'administrator'. Per exemple http://myweb.com/administrator. Ens apareixerà un formulari de login. Introduïm el nostre usuari i password i finalment entrarem dins del panell de control.

3

En Joomla hi ha 5 tipus d'extensions: Plantilles, components, mòduls, plugins i llenguatges. Podem trobar extensions gratuites i de pagament a http://extensions.joomla.org.

Una plantilla està formada per posicions. A cada posició se li poden assignar mòduls, exceptuant la posició central, que serveix per assignar components. A Joomla 3 per defecte se'ns instal·la una plantilla anomenada 'Protostar' que té les següents posicions:

4

Els components més populars que hi ha són els articles. Per crear un article anirem a Content > Articles > Add new article. Li donem un títol, introduïm un text qualsevol i fem clic a 'Save & close'.

5

Ara anirem a Menus > Main menu > Add new menu item i introduïm les següents dades:

6

Si anem al frontend veurem que se'ns ha creat un ítem de menú. Si fem clic ens apareixerà l'article que acabem d'escriure.

7

A continuació instal·larem un component que es tracta d'un formulari de contacte anomenat “Flexicontact”. Anirem a http://extensions.joomla.org/extensions/extension/contacts-and-feedback/contact-forms/flexi-contact i ens descarraguem l'extensió al nostre ordinador. Per instal·lar-la, anirem a Extensions >  Manage.

8

Llavors sel·leccionem la nostra extensió i fem clic a “Upload & Install”. Si tot ha anat bé, ens apareixerà un missatge en verd dient que la instal·lació ha estat satisfactòria.

9

El Flexicontact es tracta d'un component i, per fer-lo servir, haurem d'anar a Menus  > Main menu > Add new menu item. A 'Menu title' escribim 'Contacte'. A 'Menu Item Type' escollim 'Flexicontact'. Canviem a la pestanya 'Options' i introduïm el nostre correu electrònic. Finalment fem clic a 'Save & Close'.

10

Si visitem el frontend, podrem veure que ha aparegut un altre menú item. Si fem clic ens apareixerà el formulari de contacte. Cal observar que els components de Joomla apareixen a la part central de la pantalla, i el Flexicontact no és una excepció.

11

Un altre tipus d'extensions són els mòduls. Els mòduls són molt menys complexos que els components, i es localitzen al voltant de la posició central. A continuació instal·larem un mòdul per mostrar l'horòscop en relació al sol/lluna. Anirem a la següent url http://extensions.joomla.org/extensions/extension/living/astrology-a-horoscope/ephemeris-for-joomla i ens descarregarem el mòdul al nostre ordinador. L'instal·larem mitjançant Extensions > Manage > Upload & install i, si tot ha sortit bé, ens apareixerà el següent missatge:

12

Ara anirem a Extensions > Modules > Ephemeris for Joomla. Introduïrem una posició de la nostra plantilla (per exemple, Protostar > Right [Position-7]) i canviarem 'status' a 'Published'.

13

A continuació, a la pestanya 'Module assignment', canviem a 'On all pages':

14

Finalment fem clic a 'Save' i, si visitem el frontend, ens trobarem amb el nostre mòdul:

15

El quart tipus d'extensió són els plugins. Ara instal·larem un plugin anomenat 'Modules anywhere' que permetrà incrustar mòduls a qualsevol article. http://extensions.joomla.org/extensions/extension/core-enhancements/coding-a-scripts-integration/modules-anywhere . Com sempre, instal·larem l'extensió anant a Extensions > Manage > Upload & Install.

Ara incrustarem el mòdul abans creat a l'article abans creat. Anirem a Content > Articles > El meu Article i farem clic en el botó 'Module' (Aquest botó abans no hi era; ha aparegut gràcies al plugin 'Modules anywhere').

16

Seleccionarem el mòdul 'Ephemeris for Joomla' i veurem que se'ns ha insertat una mena de codi:

17

Fem clic a 'Save & close' i, si anem al frontend veurem que a l'article s'ha incrustat el mòdul:

18

El últim tipus d'extensió són els llenguatges, els quals ens permetran tenir una web en vàris idomes. En el següent document està explicat, pas a pas, com s'ha de fer per tenir una web multillenguatge en Joomla: http://www.slideshare.net/erictiggeler/creating-a-multilingual-site-in-joomla-joomla-3-beginners-guide-eric-tiggeler .

Fins aquí acaba aquesta petita introducció al món del Joomla. No patiu, perquè més endavant seguirem publicant nous articles!


Últims tutorials
DataCategoriaTítol
04/01/2019InkscapeCom dibuixar un Pare Noel
12/12/2018KdenliveCom crear una postal nadalenca animada
22/10/2018LinuxLa comanda sl (Locomotora de Vapor)
11/10/2018KdenliveL'efecte Croma
07/10/2018GIMPCom crear un botó de tres estats
30/08/2018GIMPCom resaltar text
05/03/2016JoomlaCom crear una web amb Joomla
07/08/2014SEOCom puntuar alt en els motors de cerca