Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Entorn Wordpress

No description
by

odile carabantes

on 6 March 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Entorn Wordpress

01.

Definició WP
Exemples
Resum: Per què utilitzar Wordpress?
introducción
WordPress és un
sistema de gestió de continguts
(o
CMS
, de l'anglés
Content Management System
). És un
programa
que permet crear una estructura de suport (
framework
) per a la creació i administració de continguts.

Desenvolupat amb el llenguatge de programació
PHP
, utiliza
MySQL

(un sistema de gestió de bases de dades) y té una
Llicència Pública de GNU
(
General Public License
). Es a dir,
programari lliure.

1- És
programari lliure
. Te una comunitat amplia que el mante.


01. Que es?
2- És
intuïtiu
. Pots obtenir un resultat molt satisfactori sense necessitat de saber programar.

3- Es
extensible
. Et permet afegir funcionalitats en base a les teves necessitats (plugins).

Altres Aplicacions similars
Consisteix en una interfaç que controla una o varies bases de dades on s'allotja el contingut del lloc web.

El sistema permet controlar de manera independent el contingut i el disseny.
Així, és possible manejar el contingut i donar-li en qualsevol moment un disseny diferent al lloc web sense haver de donar-li format al contingut de nou.

Wordpress nace en 2003 y se crea a partir de b2/cafeblog (un programa para crear blogs).
Com funciona?
Important!
Actualitzacions
. Com qualsevol software, WP ha d'actualitzar-se constantment. En aquest moment s'han de tenir en compte varies coses (còpia base de dades, plugins actualizats, etc).

Tumblr (
microblogging
)
Drupal (CMS)
Movabletype(CMS)
Blogger (bloc)
00.
Diferencia entre wordpress.org i wordpress.com
03.
Instal·lació WP
dashboard
00. Dashboard WP
02. Publicar contingut (sobre temes per defecte)

Tasca:
crear web amb menú i contingut
themes
00.
Què és un
theme
?

01.
Com instal·lar un
theme
?

02.

Tipus de
themes
i com manipular-los.

plugins
00.
Què és un plugin?
01.
¿Cómo instalar un plugin?
02.

Recomanació d'alguns plugins.
Tasca
: instal·lar-te un
theme
en base a les teves necessitats i provar-lo.
Pensar quines funcionalitats vols afegir-li a la teva web.

Tasca:
comprar domini+allotjament e instal·lar WP o be instal·lar-lo en servidor local (MAMP/WAMP).
Empresa
Botiga online
bloc
revista digital
Institució
Portfoli
http://brightbyte.co.uk/work/
http://abacus.coop
http://wootten.com.au/shop
http://www.booooooom.com/
http://smashingmagazine.com
http://www.shookdown.es/
http://www.ub.edu/comitepdi-l/
02. Conceptes bàsics
2.Local
1.1 Host/allotjament
(internet)
1.3 FTP
1.5 Base de dades
Paràmetres bàsics a l'hora d'escollir un theme
Starter themes, Parent themes, Frameworks
Paràmetres bàsics a l'hora d'escollir un plugin
01. Tipus de contingut (entrades, pàgines...)
1
. Crear base de dades al servidor

03. Instal·lacio WP en local
2
. Descarrega i descomprimeix el Wordpress al teu ordinador

3
. Obre la carpeta on instal·laràs el WP i carrega WP.

4
. Edita l'arxiu
wp-config.php
perque WP reconegui la teva base de dades.

0
. Descargar MAMP (mac) o WAMP (pc)

01. Tipus de contingut a WP, com funciona i s'organitza
1. Pagines
s'organitzen jerarquicament (pagines, subpagines...)

2. Entrades
- s'organitzen per categories i etiquetes
- tambe pel tipus de format

3.Attachement/ arxius adjunts
fotos
: jpg, jpeg, gif, png

video
: .mp4, .m4v (MPEG-4). .mov, .wmv, .avi, .mpg, .ogv (Ogg), .3gp (3GPP)... Si utilitzem un bloc gratuit hem de comprar e instal·lar "VideoPress". *recomanable pujar-ho en canal online

audio
: .mp3, .m4a, .ogg, .wav

documents
: pdf, .doc, .docx, .ppt, .odt .xls, .xlsx, .zip, if you have the "Space Upgradez"

+info: http://codex.wordpress.org/Uploading_Files
estàtic
dinàmic
entrada
pagina
1
Que siguin
responsive
(disseny web adaptable o disseny web receptiu)
2
Que tinguin
suport a la comunitat
3
Que tingui les
actualitzacions
en regla
01. Com instal·lar un tema?
Anar al menu
aparença
/
Themes
/
Instal·lar themes
== aqui podem buscar themes que estan en el repositori de WP, son temes "confiables". (els amteixos que trboem a wordpress.org)

Anar al menu
aparença
/
Themes
/
Instal·lar themes
/ pujar == aqui es poden
pujar
temes de tercers que ens hem descarregat previament. http://themefortress.com/reverie/

