Construcció de pàgines web

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 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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/

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.

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

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/

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.

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.

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.

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

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.

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·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.

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”.

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.

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.

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.

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.

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.

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”.

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:

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.

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.

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.

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.

Pannell d’administració o backend
En primer lloc hi ha un apartat de gestió del
contingut de la pàgina:

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.

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.

Apartat pel disseny de la pàgina de wordpress:

En aquest apartat podem gestionar tot allò
referent al disseny de la pàgina web o bloc;
està organitzat en les següents seccions:

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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).

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”.

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.

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.

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.

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.

Després caldrà tornar a la pàgina d’exemple i
veurem:

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.

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.

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.

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.

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.

wordpress

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.

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.

wordpress
Si després fem clic a totes les pàgines podrem
veure totes les que tenim en l’ordre que hem
indicat.

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.

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”.

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.

Podem desplegar “pàgina d’exemple” i borrar-la
(perquè està duplicada) i fer clic a “crear menú”.

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.

Aquest exemple l’estem fent amb la plantilla
“twenty thirteen” i tan sols adment un menú.
Caldrà fer clic a “guardar menú”.

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.

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.

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”.

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.

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.

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.

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

Construcció de pàgines web

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (7)

Semelhante a Construcció de pàgines web

Semelhante a Construcció de pàgines web (20)

Mais de Marketing per tu

Mais de Marketing per tu (20)

Construcció de pàgines web