Construcció de pàgines
web
Marta Costa Montmany
Curs: Màrqueting digital febrer – juny 2015
Quines diferències hi ha entre una web i
un bloc?
Exteriorment pot semblar el mateix o pot
arribar a ser complicat disting...
Quines diferències hi ha entre una web i
un bloc?
Una web és com un catàleg de presentació formal
de l’empresa, la marca i...
Quines diferències hi ha entre una web i
un bloc?
En canvi un bloc és una eina dinàmica que permet
actualitzar contingut i...
Quines diferències hi ha entre una web i
un bloc?
Degut a les característiques del contingut
estàtic de la web no dóna mas...
Quines diferències hi ha entre una web i
un bloc?
Val a dir que les dues eines no són en absolut
incomptables, i és molt r...
Quines diferències hi ha entre una web i
un bloc?
I en casos en els que el pressupost és limitat
fins i tot hi ha la possi...
Quines diferències hi ha entre una web i
un bloc?
En aquest últim cas però cal comentar que hi ha
més limitacions a nivell...
Wordpress
Wordpress és un sistema de gestió de
contingut (Content Management
System o CMS) enfocat a la creació de
blocs i...
Wordpress
Els CMS són unes eines destinades al
desenvoluapment de pàgines web on-line
perquè tenen un pannell d’administra...
Wordpress
Una de les principals avantatges dels CMS és
que permeten separar la part de disseny web,
de la de gestió de con...
Wordpress
Una de les principals avantatges de wordpress
és que és una eina gratuïta i fàcil d’utilitzar;
també és molt per...
Wordpress
Hi ha una sèrie d’eines complementàries on-
line, com els widgets, els plugins i els temes que
faciliten la màxi...
Wordpress
Per crear una plataforma wordpress podem
escollir entre dues opcions: wordpress.com, es
tracta d’una plataforma ...
Wordpress
Wordpress.com és la més senzilla, ja que
podem crear un compte directament a
wordpress de manera que el nostre l...
Wordpress
Aquest procés és molt senzill, però té algunes
limitacions que fan que el lloc web no sigui tan
personalitzable,...
Wordpress
En el segons cas: wordpress.org caldrà
descarregar els arxius d’instal·lació de
wordpress per posteriorment inst...
Wordpress.org
Per tant per crear un lloc web amb
wordpress.org ens caldrà:
1.- Buscar i descarregar els arxius d’instal·la...
Wordpress.org
• La famosa Instalación en 5 minutos
• Descarga el paquete de la última versión WordPress y descomprímelo en...
Wordpress.org
2.- Allotjament: A continuació caldrà crear un
compte amb algun proveïdor d’allotjament
(hosting). Una opció...
Wordpress.org
3.- Accés FTP: Caldrà tenir accés mitjançant FTP
al servidor del nostre proveïdor de hosting per
tal de pode...
Wordpress.org
4.- Editor de pàgines web: Al llarg del procés
caldrà editar un dels arxius .php per poder
instal·lar wordpr...
Wordpress.org
5.- Els continguts de la nostra pàgina: Aquest
apartat caldria haver-lo realitzat prèviament, i
tenir un esq...
Wordpress.org
6.- Cal tenir molta paciència: No sempre surten
les coses a la primera, i és normal encallar-se
durant el pr...
Wordpress.org
7.- Tutorials de youtube:
https://www.youtube.com/watch?v=lPKvTOYzbL
w&index=2&list=PLMiEI7NU5l4d2j-EqyB-
e8...
Wordpress.com
Per crear un lloc wordpress.com cal anar a la
pàgina http://www.wordpress.com i crear-se un
compte de wordpr...
Wordpress.com
Secció Ajustaments:
Wordpress.com
Secció Ajustaments:
- Generals: Els paràmetres bàsics que cal
modificar són:
- Títol del lloc: S’hi pot col·...
Wordpress.com
- Direcció del lloc (URL): Aquest paràmetre també és
important i ha de coincidir amb la direcció de
wordpres...
Wordpress.com
Wordpress.com
- Lectura:
- Pàgina frontal mostra: Aquí tenim la possibilitat
d’escollir si volem que la portada de wordpre...
Wordpress.com
- Nombre màxim d’entrades a mostrar en el lloc:
Aquest paràmetre tan sols funciona amb la
modalitat bloc i é...
Wordpress.com
- Mèdia: Aquí podem veure que el paràmetre “organitzar
els meus arxius pujats en carpetes basades en mes i a...
Wordpress.com
Wordpress.com
- Enllaços permanents: Aquest apartat és un dels
més importants pel SEO de la plataforma. A
“Ajustaments com...
Wordpress.com
- Usuaris: En aquest apartat es podran canviar totes les
dades que tinguem com a usuaris del bloc. La única ...
Wordpress.com
- També existeix una aplicació anomenada “Gravatar”
que assigna una foto nostra en els comentaris
mitjançant...
Wordpress.com
Wordpress.com
- Un cop haguem acabat, tanquem la sessió i entrem de
nou amb les credencials del nou usuari creat. Tornem a...
Wordpress.com
- Si has escrit el teu “nom” i “cognoms”, en el paràmetre
“mostrar aquest nom públicament”, podràs escollir
...
Wordpress.com
- A l’apartat “informació biogràfica” es pot escriure
quelcom sobre nosaltres. Si es deixa en blanc no passa...
Com s’estructura una pàgina de
Wordpress
Una pàgines de wordpress s'estructura amb un
frontend i un backend.
El frontend é...
Com s’estructura una pàgina de
Wordpress
El backend és la part interna de la web, on es
dissenya com estarà organitzada, c...
Pannell d’administració o backend
En primer lloc hi ha un apartat de gestió del
contingut de la pàgina:
Pannell d’administració o backend
Entrades: Apartat per crear i gestionar els posts
del bloc.
Categories: Apartat per la c...
Pannell d’administració o backend
Mèdia: Apartat per tota la gestió dels objectes i
dades multimèdia, incloses les galerie...
Pannell d’administració o backend
Apartat pel disseny de la pàgina de wordpress:
Pannell d’administració o backend
En aquest apartat podem gestionar tot allò
referent al disseny de la pàgina web o bloc;
...
Pannell d’administració o backend
Temes: Instal·lació i gestió de les plantilles de
disseny per la pàgina. Són els que don...
Pannell d’administració o backend
Opcions del tema: Moltes plantilles permeten
configurar o personalitzar diversos paràmet...
Pannell d’administració o backend
Menús: Creació i gestió dels menús de la
pàgina. Amb aquest apartat caldrà arrastrar i
d...
Pannell d’administració o backend
Widgets: Gestió de totes les zones que permeti la
plantilla per la inserció de widgets. ...
Pannell d’administració o backend
Plugins: En aquest apartat es podran
descarregar directament o instal·lar els plugins
ne...
Pannell d’administració o backend
Plugins: També es poden gestionar els ja
descarregats per activar-los, anul·lar-los o
el...
Pannell d’administració o backend
Plugins: Per defecte wordpress porta instal·lat el
plugin “akismet” per evitar “spam” en...
Pannell d’administració o backend
Comentaris: Aquí és on es poden administrar
tots els comentaris que facin els usuaris de...
Pannell d’administració o backend
Usuari: A l’apartat usuari s’hi poden insertar
nous usuaris, gestionar els ja insertats
...
Pannell d’administració o backend
Eines: Apartat que servirà per instal·lar i
gestionar diverses eines per la pàgina que
a...
Pannell d’administració o backend
Ajustos: Apartat que serveix per configurar totes les
opcions que proporciona wordpress ...
Pannell d’administració o backend
Lectura: Algunes opcions de lectura i
presentació de la home, com per exemple
si la prim...
Pannell d’administració o backend
Enllaços permanents: Configuració de les
urls de la pàgines, en aquest apartat és on
es ...
Crear una pàgina amb wordpress
Quan instal·lem un wordpress, per defecte ve
amb una entrada al bloc i una pàgina d’exemple...
Crear una pàgina amb wordpress
Quan entrem en aquesta secció veiem que
apareix una llista de les pàgines (en aquest cas
la...
Crear una pàgina amb wordpress
Abans de continuar anem a explicar un petit “truquet” per
configurar cada una de les Url’s ...
Crear una pàgina amb wordpress
Quan seleccionem aquesta opció wordpress
agafa com a pàgina d’inici la pàgina estàtica que
...
Crear una pàgina amb wordpress
En cas de no trobar-lo també es pot descarregar
a: http://wordpress.org/plugins/custom-
per...
Crear una pàgina amb wordpress
Després caldrà tornar a la pàgina d’exemple i
veurem:
Crear una pàgina amb wordpress
1.- Camp del títol: Aquí cal escriure el títol de la pàgina.
2.- Enllaç permanent: El plugi...
Crear una pàgina amb wordpress
3.- Hi ha dues pestanyes: Visual i text. Amb
visual es pot treballar com amb un word, i és
...
Crear una pàgina amb wordpress
4.- Atributs del text: com amb el word,
wordpress ofereix uns atributs per personalitzar
el...
Crear una pàgina amb wordpress
7.- Publicar: En aquest apartat es poden veure
estadístiques de la pàgina com l’estat i la ...
Publicar una nova pàgina amb
wordpress
A la secció pàgines cal fer clic a “afegir nova”, i
tot serà pràcticament igual que...
Publicar una nova pàgina amb
wordpress
Publicar una nova pàgina amb
wordpress
Si escrivim alguna cosa en el títol i en el
contingut wordpress mostrarà automàtica...
Publicar una nova pàgina amb
wordpress
A la secció “publicar” tenim l’opció de
programar la pàgina perquè es publiqui
auto...
Publicar una nova pàgina amb
wordpress
Si després fem clic a totes les pàgines podrem
veure totes les que tenim en l’ordre...
Crear un menú amb wordpress
En el mode bloc wordpress porta per defecte un
widget “entrades recents” que és la manera
d’en...
Crear un menú amb wordpress
Per tal que la nova pàgina es pugui veure caldrà
crear un enllaç des del menú principal. Per f...
Crear un menú amb wordpress
Veurem una estructura de menú parcialment
formada per wordpress. A “nom del menú” cal
escriure...
Crear un menú amb wordpress
Podem desplegar “pàgina d’exemple” i borrar-la
(perquè està duplicada) i fer clic a “crear men...
Crear un menú amb wordpress
Un cop creat el menú veurem les noves opcions:
Afegir pàgines automàticament, que anirà
afegin...
Crear un menú amb wordpress
Aquest exemple l’estem fent amb la plantilla
“twenty thirteen” i tan sols adment un menú.
Cald...
Crear un menú amb wordpress
Si un cop fet tot això anem a veure al lloc web
podrem veure el menú acabat de crear. Com es
p...
Entrades de wordpress
La diferència entre una pàgina i una entrada és
que la pàgina és estàtica i no apareixerà en el
widg...
Entrades de wordpress
Si la plataforma wordpress la fem servir
únicament o principalment com a bloc, el que
veurem a la pà...
Entrades de wordpress
A les entrades no els hi podem assignar una
estructura jeràrquica, però si una data de
publicació, c...
Entrades de wordpress
Categories: S’utilitzen per classificar les entrades
d’un bloc segons la temàtica de la que es parli...
Entrades de wordpress
Etiquetes: Funcionen com a subcategories i
també es fan servir per classificar els articles per
temà...
Moltes gràcies per la vostra atenció!
Marta Costa Montmany
Marketing per tu, creant marketing a mida
Tel. 696 85 70 52
htt...
Próxima SlideShare
Cargando en…5
×

Construcció de pàgines web

378 visualizaciones

Publicado el

Com crear una plataforma de wordpress?

Publicado en: Internet
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
378
En SlideShare
0
De insertados
0
Número de insertados
4
Acciones
Compartido
0
Descargas
6
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Construcció de pàgines web

  1. 1. Construcció de pàgines web Marta Costa Montmany Curs: Màrqueting digital febrer – juny 2015
  2. 2. Quines diferències hi ha entre una web i un bloc? Exteriorment pot semblar el mateix o pot arribar a ser complicat distingir entre aquestes dues plataformes virtuals, però interiorment, i també en quant a utilitats, hi ha moltes diferències. La principal és que una web és pròpia, i un bloc sol estar allotjat en un servei núvol d’alguna plataforma com wordpress i blogger, i per tant no és propietat de la marca o l’organització. La programació és una altra gran diferència, ja que crear una web és més complicat i calen coneixements de programació, en canvi la creació d’un bloc és molt més senzilla i intuïtiva.
  3. 3. Quines diferències hi ha entre una web i un bloc? Una web és com un catàleg de presentació formal de l’empresa, la marca i els productes o serveis on- line, i serveix principalment per tenir presència a internet i explicar tot el que som i oferim, però és una eina més estàtica, ja que sol tenir poques seccions dinàmiques, sí que és habitual que hi hagi la secció notícies que explica les últimes novetats de l’empresa i es va actualitzant més o menys sovint, però la resta tan sols es canvia quan l’empresa canvia d’imatge corporativa o renova el seu catàleg de productes i serveis.
  4. 4. Quines diferències hi ha entre una web i un bloc? En canvi un bloc és una eina dinàmica que permet actualitzar contingut i seccions constantment, és molt recomanable utilitzar-la quan l’organització té moltes coses a explicar sobre la seva marca i el seu sector a través dels posts, i té una característica molt positiva i és que ajuda molt al posicionament orgànic, ja que en cada post es poden posar etiquetes i categories i aquestes paraules clau són indexades per google i permeten aparèixer en les busques.
  5. 5. Quines diferències hi ha entre una web i un bloc? Degut a les característiques del contingut estàtic de la web no dóna massa joc alhora de compartir el contingut a les xarxes socials, ja que més o menys sempre és el mateix, en canvi un bloc com que té una periodicitat de publicacions de continguts diària, setmanal o mensual dóna molt joc i les xarxes socials són les seves grans aliades per poder viralitzar les actualitzacions, arribar a molta més audiència i aconseguir participació i feedback.
  6. 6. Quines diferències hi ha entre una web i un bloc? Val a dir que les dues eines no són en absolut incomptables, i és molt recomanable tenir una web i un bloc associat, de manera que s’utilitzi la web per presentar l’empresa i els productes i/o serveis i el bloc per crear contingut dinàmic, actual i fresc i sobre la marca.
  7. 7. Quines diferències hi ha entre una web i un bloc? I en casos en els que el pressupost és limitat fins i tot hi ha la possibilitat de crear un bloc que faci funcions de web, ja que en un bloc hi podem posar seccions estàtiques, és a dir pàgines que poden fer les funcions de presentació de l’empresa, i podem tenir també la secció específicament bloc dedicada als posts.
  8. 8. Quines diferències hi ha entre una web i un bloc? En aquest últim cas però cal comentar que hi ha més limitacions a nivell de disseny, podem arribar a crear un bloc amb la nostra imatge corporativa i amb dissenys de pàgines atractius visualment parlant, però amb una web es pot arribar a personalitzar molt més el disseny i hi ha més opcions en aquest sentit.
  9. 9. Wordpress Wordpress és un sistema de gestió de contingut (Content Management System o CMS) enfocat a la creació de blocs i també de webs. Amb aquest sistema no cal conèixer codis, ni tenir coneixements de programació. És una forma per poder crear una pàgina web de manera professional sense massa coneixements de disseny web.
  10. 10. Wordpress Els CMS són unes eines destinades al desenvoluapment de pàgines web on-line perquè tenen un pannell d’administració, que permetrà configurar de forma interactiva la pàgines, escollint plantilles, pujant arxius, afegint noves funcionalitats, etc.
  11. 11. Wordpress Una de les principals avantatges dels CMS és que permeten separar la part de disseny web, de la de gestió de continguts, de manera que un cop haguem escollit i treballat el nostre disseny, tan sols caldrà anar afegint els continguts. Així es podrà automatitzar tot el procés de desenvolupament i facilitar totes les tasques relaciones amb la gestió del lloc web sense haver de preocupar-nos pel disseny de la web, ja que quedarà configurat i pre-establert.
  12. 12. Wordpress Una de les principals avantatges de wordpress és que és una eina gratuïta i fàcil d’utilitzar; també és molt personalitzable i la podem adaptar a les nostres necessitats si som capaços de fer un plantejament adequat i treure-li el màxim partit.
  13. 13. Wordpress Hi ha una sèrie d’eines complementàries on- line, com els widgets, els plugins i els temes que faciliten la màxima personalització de la pàgina.
  14. 14. Wordpress Per crear una plataforma wordpress podem escollir entre dues opcions: wordpress.com, es tracta d’una plataforma de bloc i gratuïtament o amb un cost molt reduït podem crear una plataforma que actuiï com a bloc o com a web/bloc; i wordpress.org, en aquest cas es pot fer una web més professional i cal instal·lar la plataforma wordpress amb el propi domini i servei de hosting.
  15. 15. Wordpress Wordpress.com és la més senzilla, ja que podem crear un compte directament a wordpress de manera que el nostre lloc ja aparegui instal·lat per defecte dins els lloc web de wordpress.com.
  16. 16. Wordpress Aquest procés és molt senzill, però té algunes limitacions que fan que el lloc web no sigui tan personalitzable, però per començar a treballar amb wordpress és una opció molt recomanable. També cal comentar que les dues plataformes són molt similars.
  17. 17. Wordpress En el segons cas: wordpress.org caldrà descarregar els arxius d’instal·lació de wordpress per posteriorment instal·lar-los en un servei d’allotjament (hosting) que caldrà contractar a internet.
  18. 18. Wordpress.org Per tant per crear un lloc web amb wordpress.org ens caldrà: 1.- Buscar i descarregar els arxius d’instal·lació de wordpress: És el primer que caldrà fer i els podrem trobar a la següent direcció: http://es.wordpress.org/
  19. 19. Wordpress.org • La famosa Instalación en 5 minutos • Descarga el paquete de la última versión WordPress y descomprímelo en una carpeta vacía de tu ordenador. • Abre el archivo wp-config-sample.php con un editor de texto plano y rellena los datos de la conexión a tu base de datos. • Guarda el archivo como wp-config.php. • Sube todo a tu servidor. • Abre http://tudominio.com/wp-admin/install.php en tu navegador. Con esto deberán crearse las tablas necesarias para tu sitio. Si hay algún error, haz el favor de revisar tu archivo wp-config.php y probar de nuevo. Si vuelve a fallar visita los foros de soporte (en inglés) con todos los datos que puedas aportar. • Anota la contraseña que se te proporcionará o elígela tu mismo (desde WordPress 3.0 y en versiones anteriores se genera automáticamente). • El programa de instalación te enviará entonces a la página de acceso. Accede con el nombre de usuario elegido (o admin en versiones anteriores a WordPress 3.0) y la contraseña creada durante la instalación. Ahora podrás hacer clic en ‘Perfil’ y cambiar la contraseña.
  20. 20. Wordpress.org 2.- Allotjament: A continuació caldrà crear un compte amb algun proveïdor d’allotjament (hosting). Una opció és buscar-ne algun de gratuït com: www.000webhost.com
  21. 21. Wordpress.org 3.- Accés FTP: Caldrà tenir accés mitjançant FTP al servidor del nostre proveïdor de hosting per tal de poder pujar tots els arxius d’instal·lació de wordpress. Una opció és utilitzar Filezilla: https://filezilla-project.org/
  22. 22. Wordpress.org 4.- Editor de pàgines web: Al llarg del procés caldrà editar un dels arxius .php per poder instal·lar wordpress correctament. No cal fer aquesta edició amb un editor web (ho podem fer amb el mateix bloc de notes), però si s’opta per fer-lo servir aquí hi ha algunes possibles opcions: Adobe Dreamweaver o Kompozer.
  23. 23. Wordpress.org 5.- Els continguts de la nostra pàgina: Aquest apartat caldria haver-lo realitzat prèviament, i tenir un esquema amb l’estructura que ha de tenir la web, i a ser possible els continguts (textos i imatges) de les diferents seccions.
  24. 24. Wordpress.org 6.- Cal tenir molta paciència: No sempre surten les coses a la primera, i és normal encallar-se durant el procés.
  25. 25. Wordpress.org 7.- Tutorials de youtube: https://www.youtube.com/watch?v=lPKvTOYzbL w&index=2&list=PLMiEI7NU5l4d2j-EqyB- e8vg7C2cBYLfk https://www.youtube.com/watch?v=J6JMjGigsx 8&list=PLMiEI7NU5l4d2j-EqyB- e8vg7C2cBYLfk&index=1
  26. 26. Wordpress.com Per crear un lloc wordpress.com cal anar a la pàgina http://www.wordpress.com i crear-se un compte de wordpress, com si de qualsevol altra xarxa social es tractés, i un cop fet això es pot començar a fer tots els ajustaments necessaris per crear la plataforma wordpress.com.
  27. 27. Wordpress.com Secció Ajustaments:
  28. 28. Wordpress.com Secció Ajustaments: - Generals: Els paràmetres bàsics que cal modificar són: - Títol del lloc: S’hi pot col·locar el nom desitjat. - Descripció curta: Unes paraules per descriure el contingut del bloc. - Direcció de wordpress (URL): aquest paràmetre és important i hauria de coincidir amb el nom de la pàgina i del domini, si se’n disposa, serà la direcció URL del panell d’administració de wordpress.
  29. 29. Wordpress.com - Direcció del lloc (URL): Aquest paràmetre també és important i ha de coincidir amb la direcció de wordpress URL, ja que serà la direcció en la que es veurà el bloc. Si no coincideixen caldria canviar-la perquè encara que estiguem en el panell d'administració de wordpress amb la URL correcta, pot ser que la pàgina o bloc no s’obri si no coincideixen les URL’s. - Zona horària: No cal canviar-la ja que wordpress automàticament assigna l’hora segons el país a on ens trobem, però com a comprovació es pot clicar el desplegable, buscar la ciutat i assignar l’horari. Un cop fets tots el canvis cal clicar a “guardar canvis”.
  30. 30. Wordpress.com
  31. 31. Wordpress.com - Lectura: - Pàgina frontal mostra: Aquí tenim la possibilitat d’escollir si volem que la portada de wordpress es mostri com a pàgina o com a bloc. Si seleccionem “les últimes entrades” funcionarà com a bloc. Si seleccionem “Una pàgina estàtica” veurem que s’activen dos desplegables i a la pàgina que indiquem com “pàgina inicial” serà la portada del lloc web. En cas de no aparèixer res en els desplegables és perquè encara no hi ha cap pàgina creada, però wordpress per defecte ja inclou una “pàgina d’exemple” que després es podrà modificar.
  32. 32. Wordpress.com - Nombre màxim d’entrades a mostrar en el lloc: Aquest paràmetre tan sols funciona amb la modalitat bloc i és la quantitat d’articles que es mostraran a la portada del bloc. - Comentaris: Aquest apartat es pot deixar com està, però és recomanable canviar el paràmetre “els comentaris s'ordenaran amb els ...” seleccionant de la llista “més recents”, així millorem la usabilitat del lloc quan altres usuaris llegeixin comentaris d’algun article i puguin veure els més recents.
  33. 33. Wordpress.com - Mèdia: Aquí podem veure que el paràmetre “organitzar els meus arxius pujats en carpetes basades en mes i any” té la casella activada. Quan publiquem un post i pugem una imatge dins del directori “wp-content” es crearà un altre directori anomenat “uploads”. Dins d’aquest directori s’aniran creant “subdirectoris” (o carpetes) organtizades per any i mes i és a on s’aniran allotjant totes les imatges que es posin als articles Si desactivem aquesta casella tan sols es crearà el directori “uploads” i totes les imatges es guardaran sense cap ordre. No passa res, però si el bloc té molts articles en algun moment ens podem trobar que pugem una imatge amb el mateix nom d’alguna que ja tinguem en un article anterior i llavors wordpress li canviarà el nom automàticament per tal que no estigui repetida.
  34. 34. Wordpress.com
  35. 35. Wordpress.com - Enllaços permanents: Aquest apartat és un dels més importants pel SEO de la plataforma. A “Ajustaments comuns” hi ha vàries opcions que són molt intuïtives, però si el wordpress funcionarà com a web és important seleccionar “nom entrada” per tal de poder personalitzar les URL’´s més endavant. En el camp en blanc “Estructura personalitzada” apareix /%postname%/ i és així com cal deixar-lo.
  36. 36. Wordpress.com - Usuaris: En aquest apartat es podran canviar totes les dades que tinguem com a usuaris del bloc. La única cosa que no es pot canviar és el “Nom d’usuari” per seguretat. Si es vol utilitzar un altre nom caldrà crear un usuari nou. Si es vol fer cal clicar a “Afegir nou”, i a la següent finestra apareixeran les següents dades: - Nom usuari: És el nom amb el que ingressarem en el panell d’administració de wordpress. - Correu electrònic: Si es vol usar el mateix compte de correu que té l’usuari actual caldrà canviar-la primer per una de falsa a l’usuari actual, ja que wordpress no permet correus iguals per diferents usuaris. El compte que s’utilitzi com a usuari serà la que utilitzi wordpress per notificar qualsevol informació del bloc o per recuperar la contrasenya en cas d’haver-la oblidat.
  37. 37. Wordpress.com - També existeix una aplicació anomenada “Gravatar” que assigna una foto nostra en els comentaris mitjançant correu electrònic. Si ja tenim compte de gravatar es pot utilitzar el correu electrònic que es va usar en aquesta aplicació en el nostre usuari de wordpress. - Contrasenya: És important que sigui segura, i cal escriure-la 2 vegades. - Perfil: Selecciona “Administrador” per administrar la pàgina o el bloc amb aquest nou compte. Clicar a “afegir usuari nou”.
  38. 38. Wordpress.com
  39. 39. Wordpress.com - Un cop haguem acabat, tanquem la sessió i entrem de nou amb les credencials del nou usuari creat. Tornem a anar a “usuaris” i a l’antic usuari tindrem les opcions “editar” i “borrar”, cal fer clic a “borrar” i a la següent finestra seleccionem “atribuir totes les entrades a:” i del desplegable cal escollir el nom d’usuari que acabem de crear. Clic a “confirmar borrat”. I ara totes les pàgines i articles del bloc han estat assignats al nou usuari. - En el nou usuari que hem creat fem clic a editar i anem a veure com modificar-lo:
  40. 40. Wordpress.com - Si has escrit el teu “nom” i “cognoms”, en el paràmetre “mostrar aquest nom públicament”, podràs escollir com vols que wordpress mostri la teva identificació en els articles (un exemple és quan a sota del post es veu “escrit per”) - Web: Si poses l’enllaç d’una altra pàgina web el que passarà és que quan responguis als comentaris dels usuaris, el teu nom tingui un enllaç a la URL que s’ha col·locat anteriorment. És millor deixar-ho buit per evitar l’excés d’enllaços per pàgina que recomana google que és un màxim de 100.
  41. 41. Wordpress.com - A l’apartat “informació biogràfica” es pot escriure quelcom sobre nosaltres. Si es deixa en blanc no passa res, però si s’escriu quelcom, al final de cada post, apareixerà una foto nostra (si utilitzem gravatar) i la informació que s’hi hagi escrit. Si no s’utilitza gravatar wordpress assignarà una imatge per defecte. - Contrasenya: Es por canviar la contrasenya si es vol, i en cas de no fer-ho mantindrà la que hi hagi posada.
  42. 42. Com s’estructura una pàgina de Wordpress Una pàgines de wordpress s'estructura amb un frontend i un backend. El frontend és la part de la web en la que els usuaris visualitzen tots els continguts, amb el disseny utilitzat i les funcions que realitzi la web; en definitiva és la part visible.
  43. 43. Com s’estructura una pàgina de Wordpress El backend és la part interna de la web, on es dissenya com estarà organitzada, com s’estructuraran els continguts, imatges, etc; quines funcions realitzarà, quin disseny es mostrarà als internautes, etc. És la part a on hi trobem totes les funcions per administrar la web.
  44. 44. Pannell d’administració o backend En primer lloc hi ha un apartat de gestió del contingut de la pàgina:
  45. 45. Pannell d’administració o backend Entrades: Apartat per crear i gestionar els posts del bloc. Categories: Apartat per la creació de l’estructura de les categories que serveixen per organitzar els continguts. Etiquetes: Apartat de gestió de les etiquetes que serveixen per organitzar els continguts. Enllaços: Creació i gestió dels enllaços o categories d’enllaços.
  46. 46. Pannell d’administració o backend Mèdia: Apartat per tota la gestió dels objectes i dades multimèdia, incloses les galeries d’imatges i fotos. Comentaris: Apartat per la gestió dels comentaris dels usuaris.
  47. 47. Pannell d’administració o backend Apartat pel disseny de la pàgina de wordpress:
  48. 48. Pannell d’administració o backend En aquest apartat podem gestionar tot allò referent al disseny de la pàgina web o bloc; està organitzat en les següents seccions:
  49. 49. Pannell d’administració o backend Temes: Instal·lació i gestió de les plantilles de disseny per la pàgina. Són els que donen l’aspecte visual a la web o bloc. Per defecte ens en posa un, el podem canviar i gestionar, hi ha plantilles gratuïtes i altres de pagament. A la secció podem mirar tot el que hi ha i provar com queda el tema seleccionat per fer-nos una idea del disseny final.
  50. 50. Pannell d’administració o backend Opcions del tema: Moltes plantilles permeten configurar o personalitzar diversos paràmetres sense necessitat de programar cap codi. En alguns casos es pot personalitzar la capçalera, el fons o el peu de pàgina.
  51. 51. Pannell d’administració o backend Menús: Creació i gestió dels menús de la pàgina. Amb aquest apartat caldrà arrastrar i deixar anar les pàgines, categories, posts o enllaços per tal de crear tots els menús. Si estem creant una pàgina podem fer menús personalitzats. En el cas d’un bloc sovint és suficient utilitzant els “widgets” “entrades recents” i “categories” per mostrar-los com a menú al lateral del bloc.
  52. 52. Pannell d’administració o backend Widgets: Gestió de totes les zones que permeti la plantilla per la inserció de widgets. Alguns venen per defecte, altres caldrà gestionar-los a través de l’apartat plugins. Els widgets són blocs d’aplicacions que utilitzem com entrades recents, categories, menús, xarxes socials, etc. Aquí wordpress ens mostra els bàsics, però varien depenent de la plantilla que utilitzem. En aquesta secció wordpresss mostra les zones on es poden col·locar i també varia depenent de la plantilla.
  53. 53. Pannell d’administració o backend Plugins: En aquest apartat es podran descarregar directament o instal·lar els plugins necessaris per tal que la web cobreixi totes les necessitats. La comunitat de wordpress ofereix un gran ventall de plugins que es poden trobar de forma ordenada a la seva pàgina oficial o que es poden descarregar mitjançant el buscador o instal·lador de plugins que es troba en aquest apartat.
  54. 54. Pannell d’administració o backend Plugins: També es poden gestionar els ja descarregats per activar-los, anul·lar-los o eliminar-los. La majoria dels plugins instal·lats tindran també un panell d’opcions per configurar-los. Es pot accedir a aquest panell des d’aquest mateix apartat, en el llistat de plugins o des del menú de navegació esquerra de wordpress que quan s’hagi activat el plugin aquest insertarà una etiqueta perquè s’hi pugui accedir més fàcilment.
  55. 55. Pannell d’administració o backend Plugins: Per defecte wordpress porta instal·lat el plugin “akismet” per evitar “spam” en els comentaris del bloc. Aquest ve amb unes instruccions per la seva activació un cop instal·lat: plugin d’Akismet.
  56. 56. Pannell d’administració o backend Comentaris: Aquí és on es poden administrar tots els comentaris que facin els usuaris del bloc. Seran filtrats per “akismet”, tant els reals com els d’spam. Els comentaris no es publicaran automàticament, es podran revisar i aprovar i contestar si són correctes, i borrar en cas que no ho siguin. Cada vegada que algú realitzi un comentari ens arribarà al correu electrònic assignat a wordpress.
  57. 57. Pannell d’administració o backend Usuari: A l’apartat usuari s’hi poden insertar nous usuaris, gestionar els ja insertats manualment i també veure quan un usuari es registra a la web. També es poden configurar els rols d’usuari que ja té la web per atorgar diversos permisos depenent de l’usuari del que es tracti.
  58. 58. Pannell d’administració o backend Eines: Apartat que servirà per instal·lar i gestionar diverses eines per la pàgina que ajudaran a connectar amb aplicacions externes a la plataforma i així millorar la integració i ampliar les funcions de la plataforma.
  59. 59. Pannell d’administració o backend Ajustos: Apartat que serveix per configurar totes les opcions que proporciona wordpress mitjançant les etiquetes. Generals: diverses opcions de configuració com el nom o descripció, url, horari, rols de registre, disponibilitat de registre, etc. Escriptura: Opcions d’escriptura com la configuració de les publicacions mitjançant correu o el servei d’actualització mitjançant pings.
  60. 60. Pannell d’administració o backend Lectura: Algunes opcions de lectura i presentació de la home, com per exemple si la primera pàgina serà la dels posts o una pàgina estàtica en el cas dels blocs, així com la configuració de l’RSS. Comentaris: Diverses opcions per la gestió dels comentaris dels usuaris. Mèdia: Diverses opcions per la mida de les imatges.
  61. 61. Pannell d’administració o backend Enllaços permanents: Configuració de les urls de la pàgines, en aquest apartat és on es pot configurar de manera que les urls es creïn sense caràcters especials (friendly url).
  62. 62. Crear una pàgina amb wordpress Quan instal·lem un wordpress, per defecte ve amb una entrada al bloc i una pàgina d’exemple. Les pàgines les podem gestionar a través del menú lateral esquerra “Pàgines”.
  63. 63. Crear una pàgina amb wordpress Quan entrem en aquesta secció veiem que apareix una llista de les pàgines (en aquest cas la d’exemple) i en podem crear més clicant “afegir nova”. Si apropem el cursor del ratolí podrem observar que es desplega un menú amb les opcions: editar, edició ràpida, paperera i veure.
  64. 64. Crear una pàgina amb wordpress Abans de continuar anem a explicar un petit “truquet” per configurar cada una de les Url’s de les pàgines optimitzades per SEO. Això tan sols cal fer-ho quan el wordpress està allotjat en un servidor remot, és a dir en el cas del .com Primer cal anar a la secció “Ajustos” i entrar a l’apartat “enllaços permanents”. Cal seleccionar “nom entrada” i en el camp “estructura personalitzada” apareix quelcom com “/%postname%/; després cal fer clic en “guardar canvis”. Quan seleccionem aquesta opció wordpress agafarà com a pàgina d’inici del lloc la pàgina estàtica que s’hagi indicat en el camp desplegable “Pàgina inicial”, en aquest cas seleccionem “pàgina d’exemple” i guardem canvis.
  65. 65. Crear una pàgina amb wordpress Quan seleccionem aquesta opció wordpress agafa com a pàgina d’inici la pàgina estàtica que s’hagi indicat en el camp desplegable, en cas que hi hagi més pàgines apareixeran en aquest camp desplegable. Després cal anar a la secció “plugins” i entrar a l’apartat “afegir nou”. Cal buscar un plugin amb el nom: Custom Permalinks, instal·lar-lo i activar-lo.
  66. 66. Crear una pàgina amb wordpress En cas de no trobar-lo també es pot descarregar a: http://wordpress.org/plugins/custom- permalinks/ pujar-lo amb FTP, instal·lar-lo i activar-lo.
  67. 67. Crear una pàgina amb wordpress Després caldrà tornar a la pàgina d’exemple i veurem:
  68. 68. Crear una pàgina amb wordpress 1.- Camp del títol: Aquí cal escriure el títol de la pàgina. 2.- Enllaç permanent: El plugin “Customs Permalink” afegeix aquest camp perquè escriguis una URL personalitzada a la pàgina. Com que estem a la pàgina d’inici no caldrà escriure res ja que la pàgina d’inici coincideix amb el domini. Aquest plugin també permet afegir qualsevol terminació com .html, .php o la que es vulgui posar a la URL. En cas de no instal·lar aquest plugin no passa res, ja que wordpress permet personalitzar la URL i que no necessàriament coincideixi amb el títol, però no ens deixarà posar cap terminació, i per defecte assignarà la barra “/” al final de la URL.
  69. 69. Crear una pàgina amb wordpress 3.- Hi ha dues pestanyes: Visual i text. Amb visual es pot treballar com amb un word, i és més recomanable per usuaris que no estiguin familiaritzats amb llenguatge html. Amb text hi ha més avantatges si s’està familiaritzat amb html ja que permet afegir etiquetes html i personalitzar al màxim el text.
  70. 70. Crear una pàgina amb wordpress 4.- Atributs del text: com amb el word, wordpress ofereix uns atributs per personalitzar el text com negretes, cursiva, llistes, enllaços, etc. 5.- Contingut: En aquest espai és o cal agregar tot el contingut, textos i imatges, que es vulgui que apareguin a la pàgina. 6.- Comentaris: Es pot afegir un formulari de contacte en cada pàgina i en cada post.
  71. 71. Crear una pàgina amb wordpress 7.- Publicar: En aquest apartat es poden veure estadístiques de la pàgina com l’estat i la data de publicació, també es pot borrar i actualitzar el contingut. 8.- Atributs de la pàgina: En aquesta secció es poden ordenar les pàgines, ordenar-les, posant el número de pàgina que volem que tingui, i també les podem associar a una pàgina superior per crear submenús i estructurar correctament el contingut.
  72. 72. Publicar una nova pàgina amb wordpress A la secció pàgines cal fer clic a “afegir nova”, i tot serà pràcticament igual que en l’anterior, les úniques diferències seran que no apareixerà el camp d’enllaç permanent i el botó per guardar canvis diu “Publicar”; també podem observar que a “comentaris” hi ha les dues caselles marcades que té wordpress per defecte.
  73. 73. Publicar una nova pàgina amb wordpress
  74. 74. Publicar una nova pàgina amb wordpress Si escrivim alguna cosa en el títol i en el contingut wordpress mostrarà automàticament el camp “enllaç permanent” per tal que assignem una URL a la pàgina, de mentres Wordpress n’assignarà una de provisional, fins que la canviem per tenir una URL amigable. A la secció d’atributs de la pàgina hi podem posar el número 2 i ens apareixerà en segon lloc. Un cop fet això podem publicar.
  75. 75. Publicar una nova pàgina amb wordpress A la secció “publicar” tenim l’opció de programar la pàgina perquè es publiqui automàticament el dia i la hora que indiquem. Un cop fet apareixerà un missatge que indica que la pàgina ha estat publicada i el botó “publicar” ha passat a ser “actualitzar”. Si després fem clic a totes les pàgines podrem veure totes les que tenim en l’ordre que hem indicat.
  76. 76. Publicar una nova pàgina amb wordpress Si després fem clic a totes les pàgines podrem veure totes les que tenim en l’ordre que hem indicat.
  77. 77. Crear un menú amb wordpress En el mode bloc wordpress porta per defecte un widget “entrades recents” que és la manera d’enllaçar un nou post automàticament sense haver de fer res més. Però en mode “pàgina” aquest widget no funciona.
  78. 78. Crear un menú amb wordpress Per tal que la nova pàgina es pugui veure caldrà crear un enllaç des del menú principal. Per fer això cal anar a la secció “Aparença” i fer clic a l’apartat “menús”.
  79. 79. Crear un menú amb wordpress Veurem una estructura de menú parcialment formada per wordpress. A “nom del menú” cal escriure el nom desitjat pel menú principal. A “L’estructura del menú” tenim tres ítems: Inici, pàgina d’exemple, i una altra pàgina d’exemple. Inici i pàgina d’exemple són les mateixes ja que wordpress agafa la primera pàgina com el seu inici i després agafa la resta com a secundàries.
  80. 80. Crear un menú amb wordpress Podem desplegar “pàgina d’exemple” i borrar-la (perquè està duplicada) i fer clic a “crear menú”.
  81. 81. Crear un menú amb wordpress Un cop creat el menú veurem les noves opcions: Afegir pàgines automàticament, que anirà afegint les pàgines al menú a mesura que les anem creant a l’apartat pàgines, i ubicació del tema, la qual cal seleccionar per indicar a wordpress que aquest és el menú principla de la plantilla que estem utilitzant.
  82. 82. Crear un menú amb wordpress Aquest exemple l’estem fent amb la plantilla “twenty thirteen” i tan sols adment un menú. Caldrà fer clic a “guardar menú”.
  83. 83. Crear un menú amb wordpress Si un cop fet tot això anem a veure al lloc web podrem veure el menú acabat de crear. Com es pot veure és senzill d’utilitzar, i amb una mica de creativitat es poden aconseguir un resultats excel·lents.
  84. 84. Entrades de wordpress La diferència entre una pàgina i una entrada és que la pàgina és estàtica i no apareixerà en el widget “entrades recents”, i les entrades són la part dinàmica, la utilitzada com a posts al bloc. A la pàgina no hi podem posar etiquetes i categories, tan sols un ordre jeràrquic i sí que ho podem fer a les entrades. En totes dues es poden deixar comentaris.
  85. 85. Entrades de wordpress Si la plataforma wordpress la fem servir únicament o principalment com a bloc, el que veurem a la pàgina principal seran les entrades ordenades cronològicament per data de publicació, de la més recent a la més antiga. A mesura que anem publicant articles tan sols es veuran els 5, 10 o 20 últims, segons com haguem configurat el “widget” “entrades recents”.
  86. 86. Entrades de wordpress A les entrades no els hi podem assignar una estructura jeràrquica, però si una data de publicació, categories i etiquetes, aquests dos elements són de gran importància pel posicionament orgànic de la plataforma wordpress.
  87. 87. Entrades de wordpress Categories: S’utilitzen per classificar les entrades d’un bloc segons la temàtica de la que es parli. Es pot assignar més d’una categoria, però cal assegurar-nos que es correspon amb la temàtica de la qual parlem.
  88. 88. Entrades de wordpress Etiquetes: Funcionen com a subcategories i també es fan servir per classificar els articles per temàtica. També es pot assignar més d’una etiqueta per post, però sempre que es correspongui amb allò del que estem parlant.
  89. 89. Moltes gràcies per la vostra atenció! Marta Costa Montmany Marketing per tu, creant marketing a mida Tel. 696 85 70 52 http://marketingpertu.com www.facebook.com/Marketingpertu @Marketingpertu http://www.slideshare.net/marketingpertu

×