SAREKO SISTEMA INFORMATIKOEN ADMINISTRAZIOA / PROIEKTUA
WEBGUNEA Naiara Olaya Urizar 2013-2014 ikasturtea
1
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
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
PLANGINTZA Lanean hasteko, estruktura hauek marraztu nituen, bertan webguneko elementu guztiak non kokatu ikusteko eta zein eduki sartu behar nuen argi izateko.
4
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
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
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
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
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/wpcontent/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
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/wpcontent/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
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
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
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
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
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
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
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
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-macosx-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-enwordpress/ 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