taller de comunicació bàsica amb wordpress dibaprograma formatiu sessió 1 i 2 introducció –...

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


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


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.


● 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


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


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.


● 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


● 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


● 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


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


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


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


● 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


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. [email protected]● Telèfon: 93 472 25 63● Tutorials:

http://recursos.formacio.ppe.entitats.diba.cat

mailto:[email protected]

http://recursos.formacio.ppe.entitats.diba.cat/

Per la vostra atenció!

taller de comunicació bàsica amb wordpress dibaprograma formatiu sessió 1 i 2 introducció –...

Documents