Pràctica: Creació D’un portal de notícies amb wordpress Sistemes de gestió de continguts
Jordi Llonch Esteve Cc by-nc-sa
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Índex Índex .............................................................................................................................. 1 Requisit 1........................................................................................................................ 2 Requisit 2........................................................................................................................ 2 Requisit 3........................................................................................................................ 3 Requisit 4........................................................................................................................ 4 Requisit 5........................................................................................................................ 4 Requisit 6........................................................................................................................ 5 Requisit 7........................................................................................................................ 6 Requisit 8........................................................................................................................ 6 Requisit 9........................................................................................................................ 7 Requisit 10...................................................................................................................... 7 Requisit 11...................................................................................................................... 7 Bibliografia i altres recursos ......................................................................................... 8
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 1/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Requisit 1 Cada notícia constarà, com a mínim dels següents camps; una imatge, un títol, una descripció, data de publicació, una categoria, i etiquetes lliures. L’exemple següent mostra tots els camps requerits en una notícia.
Requisit 2 Hi haurà com a mínim 1 notícia de mostra per cada categoria. La captura de pantalla del tauler de control il·lustra que hi ha dues notícies de mostra per cada categoria.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 2/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Requisit 3 Es podrà navegar per les notícies per categories o per etiquetes. La captura de pantalla següent il·lustra la llista de categories.
La captura de pantalla següent il·lustra la llista d’etiquetes.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 3/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Requisit 4 Les categories seran les següents; Política, Món, Societat, cultura, economia i esports. La captura de pantalla següent il·lustra la llista de categories.
Requisit 5 A la portada del lloc web es veuran les imatges en petit de les últimes notícies, els títols i la data de publicació, (amb la paginació corresponent). Al clicar a qualsevol de les imatges o el títol anirem a la pàgina única de cada notícia on podrem veure la imatge en gran i la descripció complerta amb la resta de camps (categories i etiquetes). Com que el Wordpress no permet fer aquesta tasca de manera nativa he instal·lat l’extensió Get Post List With Thumbnails, que permet, entre d’altres: •
Mostrar miniatures de mides i alineament personalitzat.
•
Mostrar totes les categories o només les desitjades.
•
Mostrar totes les etiquetes o només les desitjades.
•
Mostrar la data de la notícia amb opció a personalitzar el format.
•
Mostrar la imatge predefinida de cada article.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 4/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Les opcions que he escollit són:
Requisit 6 Addicionalment caldrà crear una pàgina de contacte amb la url “contacte” que permeti enviar un missatge als autors de la web. Com que el Wordpress no permet fer aquesta tasca de manera nativa he instal·lat l’extensió Contact form, que insereix un formulari de contacte a qualsevol pàgina. Després he creat una pàgina amb el nom “Contacte” i li he inserit el codi de l’extensió.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 5/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Requisit 7 El menú principal mostrarà les categories. La imatge següent mostra les categories del menú principal.
Requisit 8 L’estructura de la pàgina serà de 2 columnes, la primera correspondrà al contingut i la segona serà una barra lateral amb, com a mínim, els següents “blocs” en qualsevol ordre: –
Un enllaç a la pàgina de contacte
–
Un enllaç al RSS dels continguts
–
Un núvol d'etiquetes
A part dels blocs requerits per l’enunciat, he afegit un quadre de cerca. La imatge següent mostra aquests blocs al panell de control:
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 6/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Requisit 9 En
el
cas
de
Wordpress
caldrà
partir
http://wordpress.org/extend/themes/thematic
sempre
del
redefinint
tema la
Thematic
fulla
d’estils
mínimament per personalitzar el disseny. Un cop descarregat i instal·lat el tema Thematic, he aplicat un tema fill que en modifica la fulla d’estils, anomenat Byty.
Requisit 10 Es deixa a l'elecció de l'alumne el disseny i personalització del tema, així com el layout (per exemple si el sidebar està a l'esquerra o la dreta). Cal modificar el css del tema per modificar el seu aspecte "per defecte", colors i tipografies, però a l'elecció totalment lliure. Partint del tema fill Byty, he modificat el css per a adaptar-lo als meus requisits. Finalment he convertit la barra lateral en doble per a mostrar les etiquetes en una subcolumna dins de la pròpia barra lateral.
Requisit 11 Caldrà tenir el projecte funcionant a Cimanet.uoc.edu i especificar al document l'adreça i l'usuari administrador per poder entrar al panell d'administració. En cas de problemes amb el servidor notifiqueu la incidència amb el consultor. La web està disponible a http://cimanet.uoc.edu/labftp/jllonche/practica/ i les credencials s’envien en un document de text independent al registre d’activitats. Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 7/8
Sistemes de gestió de continguts
Pràctica: Creació d’un portal de notícies
Bibliografia i altres recursos Julià Lundgren, Daniel. (2012). Sistemes de gestió de continguts. FUOC. Llonch Esteve, Jordi. (2013). PAC 1 Sistemes de gestió de continguts. http://elmeuordinador.blogspot.com/2013/10/sistemes-de-gestio-decontinguts-pac-1.html [data de consulta: desembre 2013] Llonch Esteve, Jordi. (2013). PAC 2 Sistemes de gestió de continguts. http://elmeuordinador.blogspot.com/2013/11/sistemes-de-gestio-decontinguts-pac-2.html [data de consulta: desembre 2013]
Wordpress.
Contact
http://wordpress.org/plugins/contact-form-
Form.
plugin/installation/ [data de consulta: desembre 2013] Wordpress. Get Post List With Thumbnails. http://wordpress.org/plugins/get-postlist-with-thumbnails/other_notes/ [data de consulta: desembre 2013] Wordpress. Thematic. http://wordpress.org/themes/thematic [data de consulta: desembre 2013] Cozmoslaba.
Byty
the
Free
Child
Theme
–
Built
on
Thematic.
http://www.cozmoslabs.com/145-byty-free-child-theme-built-thematic/
[data
de consulta: desembre 2013]
El logotip de la UOC i és propietat de la Universitat Oberta de Catalunya i la resta d’imatges són captures de pantalla de creació pròpia i s’acullen a la mateixa llicència que aquest document.
Jordi Llonch Esteve
CC BY-NC-SA
Pàg. 8/8