Via FTP == ubicar sempre els temes a la carpeta
wp-content/themes
Childs themes
Starter themes
Frameworks
01. Tipus de themes i com manipular-los
Llocs on descarregar temes:
Themeforest
Northeme
Wpshower *
Dessign.net
Elegantthemes

http://wordpress.org/themes

00.
Que es un plugin?



Un plugin de WordPress es un
programa
, o un conjunt de una o varies
funcions
, escrites en llenguatge
PHP
, que afegeixen característiques, funcions o serveis a una web WordPress.



Parametres basics a l'hora d'escollir un plugin




- Suport a la comunitat
- Actualitzacions en regla
- Que cumpleixi "les regles" de WP

01.
Com instal·lar un plugin?



Anar al
menu Plugins
/
Instal·lar plugins
== aqui podem buscar plugins que estan en el repositori d'WP, son plugins “confiables”.

Anar al
menu Plugins
/
Instal·lar plugins
/
pujar
== aqui es poden pujar plugins de tercers que nos hem descarregat previament.

Via
FTP
== ubicar sempre els plugins a la carpeta
wp-content/plugins

02.
Recomanacio d'alguns plugins



Custom - Types
Types

Canviar tipografies
WP Google Fonts
Easy Google Fonts

Traduccions
q-translate

WPML (de pago)

Formulari de contacte
Contact Form

Per a medir les visites i els resultats de la web
Google Analytics for WordPress
Google Analyticator

Botiga online
WooComerce
WP e-Commerce

Galeria de Fotos
NextCellent Gallery - NextGEN Legacy
Slideshow

Integracio Xarxes Socials
Really Simple Twitter Feed Widget (timeline twitter)
Sexy book marks
Addthis
Twitter Widget Pro


On trobar plugins?



http://wordpress.org/plugins

dashboard de wordpress>menu>plugins

Fora de wordpress, a les pagines de desenvolupadors.

twitter: @Studio_Moare
studiomoare@gmail.com

studiomoare.com




2.1 Hosting
Es un
servei
que ofreixen empreses perque qualsevol persona tingui
presencia a internet
.
El servei proveeix a l'usuari de tots els components de software i hardware necessaris. Basicament aixo abarca:
espai al disc dur
rigid del servidor,
transferencia de dades
desde i cap al servidor,
comptes de correu electronic
, acces via
webmail
,
comptes FTP
i un
panell de control
per a administrar el lloc de forma remota.

Els "
plans de hosting
" son agrupament de totes aquestes caracteristiques en funcio de diferents necessitats.
2.2 Domini
Un domi i es un
nom unic
que identifica a un lloc web. Es composa de dos o mes termes separats per punts, per exemple:
google.com
o
mail.gnutransfer.net.


El proposit dels dominis es permetre als usuaris connectats a Internet trobar llocs web, sense haver de memoritzar les
direccions numeriques
que son les que en realitat localitzen els ordinadors a Internet. Es mes facil recordar "www.ebay.com" que "66.135.208.87", la direccio numerica que li correspon a aquest domini.

El domini es quelcom independent al lloc web, varis dominis poden apuntar a un mateix lloc.
2.3 FTP
File Protocol Transfer

(FTP) es un
protocol de transferencia
i s'utilitza per a enviar arxius a traves d'Internet.

-- Comptes FTP
Son comptes que preveeix l'empresa de hosting.
Permeten l'
acces al teu directori dins del servidor
les 24h del dia. D'aquesta manera pots mantenir o preparar les teves pagines Web, imatges i scripts al teu PC i transferir-les al teu espai d'allotjament mitjançant un client FTP.
2.4 client FTP
Es un
programa
que utilitza el
protocol FTP
i permet fer
transferencies d'arxius
entre el nostre servidor i el nostre ordinador.
Alguns:
gftp, filezilla, etc.
2.5 Base de dades
Es un "
magatzem
" que ens premet guardar grans quantitats de dades de forma organitzada per a que despres les poguem trobar i utilitzar facilment.

Les tres coses basiques que ha de permetre un gestor de base de dades son:
introduir dades
,
emmagatzemar-les
i
recuperar-les
. A mes permeten: ordenar les dades, realitzar cerques, mostrar diferents vistes de les dades, realitzar-ne calculs, resumir-les, generar informes a partir d'elles, importar-les i exportar-les.
1
. Crear base de dades al servidor

3. Instal·lacio WP en host
2
. Descarrega i descomprimeix el Wordpress al teu ordinador

3
. Obre la carpeta on instal·laràs el WP i carrega WP.

4
. Edita l'arxiu
wp-config.php
perque WP reconegui la teva base de dades.

0
. Compra't un "pla de hosting"

00. Dashboard
Barra d'eines
Veure la meva web, agregar contingut, comptes d'usuari, tancar sessio.

Menu principal

Escriptori
Entrades
Mediateca
Paines
Comentaris
Aparença
Plugins
Usuaris
Eines
Opcions
Es una colección de archivos php, css, js que trabajan juntos para producir un interfaz gráfico.
Es lo que hace posible que nuestro contenido se mantenga separado del diseño.

