Informatika tolosaldea proiektua

1. SAREKO SISTEMA INFORMATIKOEN ADMINISTRAZIOA / PROIEKTUA
WEBGUNEA
Naiara Olaya Urizar
2013-2014 ikasturtea
1

2. AURKIBIDEA
SARRERA............................................................................................................................................3
WORDPRESS INSTALATU............................................................................................................... 6
PLANTILA INSTALATU.................................................................................................................... 8
PLUGINAK INSTALATU...................................................................................................................9
HIZKUNTZA ITZULTZAILEA INSTALATU...............................................................................9
ATALAK.............................................................................................................................................11
1.- HEADER..................................................................................................................................11
2.- FOOTER...................................................................................................................................11
3.- SIDEBAR.................................................................................................................................13
4.- NOR GARA / ZERBITZUAK................................................................................................. 14
5.- LANAK.................................................................................................................................... 15
6.- KONTAKTUA......................................................................................................................... 16
ONDORIOAK....................................................................................................................................17
BIBLIOGRAFIA................................................................................................................................18
2

3. SARRERA
Ikasturtea amaitzeko nire proiektua webgune bat egite izanda. Izan ere, nire anaiak
enpresa bat du eta zuen webgunerik eta gaur egun oso garrantzitsua da sarean egotea. Gainera,
praktiketan izan nahizen enpresan web guneak egiten zituzten eta interesgarria iruditu zitzaidan.
Webgunea sortzen hasi aurretik hauek dira eman ditudan pausoak. Hasteko, egin nahi den
gunerako ideiak bildu, atalak, formatua, textuak, irudiak... Jarraian, estrukturak defnitu, zer
joango den non. Ondoren maketatu, nire kasuan WordPress CMS-a erabili dut. Eta amaitzeko,
webgunean edukia sartuko dugu.
3

4. PLANGINTZA
Lanean hasteko, estruktura hauek marraztu nituen, bertan webguneko elementu guztiak non
kokatu ikusteko eta zein eduki sartu behar nuen argi izateko.
4

5. Argazkietan ikusten den bezela, lau atal izango ditu nire webguneak, NOR GARA,
ZERBITZUAK, LANAK, KONTAKTUA. Guztia defnituta dudalarik proiektuari ekingo diogu honako
pausoak jarraituz.
5

6. WORDPRESS INSTALATU
WordPress instalatu ahal izateko gure ordenagailuan prest izan beharko ditugu honako
programak: APACHE zerbitzari bat, PHP moduloa eta phpMyAdmin datu base kudeatzailea. Hauek
bearrezkoak dira WordPress instalatu ahal izateko.
Progranak prest ditugularik, WordPress deskargatuko dugu bere webgunetik eta deskonprimituta
dugularik, karpeta APACHE zerbitzarian ezarriko dugu eta konfguratzen hasiko gara.
1.- APACHEko karpetan wp-confg.php ftxategia konfguratuko dugu, hau da, datu basearekin
konektatuko dugu:
2.- WordPress instalatu, nabigatzailean localhost/wp-admin jarriz honako pantaila agertuko zaigu:
6

7. 3.- Hurrengo pantailan webgunearen izena eta administratzailearen posta ezarriko dugu:
4.- Azkenik, erabiltzaile izena eta pasahitzak defnituko ditugu eta gure Wordpress-a prest izango
dugu lehen pausoan esandako helbidean itxura ematen hasteko.
7

8. PLANTILA INSTALATU
WordPress-eko plantilak bi eratara instalatu daiteke. Lehena ingurune grafkoa erabiliz,
nabigatzailetik administratzailean sartuta gaudelarik, Apariencia > Temas atalean sartuko gara,
bertan Añadir nuevo sakatu eta irudian ikusiko duzuten bezala nahi duzun plnatila deskargatu ahal
izango duzute eta prest egongo da erabiltzeko.
Bigarren aukera ere oso erraza da. Interneten bilatu dugun plantilla deskargatu eta
deskonprimituta honako direktorioan kopiatuko dugu /htdocs/wp-content/themes eta prest
egongo da erabiltzeko.
8

9. PLUGINAK INSTALATU
Plantilak instalatzearen oso antzerakoa da pluginak instalatzea, eta baita bi eratara ere egin
daiteke. Lehena ere, administrazio paneletik, oraingo honetan, Plugins > Añadir nuevo atalean
sartuko gara eta behar ditugun pluginak bilatu eta instalatu ahal izango ditugu.
Bestalde lehen aipatu dudan bezala, eskuz instalatu daitezke, insternetetik deskargatuko dugu
nahi dugun plugina eta oraingo honetan honako direktorioan kopiatuko dugu: /htdocs/wp-
content/plugins.
HIZKUNTZA ITZULTZAILEA INSTALATU
Hizkuntza itzultzailea, plugin bat da eta aurreko pausoetan azaldu dudan bezala instalatu
daiteke. Garrantzitsua da, webgunean edozein orrialdealde, post... sortzen hasi aurretik
instalatzea, noski hizkun bat baino gehiago erabili nahi badugu bestela ez dago beharrik.
Nire kasuan Euskaraz eta Erderaz egingo dut beraz bi hizkuntza horiek ezarriko ditugu. Plugina
deskargatua dugularik, Plugins > Plugins instalados atalean sartuko gara eta aktibatu eta
konfguratuko dugu.
Gure kasuan, Polylang erabiliko dugu.
9

