Taller de Wordpress Avanzado 2

WORDPRESS WORDPRESS
AVANZADO AVANZADO AVANZADO AVANZADO

@merchanjavier
jmerchan@mkg20.com
Skype: jmerchancorrea
Objetivos del curso
1.- Adquirir una visin estratgica sobre nuestra web como erramienta
de venta.
2.- Conocer los elementos bsicos del entorno !eb: dominio" osting"
bbdd# bbdd#
3.- A$render a dise%ar una $&gina !eb atractiva ' $ro(esional, que
incorpore un gestor de contenidos fcilmente editable.
4.- Conocer los requisitos necesarios de instalacin ' seguridad para
mantener el sistema estable a sal!o de ataques.
".- Adquirir conocimientos de $ersonali)acin de $lantillas ' $lugins.
#.- $aber implementar la web en !arios idiomas, conociendo sus !enta%as
e incon!enientes.
&.- Aprender tcnicas de $osicionamiento SEO a tra!'s de plugins.
*# +N,ROD-..+/N A0 D+SE1O WE2 3 .4S
(ue son los gestores de contenido de c)digo abierto.
C*$ ms usados principales diferencias entre ellos: +oomla, ,ordpress -rupal.
.l entorno web
-ominios /osting
Aspectos bsicos del -ise0o ,eb
5# WORDPRESS
.ontenidos del 4dulo
5# WORDPRESS
1nstalaci)n de ,ordpress en un ser!idor remoto 23osting4
1nstalaci)n de ,ordpress en local 2banco de pruebas4
.l panel de control de ,ordpress
5so de plantillas. *odificar la apariencia de nuestra web
6etoque de plantillas. .l tema 3i%o
7lugins. 1nstalaci)n configuraci)n de los ms usuados.
8os idiomas en tu web. ,7 *ultilingue.
A%ustes imprescindibles
9rucos para optimi:ar tu ,ordpress
6# POS+.+ONA4+EN,O SEO
7rincipios bsicos del $.;
Configura tu ,ordpress para posicionarte en los primeros puestos de <oogle
*# +N,ROD-..+/N A0 D+SE1O WE2
3 .4S 3 .4S
.4S: C;=9.=9 *A=A<.*.=9
$>$9.*
7ES,OR DE .ON,EN+DOS
7ES,ORES DE .ON,EN+DO DE
./D+7O A2+ER,O
5n C*$ o $istema de <esti)n de Contenidos es
seg?n la wi@ipedia...
1. INTRODUCCIN AL DISEO WEB Y CMS
seg?n la wi@ipedia...
programa que permite crear una estructura de soporte
(framework) para a creaci!n y administraci!n de contenidos"
principamente en pginas web" por parte de os
administradores" editores" participantes y dem#s roes$
controla una o !arias bases de datos donde se alo%a el
contenido AB
Por8u un .4S
8os que !amos a !er son $oftware libre de
c)digo abierto me%or que opciones pri!adas.
Cacilidad de gesti)n. Cacilidad de gesti)n.
A3orro de costes de dise0o mantenimiento
Cantidad de posibilidades.
Apoo profesional 2t3emes, plugins,etc..4
$oporte inigualable.
.4S 49S -SADOS 3 D+:EREN.+AS
Webs ' 2logs; ,ordpress, -rupal, +oomla
5n $istema de <esti)n de Contenido ,eb es una 3erramienta que permite crear,
editar, modificar publicar contenidos ,eb, especialmente portales ,eb, a est'n
dirigidos a una audiencia interna o eDterna. $uele incluir gesti)n de usuarios, permisos,
b?squedas, entornos colaborati!os, etc.
:oros: CluDEE, Fanilla2, $impleboard :oros: CluDEE, Fanilla2, $impleboard
Wi<is: ,i@ia, *ediawi@i
Coros ,i@is facilitan la participaci)n de diferentes usuarios equipos de traba%o para
traba%ar de forma colaborati!a. 7ermiten el acceso la gesti)n de contenidos a
diferentes tipos de usuarios.
E=learning; *oodle
7ermiten la gesti)n de un sistema de formaci)n online de manera fcil.
.omercio electrnico; 7restas3op, ;pencart, *agento
$on sistemas de gesti)n de !enta online con facilidad para actuali:ar productos, precios,
promociones, tipos de pago, etc..
Eleccin de un .4S
.legir un C*$ requiere un estudio de posibilidades
.Disten cientos de soluciones disponibles con
caracterGsticas diferenciadas. caracterGsticas diferenciadas.
.4S orientados a;
8a facilidad de administraci)n
8a simplicidad de 1nstalaci)n.
.stndares implantados
5suarios t'cnicos o sin conocimientos
*aor CleDibilidad pero tambi'n Comple%idad
Preguntas $ara decidirte $or un .4S
;b%eti!os del portal: 1nformar, !ender, gestionar,
formar, etc..
Comple%idad de la estructura: portal sencillo,
integraci)n de multitud de aplicaciones
3erramientas, etc..
integraci)n de multitud de aplicaciones
3erramientas, etc..
5suarios del C*$: /abilidad 1nformtica, numero de
usuarios, cantidad tipos de funciones tareas,
frecuencia de actuali:aci)n, etc..
$eguridad
Cumplimiento de estndares de usabilidad
*ultilengua%e: 1diomas en los que ir el contenido
As$ectos di(erenciadores de un .4S
8icencia: <ratuita H 7remiun
7osicionamiento en el mercado: Cuantos ms me%or.
Faloraci)n por los eDpertos: Cual es el me%or en su
rango rango
CaracterGsticas funcionales:
6equisitos del sistema
$eguridad
$oporte
Cacilidad de uso
*odelo comercial de negocio.
6endimiento 2ser!idores4
Administraci)n
1nteroperabilidad entre sistemas
CleDibilidad
Princi$ales .4S $ara D+SE1O WE2
PHP
MYSQL
APACHE APACHE
DR-PA0
C*$ mu fleDible pero a la !e: ms comple%o.
*u recomendado para grandes proectos
6equiere de buenos conocimientos.
*u bien !alorado por sus usuarios &I J K *u bien !alorado por sus usuarios &I J K
#" libros impresos sobre -rupal 213 del 2I114
7ermite una personali:aci)n de 3asta el mGnimo
detalle.
$eguro, escalable de buen rendimiento.
.%emplos: ,/19. /;5$. CA*7.6
>OO40A
.n 2I11 2L C*$ ms descargado..
7otente C*$ que permite crear sitios ,eb
elegantes, dinmicos e interacti!os de forma
simple. simple.
Eien !alorado por sus usuarios "I J K
7roectos ,.E *edios H <randes
6equiere especiali:aci)n
Comunidad mu amplia participati!a.
.%emplos: <5<<.=/.1* =AC1;=.$ 5=1-A$
WORDPRESS
C*$ ms descargado conocido.
;rientado a Elogs en sus origenes, mu completo en la actualidad.
1nstalaci)n administraci)n mu simple.
7roectos peque0os medios sencillo
7roectos grandes eDige conocimientos eDperiencia 7roectos grandes eDige conocimientos eDperiencia
*e%or !alorado por los usuarios &" J K
Actuali:aciones constantes, K amplia !ariedad de temas, plugins,
etc..
*e%or 3erramienta para Comunicaci)n 2.I 2comentarios, enlaces,
compartir, etc..4
.%emplos: A=<.8 CA*AC/;, C1E.$, C== .$7AM;8
En de(initiva ?
@Por8u WORDPRESSA
WordPress es el .4S del $resente ' del (uturo
*s utili:ado para -1$.M; ,.E:
.st en desarrollo continuo mu acti!o. *e%or
soporte soporte
*aor informaci)n en 1nternet.
Actuali:aciones constantes
*aor numero de complementos.
Cacilidad de uso
<ran capacidad de 7osicionamiento $.;
8a tecnologGa antispamde A@ismet
Ejem$los de !ebs con WP
EN,ORNO WE2
Bue necesitamos $ara em$e)ar
Costing D Alojamiento
* Dominio * Dominio
Arcivos D .ore; PCP 3 >S
2ase de datos; 43SB0
.liente :,P
CostingE Alojamiento !eb
5na web est compuesta de arc3i!os que necesitan
un espacio.
5n espacio en un ordenador remoto gestionado por
un administrador. un administrador.
Alo%amiento compartido !s dedicado.
8a importancia de un buen alo%amiento 2=o
<ratuito4: capacidad, !elocidad, seguridad
Alo%ar multimedia en terceros
5n 3osting puede albergar infinitas webs
Dominio
.s el identificador ?nico de un sitio web.
6egistramos un dominio para dar una direcci)n
donde encontrar mi web: !!!#dominio#com
5n dominio traduce una 17 21N2.I.32.1I 4 para 5n dominio traduce una 17 21N2.I.32.1I 4 para
que sea fcilmente reconocible memori:able.
8a eDtensi)n nos proporciona informaci)n:
.es
.com
.org
.edu
.go!
.DDD ,etcA
Arcivos = .ORE
Word$ress 6#5
Descargar ' subir al
Costing
2ase de Datos
,eb 2.I es bsicamente una ,eb basada en
las bases de datos
:ormato Vs
.ontenido
El .ontenido se
indeFa en 22DD
43SB0
PCP4'Admin
.liente :,P
Fie Trans%er Protoco & 'rotocoo (rans%erencia
de )rchivos
8o usaremos para OgestionarBarc3i!os
5n cliente C97 se conecta a un ser!idor para
subirH descargar arc3i!os.
=ecesitamos:
o -irecci)n ser!idor
o 5suario
o Contrase0a
ASPE.,OS 29S+.OS DE0 D+SE1O WE2
@
B
u