00. Que es un theme?
Parametres basics a l'hora d'escollir un tema
4
Que compleixi les
regles
de WP
Son els temes que hereden tot el pare.
http://codex.wordpress.org/es:Temas_hijos
Ideal per a començar a crear temes. Permet crear webs molts personalitzades.
Actuen com a llibreries que ho conten tot (templates, funcionalitats...)
recursos
http://es.wordpress.org/
http://codex.wordpress.org/es:Nuevo_en_WordPress_-_Por_d%C3%B3nde_empezar
http://wordpress.tv/ - en ingles
http://ayudawordpress.com/
http://ayudawordpress.com/foros/
http://wp.tutsplus.com/ - en ingles
http://www.forosdelweb.com/
Articles, tutorias recomanats
Sere de tutorials sobre WP - LevelUpTuts

Why custom post types belong in plugins - Justin Tadlock http://justintadlock.com/archives/2013/09/14/why-custom-post-types-belong-in-plugins

The Complete Guide To Custom Post Types - Daniel Pataki
http://wp.smashingmagazine.com/2012/11/08/complete-guide-custom-post-types/

Sobre Child Themes - Codex
http://codex.wordpress.org/es:Temas_hijos

Migrar de local a Hosting - WPBeginner
http://www.wpbeginner.com/wp-tutorials/how-to-move-wordpress-from-local-server-to-live-site/

Migrar de local a Hosting - Smashingmagazine
http://wp.smashingmagazine.com/2013/04/08/moving-wordpress-website

Mover WP - Codex
http://codex.wordpress.org/Moving_WordPress
juny 2014
Curs d'iniciació al CMS Wordpress.org
Guió curs
01. Introduccio món WP
(exemples, conceptes bàsics, definició)
Instalació WP
(local i host)

02. Dashboard
(tipus de contingut, publicar contingut)

03. Themes
(què és un theme, tipus de themes, com manipular-los)

04. Plugins basics
(què són, com instal·lar-los, recomanacions)
Wordpress.org
Es la pàgina de Wordpress on et pots descarregar el
software
i un cop descarregat instal·lar-lo al teu servidor.

Wordpress.com
Es un servei d'allotjament gratuit que ofereix l'empresa
Autommatic
que et permet allotjar el teu bloc als seus servidors. Degut a que el pla gratuit no inclou domini, la nostra pagina es dira "
elmeullocweb.wordpress.com
" per aixo crea tanta confusió.
00. Diferència Wordpress.com i Wordpress.org
Avantatges i inconvenients Wordpress.org
Pots pujar tots els templates que vulguis
Instal·lar i configurar els pluguins que vulguis
A WP.org trobaras tots els foros d'ajuda que necessitis
Si coneixes CSS, HTML o PHP podras editar-lo.
Necessites un servei de hosting (pagar)
Necesites un minim coneixement tecnic per instal·lar-lo
Ets tu el responsables d'actualitzar
Avantatges i inconvenients Wordpress.com
es gratuit i no cal instal·lar-lo
No pots instal·lar plantilles premium
No pots modificar el codi CSS, PHP
No pots instal·lar pluguins
Flux de treball
01. Definir el concepte i objectius del lloc web.

02. Definir l'arquitectura del lloc web

03. Esbossos/Wireframes/Mockups/prototips...

04. Desenvolupament

05. Testing


02.

Conceptes basics
02. Categorias
Són les línies principals de la nostra web. Són contenedors genèrics que ajuden a separar i organitzar.

Es sugereix que n'hi hagi 5-8 per lloc web i 1-2 per post.

Permeten crear sub-categories.

No posicionen als buscadors.

Es poden agregar als menús.

WP vé per defecte amb la categoria
uncategorized
. No es pot borrar, però sí canviar de nom. Totes les entrades a les que no els hi assignem categoria es coloquen per defecte a "uncategorized".
03. Etiquetes
Proporcionen meta-informació sobre el contingut.
ex. meta-información sobre una entrada

Són específiques del contingut . Es suggereix no posar-ne més de 10 per entrada.

No tenen jerarquia.

Posicionen als buscadors

Es aconsellables crear-les desde la mateixa entrada.
04. Usuaris
Són totes les persones registrades al nostre lloc web.
Por defecto WP vé amb els següents rols:
Crear un child theme (tema hijo)
1.
Instalo el tema padre
en wp-content/themes

2.
Crear una carpeta
con el nombre de mi tema hijo en la misma carpeta wp-content/themes

3.
Copio el archivo style.css
y si mi tema padre tiene un archivo functions.php, creo otro en mi tema hijo. (i) No repetir funciones en el archivo functions.php del tema padre y en el archivo functions.php del tema hijo. Esto puede hacer que no tema hijo no funcione.

--- Archivo style.css en child Theme

Para que funcione como theme child, el nuevo archivo style.css, necesita mantener la linea

template: nombredelTemaPadre
en los comentarios que abren el archivo.

4. El tema hijo aparecerá en el dashboard, entonces lo activamos.
*Por tema de actualizaciones, es importante copiar archivos y no sobre escribir directamente los archivos del tema padre.
segueix-nos!
Aquí (local)
Allí (remoto)
Full transcript