Post on 31-Jan-2020
Taller de Comunicació bàsica amb Wordpress
DIBA
Vilanova i la Geltrú, 24/11 i 1/12/2016
Programa Formatiu
Sessió 1 i 2● Introducció
– L’evolució d’Internet i la web 2.0
– Wordpress per la comunicació
● Tastet d’eines– La marca de l’entitat, més enllà del disseny gràfic del blog
– Extensions per a la comunicació 2.0
– Fotogaleries
● Pràctica– Com configurar i adaptar el tema del blog
– Publicar contingut visual amb imatges i fotogaleries
– Connectem el blog amb les xarxes socials
Introducció: L’evolució d’internet i la web 2.0
Introducció: L’evolució d’internet i la web 2.0
Web 1.0● Pagines estàtiques
● Formularis s’envien per mail
● Comunicació unidireccional
● Caràcter divulgatiu
● Complexitat per actualitzar els continguts
● Webs interactives
● Baixa comunicació entre usuaris i creadors de contingut
Introducció: L’evolució d’internet i la web 2.0
Web 2.0● Pàgines dinàmiques● Comunicació multidireccional● Webs col·laboratives● L’usuari opina, consulta, aporta
i publica● Xarxes socials
Wordpress per la comunicació
● Els blocs van sorgir poc a poc degut a la necessitat de persones anònimes per compartir els seus recursos i/o sentiments, pensaments, reivindicacions, etc...
● A la dècada dels anys 90 (s.XX), comencen a sorgir els “weblog”.
● WordPress es un CMS (Content Management System)● Des del seu naixement fins a l’actualitat, ha recorregut un llarg
camí de millora contínua, gràcies a la col·laboració de tots aquells/es persones que l’utilitzen i l’han anat millorant.
● Els blocs són un dels grans fenòmens del web 2.0 i una via de comunicació molt important.
Wordpress per la comunicació
● El Tauler: – és el centre de
comandament del nostre blog.
– A la barra lateral trobem les opcions de gestió més importants
Per accedir al tauler
Wordpress per la comunicació
El nostre Perfil:– Usuaris > El vostre perfil
– Podem modificar la informació del nostre perfil:● Imatge que ens representa, Idioma, breu descripció,
nom del blog, dades de contacte...
Wordpress per la comunicació
Administració d’usuaris:– Afegir: Per afegir nous usuaris del blog. Usuaris > Afegir
– Gestionar: Per a gestionar els usuaris del nostre blog. Usuaris > Tots els usuaris
– Rols:● Administrador – Accés a totes les característiques del blog.● Editor – publica i gestiona els continguts així com també gestiona
continguts d’altres usuaris.● Autor – publica i gestiona els seus propis continguts. Continguts dels
quals és l’autor, per tant, no gestiona continguts d’altres usuaris.● Col·laborador – Pot escriure nous continguts però no pot publicar-los.● Subscriptor – Pot escriure comentaris i rep missatges amb novetats.
Wordpress per la comunicació
● Entrades– Continguts que varien (noticies,
avisos)
– Es poden categoritzar
– Es poden etiquetar
– Son socials
● Pagines– Destinades a ser
estàtiques
– Tenen un ordre jeràrquic
● Cometaris– Opinions o qüestions
que poden realitzar els visitants del blog
● Mèdia– Arxius multimedia:
videos, fotografies, audios, documents
– Galeries d’imatges
Wordpress per la comunicació
● Menús– Els menús serveixen per a que els usuaris puguin
navegar per les diferents pagines que tinguem.
– Podem introduir tants apartats als menús com vulguem.
– Poden tenir pares i fills (tenen una jerarquia).
Accedirem a l’administració dels menús des del panell lateral: Aparença > Menús
Wordpress per la comunicació
● Ginys– Els Ginys acompanyen el
contingut central de la pàgina.
– Són petites funcionalitats que milloren l’experiència del nostre bloc.
Accedirem a l’administració dels menús des del panell lateral: Extensions > Extensions instal·lades
Wordpress per la comunicació
● Ginys per defecte– Alguns dels ginys que trobareu per defecte són:
● Calendari: Afegeix un calendari on hi ha marcats els dies on s’ha afegit una entrada. Seleccionant el dia veiem les entrades d’aquell dia. Aquest giny no te res a veure amb una agenda, ni tampoc amb la visualització d’actes o esdeveniments.
● Cerca: Es una barra de cerca que permet als usuaris buscar paraules que apareguin dins el contingut del nostre bloc. Ens acabarà oferint un llistat d’entrades resultants.
● RSS: Permet llistar les entrades sindicades d’una web externa.
Wordpress per la comunicació
● Ginys per defecte● Categories: Mostra les categories del bloc i permet veure
totes les entrades de lla categoria que es cliqui.● Núvol d’etiquetes: ens mostra les etiquetes o categories del
web amb diferents mides segons els nombre d’articles que les contenen.
● Arxius: Ordena per mesos els articles que s’ha anat afegint i permet seleccionar els del mes que ens interessa.
● Text: Utilitzarem aquest giny per escriure lliurement el que volguem. Tindrem la possibilitat d’escriure-hi en format HTML. D’aquesta forma podrem afegir una part de codi HTML d’un vídeo de Youtube o d’altres serveis.
La marca de l’entitat, més enllà del disseny gràfic del blog
Cal tenir en compte que el blog s’identifiqui amb la nostra entitat● Logotip● Latemotiv● Colors de l’entitat● Cartells, tríptics, flyers...
Extensions per la comunicació 2.0
● Les extensions ens permeten ampliar les funcionalitats que pot fer el nostre WordPress.
● Per activar o desactivar les extensions, heu d’anar al menú lateral i clicar on posa Extensions.
● En aquesta llista veiem el nom de la extensió, i una explicació del que fa aquesta.
● Si volem activar una extensió concreta, només cal clicar en l’enllaç Activa.
● També podem activar varies extensions a la vegada.● La major part d’extensions van acompanyades d’opcions de
configuració, que accedirem des dels menú Opcions.● algunes extensions poden venir acompanyades d’un nou Giny.
Fotogaleries
● Les galeries són àlbums fotogràfics amb un nom, un resum i unes fotografies.
● Des del menú Galeries podrem gestionar els nostres àlbums i afegir-ne de nous.
● També podrem categoritzar aquestes galeries a través dels tipus de Galeries.
Fotogaleries
Entre els seus camps en destaquem dos d’específics:
El botó “Afegeix un media”: On podem especificar les fotografies que hi volem incorporar.
Extracte: On podem escriure una breu descripció de l’àlbum fotografic
Com configurar i adaptar el tema del blog
Els temes son plantilles de disseny que faràn que el nostre blog es visualitzi amb un especte concret (colors, tipografia, capcelera, columnes...)
Com configurar i adaptar el tema del blog
Per canviar el tema, ho fem a traves del menú lateral Aparença > Tema
De tots els temes que tinguem disponibles haurem de triar-ne un i premer el botó Activa.
Podem veure quin aspecte tindrà el nostre blog abans de escollir un tema prement el botó Previsualitza
Com configurar i adaptar el tema del blog
● Adaptar el tema: menú Aparença > Personalitzar● Cada tema disposa d'unes opcions que podrem
canviar per adaptar l'aspecte del nostre blog, els mes comuns son:
– Colors– Layout– Tipografia– Pàgina principal
- Ginys- Imatge de fons
Com configurar i adaptar el tema del blog
Canviar la imatge de capçalera● Si el nostre tema disposa de imatge de
capçalera, la podrem canviar des del menú Aparença > Capçalera
● Si hem escollit un tema de Diba Design canviarem la nostra capçalera de del menú Aparença > Logo
Publicar contingut visual amb imatges i fotogaleries
● Quan estem editant una entrada o pàgina podem afegir imatges des del boto: Afegeix un mèdia
Publicar contingut visual amb imatges i fotogaleries
● S'ens mostra una finestra flotant amb totes les imatges que hem pujat i diferent opcions: Inserir un mèdia, Crear una galeria, Imatge destacada, Inserir des d'un URL
Connectem el blog amb les xarxes socials
● Podem connectar el nostre blog amb les xarxes socials de diferents maneres.– Botons socials (enllaços als nostres comptes de
xarxes socials)
– Timelines
– Botons per compartir
– Publicize de JetPack
Suport Tècnic
Servei de suport per a consultes i incidències tècniques d'entitats.● Email. suportda2@diba.cat● Telèfon: 93 472 25 63● Tutorials:
http://recursos.formacio.ppe.entitats.diba.cat
Per la vostra atenció!