Construcció de pàgines web

Construcció de pàgines web

Marta Costa MontmanyCurs: 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.


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.


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.


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.


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.


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.


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/

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.

http://es.forums.wordpress.org/

http://es.forums.wordpress.org/

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

http://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/

https://filezilla-project.org/

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.

http://jugandoatraducir.com/2013/01/12/como-disenar-tu-web-profesional-con-wordpress/www.adobe.com/es/products/dreamweaver.html



http://sourceforge.net/projects/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=lPKvTOYzbLw&index=2&list=PLMiEI7NU5l4d2j-EqyB-e8vg7C2cBYLfkhttps://www.youtube.com/watch?v=J6JMjGigsx8&list=PLMiEI7NU5l4d2j-EqyB-e8vg7C2cBYLfk&index=1

https://www.youtube.com/watch?v=lPKvTOYzbLw&index=2&list=PLMiEI7NU5l4d2j-EqyB-e8vg7C2cBYLfk



https://www.youtube.com/watch?v=J6JMjGigsx8&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.

http://www.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

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

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

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:

http://www.blog.bluemarkets.es/pagina-web-con-wordpress/gestion-contenidos-pagina-we-con-wordpress/


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:

http://www.blog.bluemarkets.es/pagina-web-con-wordpress/apariencia-pagina-web-con-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.

http://akismet.com/

http://akismet.com/

http://akismet.com/


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

http://wordpress.org/plugins/custom-permalinks/




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.


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.


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.


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 MontmanyMarketing per tu, creant marketing a mida

Tel. 696 85 70 52http://marketingpertu.com

www.facebook.com/Marketingpertu@Marketingpertu

http://www.slideshare.net/marketingpertu

http://es.linkedin.com/pub/marta-costa-montmany/38/930/950

http://www.facebook.com/Marketingpertu

https://mobile.twitter.com/

https://mobile.twitter.com/




Construcció de pàgines web

Internet

Transcript of Construcció de pàgines web