10. Hizkuntza gehitzeko Ajustes > Idioma atalean, argazkian ikusi daiteken bezala, hizkuntza aukera
ahalko dugu eta Añadir nuevo idioma botoia sakatuz hizkuntza gehitua izango dugu.
Baina euskararen kasuan ez dago pluginean gehitua, baina bdago beste modu bat hizkuntza
gehitzeko. Kasu honetan, Nombre completo atalean, Euskara jarriko dugu, Region atalena berriz
eu_ES eta azkenik Codigo idiomatico eu jarriko diogu eta Añadir nuevo idioma sakatuko dugu.
Pauso hauek jarraituz, euskara gehitua izango dugu, baino funtzionamendua egokia izan dadin,
interneten aurki daitezken bi ftxategi hauek gehituko ditugu, eu.mo eta eu.po /htdocs/wp-
content/plugins/polylang/languages/ direktorioan. Eta guztiz amaitzeko, nahi izanez gero,
ikurrinaren argazki bat gehituko dugu /htdocs/wp-content/plugins/polylang/flags helbidean.
Horrela gure Wordpressa prest egongo da bi hizkuntzetan jartzeko.
10

11. ATALAK
Hauek dira webgunearen ataletan egin ditudan aldaketak. Jarraian aipatuko ditudan atalak
honako helbidean kokatzen dira, /htdocs/wp-content/themes/themify-base hau izan delako
erabili dudan plantila.
1.- HEADER
Atal honetan egin dudan bakarra, logotipoa gehitzea izan da, horretarako, header.php ftxategia
Brackets editorearekin ireki dut eta body etiketaren ondoren gehitu dut argazkia.
Ondoren, style.css ftxategia modifkatuko dugu irudiari itxura emateko.
2.- FOOTER
Beste atal honetan berriz, Widget-ak gehitu ditugu. Lehena, hizkuntza selektorea eta bigarrena
sare sozialetara esteka.
Hau egitea oso erreza eta intuitiboa da.
11

12. Argazkian ikusi daitekeen bezala, Apariencia > Widgets-era joango gara eta ezker aldean agertzen
diren widgetak artu eta Footer Widget 1 atalean botako ditugu eta ondoren konfguratu.
Hemen bakoitzak bere gustora konfguratu ditzazke Widgetak.
12

13. 3.- SIDEBAR
Atal honetan, ezabatu ezin diren widgetak agertzen dira eta horretarako sidebar.php
ftxategia ireki eta widgeten kodea bilatu eta ezabatuko dugu jarraian ikusten den argazkietan
bezala.
13

14. 4.- NOR GARA / ZERBITZUAK
Atal honetan egin duguna, textua eta argazkiak sartzea soilik izan da.
Hau egitea oso erraza da, Paginas > Todas las paginas-era joan eta editatuko ditugu.
5.- LANAK
14

15. Hemen berriz, NextGen Gallery plugina instalatuko dugu lehen azaldu dudan bezala eta galeriaren
ID-a gehituko dugu lanak orrialdera. Horretarako lehenik galeria sortuko dugu, Gallery > Add
Gallery/Images atalean eta argazkiak kargatuko ditugu.
15

16. 6.- KONTAKTUA
Azken atal honetan, textua eta kokalekua ezaltzen den Google-ko mapa dugu. Hau egitea oso
erraza da, orrialdeak editatzeko atalean textu moduan ezarriko dugu eta bertan Google maps-en
aurkitzen dugun kodea itsatsiko dugu.
16

17. ONDORIOAK
Oso gustura egin dudan lana izan da, Wordpressari buruz asko ikasi dut baina konturatu
naiz ez lana ondo egiteko ez dala jendeak pentsatzen duen bezain erreza. Praktiken garaian ikusi
dudanan arabera, webgunea egiten hasi aurretik oso ondo aukeratu behar dira baliabideak, CMS,
framework...
Oso diseinu espezifkoa eta estruktura oso handiko webguneetan ez dut oso erabilgarriak
ikusten CMSak.
Baino, bestalde CMS-ak alde positibo asko dituzte, esate baterako gaur egun dauden
plantila asko responsive dira eta gainera SEOrako onak dira. Izan ere, smartphone, tablet... geroz
eta gehiago erabiltzen dira eta garratzitsua da zure webgunea moldagarria izatea. Bestalde, geroz
eta konpetentzia handia dago mundu honetan, eta geroz eta gorago posizionatu bilaketetan
hobea da eta CMS hauek asko laguntzen dute SEOko irizpideak betetzen.
17

18. BIBLIOGRAFIA
Hauek izan dira webgunea egin ahal izateko erabilitako baliabideak:
http://ayudawp.com/como-instalar-wordpress-en-mac/
http://ayudawp.com/instalando-wordpress-en-un-servidor-local/
http://www.ooscarr.com/nerd/elblog/2009/11/instale-mysql-en-mac-os-x.php
http://sourceforge.net/projects/phpmyadmin/postdownload?source=dlp
http://www.phpmyadmin.net/home_page/index.php
http://www.elguisante.com/2011/12/como-instalar-y-desinstalar-mysql-y-phpmyadmin-en-mac-
osx-lion/
http://codex.wordpress.org/Editing_wp-confg.php
http://es.wordpress.org/
http://themes.thehappybit.com/themes/bigfoot/
http://raultic.hol.es/anadir-euskera-al-plugin-polylang/
http://www.codigonexo.com/blog/wordpress-programadores/menus-personalizados-en-
wordpress/
http://ayudawp.com/foro/topic/poner-imagen-en-cabecera
http://ayudawp.com/como-reparar-un-wordpress-roto-tras-cambiar-la-url/
http://ainur.dendari.com/ikasten/gauzak.php?referencia=4244
http://ayudawp.com/insertar-google-maps-en-wordpress/
http://www.euskara.euskadi.net/r59-15172x/eu/hizt_el/index.asp
18