SAREKO SISTEMA INFORMATIKOEN ADMINISTRAZIOA / PROIEKTUA

WEBGUNEANaiara Olaya Urizar

2013-2014 ikasturtea

1

AURKIBIDEA

SARRERA............................................................................................................................................3WORDPRESS INSTALATU............................................................................................................... 6PLANTILA INSTALATU.................................................................................................................... 8PLUGINAK INSTALATU................................................................................................................... 9

HIZKUNTZA ITZULTZAILEA INSTALATU............................................................................... 9ATALAK.............................................................................................................................................11

1.- HEADER.................................................................................................................................. 112.- FOOTER...................................................................................................................................113.- SIDEBAR................................................................................................................................. 134.- NOR GARA / ZERBITZUAK................................................................................................. 145.- LANAK.................................................................................................................................... 156.- KONTAKTUA......................................................................................................................... 16

ONDORIOAK....................................................................................................................................17BIBLIOGRAFIA................................................................................................................................18

2

SARRERA

Ikasturtea amaitzeko nire proiektua webgune bat egite izanda. Izan ere, nire anaiakenpresa 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 dengunerako ideiak bildu, atalak, formatua, textuak, irudiak... Jarraian, estrukturak defnitu, zerjoango 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 nonkokatu 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 honakopausoak jarraituz.

5

WORDPRESS INSTALATU

WordPress instalatu ahal izateko gure ordenagailuan prest izan beharko ditugu honakoprogramak: APACHE zerbitzari bat, PHP moduloa eta phpMyAdmin datu base kudeatzailea. Hauekbearrezkoak dira WordPress instalatu ahal izateko.Progranak prest ditugularik, WordPress deskargatuko dugu bere webgunetik eta deskonprimitutadugularik, karpeta APACHE zerbitzarian ezarriko dugu eta konfguratzen hasiko gara.

1.- APACHEko karpetan wp-confg.php ftxategia konfguratuko dugu, hau da, datu basearekinkonektatuko 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 izangodugu 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 ahalizango duzute eta prest egongo da erabiltzeko.

Bigarren aukera ere oso erraza da. Interneten bilatu dugun plantilla deskargatu etadeskonprimituta honako direktorioan kopiatuko dugu /htdocs/wp-content/themes eta prestegongo da erabiltzeko.

8

PLUGINAK INSTALATU

Plantilak instalatzearen oso antzerakoa da pluginak instalatzea, eta baita bi eratara ere egindaiteke. Lehena ere, administrazio paneletik, oraingo honetan, Plugins > Añadir nuevo ataleansartuko gara eta behar ditugun pluginak bilatu eta instalatu ahal izango ditugu.

Bestalde lehen aipatu dudan bezala, eskuz instalatu daitezke, insternetetik deskargatuko dugunahi 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 instalatudaiteke. Garrantzitsua da, webgunean edozein orrialdealde, post... sortzen hasi aurretikinstalatzea, 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. Pluginadeskargatua dugularik, Plugins > Plugins instalados atalean sartuko gara eta aktibatu etakonfguratuko dugu.

Gure kasuan, Polylang erabiliko dugu.

9

Hizkuntza gehitzeko Ajustes > Idioma atalean, argazkian ikusi daiteken bezala, hizkuntza aukeraahalko dugu eta Añadir nuevo idioma botoia sakatuz hizkuntza gehitua izango dugu.

Baina euskararen kasuan ez dago pluginean gehitua, baina bdago beste modu bat hizkuntzagehitzeko. Kasu honetan, Nombre completo atalean, Euskara jarriko dugu, Region atalena berrizeu_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

ATALAK

Hauek dira webgunearen ataletan egin ditudan aldaketak. Jarraian aipatuko ditudan atalakhonako helbidean kokatzen dira, /htdocs/wp-content/themes/themify-base hau izan delakoerabili dudan plantila.

1.- HEADER

Atal honetan egin dudan bakarra, logotipoa gehitzea izan da, horretarako, header.php ftxategiaBrackets 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 bigarrenasare sozialetara esteka. Hau egitea oso erreza eta intuitiboa da.

11

Argazkian ikusi daitekeen bezala, Apariencia > Widgets-era joango gara eta ezker aldean agertzendiren 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.phpftxategia ireki eta widgeten kodea bilatu eta ezabatuko dugu jarraian ikusten den argazkietanbezala.

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 galeriarenID-a gehituko dugu lanak orrialdera. Horretarako lehenik galeria sortuko dugu, Gallery > AddGallery/Images atalean eta argazkiak kargatuko ditugu.

15

6.- KONTAKTUA

Azken atal honetan, textua eta kokalekua ezaltzen den Google-ko mapa dugu. Hau egitea osoerraza da, orrialdeak editatzeko atalean textu moduan ezarriko dugu eta bertan Google maps-enaurkitzen dugun kodea itsatsiko dugu.

16

ONDORIOAKOso 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 ikusidudanan arabera, webgunea egiten hasi aurretik oso ondo aukeratu behar dira baliabideak, CMS,framework...

Oso diseinu espezifkoa eta estruktura oso handiko webguneetan ez dut oso erabilgarriakikusten CMSak.

Baino, bestalde CMS-ak alde positibo asko dituzte, esate baterako gaur egun daudenplantila asko responsive dira eta gainera SEOrako onak dira. Izan ere, smartphone, tablet... gerozeta gehiago erabiltzen dira eta garratzitsua da zure webgunea moldagarria izatea. Bestalde, gerozeta konpetentzia handia dago mundu honetan, eta geroz eta gorago posizionatu bilaketetanhobea 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-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