b
u
s
c
a
m
o
s
A
LAS 4 PATAS DEL DISEO WEB
9witterH*P<2I - +a!ier *erc3n
@
B
u

b
u
s
c
a
m
o
s
A
ACCESIBILIDAD
ASPECTOS BSICOS DEL DISEO WEB
El sito web pueda verse correctamente en
todos los entornos y en la mayora de los
usuarios
Dispositivos Sistemas operativos y
navegadores
Velocidades de conexin
Resoluciones de pantalla
USABILIDAD
Nuestro objetivo el usuario:
Aspecto relacionado con la facilidad que
un usuario (nuestro usuario) podr
navegar por la web, encontrar lo que
busca, descargar archivos sin dificultad,
completar procesos de forma sencilla:
Formularios, Carros de compra, Uso
Intuitivo de nuestra web.
INDEXABILIDAD
Nuestro objetivo: los buscadores.
Generacin de trfico
INDEXABILIDAD
SOCIABILIDAD
Nuestro objetivo: La comunidad
Establecer vnculos de relacin con
clientes, colaboradores,
profesionales, amigos, etc...
4uestra claramente el objetivo de tu !eb: !ender, informar, comprar,
eDportar ,franquiciar, contactar
No agas es$erar: rpida carga
Atrae la atencin ' dirGgela
Pon $rimero lo 8ue te de(ine
A tener en cuenta
Pon $rimero lo 8ue te de(ine
=a!egaci)n 1ntuiti!a 4a$a Web
-ise0o sencillo , elegante que respete trasmita tu imagen cor$orativa#
8engua%e orientado al target.
Cormato de teDto contraste que (acilite la lectura
.omentarios; control moderaci)n
Seguridad: contrase0as, actuali:aciones protecciones
O$timi)acin SEO: 6obots, enlaces amigables, titulos descripciones
Aviso 0egal
5# WORDPRESS
EL CDIGO ES POESA
WordPress es una avanzada plataforma semntica de WordPress es una avanzada plataforma semntica de
publicacin personal orientada a la esttica, los
estndares web y la usabilidad. WordPress es libre y,
al mismo tiempo, gratuito.
2. WORDPRESS
La mayora de los CMS funcionan de la siguiente manera:
Necesitamos un servidor web con capacidad de procesado PHP y un
servidor de Base de Datos MYSQL.
AR.C+VOS PCP 22DD
Que hace falta saber para instalar Wordpress
+
5#* +NS,A0A.+/N EN 0O.A0
*# Por8u ' $ara 8u se instala en local#
5# Ham$$; .onvertir nuestro P. en un servidor
6# +nstalar WP en nuestro P. 6# +nstalar WP en nuestro P.
2. WORDPRESS/LOCAL
Por8ue usar un servidor local;
7odemos traba%ar sin coneDi)n
a internet.
7odemos 3acer infinitas
pruebas.
7odemos 3acer infinitas
pruebas.
8a instalaci)n gesti)n es ms
rpida.
7odemos tener una copia de
nuestra web para probar
actuali:aciones o plugins.
.s gratis
Para trabajar en local se instala en nuestro PC o Porttil:
Instalacin en Local
5n programa que permite instalar A$ace" PCP ' 4'SB0 en
un solo paso de manera sencilla en sistemas ,indows, *ac
;$
.s capa: de interpretar paginas dinmicas
WORDPRESS, JOOMLA, PRESTASHOP, MAGENTO
2. WORDPRESS/LOCAL
@Por8u Ham$$A
*s usado del mercado
6pido $eguro
Instalacin en Local
6pido $eguro
*s !erstil
.nlace Qampp:
3ttp:HHwww.apac3efriends.orgHesHDa
mpp.3tml
XAMPP para Windows o MAC
+nstalacin de Ham$$
.n estos ordenadores estn instalados.
$e ad%unta el tutorial para la instalaci)n en
casa o en tu porttil. casa o en tu porttil.
2. WORDPRESS/LOCAL
2usca Ham$$ en 7oogle ' $inca en este
enlace
Elige tu sistema o$erativo
PARA E0 -SO EN W+NDOWS
PARA E0 -SO EN 4A.
+nstalacin en 4A.
1nstrucciones para la instalaci)n en *AC
3ttp:HHwww.apac3efriends.orgHenHDampp- 3ttp:HHwww.apac3efriends.orgHenHDampp-
macosD.3tmlRS4N
Para instalar en Windo!s
2. WORDPRESS/LOCAL
+nstalacin en Windo!s
.l enlace de descarga esta en la
/;*.. Como se !e en la
imagen est& al (inal.
Tste es el lin@ para Windo!s
3ttp:HHsourceforge.netHpro%ects
HDamppHfilesHQA*77J2I,indo
wsH1.&.&HDampp-win32-1.&.&-
FCN-installer.eDeHdownload
2. WORDPRESS/LOCAL
El 0in< a utili)ar es +NS,A00ER
7inc3amos en el Arc3i!o descargado con un icono
naran%a e%ecutamos en la !ersi)n .=<81$/
Aviso $ara los Windo!s Vista
7ara los windows !ista 3a que des3abilitar el
control de usuario. A(5U eDplica como. 7ara
Q7 $iete no 3a problemas. Pulsa Ace$tar Q7 $iete no 3a problemas. Pulsa Ace$tar
2. WORDPRESS/LOCAL
.omien)a la +nstalacin
+nstalar en car$eta c;EHam$$
Dejar tal como a$arece# +NS,A00
A$arece una $antalla en 4S=DOS#
Es Normal ' desa$arece sola
2. WORDPRESS/LOCAL
+nstalacin com$letada
Vamos a ver
es.WORDPRESS.ORG
+nstalar Word$ress
1. 7reparamos nuestro entorno Qampp
2. -escargamos los arc3i!os ,7 en /9-;C$
6 Sencillos pasos!
2. -escargamos los arc3i!os ,7 en /9-;C$
3. Creamos una base de datos
4. Euscamos nuestra web en el na!egador
". $eguimos los pasos: 5nir la EE-- a los
arc3i!os.
2. WORDPRESS/LOCAL
Activar los entornos:
APACHE: Start
PREPARA4OS E0 EN,ORNO HA4PP
: Start
MySQL: Start
Los archivos se descargan de la web oficial del gestor de
contenidos y se suben tal cual a nuestro espacio web.
Una vez ya tenemos el servidor virtual en nuestro ordenador,
descargamos el software de Wordpress.
Descarga: http://es.wordpress.org/
Ir a carpeta Htdocs que es donde
ubicar los archivos
Normalmente est en EQUIPO/DISCO LOCAL C:/XAMPP/HTDOCS
C:/XAMPP/HTDOCS/WORDPRESS
Pegar y Descomprimir el ZIP en la
carpeta RAIZ
Abrir el navegador y Escribir en la
URL: localhost/wordpress
.rear arcivo de con(iguracin
Crear archivo de configuracin. Este archivo es nuestra unin
entre los archivos y la BBDD. Pulsar Vamos a ello!
Es el momento de: Crear una base de datos
I.- Abrir el navegador e ir a localhost/phpmyadmin
II.- Pulsar en Base de Datos
Si el idioma sale en Alem&n" cambiar a8uG
III.- Poner un nombre descriptivo y pulsar CREAR
Nuestros datos son:
Nombre de la Base de datos: elnombrehemosescritoarriba
Usuario: ROOT
Contrasea: ninguna
Fol!emos al na!egador local3ostHwordpress e
introducimos los datos de la EE-- de esta
manera:
I
W$=con(ig
ENVIAR: Se unen la BBDD con los archivos
I
+NS,A0A.+/N .O4P0E,ADAJJJ
.scribir en alg?n sitio las contrase0as de
entrada el nombre de usuario si no queremos
dejar inutii*ado e porta
+NS,A0AR WORDPRESS luego A..EDER
Aora se est&n escribiendo las tablas en la 22DD
Acceder K localostLnombrecar$etaLE!$=admin
Acceder en remoto K !!!#midominio#comE!$=admin
5#5 +NS,A0A.+/N EN SERV+DOR
*# Por8u ' como se instala en servidor#
5# 4ismo $rocedimiento 8ue en local
6# +m$ortante usar un cliente :,P; 6# +m$ortante usar un cliente :,P;
:+0EZ+00A
2. WORDPRESS/LOCAL
Por8u +nstalar en Servidor
.s el lugar donde se alo%an los portales que se !en en
1nternet.
/ace !isible accesible nuestra web a los /ace !isible accesible nuestra web a los
na!egantes.
Aporta !elocidad, capacidad, seguridad 24 / de
funcionamiento.
$er!idor: A7AC/. 2p3p V *$(84
Compartido, la soluci)n para empe:ar.
Re8uisitos $ara Word$ress
8inuD
1 Ease de datos 1 Ease de datos
*$(8 ".I o superior
7/7 ".2.4 o superior
.spacio web K de "II *E
Elegir un servidor
Elegir un servidor
Elegir un servidor
7ara 1nstalar en $er!idor, 3aremos los mismos pasos
pero en nuestro Alo%amiento contratado.
7ara facilitaros la tarea 3emos desarrollado un manual
de instalaci)n en el ser!idor 1 W 1.
de instalaci)n en el ser!idor 1 W 1.
5#6 PANE0 DE .ON,RO0; ES.R+,OR+O
A..ESO A WORDPRESS
www.midominio.comH!$=admin
5#6 PANE0 DE .ON,RO0; ES.R+,OR+O
A..ESO A WORDPRESS
www.midominio.comH!$=admin
Descubriendo el Escritorio
7ulsando en el nombre de
la web arriba a la i:quierda
nos lle!a al
:ront End
AsG es al $rinci$io
nuestra !eb o blog
*#= Escritorio
Elementos de
ayuda
Ahora mismo
Publicacin rpida
Comentarios recientes
ltimos borradores
Enlaces entrantes
7ersonali:able
en
O$ciones de
Servidor de
Noticias
Blog oficial de Wordpress
Plugins
Otras Noticias de Wordpress
5#= Actuali)ar
Fersi)n de ,7
7lugins
9emas
'ara actualizar SIEMPRE de+emos tener una copia de seguridad
de nuestro ,ordpress.
O$ciones de
Pantalla
Entradas" .ategorGas" P&ginas
Entradas:
8o usamos para el contenido de actuali:aci)n
peri)dica como noticias, no!edades, artGculos,
promociones, etcA
.ntran con fuer:a pero se diluen
Entradas
.ategorGas:
8o usamos para ordenar clasificar las entradas.
7ueden di!idirse seg?n diferentes criterios que eli%e
el autor: tema, locali:aci)n, segmento, etcA
.%: Cutbol,Ealoncesto, *otor,
.%: ,eb, $**, 8;7-
Entradas" .ategorGas" P&ginas
P&ginas:
8o usamos para publicar contenido esttico
descripti!o.
.st siempre a la !ista.
.%: Acerca de, A!iso 8egal, (uienes somos, nuestros
productos
Entradas
Para gestionar el contenido dinmico
Entradas: Tienen un editor de contenidos muy intuitivo. Las
entradas se ordenan por categoras. Podemos Aadir entradas o
modificar una existente.
Aadir una Entrada:
Vista Visual o HTML para conocedores de cdigo.
Texto en negrita, cursiva, tamao, vietas, gramtica,
Botn para ver ms opciones
Hipervinculos
Linea de leer ms
Linea de leer ms
Comilla de Cita
Pegar desde un word u otra web.
Subir o insertar imgenes, videos u objetos.
Integrarla en una categora
Publicar o Guardar como borrador
Programar su publicacin.
Establecer contrasea: Entrada privada
+4A7EN DES,A.ADA
Dependiendo del tema instalado tendremos ms o menos funciones
para las entradas. Tambin los plugins que instalamos muestran sus
herramientas de trabajo en esta pantalla, que se regula en OPCIONES
DE PANTALLA
Entradas ' m&s contenido din&mico
.!entos: .F.=9$ *A=A<.6
7ortfolio: 9/.*.$ C;= <A8.61A 7ortfolio: 9/.*.$ C;= <A8.61A
7roductos: .-C;**.6C.
.ategorGas; Organi)a tus entradas
0ibrerGa 4ultimedia
Es aqu donde se almacenan y se gestionan las
imgenes, pdf, videos y otros documentos
subidos.
A%adir nuevo arcivo 4ultimedia
7odemos subir arc3i!os desde aquG o desde la
entrada o pgina donde ir publicado. Arrastra el
arc3i!o suelta.
7uedes subir !arios arc3i!os a la !e:
7uedes subir !arios arc3i!os a la !e:
Enlaces
Aqu damos de alta enlaces a otros blogs/webs
relacionadas.
El intercambio de enlaces es vital en el SEO
,i$os de enlaces
Mblan< Xnue!a !entana o pesta0a.
Mto$ N!entana o pesta0a actual, sin marcos.
-saremos lank para enaces a otras .e+s e/ternas
y Top para enaces propios" ya que seguiremos
teniendo a visitante en nuestra .e+$
Lo subimos a nuestro blog a travs de los WIDGETS
Enlaces
P&ginas; Organi)acin del contenido
Est&tico
P&ginas; 1ndice, organi:aci)n edici)n rpida de las pginas
.n P&ginas podemos ordenarlas por autor, fec3a u orden alfab'tico.
7odemos buscar por palabras o tags.
7odemos editar rpidamente algunas modificaciones.
P&ginas; 8a edici)n es igual a la de una entrada. $e le puede asignar una
plantilla predeterminada, que seg?n el 9.*A tendr ms !ariedad.
P&ginas
Publicar
Para publicar, programar o guardar
borrador. Permite crear entradas
privadas.
Aqu tambin permite enviar la pgina
a la papelera
Atributos de pgina
Ubicacin de la pgina en el men.
Posicin que ir en el menu
Tipo de pgina que queremos publicar.
Premium.
Imagen destacada
La imagen que se usa para presentar
la pgina.
En algunos temas sirve para las
miniaturas
+4A7EN DES,A.ADA
6elaci)n de comentarios gesti)n de los mismos
.omentarios
4enOs; 0a barra de Navegacin
8os *en?s 7ersonali:ados te permiten colocar las pginas
categorGas que deben aparecer en el *en? de =a!egaci)n,
ordenar su posici)n en el mismo.
Apariencia > Menu
7ara crear un men? personali:ado dale un nombre 3a: clic en
.rear menO#
-espu's elige ob%etos como pginas, categorGas o enlaces
personali:ados de la columna i:quierda para a0adirlos a este
men?. men?.
-espu's de a0adir tus ob%etos, arrastra su'ltalos en el orden
que desees.
9ambi'n puedes 3acer clic en cada ob%eto para !er opciones de
configuraci)n a!an:adas.
Cuando 3aas terminado de crear tu men? personali:ado,
aseg?rate de 3acer clic en el bot)n 7uardar menO.
.rear 4enu
Apariencia > Menu
Selecciona elementos 4enu
Apariencia > Menu
Ordenalos ' -bGcalos en el tema
Apariencia > Menu
-suarios
Aqu damos de alta a los administradores, Editores,
Autores, Colaboradores o suscriptores
Publicar esto: Nos permite coger prestado facilmente texto de otras
fuentes. Funciona insertando en la barra de marcadores el enlace
PUBLICA ESTO
Cerramientas
Importar y Exportar: Muy til para trasladar los contenidos
(entradas, comentarios, ) de un blog a otro.
Por ejemplo de WP.COM a WP.ORG, de BLOGGER a WP, etc
5#P -SO DE P0AN,+00AS
,E4AS D ,CE4ES D P0AN,+00AS = ,E4P0A,ES
A$ariencia
El diseo que tendr nuestra web lo define el TEMA que tengamos
instalado.
El tema por defecto que nos viene en Wordpress es el TwentyTen
y TwentyEleven
Apariencia > TEMAS
y TwentyEleven
Existen miles de temas diferentes y cada tema tiene sus propias
opciones de personalizacin.
Los temas gratuitos dan muy poco juego y NO dan un aspecto
profesional.
Los temas Premiumnos proporcionan una web bonita y con
muchas posibilidades por poco dinero.
Plantillas 7ratuitas
Plantillas Premium
8as principales empresas que dise0an plantillas
7remium para ,ordpress son las siguientes.
,;; 93emes
$tudio 7ress
93eme Corest
.legant 93emes
=att ,7
.%emplo
7lantilla
Premiun
Elegir una buena $lantilla
Adaptada a ob%eti!o de la web
-ise0o !erstil: *ultitud de posibilidades -ise0o !erstil: *ultitud de posibilidades
$3ortcodes
6esponsi!e -esign
Yde qu' !a
la webZ
!erstil
Qt!oMtirdR >our content 3ere...QEt!oMtirdR
s3ortcodes
-sa los Sortcodes de E, en cual8uier
,ema
6esponsi!e
A$ariencia; Administrar 9emas
Apariencia > TEMAS
A$ariencia; 1nstalar temas
7ara instalar temas
Apariencia > TEMAS
7ara instalar temas
podemos usar el
buscador de
,ordpress o subir
un arcivo que
tengamos en
nuestro 7C.
Subir una plantilla va Escritorio
1 2
Subir una plantilla via FTP
$eleccionar arc3i!os de la plantilla
.Dtraer arc3i!os innecesarios si los 3ubiera
2tipo 7$-4 2tipo 7$-4
Copiar los arc3i!os en la carpeta 9/.*.$
1r a .scritorio acti!ar el tema
O$ciones del ,ema; -ependen del tema
instalado. -os e%emplos
Twenty Eleven Elegant Themes
Cagamos una !eb con una Plantilla
Desgranando una Plantilla
Desgranando una Plantilla
7A<.: 7lantilla de pgina
E8;<: 7lantilla del Elog
$1=<8.: 7lantilla de entrada simple $1=<8.: 7lantilla de entrada simple
$1-.EA6: Earra lateral
<A88.6>: 7lantilla de porfolio imgenes
/.A-.6: Cabecera
/;*.: 7gina de 1nicio
5#S RE,OB-ES DE P0AN,+00AS# ,E4A C+>O
Por 8u crear un tema TijoL" cild teme
1. 8os temas 3i%os !ienen a complementar un tema
original, el tema padre.
2. *antienen seguros nuestros cambios. Cuando
se actuali:a un tema por seguridad, se resetean se actuali:a un tema por seguridad, se resetean
nuestras modificaciones. .l tema 3i%o
permanece.
3. 7ermite personali:ar un sitio sin tener que crear
un tema desde cero, a que lo que no se defina
en el tema 3i%o, lo 3eredar del tema padre.
Donde se encuentran los arcivos
7estiona Arcivos;
-FGa .scritorio -FGa .scritorio
)')012341)5 261(70
-FGa C97
,'8473(23(9(:2;2S9
VGa Escritorio
VGa :,P
4odi(icacin; Arcivos m&s comunes
Sobre todo St!le"css
/eader.p3p
Cooter.p3p Cooter.p3p
'age.php
Singe.php
)tenci!n: 2 <unctions.php crea con%ictos por
o que no pueden e/istir dos archivos.
.rear ,ema Cijo
1. Crear un directorio nue!o en la carpeta .p8
content9themes (nunca dentro de a carpeta
de tema padre)
2. 'onemos e nom+re que queramos.
3. Creamos dentro de 'l un arc3i!o stye.css.
4. .n el stye.css, indicar cual es un tema 3i%o
qui'n es su padre. (ver pro/ diapo)
". Acti!amos el tema 3i%o.
:-NDA4EN,A0; +ndicar 8ue el tema es
ijo de su $adre; ,E4P0A,E
=. 9>
(heme 3ame: (ema hijo
(heme -01: #ttp$%%nuestraweb"com% (heme -01: #ttp$%%nuestraweb"com%
6escription: (ema hijo de &'MRE TEM( para
,ord'ress
)uthor: T) &'MRE
)uthor -01: http:99mkg20.es
Template$ &'MRE TEM( P(*RE
?ersion: 0.=.0
>9
+ndica donde esta el resto
7odemos copiar todo el stle.css modificar lo
que necesitemos.
$i solo queremos redefinir unos cuantos $i solo queremos redefinir unos cuantos
3eredar el resto, tenemos que 3acer
una llamada a la oja de estilos del parent
t#eme para incluir sus estilos:
5# Uim$ort urlVW##Etema$adreEst'le#cssWXY
Activar ,ema Cijo
Ejem$lo
Cerramienta de a$o'o
1=$7.C9;6 -. .8.*.=9;$ -. C/6;*.
5#Z P0-7+NS; +NS,A0A.+/N 3 I -SADOS
Son aplicaciones que instalamos y que amplan las funciones de
Wordpress.
Plugins ' Widgets
Plugins Instalados
Plugins y Widgets
Plugins
Plugins y Widgets
$e pueden buscar por palabras o tags
$e pueden subir si lo tenemos en nuestro 7C
.%emplo: Euscar $.;
.%emplo: Euscar $.;
Antes de instalar un Plugin
9ener en cuenta si se actuali:a
frecuentemente
8os 7lugins pueden 3acer nuestro ,7 ms 8os 7lugins pueden 3acer nuestro ,7 ms
lento o crear errores de funcionamiento.
7ueden abrir agu%eros de seguridad en la web,
3aciendo nuestro sitio !ulnerable eDpuesto a
cualquier tipo de ataque.
PregOntate antes de instalar un Plugin
1. Y=ecesito instalar este puginZ
2. Y7uedo 3acer lo que necesito sin este puginZ
3. Y.s este pugin me%or que otros similaresZ YCul autor 3. Y.s este pugin me%or que otros similaresZ YCul autor
cuenta con me%or reputaci)nZ
4. YCul de los pugins lle!a el me%or registro de
actuali:acionesZ
". YCul de los pugins 3a sido instalado ms !ecesZ
@.ual elegirGasA
A%adir nuevo
Euscar, subir o instalar manualmente
Re$ositorio de Plugins
Akismet
All in One SEO vs SEO by
YOAST
Q-Translate vs WPML
Algunos de los mejores Plugins son:
Contact Form 7 + Really Simple
Captcha
Google XML Sitemaps
Google Map for Wordpress
Q-Translate vs WPML
WP Super Cache
Nexgent Gallery
Google Map for Wordpress
Twitter Facebook Social Share
Sexy Bookmarks
Buddy Press
Vamos a con(igurar $lugins
Contact Corm&
=eDgen <aller
Plugins Premiun +nteresantes
.Disten plugins fuera del repositorio por que son
de pago, pero que ofrecen un resultado mu
profesional. profesional.
WP Stic<'
:oobar
Social +mage Cover
Po$ -$ Ninja
Widgets
Widgets; 8os usamos para mostrar en nuestra
web las funcionalidades de wordpress, del
tema o de los plugins.
9enemos widgets preinstalados 9enemos widgets preinstalados
<eneralmente !an en el sidebar o en el Cooter.
$e arrastran para acti!arlos.
5#[ WP 4-0,+0+N7\E; +D+O4AS
El $unto dbil de WP; los idiomas
.l maor quebradero de cabe:a de ,ord7ress
3an sido siempre los sitios multiling[es.
5na alternati!a mu usada 3a sido crear una 5na alternati!a mu usada 3a sido crear una
instalaci)n independiente para cada idioma
.sta opci)n tiene la des!enta%a del doble
traba%o el doble mantenimiento
0ocali)acin ' traduccin
8ocali:aci)n es la traducci)n de los arc3i!os de
c)digo: traducir un plugin, una plantilla, un
formulario, etcA formulario, etcA
9raducci)n: 9ener el teDto los metas en
!arios idiomas en la misma base de datos
0ocali)acin
Codestling 8ocali:ation
,7*8: 1nclue todo
,raduccin $ersonali)ada
Btranslate;
<ratis
.l me%or para webs sencillas o blogs.
.nsucia el c)digo 3a que usar etiquetas
WP40:
.l ms completo me%or plugin de idioma 3asta el momento.
*s comple%o
*e%or para $.;
*s limpio
-e pago
,raduccin Autom&tica
,raduccin Autom&tica
5#] A>-S,ES +4PRES.+ND+20ES
Ajustes Generales
1. Los campos en esta pantalla determinan algunas configuraciones
bsicas de tu sitio.
2. La mayora de los temas muestran el ttulo del sitio en la parte
superior de cada pgina, en la barra de ttulo del navegador, y
como nombre identificativo para los feeds. La descripcin corta
Ajustes Generales
como nombre identificativo para los feeds. La descripcin corta
tambin se muestra en muchos temas.
3. La URL de WordPress y la URL del sitio pueden ser las mismas
(ejemplo.com) o diferentes; por ejemplo, puedes tener los archivos
del core de WordPress en un subdirectorio
(ejemplo.com/wordpress) en vez de en el directorio raz.
4. Si deseas que los visitantes se puedan registrar en tu sitio, en vez
de que el administrador del sitio deba registrarlos, marca la casilla
de miembros. Se otorgar un perfil predeterminado a cada nuevo
usuario. Da igual que se registren ellos mismos o que les registre
el administrador del sitio.
Ajustes Generales
5. UTC quiere decir Hora universal coordinada (Coordinated
Universal Time)
6. Recuerda hacer clic en la parte inferior de la pantalla sobre el
botn Guardar cambios para que los nuevos ajustes surtan efecto
IMPORTANTE IMPORTANTE::
Dar de alta un buen Ttulo y Descripcin (SEO)
Ajustes Generales
Visibilidad del sitio: Permitir que el Blog sea indexado
Enlaces permanentes: Colocar en NOMBRE DE ENTRADA (SEO)
Siempre Guardar Cambios antes de salir
Seguridad; Recomendaciones +
1. *antener WordPress actuali)ado a la ?ltima
!ersi)n, ?nica garantGa de control de
!ulnerabilidades conocidas. !ulnerabilidades conocidas.
Seguridad; Recomendaciones ++
2. 1nstalar solamente $lugins seguros, a ser posible
desde el repositorio oficial.
3. 1nstalar solamente temas seguros, a ser posible
desde el repositorio oficial. desde el repositorio oficial.
4. 6e!isar la seccin de seguridad de A'uda
WordPress para comprobar que 3as reali:ado
todas las acciones de seguridad necesarias.
". $uscribirte al feed de Auda ,ord7ress para
estar informado de las alertas de seguridad.
Seguridad; Algunos trucos
1. Cambiar el prefi%o de la EE--
5# 2ullet$roo( securit' .ste plugin ofrece un entorno de
seguridad mu completo, protegiendo tu ,ord7ress de
inecciones de c)digo ataques a $(8. inecciones de c)digo ataques a $(8.
3. 6eali:a comprobaciones de seguridad del prefi%o de la base
de datos, seguridad del fic3ero wp-config.p3p asG como de
las carpetas del n?cleo de ,ord7ress fic3eros.3taccess.
P# AN,+V+R-S; 3ttp:HHwordpress.orgHeDtendHpluginsHanti!irusH
5#^ ,R-.OS PARA OP,+4+ZAR WP
.=8AC.$ 7.6*A=.=9.$
C;71A$ -. $.<561-A-
96A$8A-; -. 8;CA8 A $.6F1-;6 96A$8A-; -. 8;CA8 A $.6F1-;6
$;7;69.: 916A -. C;6;$
Enlaces $ermanentes
.omo acer co$ias de seguridad
1. /acer copia de los arc3i!os
2. /acer copias de las EE--
EFisten Plugins 8ue (acilitan la tarea EFisten Plugins 8ue (acilitan la tarea
.o$ias de Seguridad
,raslado de 0ocal a Servidor
9rasladar carpeta con arc3i!os !ia C97 o
comprimido en \17
.Dportar EE-- de 7/7*admin local. .Dportar EE-- de 7/7*admin local.
Crear nue!a EE-- en ser!idor e 1mportar EE--.
*odificar arc3i!o ,7-C;=C1<
*odificar entrada EE-- ,7];791;=$:
$19. 568 /;*.
6e!isar lin@s metidos a mano
EF$ortar 22DD
*#= 4arcar
todos
5#= EF$ortar
+m$ortar 22DD
4odi(icar Siteurl ' Come VWPMOP,+ONSX
WP .ON:+7
So$orte; 2usca en la red
$i tenemos problemas con nuestra web:
o
Aora 'a entendemos m&s caracterGsticas
3.SEO PARA WP
Principios bsicos del SEO
Configura tu WP para posicionarte
en GOOGLE
@Bu es el SEOA
SE4
SEO
*s cara la in!ersi)n pero ms econ)mico a
medioH largo pla:o.
$e amorti:a ms porque permanece en el
tiempo.
.s ms fiable para los na!egantes.
.omo (uncionan los buscadores
Undice 2o catlogo4 que clasifica a partir de las palabras
significati!as que encuentra en las pginas web
@.mo sabemos en 8ue $uesto estamosA
:ree 4onitor (or 7oogle
4ide tus Progresos
A%ade el .digo a tu WP
Es8uema SEO a seguir
*# O$timi)acin de la !eb
5# O$timi)acin del contenido
6# +ncrementar las visitas ' la interaccin con el
eFterior
P# .onseguir enlaces
Ar8uitectura
O<oogle no mira, <oogle ?nicamente leeB.
Y(u' significa estoZ (ue tu blog puede lucir mu
bien est'ticamente 2ante los o%os 3umanos4 pero
esto poco interesa a <oogle. esto poco interesa a <oogle.
8o que <oogle adora es el teFto las pginas
sencillas de interpretar 2pginas que tengan
configurado un tGtulo, descripci)n, alt en las
imgenes, etc4 puesto que le a3orran traba%o de
rastreo facilitan el traba%o.
O$timi)a tu !eb
SN+PPE,S
9itulo del sitio
descripci)n
568 2-ominio
$lug4
Obviamente acciona
el rastreo ' las
$ermanlin<s
0as $alabras claves an muerto
O$timi)a tus Sni$$ets
Asegurate que cada pgina tiene su propio
_title`
-eben ser descripti!os concisos -eben ser descripti!os concisos
.!ita el Peword $tuffing 2repetici)n
innecesaria pedante con !arias formas4
5tili:a tu marca o tu producto
Sni$$ets
2-ENOS ,a,-0OS EHP0+.A.+ON

=udo de corbata: Yc)mo 3acer un nudo
de corbataZ
8a palabra cla!e al principio de la frase
2rele!ancia4 se repite dos !eces con
manera natural manera natural
Colc3ones de lteD: colc3)n de lteD
=A956A
7lural singular cuando se comprueba
que ambas son mu demandadas
1nstalaci)n de c'sped sint'tico o artificial
;nlgarden
9Gtulo descripti!o. .l nombre de la
empresa no es rele!ante para $.;, por lo
que !a al final
*aleta $pinner 4 ruedas S2cm American
9ourister
9Gtulo descripti!o especGfico para
ecommerce
Cuente: +ose E. *oreno
Vamos a em$e)ar $or Ajustes 7enerales
Vamos a a$o'arnos en un Plugin
SEO b' 3OAS, All in One SEO
SEO b' 3OAS,
Pong&mosle las cosas (&ciles a 7oogle
/1
9itle 9itle
*eta
$ite*ap
Secciones del Plugin
1. 9itles W *etas
2. $ocial
3. $itemaps Q*8 3. $itemaps Q*8
4. .nlaces permanentes o permalin@s
". .nlaces 1nternos
#. 6$$
&. 1mportar .Dportar
S. .ditar Arc3i!os
,itles b 4etas
8a etiqueta _title` la etiqueta _meta
nameKLdescri$tionL`
<eneral: Cuer:a la reescritura de ^titles_ <eneral: Cuer:a la reescritura de ^titles_
7ortada: 9Gtulos <enerales. :
9ipo de .ntradas:7lantilla de 7g, 7ost, **, ..
9aDonomGas: 7lantilla de CategorGas, .tiquetas, ..
;tro: Autor, arc3i!o
O$timi)a cada $&gina o entrada
Social
H40 Sitema$
<enera automticamente un resumen de las
pginas, entradas, categorGas, autores de tu
sitio en!Gaselas a los principales buscadores. sitio en!Gaselas a los principales buscadores.
O$timi)a tu !eb
Felocidad de Carga
,7 Cac3e
73- 7rofiler 73- 7rofiler
Anali:a la !elocidad que pierde ,p por los
plugins
EE-- 8impia
,7 CleanCiD
O$timi)a tu contenido
7oogle Penali)a;
.ontenido de baja calidad
Alto rebote
Ea%a permanencia
/9*8 7obre /9*8 7obre
Crear contenido para el usuario para <oogle
.ontenido du$licado
Sobrecarga $ublicitaria
Sobrecarga de ce'!ords V5d*5X
Bue los enlaces no sean de calidad
Webmaster ,ool
C,40 S
C,40 S indeFa mejor ' esta mejor estructurado
Res$onsive design I tr&(ico moviles ' tablets
0in< 2uilding
+*ime ,uien te enlaza ! te -ir. ,uien eres/
`C)mo debe ser un enlace ^a 3refaOurlB titleaO@wB_@w^Ha_ `C)mo debe ser un enlace ^a 3refaOurlB titleaO@wB_@w^Ha_
`-)nde conseguir enlaces
1nclusi)n en directorios 2gratis de nic3o4
Altas en foros blogs
=otas de prensa
6edes sociales
1ntercambio de enlaces
.nlaces rotos: Ero@en lin@ c3ec@er
7RA.+AS
>AV+ER 4ER.CAN
4c7 5#d e !!!#m<g5d#es
Umercanjavier

Taller de Wordpress Avanzado 2

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Taller de Wordpress Avanzado 2

Caricato da

Copyright:

Formati disponibili

WORDPRESS WORDPRESS

AVANZADO AVANZADO AVANZADO AVANZADO

2-ENOS ,a,-0OS EHP0+.A.+ON

Potrebbero piacerti anche