Documentos de Académico
Documentos de Profesional
Documentos de Cultura
desde
Blogs
Caractersticas de los blogs | Conceptos Web 2.0 | Armar un blog con Blogger | Plantillas
Panel de control | Nuestro primer post | WordPress | Diseo del blog | Pginas y enlaces
Registro de dominio | Eleccin del proveedor de hosting | Instalacin y administracin de
entradas y para sindicacin | Integracin con servicios web | 50 temas de WordPress
Publique y difunda
sus ideas online!
the looks of your blog, while having fun and making money in the process.
El contenido
de esta obra
form parte
del libro
SuperBlogger.
Blogs
rpido y sencillo
Cero
desde
Creacin de blogs
atractivos en pocos pasos
Uso y administracin
con Blogger y WordPress
Fidelizacin de una comunidad propia
Personalizacin y mejoras
estticas para WordPress
Integracin con YouTube, Facebook,
Flickr, Google AdSense y mucho ms!
express blog.indd 1
02/07/2010 13:51:59
02/07/2010 17:41:10
BLOGS_Pre_001_010.qxp
22/08/2010
07:04 p.m.
Pgina 1
BLOGS_Pre_001_010.qxp
23/08/2010
11:16 p.m.
TTULO: Blogs
AUTOR: Fernando Casale
COLECCIN: desde Cero
FORMATO: 15 X 19 cm
PGINAS: 192
Copyright MMX. Es una publicacin de Fox Andina en coedicin con
Gradi S.A. Hecho el depsito que marca la ley 11723. Todos los derechos
reservados. No se permite la reproduccin parcial o total, el almacenamiento, el alquiler, la transmisin o la transformacin de este libro, en
cualquier forma o por cualquier medio, sea electrnico o mecnico,
mediante fotocopias, digitalizacin u otros mtodos, sin el permiso previo y escrito del editor. Su infraccin est penada por las leyes 11723 y
25446. La editorial no asume responsabilidad alguna por cualquier consecuencia derivada de la fabricacin, funcionamiento y/o utilizacin de
los servicios y productos que se describen y/o analizan. Todas las marcas
mencionadas en este libro son propiedad exclusiva de sus respectivos
dueos. Impreso en Argentina. Libro de edicin argentina. Primera impresin realizada en Sevagraf, Costa Rica 5226, Grand Bourg, Malvinas
Argentinas, Pcia. de Buenos Aires en IX, MMX.
ISBN 978-987-663-033-7
Casale, Fernando
Blogs. - 1a ed. - Banfield - Lomas de Zamora: Gradi;
Buenos Aires: Fox Andina, 2010.
192 p. ; 19x15 cm. - (Desde cero; 9)
ISBN 978-987-663-033-7
1. Internet. 2. Redes Sociales. I. Ttulo.
CDD 004.6
Pgina 2
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 3
Prlogo
Prlogo al contenido
Cuando en el ao 1999 aparecieron los primeros
blogs, pocas personas hubieran apostado por su xito.
Estos blogs pioneros presentaron un hito en la historia
de la informtica: se trataba del primer formato completamente creado para Internet. No eran una migracin virtual de un formato fsico, como ucurre con las
pginas web o los diarios electrnicos. Su unidad bsica era la entrada, con su orden cronolgico inverso,
donde lo ms nuevo apareca primero; y que podan
ser comentadas por los lectores. Adems, los enlaces
hacia otros sitios y blogs eran parte usual del contenido, ya sea en las entradas o en los blogroll (lista de
sitios amigos o de inters). De esta manera, el modelo
unidireccional de las formas de publicacin tradicionales era cuestionado por una herramienta a la que muy
pocos le prestaron atencin en los primeros aos.
Los blogs, adems, eran una forma de publicacin personal o grupal, que nos permitan, con costo cero o
muy bajo, dar a conocer nuestra opinin en Internet.
Muchas personas que antes no haban tenido la oportunidad de publicar en los medios encontraron un
recurso accesible para hacer pblicos sus textos.
Los blogs deben ser definidos desde dos lugares. Por
un lado, desde el lado de quien lo mantiene, ya que
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 4
PRELIMINARES
El libro de un vistazo
El objetivo de este manual es ayudar al lector a publicar su propio blog utilizando diferentes herramientas gratuitas.
En los primeros captulos, desarrollaremos la historia de los blogs y sus caractersticas bsicas. Tambin veremos con
qu facilidad se puede trabajar con sistemas online como Blogger o Wordpress.com y emplear herramientas ms sofisticadas que le permitirn crear blogs de aspecto y funcionamiento profesional.
CAPTULO 1
QU ES UN BLOG?
En este captulo conoceremos las caractersticas e
historia de los blogs, as como tambin las nuevas
formas de comunicacin social que en la actualidad dominan la Web. Tambin veremos qu recursos se necesitan para encarar un proyecto de este
tipo, segn cules sean nuestras expectativas.
CAPTULO 3
WORDPRESS.COM DESDE CERO
En este captulo conoceremos el funcionamiento del
servicio online Wordpress.com y cules son sus limitaciones con respecto a la versin que se descarga e instala en un servidor propio.
CAPTULO 4
UN BLOG CON ESPACIO PROPIO
Veremos las ventajas de crear un blog basado en
Wordpress en un espacio contratado y administrado
por nosotros mismos. Aprenderemos a registrar un
dominio y a elegir una empresa de web hosting que se
ajuste a nuestras necesidades de blogging. Tambin
conoceremos cules son las opciones de administracin ms importantes de este tipo de servicios.
CAPTULO 2
ARMAR UN BLOG CON BLOGGER
Aprenderemos a crear un blog en muy pocos
pasos y de una manera muy sencilla utilizando
Blogger, la plataforma online de publicacin de
blogs ms popular de la Web. Adems conoceremos
cmo surgi este servicio y cul fue su influencia en
4
CAPTULO 5
INSTALACIN DE WORDPRESS
Conoceremos los pasos a seguir para copiar el software en su sitio e instalar Wordpress luego de algunas
sencillas configuraciones. Adems, aprenderemos a
manejar el sistema por primera vez y descubriremos
sus opciones ms importantes, como la creacin de
usuarios y los permisos, entre otras.
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 5
E l l i b ro d e u n v i s t a z o
CAPTULO 9
LOS PLUGINS DE WORDPRESS
CAPTULO 6
ADMINISTRACIN
DE WORDPRESS
Conoceremos cmo las funciones de Wordpress pueden expandirse gracias al uso de extensiones desarrolladas por terceros, que el sistema denomina plugins.
Aprenderemos a instalar, configurar e implementar las
funciones de un plugin dentro de nuestro blog y realizaremos una recorrida a travs de las extensiones ms
populares desarrolladas por la comunidad.
CAPTULO 7
PERSONALIZAR UN BLOG
CON WORDPRESS
Aprenderemos a personalizar el blog genrico que
configuramos, modificando su diseo a travs de los
temas, una de las caractersticas clave del xito de
Wordpress. Podremos incorporar en el blog pginas
individuales y enlaces a nuestros sitios preferidos.
CAPTULO 8
LAS FUNCIONES DE WORDPRESS
En este captulo aprenderemos a utilizar las funciones internas de Wordpress, llamadas template tags,
con el objetivo de personalizar an ms las plantillas
que forman parte de los temas. Adems, encontraremos una prctica gua con los diferentes tipos de
APNDICE
SELECCIN DE TEMAS
PARA WORDPRESS
En este apartado encontraremos una completa gua
con los mejores temas de Wordpress, clasificados en
diferentes categoras, para que podamos elegir el que
ms se adecue al tipo de blog que queremos construir.
SERVICIOS
AL LECTOR
En este apartado final incluimos el ndice temtico,
que nos permitir acceder a cualquiera de los temas
tratados en esta manual en forma rpida y precisa.
5
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 6
PRELIMINARES
CAPTULO 1
QU ES UN BLOG?
Qu es un blog?
Caractersticas de los blogs
Historia y antecedentes
Evolucin: conceptos Web 2.0
Plataformas para crear blogs
Con alojamiento incluido
Con alojamiento contratado
Multiple choice
003
004
006
010
011
012
013
014
018
022
022
024
026
CAPTULO 3
WORDPRESS.COM
DESDE CERO
043
044
044
047
048
050
052
054
054
055
056
CAPTULO 4
UN BLOG
CON ESPACIO PROPIO
057
CAPTULO 2
ARMAR UN BLOG CON BLOGGER 027
Armar un blog con Blogger
Me conviene para mi blog?
El primer paso
Darle un nombre a nuestro blog
Seleccionar una plantilla
El panel de control
Las opciones de Blogger
Personalizar el blog
Nuestro primer post
Multiple choice
6
028
028
030
031
032
033
033
035
039
042
058
058
059
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 7
C o n t e n i d o d e l l i b ro
Registrar el dominio
Qu dominio elegir?
Dominio nacional o internacional?
Elegir el proveedor de hosting
Qu servicios necesitamos?
Delegacin del dominio
Configuracin del hosting
Dominios
Redirecciones y subdominios
Cuentas de e-mail
Bases de datos MYSQL
Multiple choice
CAPTULO 5
INSTALACIN
DE WORDPRESS
060
063
064
070
070
071
073
073
074
074
075
076
077
Instalacin de Wordpress
Primeros pasos
Copiar Wordpress al servidor
Manos a la obra
Configurar el blog
Multiple choice
078
078
082
084
085
096
CAPTULO 6
ADMINISTRACIN
DE WORDPRESS
097
Administracin de Wordpress
Creacin de usuarios
Escribir el primer post
Subir imgenes y otros archivos
Administrar los posts
Etiquetas y categoras
098
098
100
107
109
111
CAPTULO 7
PERSONALIZAR UN BLOG
CON WORDPRESS
Personalizar un blog con Wordpress
Escribir y administrar pginas
Administrar enlaces
Aspecto y estructura del blog
Elegir e instalar un tema
Estructura de un tema de WP
Personalizar un tema con los widgets
Cmo modificar un tema
Multiple choice
CAPTULO 8
LAS FUNCIONES
DE WORDPRESS
Las funciones de Wordpress
Introduccin
Fecha PHP
Gua de funciones
111
112
113
114
114
116
117
118
122
125
126
130
131
132
132
134
137
7
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 8
PRELIMINARES
Funciones generales
Funciones condicionales
Funciones y entradas
Multiple choice
137
142
143
148
CAPTULO 9
LOS PLUGINS DE WORDPRESS 149
Los plugins de Wordpress
Para qu sirven?
Descargar e instalar un plugin
Gua de plugins
Plugins para comentarios
Plugins para entradas
Plugins de diseo
Plugins para sindicacin
Plugins anti-spam
Integracin con servicios web
Otros plugins
Multiple choice
APNDICE
SELECCIN DE TEMAS
PARA WORDPRESS
Seleccin de temas para Wordpress
Introduccin
8
150
150
151
154
157
158
160
162
162
164
166
168
169
170
170
SERVICIOS
AL LECTOR
ndice temtico
Catlogo
170
170
170
171
172
172
173
173
174
174
174
175
176
176
176
177
178
178
179
180
180
180
180
181
182
182
183
183
183
185
186
189
10/05/2010 13:15:57
BLOGS_Pre_001_010.qxp
22/08/2010
07:05 p.m.
Pgina 10
PRELIMINARES
Introduccin a Blogs
En este libro confluyen dos mundos muy diferentes.
Por un lado, se trata de un manual publicado en
papel. Sus pginas provienen de la pasta de celulosa que se extrae de la madera de los rboles, y la
tinta que da forma a la tipografa que estn leyendo
se obtuvo a partir de un proceso qumico. En la
impresin, se ha utilizado un complejo sistema
mecnico de produccin en serie. Para llegar a sus
manos, el libro tuvo que ser transportado en camiones (que requieren combustible y mantenimiento)
hacia los distintos puntos de distribucin.
Por otra parte, el manual est centrado en los blogs,
uno de los formatos de publicacin ms exitosos de la
Web y responsable de que millones de personas se
hayan volcado a consumir y producir contenidos en
Internet. Mediante un blog, cualquier usuario con una
conexin de banda ancha que conozca mnimamente
lo que es una pgina web est en condiciones de
publicar sus contenidos y de llegar a una audiencia
global, todo esto sin necesidad de contar con papel,
tinta, imprenta o canales fsicos de distribucin.
Los medios de produccin de contenidos, antes
10
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 11
Captulo 1
Qu es un blog?
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 12
1.Qu es un blog?
Qu es un blog?
Un blog es una pgina web cuyo contenido se actualiza con una cierta periodicidad. El nombre proviene
del trmino en ingls web log (en ingls log significa
registro o bitcora, por eso tambin, se suele llamar
as a los blogs). Si bien desde los comienzos de la Web
los usuarios tienen la posibilidad de crear sus propias
pginas, el fenmeno creci en forma exponencial gracias a la masificacin del acceso a Internet junto con
la aparicin, a fines de los aos 90, de herramientas
gratuitas para publicar blogs con facilidad. Adems,
para esto, tampoco se necesitan conocimientos de
HTML o de diseo web. Hoy en da, existen ms de 100
millones de blogs en el mundo, segn contabiliza el
buscador especializado Technorati (Figura 1).
El blog es una herramienta democratizadora: cualquier persona con acceso a Internet puede armar
uno y compartir sus ideas con el resto del mundo.
Por eso, muchos son verdaderos medios de comunicacin personalizados, en los que sus autores escriben sobre sus temas preferidos o enlazan
informacin de otros blogs y sitios afines. Otros,
en cambio, son diarios ntimos en los que sus
autores exponen las situaciones ms personales
ante miles de desconocidos.
No todos los blogs son de texto, muchas personas
eligen compartir fotografas en sus fotologs,
mientras que otros se paran delante de una cmara de video y conducen sus propios programas de
TV (videoblogs).
12
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 13
Qu es un blog?
FIGURA 1.
Technorati
(www.technorati.com)
es un buscador
que se especializa
en indexar el contenido
que los blogs
generan cada da.
13
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 14
1.Qu es un blog?
Por ltimo, en un blog son muy importantes los comentarios que los lectores pueden hacer en cada entrada y, a veces, suele resaltrselos en la barra lateral.
An as, hay muchos blogs populares que tienen deshabilitada la opcin de comentar ante la imposibilidad
de moderar o de responder todas las participaciones.
HISTORIA Y ANTECEDENTES
Con el surgimiento de la Web empezaron a aparecer
los primeros diarios personales online, construidos
en forma rudimentaria en HTML. Estos blogs primitivos eran subidos en sitios web de universidades o
se publicaban con los primeros servicios de
hosting gratuito, como Angelfire y Geocities. Se
considera a Justin Hall (Figura 2) como uno de los
pioneros en la materia, gracias al diario online que
public en 1994 mientras era estudiante universitario.
Su sitio, Justins Links from the Underground,
se mantuvo en lnea hasta 2005, justo cuando el universo blog aceleraba su expansin (Figura 3).
El puntapi inicial
para la popularizacin
de los blogs ocurri
a fines del ao 1998
BLOGS EN ESPAOL
El fenmeno de los blogs empez ms tarde en el mundo de habla hispana, pero hoy en
da es una de las comunidades que ms crece. Se calcula que, en la actualidad, hay ms
de 3 millones de bitcoras en espaol.
14
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 15
Qu es un blog?
FIGURA 3.
Gracias a The Internet
Archive (www.archive.org)
podemos ver cmo era
el sitio de Justin Hall
en 1996, cuando todava
ni exista la palabra blog.
Sin embargo, el servicio que ms rpido se populariz fue el de Blogger.com, tambin lanzado en
1999 y adquirido aos ms tarde por el gigante
Google. En la actualidad, sigue siendo el sistema de
blogs ms populares; los que lo utilizan se pueden
reconocer con facilidad por tener un dominio del tipo nombredelblog.blogspot.com, o por mostrar,
en la parte superior de la pgina, una barra de bsqueda de otros blogs dentro de la red.
15
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 16
1.Qu es un blog?
FIGURA 6.
El servicio para compartir
videos YouTube
proporciona el cdigo
necesario para incorporar
un video en la entrada
de un blog.
16
Un par de aos despus, el auge de los telfonos celulares con cmara digital incorporada permiti a las
personas comunes publicar fotografas tomadas en
forma casual, lo cual demostr ser una gran herramienta democratizadora durante los atentados en
Madrid (2004) y Londres (2005). Gracias a los blogs,
los testigos de aquellas dramticas horas pudieron
contar su versin de los hechos en primera persona.
La capacidad de grabar videos con celulares y cmaras
digitales, y la aparicin en escena de YouTube y otros
servicios para compartir videos posibilitaron el surgimiento del videoblog, que convirti al living del hogar en un potencial estudio de televisin (Figura 6).
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 17
Qu es un blog?
GUA VISUAL /1
Elementos tpicos de un blog
4
5
Texto del post: los posts de los blogs tienen la ventaja de todo hipertexto en la Web: pueden contener links hacia otros posts del mismo blog a o otros sitios y enriquecer la experiencia de lectura. Debajo del texto del post suelen aparecer los comentarios y el formulario para ingresar una nueva opinin.
2 Ttulo del post: adems de su funcin de llamar la atencin del visitante-lector, el ttulo
del post es muy importante a la hora de atraer visitantes al blog desde buscadores
17
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:41 a.m.
Pgina 18
1.Qu es un blog?
3
4
5
6
7
como Google. Las categoras y etiquetas son tambin una clasificacin importante.
Encabezado: suele incluir un logo o ilustracin que identifica grficamente al blog o un
men con accesos rpidos a ciertas pginas del blog, o avisos publicitarios.
Opcin de bsqueda: a medida que el contenido del blog crece, se hace necesario brindar la opcin de buscar mediante una palabra o frase.
ltimas entradas: un recurso para que los visitantes puedan acceder ms rpido a las
ltimas entradas que les resulten de inters.
Archivo: otra manera de ayudar a los lectores a encontrar informacin en el blog es ofrecer un archivo de entradas, que puede clasificarse por categora o mes de publicacin.
Enlaces: tambin conocido como blogroll, la lista de enlaces sirve para conectar a los
lectores del blog con otros sitios afines a su autor.
Evolucin:
conceptos Web 2.0
Hoy por hoy, los blogs son una parte importante de
la Web 2.0, trmino usado para describir diversas
tecnologas utilizadas en la construccin de aplicaciones web, y la forma en que los usuarios interactan con ellas. Si bien el trmino es resistido por
algunos, se refiere tambin a una concepcin de la
Web que implica una mayor colaboracin del
usuario en la generacin de sus contenidos.
Adems de los blogs, que permiten a cualquier persona subir sus propios contenidos a la Web con mucha
facilidad (y a otros usuarios comentar acerca de ellos),
18
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 19
E v o l u c i n : c o n c e p t o s We b 2 . 0
FIGURA 7.
La enciclopedia online
Wikipedia demostr
que una red mundial
de colaboradores
conectados a travs
de la Web es capaz
de crear la enciclopedia
ms completa y fiable
del mundo.
LOS FOTOLOGS
Se trata de servicios muy sencillos, en los que el usuario puede subir una foto acompaada
de un pequeo texto. Luego, las fotos son agrupadas en un calendario, y otros usuarios pueden comentarlas. Este tipo de sitios despierta fanatismo entre los nios y adolescentes.
19
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 20
1.Qu es un blog?
presentaciones, y es capaz de abrir y guardar documentos en formato de Microsoft Office.Al ser una aplicacin online, permite compartir documentos con
otras personas para trabajar en forma colaborativa.
Bloglines y Google Reader (Figura 11): la posibilidad de acceder a medios informativos de todo el
mundo, incluyendo miles de blogs, hizo necesaria
una tecnologa que nos permitiera acceder a los
contenidos, a medida que stos son actualizados.
Los lectores de feeds nos posibilitan acceder a todas nuestras fuentes de informacin desde la misma
aplicacin online y, adems, compartir estos contenidos con otras personas.
FIGURA 9.
Delicious permite
a los usuarios guardar
sus sitios favoritos
en una cuenta online,
que adems se puede
compartir con el resto
de la Web.
20
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 21
E v o l u c i n : c o n c e p t o s We b 2 . 0
FIGURA 10.
Con Google Docs,
podemos crear
documentos, plantillas
o presentaciones en lnea
como si lo hiciramos
con un paquete de oficina
comercial.
FIGURA 11.
Google Reader
es un servicio de Google
que permite a los usuarios
acceder al contenido
de los canales RSS
ofrecido por la mayora
de los blogs y otros
medios informativos.
QU ES UN FEED?
Es un formato utilizado para que los lectores reciban el contenido actualizado de un sitio de
noticias o un blog. Incluye un Canal RSS que permite al visitante suscribirse al feed (en espaol significa alimento) de ese contenido mediante un lector de noticias como Google Reader.
21
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 22
1.Qu es un blog?
Plataformas
para crear blogs
Como dijimos al principio, lo que permiti a los
blogs popularizarse fue la aparicin de herramientas
gratuitas que pusieron la publicacin al alcance de
usuarios sin conocimientos de diseo web o de lenguaje HTML. Si bien este tipo de herramientas hoy en
da se cuentan por decenas, aqu describiremos las
ms utilizadas y las claisificaremos en dos grandes
grupos: los servicios para crear blogs alojados directamente por las empresas, y las aplicaciones gratuitas que requieren ser instaladas en un servicio de
web hosting contratado por el usuario.
La alternativa ms fcil
para quienes desean dar
sus primeros pasos en
el mundo de los blogs es
utilizar un servicio online
22
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 23
P l a t a f o r m a s p a r a c re a r b l o g s
BLOGS MP3
Los blogs se han convertido, tambin, en un medio para intercambiar archivos musicales.
Sus autores recomiendan discos y ofrecen links para bajar el material completo, por lo general subido a servicios gratuitos de hosting temporario como Rapidshare o MegaUpload.
23
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 24
1.Qu es un blog?
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 25
P l a t a f o r m a s p a r a c re a r b l o g s
FIGURA 15.
Antes de la aparicin
de Wordpress,
Movable Type era
el sistema ms empleado
para crear blogs.
Hoy en da es uno
de los ms requeridos
en el mundo de los blogs
corporativos.
RESUMEN
En este captulo, aprendimos qu son los blogs al conocer su historia y su evolucin. Tambin
vimos las nuevas tecnologas y tendencias que conforman la Web 2.0 y repasamos cules son
las plataformas ms utilizadas para crear un blog, y qu se necesita para tener uno propio.
25
BLOGS_Cap1_011_026_corregido.qxp
01/07/2010
09:42 a.m.
Pgina 26
1.Qu es un blog?
Multiple choice
1
Cul es el idioma
en el que se escriben ms blogs?
a- Chino.
b- Japons.
c- Ingls.
d- Castellano.
En qu ao se cre
la primera pgina considerada un blog?
a- 1986
b- 1992
c- 1994
d- 1998
26
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
09:59 a.m.
Pgina 27
Captulo 2
Armar un blog
con Blogger
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
09:59 a.m.
Pgina 28
Armar un blog
con Blogger
Me conviene
para mi blog?
Como vimos en el Captulo 1, un servicio como Blogger nos permite crear un blog con mucha facilidad y
sin preocuparnos por contratar un servicio de hosting
o por realizar instalaciones de software.Adems, al estar administrado por una empresa como Google, nos
asegura que los problemas tcnicos sern casi inexistentes, algo que no podemos garantizar con un aloja-
FIGURA 1.
PostSecret es uno
de los blogs ms visitados
del mundo y est alojado
en Blogger.
28
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
09:59 a.m.
Pgina 29
miento pago. Por si esto fuera poco, el servicio es totalmente gratuito y hasta nos permite utilizar un dominio propio para nuestro blog (Figura 1).
Cules pueden ser las desventajas entonces? Para
empezar, una de las ventajas que mencionamos antes puede ser, al mismo tiempo, una desventaja. El
hecho de que el blog est alojado en el servicio de
Google nos deja a merced de las decisiones que la
compaa pueda tomar en lo que respecta a nuestro
blog o al propio futuro del servicio. Por ejemplo, podra considerar que el contenido no es apropiado y
dar de baja el blog. Tambin podra suceder que
FIGURA 2.
La pgina principal
de Blogger nos muestra,
en tiempo real, los links
de los blogs al momento
en que son actualizados.
29
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
09:59 a.m.
Pgina 30
El primer paso
Desde que se convirti en una aplicacin ms de
Google, Blogger ha unificado las cuentas de sus
usuarios con las utilizadas en otros servicios de la
empresa, como Gmail, Docs, Reader y muchos otros.
Por lo tanto, para dar de alta nuestro blog, primero debemos crear una cuenta en Google. Podemos hacerlo
desde el propio Blogger de forma gratuita.
Al entrar en www.blogger.com, la pgina de Blogger, veremos una portada que nos invita a crear un
blog en tres sencillos pasos. Si ya poseemos una cuenta, en primer lugar tendremos que ingresar en ella,
mediante nuestro usuario y contrasea (Figura 3).
30
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
09:59 a.m.
Pgina 31
El primer paso
Es importante elegir una contrasea que no sea fcil de adivinar, ya que ella ser la llave para entrar
en todos los servicios de Google que utilicemos de
ahora en ms (el sistema se ocupar de avisarnos si
la contrasea que elegimos es segura o no). Luego
de crear la cuenta, Blogger nos enviar un e-mail de
verificacin que contiene un enlace. Hacemos clic en l
para confirmarle al sistema que fuimos nosotros quienes dimos de alta la cuenta.
DARLE UN NOMBRE
A NUESTRO BLOG
En el siguiente paso, definiremos el nombre que tendr nuestro blog. En la seccin Ttulo del blog,
tendremos que escribir el nombre con
el que lo bautizaremos, y que aparecer tanto en el
encabezado del sitio como en la barra de ttulo del
navegador. En Direccin del blog (URL), deberemos escribir la direccin web que queremos que
tenga. Por ejemplo, si la direccin la definimos como
librosuperblogger, nuestro blog quedar alojado
en http://librosuperblogger.blogspot.com.
Debido a la gran cantidad de blogs que se encuentran alojados en Blogger, puede suceder que la direccin elegida no se encuentre disponible, lo que
nos obligar a conformarnos con alguna alternativa.
Es importante elegir
una contrasea que
no sea fcil de adivinar
EMBEBER UN VIDEO
Para incorporar al blog un video que hayamos visto en YouTube, solo tenemos que
copiar el cdigo que aparece debajo de Embed (en YouTube) dentro del texto de la entrada, que deber estar en modo HTML.
31
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 32
La personalizacin que
podemos darle a nuestro
blog tiene sus limitaciones
FIGURA 5.
Al elegir una direccin
para nuestro blog,
es recomendable evitar
los nombres largos
o difciles de escribir.
32
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 33
FIGURA 6.
Si bien la cantidad
de plantillas puede
parecer limitada,
ms adelante Blogger nos
permitir modificarlas
a nuestro gusto.
EL PANEL DE CONTROL
Una vez que hemos elegido la plantilla, aparecer
una pantalla que nos confirma que nuestro blog se
ha creado en forma exitosa (Figura 7).
Al hacer clic en Empezar a publicar, ingresaremos en el panel de control del blog, en donde veremos tres pestaas bsicas que nos servirn para
controlar sus diferentes aspectos. En Creacin de
entradas, estn las opciones para publicar y editar
los posts, y tambin para moderar los comentarios
que dejan los visitantes.
Las opciones
de Blogger
En la pestaa Configuracin, se encuentran las opciones ms importantes para controlar el funcionamiento del blog, y en Diseo, estn las funciones
referidas a su aspecto visual. A continuacin, veremos
las opciones de configuracin disponibles.
33
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 34
FIGURA 8.
El ttulo de la pgina
(en este caso, del blog)
es uno de los elementos
ms tenidos en cuenta
por Google a la hora
de buscar en su base
de datos.
34
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 35
Personalizar el blog
El sistema permite a
un mismo usuario crear
varios blogs en su cuenta
Personalizar el blog
Las opciones para personalizar el aspecto de nuestro
blog se agrupan en la pestaa Diseo (Figura 10).
Al seleccionarla, encontraremos cuatro submens. El
primero es Elementos de la pgina, dentro del cual
veremos un esquema con los diferentes elementos del
blog. En cada uno de estos elementos veremos la
opcin Editar, desde la cual podremos configurar diferentes aspectos del blog. A continuacin, resumimos
estos elementos y sus opciones:
FIGURA 9.
Para ser ms originales
con la direccin
de nuestro blog,
podemos optar
por un dominio propio.
El costo de registro
de un dominio .com
es de US$ 10 anuales.
FIGURA 10.
La opcin para modificar
el diseo nos muestra
un esquema muy intuitivo
con los diferentes
elementos del blog.
35
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 36
QU ES OPENID?
Este submen dentro de la seccin Configuracin es un sistema que busca unificar el ingreso en diferentes sitios y servicios web, de manera tal que los visitantes puedan recurrir siempre al mismo nombre de usuario y contrasea.
36
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 37
Personalizar el blog
Aadir un gadget: los gadgets son diferentes accesorios que se pueden agregar en la barra lateral
del blog. Al ingresar por primera vez, veremos que
dos de estos accesorios ya se encuentran incorporados: el que muestra el archivo del blog y el de nuestros datos personales.
Lo interesante de los gadgets es que Blogger actualiza en forma permanente esta seccin
con nuevos agregados, e incluso los usuarios con
conocimientos de programacin pueden crear los
propios (Figuras 15 y 16).
37
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 38
38
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 39
N u e s t ro p r i m e r p o s t
FIGURA 17.
Otra de las opciones
interactivas que ofrece
Blogger es Fuentes
y colores, desde donde
podemos cambiar
la paleta y tipografas
de nuestro blog
y ver el resultado
en forma inmediata.
entradas de nuestro blog. Encontraremos un casillero para ingresar el ttulo de la entrada y el rea
para escribir el texto propiamente dicho. El rea de
texto incluye botones para darle diferentes estilos
a la entrada, similares a los que hallamos en cualquier procesador de textos (tipografa, tamao del
texto, negrita, itlica, subrayado, colores,
alineacin del texto, etctera).
Desde Crear, tambin podemos agregar elementos
propios de una pgina web, como links (con el botn Enlace), imgenes y videos. Al agregar imgenes,
podremos subir archivos que estn guardados en
LOS TROLLS
Uno de los primeros desafos que enfrentan los bloggers que deciden aceptar comentarios en sus bitcoras es el ataque de los trolls, personas que, desde el anonimato, buscan molestar o crear controversia con el autor del blog o con sus lectores.
39
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 40
FIGURA 18.
La opcin Crear es una de
las que ms utilizaremos
si somos prolficos
con nuestro blog.
Desde aqu escribiremos
los textos, subiremos
imgenes y videos,
y programaremos la fecha
y hora de publicacin
de la entrada.
FIGURA 19.
En las entradas, podemos
subir imgenes
que tengamos guardadas
en nuestra computadora
o en un sitio web,
en cuyo caso deberemos
ingresar la direccin
de su ubicacin.
40
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 41
N u e s t ro p r i m e r p o s t
RESUMEN
En este captulo, aprendimos a crear un blog con Blogger, el servicio web gratuito para crear
blogs que forma parte de las aplicaciones de Google. Desarrollamos las opciones disponibles
durante la creacin, la configuracin, el diseo y la publicacin de entradas en el blog.
41
BLOGS_Cap2_027_042_corregido.qxp
01/07/2010
10:00 a.m.
Pgina 42
Multiple choice
1
42
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 43
Captulo 3
Wordpress.com
desde cero
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 44
3 . Wo rd p re s s . c o m d e s d e c e ro
Wordpress.com
desde cero
La posibilidad de armar un blog desde un servicio
online y sin necesidad de contratar un hosting o de
registrar dominios no se agota en Blogger. El mismo
equipo que desarroll el software de cdigo abierto
Wordpress ofrece la posibilidad de crear un blog en
forma gratuita con esa plataforma, pero con el sitio
alojado en sus propios servidores.
Qu es
Wordpress?
Antes de hablar sobre el servicio que ofrece
Wordpress.com, debemos comentar un poco ms
sobre Wordpress, la plataforma de cdigo abierto para crear blogs programada entre 2002 y 2003
por Matt Mullenweg, quien por aquel entonces
solo tena diecinueve aos (Figura 1).
Para entender cul fue la motivacin de Matt
Mullenweg al crear este software, hay que pensar
un poco en cules eran las opciones para crear un
44
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 45
Q u e s Wo rd p re s s ?
La licencia elegida
para distribuir
Wordpress fue la versin
2 de la GNU
General Public License
En el otro extremo de las posibilidades estaba
MovableType, un software lanzado en el ao 2001
por la empresa Six Apart, que el usuario deba instalar en un servidor contratado y en su propio dominio
web. Si bien era la alternativa empleada para crear
blogs ms personalizados que los de Blogger, tena algunas limitaciones en su funcionamiento, como por
ejemplo, la generacin esttica de las pginas. Estas
razones llevaron a Matt a crear su propio software para blogs. El cdigo estuvo basado en un software
llamado b2\cafelog, creado por Michel Valdrighi,
FIGURA 2.
En la pgina
de Wordpress, se puede
leer el texto completo
de la licencia GNU
bajo la cual se distribuye
el software.
45
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 46
3 . Wo rd p re s s . c o m d e s d e c e ro
FIGURA 3.
Wordpress MU
es una variante
de Wordpress
que permite administrar
varios blogs desde
una misma instalacin.
Wordpress.com se bas
en esta versin.
46
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 47
Q u e s Wo rd p re s s ?
usuario (por ejemplo: Cine). A su vez, cada categora puede tener subcategoras (por ejemplo:
Terror). Ms tarde, incorpor la posibilidad de definir etiquetas para cada entrada, de la misma
forma que lo hace Blogger.
Notificacin va pingbacks: la interaccin entre diferentes blogs es una de las fortalezas de la blogsfera. Wordpress ayuda con su sistema de pingbacks,
que se comunica con los blogs que han sido enlazados
en la entrada, para que a su vez incorporen el nuevo
enlace en la entrada original.
Permite crear blogs colectivos, en los que un administrador o editor tiene el poder de modificar o de
borrar los artculos, mientras que los usuarios individuales solo pueden acceder a sus propias entradas.
A fines del ao 2005, Automattic, la empresa creada por Matt Mullenweg, lanz Wordpress.com,
un servicio de alojamiento de blogs basado en
Wordpress, con el objetivo de competir con el monopolio de Blogger. Al igual que sucede con el servicio
de Google, la idea de este tipo de proyectos es facilitar la tarea de crear un blog a las personas que no
tienen el tiempo o el conocimiento necesarios como
para contratar un servicio de hosting, registrar un dominio e instalar una plataforma desde cero (Figura 4).
QU ES EL SOFTWARE LIBRE?
Se llama as al software que puede ser utilizado, estudiado y modificado sin ningn tipo
de restricciones. Para ello, el software debe ser distribuido con su cdigo fuente incluido, de manera tal que otros usuarios puedan acceder a l.
47
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:50 a.m.
Pgina 48
3 . Wo rd p re s s . c o m d e s d e c e ro
FIGURA 4.
Para los que no se
animaban a instalar
Wordpress, Automattic
cre la versin online
Wordpress.com,
con caractersticas
similares a Blogger.
mismas que las del sistema Wordpress (que analizaremos en detalle en los siguientes captulos). La
diferencia fundamental de la versin gratuita
de Wordpress.com con respecto a una instalacin de
Wordpress en un servidor propio es que no permite
instalar de manera libre las plantillas o plugins creados
por terceros. Aun as, el sistema incluye casi un centenar de diseos diferentes y cada uno nos brinda la posibilidad de modificar algunos estilos, como ser colores
o textos incluidos en el encabezado, por ejemplo.
Tambin existe la posibilidad de modificar a fondo
los estilos del blog, registrar un dominio propio o
contar con mayor capacidad de almacenamiento,
para lo cual se requiere el pago de diferentes tipos
de abonos diarios o anuales, segn cul sea la
caracterstica adicional a la que queremos acceder.
Este pago se realiza en crditos de Wordpress, que
se pueden comprar desde el propio sistema.
48
Armar un blog
en Wordpress.com
Crear un blog con el servicio que nos brinda
Wordpress.com es una tarea muy sencilla, como
podemos observar en el Paso a paso 1.
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 49
A r m a r u n b l o g e n Wo rd p re s s . c o m
PASO A PASO /1
Abrir una cuenta en Wordpress.com
49
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 50
3 . Wo rd p re s s . c o m d e s d e c e ro
FIGURA 5.
En el Tablero
encontraremos
un resumen con
las ltimas novedades
de nuestro blog;
incluye una lista con
enlaces provenientes
de otros sitios.
BLOGGER O WORDPRESS.COM?
Ambos sistemas son muy completos y resultan ms que suficientes para crear un blog sencillo, pero cada uno tiene sus puntos fuertes. En el caso de Wordpress.com, su ventaja radica en la gran comunidad de desarrolladores de plantillas y plugins.
50
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 51
A r m a r u n b l o g e n Wo rd p re s s . c o m
FIGURA 6.
Una de las ventajas
de Wordpress.com
es que, de manera
constante, va
incorporando nuevos
diseos de plantillas,
muchas de ellas creadas
por la gran comunidad
que apoya el sistema.
dentro del submen Aspecto. A continuacin, describimos algunas de las opciones posibles:
Widgets: al igual que los gadgets de Blogger, se trata de accesorios que podemos incorporar en la barra
lateral del blog. Por ejemplo, el widget Archivos
nos permite agregar enlaces hacia el archivo mensual de entradas de nuestro blog. Cada uno de
estos widgets tiene sus propias opciones para personalizar la informacin que se mostrar, y una
vez que los agregamos es posible modificar el orden que tendrn en la barra lateral, solo tenemos
que arrastar los widgets a su posicin definitiva.
WORDPRESS MU
La plataforma Wordpress convencional nicamente permite crear un solo blog por instalacin. Por eso existe Wordpress MU, una variante capaz de administrar mltiples blogs. Sobre
esta particular versin de WP est basado el sistema online de Wordpress.com.
51
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 52
3 . Wo rd p re s s . c o m d e s d e c e ro
Esta caracterstica puede resultar un poco molesta, sobre todo para los visitantes con conexiones deficientes,
por lo cual se recomienda deshabilitarla. La otra opcin, Ocultar enlaces relacionados en este
blog, habilita o deshabilita la lista de enlaces relacionados que aparecen debajo de cada uno de los posts.
Editar CSS: esta opcin est disponible en la mayora de los templates y se reseva a usuarios con conocimientos del lenguaje CSS, el cual se utiliza para definir
los estilos de un sitio web. Debajo de la caja de texto que contiene los estilos, veremos una casilla de seleccin en la que podemos definir si los que aparecen
arriba deben ser agregados a la plantilla original del
template, o si los estilos originales deben ser reemplazados por los nuevos. Tambin hay una casilla de texto en la que determinaremos el ancho en pxeles que
ocupar el contenido del blog dentro de la plantilla.
Una vez que tenemos definido el diseo del sitio, podemos empezar a escribir entradas. El sector para hacerlo es Entradas/Crear, el cual nos muestra una
pgina desde la que podremos ingresar nuestro post y
toda su informacin asociada. Lo usual es empezar por
el ttulo y el texto principal de la entrada. Al igual
IMPORTAR Y EXPORTAR
Estas opciones se encuentran en la solapa Gestionar y nos permiten importar y exportar
informacin entre diferentes blogs de Wordpress. Exportar tambin es til para guardar una
copia del contenido del blog en nuestra PC, si por error borramos algn post valioso.
52
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 53
A r m a r u n b l o g e n Wo rd p re s s . c o m
FIGURA 8.
La pgina de edicin
de Wordpress contiene
un editor de texto visual,
y diferentes opciones
para clasificar y publicar
una entrada.
CATEGORAS Y ETIQUETAS
Llamamos categoras a las secciones fijas que puede tener nuestro blog (por ejemplo, si es
de cine, podemos definir como categoras Comedia, Drama, etctera). Las etiquetas son un
nivel ms libre y especfico de clasificacin, por ejemplo: Woody Allen, Nueva York.
53
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 54
3 . Wo rd p re s s . c o m d e s d e c e ro
una
r el
de
sos
rios
res
ara
tas
as.
ores
os
et.
Desde la solapa Entradas, tambin podemos administrar los posts de nuestro blog, tanto los que ya
estn publicados como aqullos que an estn en
modo borrador o hemos programado para ser publicados en una fecha futura. Para modificar una entrada,
Para borrar una entrada, posicionamos el mouse sobre el ttulo del post y veremos que se habilitarn
cuatro nuevas opciones: Editar, Edicin rpida,
Borrar y Ver. Con un clic en la opcin deseada,
completaremos la accin. Si, en cambio, queremos
editar varias entradas al mismo tiempo, tildamos las
casillas que estn a la izquierda del nombre de las
entradas que deseamos modificar, luego desplegamos el men Acciones en bloque y elegimos una
opcin: Editar o Borrar.
Cuando hayamos acumulado una gran cantidad de
entradas en nuestro blog, podremos ubicarlas con
facilidad desde el administrador, gracias a los diferentes filtros que contiene. Por ejemplo, es posible
mostrar nicamente las entradas de un mes en particular, o las que hayan sido clasificadas con una categora determinada. Tambin podemos filtrar el listado con el buscador interno (Figura 10).
DOMINIOS
Al igual que con Blogger, podemos utilizar cualquier dominio con nuestro blog de
Wordpress.com. Para relacionar el blog con un dominio que tengamos registrado, debemos
ir a Opciones/Dominios y agregar all el que queramos emplear en nuestra bitcora.
rra
g.
54
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 55
A r m a r u n b l o g e n Wo rd p re s s . c o m
FIGURA 10.
Desde la gestin
de entradas,
podremos acceder
al archivo completo
de nuestros posts.
PGINAS Y ENLACES
En la barra de opciones de la izquierda, veremos que
existe la posibilidad de administrar otros elementos
del blog, como las categoras, las etiquetas y los archivos multimedia que hemos subido en las entradas.
Adems, desde aqu podemos administrar nuestra lista de blogs favoritos, que en la jerga se denomina
blogroll. Si hacemos clic en Enlaces, entraremos
en otro administrador similar a los que ya conocemos,
en el que podemos agregar enlaces a la lista.
Al igual que las entradas, los enlaces tambin
pueden estar categorizados (por ejemplo, Personales, Noticias, Tecnologa, etctera) y las
categoras se pueden crear junto con los enlaces
o desde la opcin Categoras de enlaces.
RESUMEN
En este captulo, aprendimos a crear un blog con Wordpress.com, el servicio de hosting gratuito de blogs basado en dicha plataforma. En futuros captulos, veremos cmo instalar el sistema en un servicio propio de hosting y aprenderemos a manejarlo con mayor detalle.
55
BLOGS_Cap3_043_056_corregido.qxp
01/07/2010
10:51 a.m.
Pgina 56
3 . Wo rd p re s s . c o m d e s d e c e ro
Multiple choice
1
Entre qu aos
fue programado Wordpress?
a- 1998 y 1999.
b- 2000 y 2001.
c- 2001 y 2002.
d- 2002 y 2003.
56
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 57
Captulo 4
Un blog con
espacio propio
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 58
Un blog
con espacio propio
En los captulos anteriores, vimos las diferentes posibilidades que existen a la hora de crear un blog
con servicios como Blogger o Wordpress.com. stos,
adems de proporcionarnos el software ya instalado, nos brindan en forma gratuita una direccin
(URL) y el espacio necesario para subir nuestros
textos, imgenes y otros archivos que formarn
parte de nuestro blog.
Ahora bien, supongamos que armamos un blog con
algunos de estos servicios y empezamos a escribir,
en forma regular, con el objetivo de tener un blog
convocante. Si nuestro contenido resulta atractivo
para otras personas, veremos cmo el blog incrementar sus visitas y comentarios a lo largo del
tiempo. Si nos tomamos en serio la tarea de bloguear, un par de aos despus tendremos un
pequeo medio de comunicacin con miles de lectores que cada da se conectan con nosotros para
ver qu tenemos para decir o mostrar. La pregunta entonces es: queremos que nuestro blog
dependa de un servicio cuyas condiciones de uso y
contratacin podran cambiar de la noche a la maana? Adems, no hay ninguna garanta de que
WORDPRESS,
LA PLATAFORMA IDEAL
Ahora iremos un paso ms all y mostraremos cmo
instalar y administrar Wordpress (Figura 1) en un
espacio de web hosting contratado por nosotros
mismos. Tal vez pueda sonar una tarea complicada,
pero la instalacin de la plataforma es lo ms sencillo
de todo. En cambio, lo que nos llevar ms tiempo
es encontrar un nombre y un dominio que resulten
atractivos y no hayan sido utilizados antes por otra
persona. Adems, elegir un buen proveedor de web
58
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 59
ya que aparecer mezclado con miles de otras pginas con nombre similar y ser ms difcil de encontrar en la Web. Por ejemplo, si planeamos un
blog dedicado al cuidado canino, ser una mala
idea bautizarlo como Perros. Lo ideal sera emplear un ttulo ms especfico como Blog del cuidado canino. Otra posibilidad es usar un nombre de
fantasa inventado por nosotros, de manera tal
que no se pierda en la inmensidad de la Web, pero que, al mismo tiempo, sea fcil de recordar en
el mundo real (Figura 2).
FIGURA 1.
Wordpress est
disponible en espaol,
en la propia plataforma
y en el sitio web desde
el que se descarga.
All tambin hay mucha
documentacin creada
por una comunidad
activa de usuarios.
59
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 60
FIGURA 2.
Como no poda ser de otra
manera, Google tiene
su propio buscador
especializado en blogs en
http://blogsearch.google.com
Registrar el dominio
Antes de iniciar los pasos que debemos seguir para
registrar el dominio, nos conviene entender un poco
mejor cmo funciona Internet y el servicio que conocemos como World Wide Web.
Como su nombre lo indica, la red es un conjunto
de computadoras interconectadas entre s. Cada
una de stas, incluida la que usamos en nuestro
hogar u oficina, est identificada por una sucesin
nica de cuatro nmeros que recibe el nombre de
IP (por Internet Protocol). Por ejemplo, la direccin
200.80.42.77 es un nmero de IP vlido y no
puede haber dos computadoras conectadas a la
red con el mismo IP.
60
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 61
Registrar el dominio
corresponde a la IP 209.85.195.99. Luego, el navegador se conecta con esa IP y nos devuelve el contenido de la pgina (Figura 3).
Los dominios web estn construidos a partir de diferentes niveles jerrquicos. El nivel ms alto de un dominio es lo que aparece detrs del ltimo punto. Por
ejemplo, en el dominio www.redusers.com, el nivel ms alto es el .com. En uno que sea dominio
de un pas, el nivel ms alto son las dos iniciales
correspondientes al cdigo de ese pas. Por ejemplo, en www.zonaindie.com.ar el nivel ms
alto es .ar. Los dominios de los pases suelen ser
FIGURA 3.
En este ejemplo,
ingresamos en el buscador
Google por su nmero
de IP en lugar
de su nombre de dominio.
61
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 62
administrados por organismos pblicos o por empresas privadas a las que se les ha dado dicha administracin en concesin. Por este motivo, segn el dominio que hayamos elegido para nuestro blog, debemos recurrir a una cierta entidad especfica para registrarlo. El costo de registrar un dominio vara segn cada pas y Argentina es uno de los pocos en
donde el trmite es gratuito (Figura 4).
DEL
tracin central depende de una organizacin conocida como Internet Corporation for Assigned Names
and Numbers (ICANN). La mayora de las empresas
proveedoras de web hosting ofrecen el servicio de
registro de dominios de este tipo, cuyo costo anual
oscila entre 10 y 20 dlares (Figura 5).
FIGURA 4.
El registro de dominios
.com.ar, .net.ar y .org.ar
es gratuito y lo administra
el Ministerio de
Relaciones Exteriores y
Cultura de la Argentina.
62
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 63
Registrar el dominio
QU DOMINIO ELEGIR?
La eleccin del dominio de nuestro blog es tan importante como la de su nombre. Lo ideal sera que ambos
coincidieran, aunque en algunos casos no es posible,
blogdecanarios.com
blog-de-canarios.com
canariosblog.com
Para saber si un dominio ya fue registrado, no alcanza
con visitar ese sitio y comprobar que el nombre elegido no existe, debemos realizar una bsqueda en el
archivo de dominios de la entidad correspondiente, ya
que puede suceder que el dominio est registrado,
pero su dueo no lo utilice en la actualidad.
PAS
DOMINIO
ENTIDAD ENCARGADA
DEL REGISTRO
Argentina
Bolivia
Brasil
Chile
Colombia
Ecuador
Espaa
Mxico
Paraguay
Per
Uruguay
Venezuela
.ar
.bo
.br
.cl
.co
.ec
.es
.mx
.py
.pe
.uy
.ve
www.nic.ar
www.nic.bo
http://registro.br
www.nic.cl
www.nic.co/dominio
www.nic.ec
www.nic.es
www.nic.mx
www.nic.py
www.nic.pe
http://dns.antel.net.uy/clientes/
www.nic.ve
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 64
Despus de registrar
el dominio, debemos
contratar una empresa
de web hosting para
alojar nuestro blog
En el Paso a paso 1, veremos la forma de comprobar
si un dominio .com se encuentra registrado.
DOMINIO NACIONAL
O INTERNACIONAL?
La respuesta a esta pregunta depender de los objetivos que nos hayamos planteado con nuestro blog y a
quines imaginamos que estarn interesados en su
contenido. Por ejemplo, continuando con nuestro
ejemplo del blog sobre canarios, con seguridad recibiremos visitantes de todo el mundo de habla hispana
que estn interesados en las aves. Por lo tanto, en ese
caso, nos convendr tener un dominio genrico como
.com, .org o .net. Si, en cambio, en nuestro blog nos
dedicamos a publicar fotografas de peluqueras de la
Ciudad de Buenos Aires, ser mejor registrar un dominio de la Argentina (.com.ar), cuyo costo es gratuito.
Tener en cuenta este aspecto del dominio es importante, ya que los buscadores como Google suelen asociar
las bsquedas que se realizan con sus versiones
locales, con los dominios propios de cada pas, entre
muchos otros factores. Por eso, un dominio de la
Argentina ser ms fcil de encontrar en el buscador
de Google de ese pas que en la versin mexicana.
Despus de registrar el dominio, debemos contratar
una empresa de web hosting para alojar nuestro
blog. En algunos casos, conviene tener elegido el
proveedor de antemano, ya que durante el proceso de
registrar el dominio existe la posibilidad de ingresar los
datos del proveedor de hosting, y de esa manera nos
ahorramos unos cuantos pasos a la hora de instalar
nuestro blog. En el Paso a paso 2, veremos cmo
registrar un dominio argentino.
64
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 65
Registrar el dominio
PASO A PASO /1
Verificar la disponibilidad de un dominio .com
65
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 66
PASO A PASO /2
Registrar un dominio .com.ar
66
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 67
Registrar el dominio
En este paso, deber ingresar otra vez el dominio que quiere registrar junto con su
direccin de correo electrnico. Es importante que la casilla funcione correctamente,
ya que ser indispensable acceder a ella para completar el trmite.
67
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 68
Luego deber ingresar los datos personales que el sistema le solicita. Si va a registrar
el dominio a su nombre, en las opciones del final debe tildar la casilla correspondiente
a Registrante, persona fsica y residente en Argentina.
68
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 69
Registrar el dominio
Por ltimo, el sistema le permite reservar el dominio, con lo cual quedar guardado
a su nombre para su uso posterior. De lo contrario, presione en delegar.
Para que el trmite quede firme, deber responder el e-mail que el sistema le enva,
con el mismo texto en el cuerpo del mensaje.
69
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 70
Elegir el proveedor
de hosting
A la hora de contratar una empresa proveedora de
web hosting, hay varios factores que debemos tener
en cuenta. Si bien estas empresas ofrecen una variedad bastante amplia de servicios, para mantener un
blog nos alcanzar con un servicio bsico de web
hosting compartido (shared hosting). Esto significa
que nuestro sitio estar alojado en un servidor web
junto con los sitios de otros clientes de la empresa y
cada uno ocupar una cierta cantidad de espacio en
disco duro, memoria y ciclos del procesador, segn lo
que haya asignado el proveedor.
Para cada uno de los sitios, esta circunstancia pasar desapercibida, ya que de ninguna manera
tendremos acceso a la informacin que manejan
los dems sitios. Sin embargo, a la empresa que
brinda el servicio, este sistema le permite disminuir mucho los costos de mantenimiento de cada
cliente, y por ello este tipo de alojamiento suele
ser el ms econmico.
QU SERVICIOS NECESITAMOS?
Al ingresar en la pgina web de un proveedor de
web hosting, veremos que se ofrecen diferentes
Puede resultar
interesante administrar
ms de un dominio con
el mismo plan de hosting
70
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 71
Delegacin
del dominio
Luego de registrar el dominio de nuestro blog y contratar un servicio de web hosting para alojarlo, debemos realizar un procedimiento llamado Delegacin
del dominio. Este paso consiste en informarle a la
entidad encargada de administrar nuestro dominio
cul es el proveedor de web hosting que hemos elegido, de manera tal que el servidor que ste ltimo nos
ha asignado quede vinculado con el dominio que
hemos registrado. De esta manera, cuando alguien
escriba el dominio de nuestro blog en la barra de
direcciones de su navegador, el servidor de nombres de dominio direccionar al visitante hacia la
computadora en la que est alojado nuestro blog.
El procedimiento para delegar un dominio (Figura 6),
vara bastante entre las diferentes entidades y, en la
mayora de los casos, se puede realizar inmediatamente despus de registrar el dominio, en el caso de
que ya tengamos contratado el servicio de web hosting. De todas formas, se trata de un procedimiento
sencillo, para el que tendremos que conocer algunos
datos de nuestro proveedor, los cuales ingresaremos
FIGURA 6.
As empieza el trmite
de delegacin del dominio
en Nic Argentina,
la entidad que administra
los dominios .com.ar,
entre otros.
71
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 72
72
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 73
Configuracin
del hosting
DOMINIOS
Una vez delegado el dominio hacia nuestro nuevo proveedor de web hosting, ya estamos en condiciones de
instalar Wordpress y de empezar a administrar nuestro
blog. Pero antes de pasar a esa instancia, debemos
aprender a manejar las opciones de configuracin
bsicas de nuestro servicio de hosting.
FIGURA 7.
El software Cpanel
es uno de los ms
utilizados por las
empresas de web hosting
para que sus clientes
administren las distintas
caractersticas del
servicio web contratado.
73
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:02 a.m.
Pgina 74
(o sea, en www.dominio1.com.ar/otrodominio),
y ambos dominios sern equivalentes.
REDIRECCIONES Y SUBDOMINIOS
La administracin del servicio de hosting tambin
nos permitir crear dominios redirigidos
(o alias). Por ejemplo, si nuestro sitio principal es
www.sitio.com, pero tambin tenemos registrado el dominio www.sitio.com.mx, podemos
hacer que ste ltimo sea redirigido en forma automtica al primero. En general, los proveedores
de hosting nos dan la posibilidad de crear una
cantidad ilimitada de redirecciones.
Desde el panel de administracin del hosting tambin podremos crear subdominios de un dominio
en particular. Por ejemplo, www.sitio.com.ar
y www.blog.sitio.com.ar son subdominios del
dominio www.sitio.com.ar. Los subdominios
pueden apuntar tanto a una carpeta en particular
como a otro sitio, del mismo modo que las redirecciones (Figura 8).
CUENTAS DE E-MAIL
Los proveedores de web hosting tambin nos dan la
posibilidad de crear cuentas de correo electrnico
asociadas a los dominios que administramos. Estos
e-mails pueden ser cuentas comunes a las que se
ACCESO RESTRINGIDO
Para acceder al panel de control de nuestro servicio de web hosting, la empresa nos asignar un nombre de usuario y una clave, que deberemos modificar para mayor seguridad.
Es importante mantener en secreto esta informacin.
74
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:03 a.m.
Pgina 75
control del web hosting. Por lo general, lo encontraremos bajo el nombre MySQL Account Maintenance
o similar. No debemos olvidar estos datos, ya que los
necesitaremos durante la instalacin del sistema, cuestin que abordaremos en el prximo captulo.
Wordpress necesita
de, al menos, una base
de datos MySQL
FIGURA 9.
En la opcin Mail
Account Maintenance,
podemos crear cuentas
de correo electrnico
y redirecciones para
los distintos dominios
que administramos
desde el servicio.
RESUMEN
En este captulo, conocimos las ventajas de un blog administrado por nosotros en un espacio
propio y bajo la plataforma Wordpress. Aprendimos cmo funcionan y se registran los nombres de dominio en la Web y cmo elegir un espacio de web hosting para instalar Wordpress.
75
BLOGS_Cap4_057_076_corregido.qxp
01/07/2010
11:03 a.m.
Pgina 76
Multiple choice
1
Qu software es el ms utilizado
por las empresas de Web Hosting
para que sus clientes administren las diferentes
caractersticas del servicio web contratado?
a- Apache.
b- MySQL.
c- Cpanel.
d- BlueHost.
Qu software de servidor
recomiendan los desarrolladores
para Wordpress?
a- Apache y Litespeed.
b- Apache y MySQL.
c- Apache y Cpanel.
d- Apache y BlueHost.
76
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 77
Captulo 5
Instalacin
de Wordpress
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 78
5 . I n s t a l a c i n d e Wo rd p re s s
Instalacin
de Wordpress
Con nuestro dominio registrado y el servicio de web
hosting contratado, en este captulo veremos los pasos por seguir para copiar el software en nuestro sitio e instalar Wordpress luego de algunas sencillas
configuraciones. Adems, aprenderemos a manejar
el sistema por primera vez y conoceremos sus opciones ms importantes, como la creacin de usuarios
y los permisos, entre otras.
Primeros pasos
Ya sabemos que Wordpress es un software de cdigo abierto, por lo tanto, se puede distribuir y modificar libremente. Para bajar la versin en espaol,
Aprenderemos a manejar
el sistema por primera vez
y conoceremos sus
opciones ms importantes
debemos ir al sitio http://es.wordpress.org y hacer clic en el botn Descargar Wordpress 2.7,
que es la ltima versin disponible al momento de
escribir este libro. Sin embargo, como los desarrolladores del sistema suelen actualizarlo varias
veces durante un mismo ao, tal vez, para cuando
usted lea esto, ya se encuentre disponible una
nueva versin (Figura 1).
Una vez que tenemos el archivo .ZIP guardado en
nuestra computadora, debemos descomprimirlo.
El resultado ser una carpeta llamada WORDPRESS,
que contendr varios archivos y otras tres carpetas llamadas WP-ADMIN, WP-CONTENT y WP-INCLUDES.
Antes de continuar con el copiado de los archivos, debemos prestar atencin a WP-CONFIG-SAMPLE.PHP,
que contiene algunas configuraciones importantes,
entre ellas, la informacin sobre la base de datos en
la que guardaremos las entradas del blog.
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 79
P r i m e ro s p a s o s
Hay que hacer una copia de este archivo, que renombraremos como WP-CONFIG.PHP. Luego, abriremos el
archivo con un editor, que puede ser el Bloc de
Notas de Windows, y modificaremos las opciones de
configuracin que nos interesan. A continuacin, mostraremos el contenido del archivo WP-CONFIG.PHP,
en las siguientes lneas de cdigo, y desarrollaremos las secciones ms importantes:
<?php
/** Configuracin bsica de WordPress. */
define(DB_NAME, nombredetubasededatos);
define(DB_USER, nombredeusuario);
define(DB_PASSWORD, contrasea);
define(DB_HOST, localhost);
define(DB_CHARSET, utf8);
define(DB_COLLATE, );
define(AUTH_KEY, pon aqu tu frase aleatoria); // Cambia esto por tu frase aleatoria.
define(SECURE_AUTH_KEY, pon aqu tu frase aleatoria); // Cambia esto por tu frase aleatoria.
define(LOGGED_IN_KEY, pon aqu tu frase aleatoria); // Cambia esto por tu frase aleatoria.
define(NONCE_KEY, pon aqu tu frase aleatoria); // Cambia esto por tu frase aleatoria.
$table_prefix
= wp_;
79
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 80
5 . I n s t a l a c i n d e Wo rd p re s s
donde dice pon aqu tu frase aleatoria, debemos escribir nuestras frases de seguridad, teniendo en
cuenta que cada tem puede tener una diferente. Para
incluir frases generadas al azar, podemos visitar el sitio
http://api.wordpress.org/secret-key/1.1/, que
nos devolver el texto de este sector de la configuracin listo para copiar y pegar en nuestro archivo.
INSTALACIN AUTOMTICA
Los paneles de administracin de algunos proveedores de web hosting permiten instalar en
forma automtica distintas aplicaciones, como por ejemplo, Wordpress. Con esta funcin,
solo debemos ingresar el nombre del blog, el de la base de datos, el usuario y la clave.
80
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 81
P r i m e ro s p a s o s
datos, siempre y cuando cambiemos este prefijo para que los datos de las tablas de cada uno de los
blogs se puedan diferenciar.
Por ltimo, el tem WPLANG se refiere al archivo que
contiene las traducciones de las opciones y textos
que aparecen en Wordpress. En la versin en espaol, el tem apunta al archivo es_ES, que contiene
las traducciones al espaol ibrico. Si queremos utilizar otro archivo de traducciones, como por ejemplo
el de espaol latinoamericano o el de cualquier otro
idioma, debemos descargar el archivo correspon-
FIGURA 2.
Todos los textos
de Wordpress estn
disponibles en decenas
de idiomas distintos,
gracias a las traducciones
realizadas por voluntarios
de todo el mundo.
81
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 82
5 . I n s t a l a c i n d e Wo rd p re s s
FIGURA 3.
Si bien podemos utilizar
cualquier cliente FTP
para subir los archivos
de Wordpress
a nuestro sitio, Filezilla
es una potente aplicacin
que podemos probar.
82
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 83
P r i m e ro s p a s o s
FIGURA 4.
En la barra
de herramientas
de Filezilla, debemos
ingresar la direccin
del servidor FTP,
nuestro nombre
de usuario y clave.
83
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 84
5 . I n s t a l a c i n d e Wo rd p re s s
FIGURA 5.
Luego de conectarnos,
veremos en el panel
de la derecha
los archivos guardados
en nuestro servidor.
Si vamos a instalar
el blog en su propia
carpeta, deberemos
crearla primero.
FIGURA 6.
Una vez terminado
el proceso de copia
de los archivos desde
nuestra PC al servidor,
podremos acceder a ellos
desde el navegador.
84
MANOS A LA OBRA
Ya estamos en condiciones de iniciar la instalacin
de Wordpress. Armados de optimismo, debemos
abrir una ventana del navegador web e ingresar la
direccin www.sitio.com/wp-admin/install.php,
por supuesto, hay que reemplazar sitio.com con el
dominio de nuestro blog. A continuacin, aparecer
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 85
P r i m e ro s p a s o s
CONFIGURAR EL BLOG
La instalacin ya est terminada, ahora podemos
ingresar por primera vez en el blog. Dirigimos el
navegador a www.sitio.com/wp-admin, luego
ingresamos admin como nombre de usuario y, a
continuacin, la palabra clave que nos proporcion
la instalacin. Lo primero que veremos es una
pantalla inicial que el sistema denomina Tablero
85
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 86
5 . I n s t a l a c i n d e Wo rd p re s s
FIGURA 9.
Al ingresar en el sistema,
aparecer el Tablero
de Wordpress,
que nos muestra
un resumen de la ltima
actividad acontecida
en nuestro blog.
RECUPERAR LA CONTRASEA
Si perdemos la contrasea del usuario administrador luego de instalar Wordpress, podemos
pedirle al sistema que nos la enve otra vez. En la opcin Has perdido tu contrasea? de la
pantalla de ingreso, ingresamos admin como usuario y el e-mail utilizado en la instalacin.
86
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 87
P r i m e ro s p a s o s
Podemos cambiar el
dominio de nuestro blog,
ya que Wordpress nos
permite actualizarlo
sin necesidad de instalar
de nuevo el sistema
sin necesidad de instalar de nuevo el sistema (siempre y cuando utilicemos el mismo proveedor de web
hosting, por supuesto), entre otras opciones.
Escritura (Figura 11): en este men, podemos
modificar algunas cuestiones relacionadas con la escritura de los posts. La primera de ellas, Tamao de
la caja de texto, se refiere a la cantidad de lneas
que ocupar la caja de texto del editor en la que escribiremos las entradas. Otras opciones, como
Categora predeterminada para entradas y
FIGURA 10.
Desde las Opciones
generales de Wordpress,
podemos cambiar el ttulo
de nuestro blog,
el correo electrnico
del administrador,
nuestro huso horario
y otras configuraciones
bsicas del blog.
87
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 88
5 . I n s t a l a c i n d e Wo rd p re s s
FIGURA 11.
En las Opciones
de escritura, podemos
definir las categoras
predeterminadas para
los posts y configurar
la posibilidad de postear
va correo electrnico,
entre otras alternativas.
hosting una cuenta de correo electrnico que conviene mantener en secreto, ya que todos los mensajes que enviemos all sern publicados en el blog (si
hacemos pblica esa direccin correremos el riesgo
de que se empiece a publicar spam en nuestro blog).
Luego debemos completar los datos de la cuenta en
esta seccin del men, incluyendo el servidor POP3,
el e-mail elegido y su contrasea.
Tambin hay que especificar en qu categora queremos que aparezcan los posts publicados va e-mail.
Por ltimo, dentro de la seccin Servicios de actualizacin, podemos incluir una lista de sitios a los
que el sistema notificar cada vez que ingresemos un
nuevo post. Claro que deben ser sitios que estn preparados para recibir este tipo de notificaciones. Por
ejemplo, si ingresamos http://ping.bitacoras.com
en la lista, el directorio de blogs Bitcoras.com
publicar un extracto de nuestros posts cada vez que
actualicemos nuestro blog.
88
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 89
P r i m e ro s p a s o s
FIGURA 12.
En las Opciones
de lectura, podemos
hacer que el blog muestre
una pgina esttica
como principal en lugar
de los ltimos posteos.
La opcin CODIFICACIN
para pginas
y canales de difusin
sirve para cambiar
la codificacin que
se usar en las entradas
89
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 90
5 . I n s t a l a c i n d e Wo rd p re s s
otros blogs que hayan citado el post en sus propias entradas. La tercera es Permitir comentarios en
esta entrada y permite deshabilitar los comentarios
en el blog. Al margen de lo que diga esta ltima opcin, los comentarios tambin se pueden habilitar o
deshabilitar desde cada entrada en particular.
versin 2.7 de Wordpress e introduce algunas posibilidades muy interesantes. La primera, El autor
del comentario debe proporcionar su nombre y correo electrnico, impedir que el
usuario deje el comentario si no completa el casillero con su nombre y correo electrnico, mientras que
la opcin Los usuarios deben registrarse e
iniciar sesin para comentar solo habilita la
FIGURA 13.
En las Opciones
de discusin, tenemos
todas las alternativas
para controlar
la moderacin
de los comentarios
dejados por
los lectores del blog.
WORDPRESS Y GOOGLE
Para que el contenido de nuestro blog se lleve aun mejor con Google, nos conviene utilizar enlaces permanentes ms amigables. Si queremos modificar la estructura de las
URLs del blog, debemos ir a Opciones/Permalinks.
90
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:13 a.m.
Pgina 91
P r i m e ro s p a s o s
narn con los x al principio de cada pgina nos permite decidir si los comentarios apare-
tario debe tener un comentario previamente aprobado, permitir la publicacin de los comen-
Primero est la opcin ms restrictiva: Un administrador debe aprobar el comentario en cualquier caso, que no publica los comentarios hasta
FIGURA 14.
En la Lista negra
de comentarios,
podemos ingresar todas
aquellas palabras
que queremos que sean
identificadas de manera
automtica como
spam en los comentarios.
91
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:14 a.m.
Pgina 92
5 . I n s t a l a c i n d e Wo rd p re s s
que
este
blog
sea
pblicamente
92
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:14 a.m.
Pgina 93
P r i m e ro s p a s o s
FIGURA 16.
Wordpress genera
automticamente
versiones en diferentes
tamaos de las imgenes
que subimos al blog.
Desde las Opciones
de objetos, podemos
configurar el tamao
que tendrn estas
versiones reducidas.
visible, incluso para motores de bsqueda
(como Google y Technorati) y directorios,
FIGURA 17.
Si tenemos un blog
familiar al que acceden
pocas personas, podemos
hacer que sea invisible
para los motores
de bsqueda.
93
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:14 a.m.
Pgina 94
5 . I n s t a l a c i n d e Wo rd p re s s
CDIGO
SIGNIFICADO
%year%
%monthnum%
%day%
%hour%
%minute%
%second%
%postname%
%post_id%
%category%
%author%
El ao del post
El mes del post, en nmero
El da del mes del post
La hora del post
El minuto del post
El segundo del post
El ttulo del post
El nmero del post
La categora del post
El autor del post
TABLA 1. Cdigos que podemos ingresar para personalizar la estructura del enlace permanente.
FIGURA 18.
Los enlaces permanentes
ms amigables para
los buscadores
son aqullos que incluyen
informacin relevante
sobre el contenido
de los posts (por ejemplo,
su ttulo o autor).
94
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:14 a.m.
Pgina 95
P r i m e ro s p a s o s
FIGURA 19.
En las Opciones
miscelneas, podemos
definir la carpeta
en la que se guardarn
las imgenes que subimos
al sistema y tambin
de qu manera
sern organizadas.
Miscelneas (Figura 19): desde este men, administraremos la forma en que el sistema maneja las
imgenes y otros archivos que subimos al postear
una entrada. La primera opcin es Guardar los
archivos subidos en esta carpeta; all debemos especificar en qu lugar del servidor queremos
que se guarden los archivos que subimos (el valor
predeterminado es wp-content/uploads).
RESUMEN
Aprendimos a instalar Wordpress desde cero, al descomprimir el archivo en nuestra computadora, o al modificar el archivo WP-CONFIG.PHP para vincularlo a la base de datos creada desde
el panel de control de nuestro web hosting. Tambin vimos sus opciones de configuracin.
95
BLOGS_Cap5_077_096_corregido.qxp
01/07/2010
11:14 a.m.
Pgina 96
5 . I n s t a l a c i n d e Wo rd p re s s
Multiple choice
1
En qu idioma/s se encuentra
la informacin de Wordpress?
a- Solo en ingls.
b- Solo en ingls y japons.
c- Solo en ingls, francs y japons.
d- En decenas de idiomas.
96
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:16 a.m.
Pgina 97
Captulo 6
Administracin
de Wordpress
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:16 a.m.
Pgina 98
6.Administracin de Wordpress
Administracin
de Wordpress
Una vez instalado el blog y luego de conocer las
principales opciones de configuracin de Wordpress,
en este captulo nos sumergiremos de lleno en la administracin del sistema. Aprenderemos a crear
usuarios, a escribir nuestros primeros posts con categoras y tags, a subir pginas fijas, a crear enlaces,
a subir archivos, a programar posts y a administrar
los comentarios, entre otros temas.
Creacin de usuarios
Sigamos adelante con nuestro recorrido a travs
de las distintas opciones de administracin de
Wordpress y veamos ahora cmo se administran
los usuarios en este sistema de blogging. Cuando hablamos de usuarios, nos referimos tanto al
FIGURA 1.
Para que cualquier
visitante pueda darse
de alta en el sistema,
debemos tildar la casilla
Cualquiera puede
registrarse.
98
administrador principal del blog como a los visitantes que solo se limitan a dejar sus comentarios.
Para que el sistema sepa qu acciones est autorizado a realizar dentro del sistema cada usuario,
al crear uno en forma manual, debemos asignarle
un determinado rol, dentro de las cinco posibilidades que hay disponibles. Los usuarios tambin
pueden darse de alta ellos mismos siempre y cuando habilitemos la opcin de Membresas dentro de
Opciones/General (Figura 1).
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 99
C re a c i n d e u s u a r i o s
Desde all, tambin es posible definir qu rol predeterminado tendrn los usuarios que se dan de alta a
s mismos. Si somos los nicos que vamos a escribir
en el blog y no requerimos a los visitantes que se registren para dejar comentarios, no ser necesario
que administremos usuarios en el sistema, ya que
podremos manejar todas las actividades del blog
con el usuario administrador. De todas formas, recomendamos crear un usuario adicional para escribir
en el blog y utilizar la cuenta administrador cuando
tengamos que hacer alguna modificacin en las configuraciones o en el aspecto visual.
Crear un nuevo usuario es sencillo. En el men principal de Wordpress, encontraremos la opcin Usuarios, desde la cual podremos crear nuevos usuarios
(Figura 2) y cambiar los datos de los existentes.
Debemos ingresar los siguientes datos obligatorios:
Nombre de usuario (requerido): es el nombre
que el usuario debe escribir para ingresar al sistema.
Correo electrnico (requerido): el e-mail
del usuario nunca ser mostrado en el blog, pero
FIGURA 2.
Desde la opcin
Usuarios/Aadir
99
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 100
6.Administracin de Wordpress
FIGURA 3.
En Usuarios/Autores
& Usuarios hay un listado
con todos los usuarios
del sistema, y podremos
modificar sus datos
o eliminarlos al ingresar
como Administrador).
100
Solo el usuario
ADMINISTRADOR puede
modificar las opciones
de todos los usuarios
Cabe aclarar que solo el usuario Administrador
puede modificar las opciones de todos los usuarios.
Cuando un usuario con rol inferior ingresa en el sistema, nicamente est autorizado a cambiar sus
propias opciones. En el perfil, veremos que cada
usuario tiene algunas opciones extra, adems de las
que nos fueron solicitadas al dar de alta el usuario.
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 101
FIGURA 4.
Al ingresar en la pantalla
de edicin de un usuario
dentro de Usuarios/
Autores & Usuarios,
veremos que hay ms
datos para cambiar,
adems de los ingresados
al crear el usuario.
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 102
6.Administracin de Wordpress
podemos escribir un extracto o resumen de la entrada. Este texto luego podr ser utilizado para mostrar
un extracto de cada entrada en la pgina principal
del blog para que se acceda al post completo con un
clic sobre el ttulo de la entrada, por ejemplo. Si no
ingresamos un extracto, el sistema se encargar de
En ENVIAR TRACKBACKS,
tenemos la posibilidad de
ingresar las direcciones
de los blogs mencionados
en la entrada
FIGURA 6.
El modo de edicin Visual
de Wordpress nos permite
ver cmo quedarn
estilos, imgenes
y enlaces de la entrada
directamente en la caja
de edicin del contenido.
102
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 103
FIGURA 7.
El modo de edicin HTML
nos permite ver y editar
la entrada en lenguaje
HTML y nos proporciona
diferentes etiquetas
de acceso rpido
para aplicar estilos
y agregar enlaces.
FIGURA 8.
La utilidad de escribir
un resumen de la entrada
o Extracto depender
de la estructura
que hayamos elegido
para nuestro blog.
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 104
6.Administracin de Wordpress
FIGURA 9.
Si en la entrada
enlazamos a otros blogs
que no utilizan
Wordpress, tenemos
la posibilidad
de notificarles de nuestro
enlace en el campo
Enviar trackbacks a.
FIGURA 10.
En las opciones generales
del blog, podemos
deshabilitar comentarios,
trackbacks y pingbacks;
tambin tenemos la
posibilidad de habilitarlos
en forma individual para
cada entrada.
104
Cuando pasamos a la segunda columna de la pantalla, nos encontraremos con un primer recuadro que
contiene las opciones para Publicar. All veremos
que cada entrada puede estar almacenada bajo tres
estados: Publicada, Borrador o Pendiente de
revisin. Por ejemplo, si escribimos un boceto de
nuestro post y queremos ver cmo quedar, podemos hacer clic en el botn Guardar borrador, el
cual le asignar a la entrada el estado Borrador.
Luego podemos ver cmo queda, con un clic en el botn Previsualizar, que abrir una nueva ventana
con la entrada tal cual quedara si fuera publicada. Para que la entrada aparezca efectivamente en el blog,
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 105
Protegida con contrasea. En ese caso, deberemos escribir la contrasea que tendrn que ingresar
los visitantes para ver tanto el contenido de la entrada como los comentarios.
Gracias a esta opcin, podemos escribir posts secretos que solo podrn ser accesibles por personas de
confianza, a las que les hayamos otorgado la contrasea de la entrada. En este sector, tambin hay un
casillero llamado Mantener esta entrada en la
pgina inicial, que nos permite mantener el
post arriba de todo en la pgina principal del blog,
una opcin muy til para noticias importantes a
las que queremos darles gran prioridad. Y qu
pasa con el estado Pendiente de revisin? Este estado de los post solo se aplica a aquellos textos
escritos por usuarios con nivel de Colaborador y
que, por lo tanto, no estn autorizados a publicar de
manera directa en el blog.
El siguiente cuadro sirve para ingresar las Etiquetas (tags) que queremos asignarle a la entrada.
Podemos escribirlas de a una por vez o todas juntas,
separndolas entre s con una coma. Para saber si ya
hemos utilizado una determinada etiqueta, podemos
empezar a escribirla y el sistema nos mostrar las etiquetas existentes que comienzan de la misma forma.
Si queremos publicar
la entrada en una fecha
y hora determinada,
podemos hacer clic
en el enlace EDITAR
105
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 106
6.Administracin de Wordpress
106
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 107
SUBIR IMGENES
Y OTROS ARCHIVOS
Como bien sabemos, no solo de texto viven los
blogs. Por eso es que Wordpress ofrece muchas
facilidades al momento de subir imgenes, videos
y otros archivos que queramos compartir desde
nuestras entradas. Como vimos antes, esto se
logra mediante los iconos que se encuentran
debajo del ttulo del post, a la derecha de
Subir/Insertar. A continuacin, veremos cmo
hacer para incorporar cada uno de estos elementos.
Imgenes (Figura 14): desde aqu, podemos subir
imgenes para luego ubicarlas dentro de la entrada
que estamos escribiendo. Al hacer clic sobre el icono, se abrir una ventana titulada Aadir una
imagen, que nos proporciona dos posibilidades:
subir una imagen que se encuentre alojada en nuestro disco duro (Desde el ordenador) o vincular
una imagen que ya se encuentre en algn lugar de
la Web (Desde URL), como por ejemplo, en Flickr.
Si subimos una imagen de nuestro disco, el sistema
nos permitir ingresar en forma opcional un ttulo
para la imagen, una leyenda o texto alternativo para que muestre el navegador y una descripcin.
Tambin tenemos la posibilidad de elegir la alineacin con la que aparecer la imagen con relacin al
texto de la entrada (Ninguno, Izq., Centro y Derecha). Adems, Wordpress generar versiones de
la imagen en diferentes tamaos (que se pueden
modificar desde las Opciones) y nos da la posibilidad de elegir cul de estas variantes queremos
incorporar en la entrada.
Por ltimo, para incluir la imagen en la entrada que
estamos escribiendo, debemos hacer clic en el botn Insertar en la entrada (Figura 15).
CUESTIONES DE COPYRIGHT
Al incluir fotos, videos o audios en el blog, debemos ser respetuosos de la propiedad
intelectual. Por ejemplo, si vamos a ilustrar un post con una foto, lo correcto sera
pedir permiso a su autor para utilizarla.
107
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 108
6.Administracin de Wordpress
FIGURA 15.
Luego de hacer clic en
Insertar en la entrada,
la imagen aparecer
en la ventana de edicin.
Desde all, podremos
manipularla como
si se tratara de una
porcin de texto.
un video que se encuentra alojado en un servicio como YouTube (Figura 17). En ese caso, lo que tenemos que hacer es pegar directamente en la entrada
(en modo de edicin HTML) el cdigo para Insertar,
que nos proporciona en cada video YouTube o el
servicio que hemos utilizado para cargar el video.
Tambin existe la posibilidad de subir, en forma
directa, un video desde nuestro disco duro para
que nuestros visitantes puedan luego descargarlo
en su formato original. Esto podemos hacerlo
mediante la opcin Subir video, que es muy similar a la que usamos para cargar las imgenes.
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 109
FIGURA 17.
Para incluir un video
de YouTube en la entrada,
debemos copiar y pegar
el cdigo que el sitio
nos proporciona
dentro de la caja
de edicin, en modo HTML.
los archivos que se pueden subir desde una aplicacin PHP como Wordpress.
Audio: tambin podemos subir archivos de audio
para que se descarguen los lectores de nuestro blog.
De nuevo, las opciones son similares a las disponibles
para imgenes y videos: tenemos la posibilidad de subir un archivo guardado en nuestra computadora o
vincular un archivo ya existente en la Web. Si queremos subir un audio con reproductor incluido, debemos
recurrir a algn servicio externo, como el del sitio
GoEar.com, por ejemplo. Tambin podemos instalar
un reproductor en nuestro blog mediante un script.
Otros archivos: adems podemos subir y vincular
todo tipo de archivos desde la entrada, como por
ejemplo, documentos de Office, archivos comprimidos con ZIP o documentos en formato PDF.
Al igual que en las opciones anteriores, podemos subir el documento desde nuestro disco o vincular un
archivo que ya se encuentre subido a la Web.
109
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 110
6.Administracin de Wordpress
FIGURA 18.
En Editar entradas,
podemos ver el listado
de las entradas, y desde
all tenemos la posibilidad
de editarlas, borrarlas
y acceder a ellas
con mucha facilidad.
110
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 111
nos preguntar primero si estamos seguros, para evitarnos el malestar de borrar sin querer nuestras preciadas entradas. Por ltimo, tambin existe la posibilidad
de filtrar en el listado las entradas que contengan una
frase determinada y hacer uso de la caja de bsqueda
que se encuentra arriba a la derecha del listado.
ETIQUETAS Y CATEGORAS
Si bien podemos crear etiquetas y categoras a medida que vamos escribiendo las entradas del blog, siempre tenemos la posibilidad de administrar estos
elementos desde el men principal de Wordpress.
Desde la opcin Entradas/Etiquetas (Figura 19),
podemos ver el listado de las etiquetas existentes y
borrarlas tanto en forma individual como grupal.
La opcin Entradas/Categoras es muy similar a
la anterior pero, adems de permitirnos listas y
borrar a gusto las categoras, tambin podemos modificar las dependencias entre ellas. Por cada
ADMINISTRAR Y MODERAR
COMENTARIOS
Una vez que nuestro blog est online y con algunas
entradas publicadas, los lectores estarn en condiciones de dejar comentarios (siempre y cuando los hayamos habilitado, como vimos al principio del captulo).
En el men principal de Wordpress, aparece la opcin
Comentarios, dedicada precisamente a administrar
los comentarios que dejan los lectores.
FIGURA 19.
Desde Entradas/
Etiquetas, podemos
administrar las etiquetas
que hemos creado
e incluso agregar nuevas.
RESUMEN
En este captulo, vimos cmo crear y administrar usuarios en Wordpress. Tambin aprendimos a escribir nuestro primer post y a incorporarle imgenes, video y audio. Luego
vimos cmo administrar las entradas, archivos, categoras y etiquetas.
111
BLOGS_Cap6_097_112_corregido.qxp
01/07/2010
11:17 a.m.
Pgina 112
6.Administracin de Wordpress
Multiple choice
1
112
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 113
Captulo 7
Personalizar un blog
con Wordpress
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 114
Personalizar un blog
con Wordpress
En el captulo anterior, aprendimos a publicar entradas y a administrar los diferentes elementos del
blog. En este captulo, veremos cmo hacer para
personalizar a gusto el blog genrico que tenemos
hasta ahora, con la modificacin de su diseo a travs de los temas, una de las caractersticas que fueron clave en el xito de Wordpress. Tambin veremos
cmo incorporar en el blog pginas individuales y
enlaces hacia nuestros sitios preferidos.
Escribir y administrar
pginas
Adems de las entradas, Wordpress nos permite crear pginas estticas, que pueden tener su diseo
particular y se manejan desde su propio administrador
en el men principal del sistema. A diferencia de
las entradas, que el blog muestra en forma cronolgica para que los visitantes puedan acceder a
una pgina determinada, debemos incluir un link
en la barra lateral del blog o en una entrada, ya
que de lo contrario el sistema no las mostrar en
ninguno de sus archivos.
Tambin existe una funcin especial de Wordpress
que nos permite mostrar un listado de pginas en
el sector del blog que nos parezca mejor. La utilidad ms comn de las pginas es crear una que
contenga informacin sobre el blog y su autor. Por
114
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 115
FIGURA 2.
Uno de los usos ms
comunes de las pginas
es la creacin de una
con informacin sobre
el autor del blog.
115
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 116
Admistrar
los enlaces
Otra posibilidad que nos da Wordpress a la hora de
personalizar nuestro blog es la incorporacin de enlaces con nuestros sitios y blogs favoritos, algo que en el
mundo de los blogs se conoce como blogroll. Para
agregar enlaces, solo tenemos que ir a la opcin
Enlaces/Crear del men principal del sistema
(Figura 3). Luego deberemos ingresar el ttulo de la
pgina que vamos a enlazar, su URL y una breve descripcin opcional, que solo aparecer si el diseo del
blog as lo habilita. Al igual que las entradas, los enla-
FIGURA 3.
Los enlaces tambin
pueden clasificarse
en categoras,
que podemos crear
en forma simultnea
con los propios enlaces.
116
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 117
FIGURA 4.
La pantalla de creacin
de enlaces tiene una
seccin con opciones
ms avanzadas,
en la que podemos definir
si se abrirn
en una ventana aparte
y algunos datos
adicionales del enlace.
Aspecto y estructura
del blog
Una de las etapas ms divertidas a la hora de crear un blog es la eleccin de su diseo. En Wordpress,
el diseo de un blog recibe el nombre de tema
( theme ) y se administra desde la opcin
Aspecto del men principal (Figura 5). Ms adelante en este captulo, veremos cul es la estructura bsica de un tema de Wordpress, lo que nos
permitir crear nuestro propio diseo desde cero si
poseemos algunos conocimientos del lenguaje
PHP y CSS. Sin embargo, y dada la naturaleza open
source y 2.0 del sistema, en la Web podemos
117
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 118
FIGURA 5.
La opcin Aspecto
nos muestra cul es
el tema que se encuentra
activo y una galera
con los dems temas
que tengamos instalados.
118
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 119
FIGURA 6.
El directorio oficial
de temas de Wordpress
tiene una coleccin
impresionante
y muy bien organizada.
FIGURA 7.
Dentro del archivo ZIP,
que debemos
descomprimir en nuestro
disco, se encuentran
los archivos necesarios
para que el tema funcione.
119
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:24 a.m.
Pgina 120
FIGURA 9.
En el directorio
wp-content/themes,
podemos instalar todos
los temas que queramos.
120
el ltimo archivo, podemos cerrar el programa y volver al navegador para seguir trabajando desde la
configuracin de Wordpress.
En el men Aspecto, debemos seleccionar la opcin
Temas, tras lo cual aparecer una pantalla que nos
mostrar, en la parte superior, los datos del tema que
se encuentra activo en ese momento. Si acabamos de
instalar Wordpress, el tema que est activo se llama
Wordpress Default. En la parte inferior, aparecer la
informacin de los temas que se encuentran
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 121
nuestra versin de Wordpress, es posible que algunos textos especficos del tema aparezcan en ingls
(o en el idioma de su autor). Para traducirlos, tendremos que editar el tema en forma manual, como
explicaremos ms adelante (Figura 12).
121
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 122
FIGURA 12.
En este ejemplo,
vemos el tema
StudioPress 1.2,
que tiene un diseo
profesional,
tres columnas
y muchas opciones
para personalizarlo.
ESTRUCTURA DE UN TEMA DE WP
Como vimos al principio de este libro, los blogs suelen tener una estructura bastante estndar. Y si bien
el creador de un blog puede optar por construir un
FIGURA 13.
El tema japan-style
tiene un diseo
de dos columnas
y est orientado
ms bien a lo artstico.
Por ser tan especfico,
puede que resulte
ms difcil adaptarlo
a temticas diferentes.
122
diseo diferente para el suyo, al hablar de la estructura de un blog en Wordpress nos referiremos a los
elementos que se encuentran en los diseos bsicos
provistos por el sistema y en la mayora de los temas
creados por terceros. En esta estructura, se destacan como elementos principales el encabezado,
la barra lateral, el contenido y el pie de pgina, como vemos en la Gua Visual 1.
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 123
GUA VISUAL /1
Estructura de un blog en Wordpress
2
4
Pie de pgina: en este sector, tambin se puede incluir informacin sobre el autor del
blog y los crditos del tema utilizado, en caso de que haya sido diseado por un tercero. Aqu tambin podemos darle a Wordpress el reconocimiento que se merece por
ser una herramienta gratuita y open source.
2 Contenido: en este sector, aparecern tanto las entradas de la pgina principal del
blog como los archivos y las entradas individuales. Cada post, a su vez, incluye otros
elementos comunes, como su ttulo, fecha de publicacin, autor, etctera.
123
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 124
Encabezado: en este lugar, suele estar el nombre del blog o un logo o ilustracin que
lo identifique de manera grfica. Tambin se puede incluir una descripcin del blog y
un men para acceder ms rpido a ciertas pginas o categoras.
4 Barra lateral: aqu se suele incluir contenido accesorio, como informacin sobre el autor
del blog, archivos de entradas, enlaces preferidos o ltimos comentarios realizados.
El sector ms dinmico
dentro de la estructura
de un blog es
el de los contenidos
124
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 125
PERSONALIZAR UN TEMA
CON LOS WIDGETS
La manera ms sencilla que tenemos para personalizar un tema de Wordpress sin llegar a editar
los archivos que lo componen es a travs de los
widgets (Figura 14). Esta herramienta se encuentra en el men Aspecto y su funcionalidad
est supeditada a que el tema que hayamos instalado sea compatible con esta caracterstica.
Para comprobarlo, alcanza con ir a la opcin Aspecto/Widgets y, si el tema no es compatible, aparecer la leyenda El tema que usas no est preparado para aceptar widgets. O sea, no hay
barras laterales que puedas personalizar.
En cambio, si el tema es compatible, veremos un
FIGURA 14.
Al hacer clic sobre la
opcin Aspecto/Widgets,
veremos cules son
los componentes que
se encuentran disponibles
en el tema seleccionado.
125
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 126
La otra manera
de modificar un tema
es hacerlo desde el editor
interno de Wordpress
FIGURA 15.
Luego de editar un widget,
para conservar nuestras
preferencias debemos
hacer clic
en Guardar cambios.
MODIFICAR UN TEMA
Tanto la plantilla de estilo como los archivos asociados a cada uno de los sectores del blog pueden ser modificados desde el propio sistema, aunque se recomienda hacerlo si poseemos conocimientos de HTML, PHP
y CSS, ya que una equivocacin durante la edicin de estos archivos puede hacer que el blog no funcione.
126
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 127
FIGURA 16.
PSPad Editor
es una herramienta
especialmente creada
para editar cdigo fuente
de programas escritos
en distintos lenguajes.
como PSPad Editor, que podemos descargar en forma gratuita de www.pspad.com/es/ (Figura 16).
Para que los cambios que realicemos en los archivos
se vean reflejados en el blog, debemos subirlos al
servidor nuevamente con el cliente FTP. La ventaja
de este sistema es que nos permite hacer
copias de seguridad del tema que modificamos y, de
esta forma, revertir sin problemas cualquier cambio
que hayamos hecho y que no nos conforme.
NADIE ES PERFECTO
Si decidimos modificar un tema creado por un tercero, debemos tener en cuenta que muchos
de ellos fueron creados por otros usuarios de la comunidad, no necesariamente programadores profesionales y podemos encontrarnos con errores o falta de documentacin.
127
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 128
FIGURA 17.
La manera ms prctica
de modificar los archivos
de los temas es desde
el editor interno
de Wordpress.
128
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 129
FIGURA 19.
El tema Classic
acompaa a Wordpress
desde sus primeras
versiones y es uno
de los ms sencillos
para modificar.
RESUMEN
En este captulo, aprendimos a personalizar nuestro blog al bajar e instalar un tema del repositorio oficial de la comunidad de Wordpress. Vimos cmo modificar un tema a gusto y tambin aprendimos a incorporar pginas y enlaces hacia nuestros sitios y blogs preferidos.
129
BLOGS_Cap7_113_130_corregido.qxp
01/07/2010
11:25 a.m.
Pgina 130
Multiple choice
1
130
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:31 a.m.
Pgina 131
Captulo 8
Las funciones
de Wordpress
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 132
Las funciones
de Wordpress
En este captulo, aprenderemos a utilizar las funciones internas de Wordpress, llamadas template tags,
con el objetivo de personalizar an ms las plantillas
que forman parte de los temas. Tambin incluiremos
una prctica gua con los diferentes tipos de template tags que existen, cul es la funcin que realizan y
sus parmetros ms importantes.
Introduccin
guridad, el contenido de estos archivos nos habr parecido un poco confuso. Lo que haremos en este captulo es aprender a utilizar las funciones ms relevantes
de la plataforma, para editar estos archivos con soltura y as personalizar a fondo nuestro blog.
FIGURA 1.
PHP es un lenguaje
intrprete de cdigo
abierto, que se utiliza
para crear sitios web
dinmicos, como la propia
plataforma de Wordpress.
Podemos descargarlo
gratis de su sitio web
oficial (www.php.net).
132
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 133
I n t ro d u c c i n
visitante, quien lo interpretar segn los lineamientos del lenguaje HTML. Por ejemplo, cuando
el navegador recibe el tag <strong>, interpreta
que el texto que sigue debe mostrarse en negrita.
Cuando encuentra </strong>, entiende que a partir de ese momento se termina la negrita (Figura 3).
<head>
<title>Ejemplo</title>
</head>
<body>
<strong>Hola mundo!</strong>
</body>
</html>
FIGURA 2.
La edicin de cdigo
HTML y PHP podemos
hacerla desde un editor
especializado,
como PSPad.
133
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 134
FIGURA 3.
El archivo HTML
del ejemplo, tal y como
se muestra al accederlo
desde el navegador.
FECHA.PHP
Ahora bien, supongamos que probamos ejecutar un
bloque de cdigo como el de la Figura 5.
Si subimos este archivo a nuestro servidor y lo invocamos desde el navegador, veremos una pgina
igual a la del ejemplo anterior (Figura 3). Es ms,
si vemos el cdigo de la pgina, comprobaremos
que es exactamente el mismo. Qu cambi
entonces? La diferencia est en que, en el segundo ejemplo, hemos invocado al intrprete de
PHP con el tag <?php.
134
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 135
I n t ro d u c c i n
<html>
<head>
<title>Otro ejemplo</title>
</head>
<body>
<?php
echo Estamos en ;
echo date(Y);
?>
</body>
formato que le indiquemos (Figura 6). Este mecanismo permite a los desarrolladores crear sitios
web dinmicos, en los cuales el contenido de las
pginas cambia en forma automtica, segn las
circunstancias. As, no es necesario que el responsable de la pgina deba actualizar los archivos que
forman parte del sitio, algo que era moneda
corriente en los comienzos de la Web. Y es justamente este mecanismo el que nos posibilita tener
herramientas como Wordpress.
</html>
FIGURA 5.
En este ejemplo,
utilizamos la funcin
date() para mostrar
el ao actual.
135
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 136
FIGURA 6.
As se ver el segundo
ejemplo al ser ejecutado
desde el navegador.
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 137
Gua de funciones
El ltimo parmetro es right y le indica a la funcin que el separador debe ubicarse a la derecha del
ttulo de la pgina en la cadena resultante.
bloginfo: esta funcin se encarga de mostrar la
informacin de nuestro blog, que se encuentra en
el men Opciones/General del panel de control
(Figura 7). Emplea solo un parmetro, en el que
debemos indicarle qu dato de nuestro blog
queremos mostrar. En este ejemplo, el parmetro
name le indica a la funcin que debe mostrar el
nombre del blog, que desde las opciones se define
en el campo Ttulo del blog.
FUNCIONES GENERALES
Estas template tags sirven para acceder a algunas
cuestiones generales de nuestro blog, como sus datos bsicos y la direccin del feed.
Bloginfo(mostrar): como vimos ms arriba en
un ejemplo, esta funcin sirve para presentar la
informacin bsica de nuestro blog, a la cual se accede desde el men Opciones/General. El parmetro mostrar es una cadena de texto en la que
debemos indicar qu elemento de la configuracin
queremos mostrar (Tabla 1).
wp_title(separador,salida,ubicacion):
Gua de funciones
Como dijimos al principio de este captulo, las funciones de Wordpress se denominan template tags. A
continuacin, daremos una recorrida a travs de las
funciones ms importantes de Wordpress, su sintaxis
y ejemplos para implementarlas en nuestro blog.
Las funciones de
Wordpress se denominan
template tags
FIGURA 7.
Algunas de las funciones
de Wordpress se emplean
para mostrar informacin
sobre el blog.
137
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 138
PARMETRO
RESULTADO
name
description
url
rss2_url
atom_url
comments_rss2_url
admin_email
version
TABLA 1. El template tag bloginfo y las distintas opciones que podemos pasarle como parmetro.
EL CUIDADO DE LA SINTAXIS
Las funciones de PHP y las de Wordpress poseen una sintaxis predeterminada. Adems de
la sintaxis particular de cada funcin, debemos encerrar el bloque de cdigo entre los tags
<?php y ?>, y nunca olvidar el punto y coma luego de cada sentencia.
138
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 139
Gua de funciones
ARGUMENTO
DESCRIPCIN
type yearly
type monthly
type daily
type weekly
type postbypost
limit
format html
format option
format custom
before
after
show_post_count 1
show_post_count 0
TABLA 2. La funcin wp_get_archives se utiliza para mostrar el archivo del blog en la barra lateral.
139
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 140
FIGURA 8.
As se ve la barra lateral
luego de incluir
el archivo mensual
de entradas del blog.
Los parmetros
se pasan mediante
una nica cadena de texto
<?php wp_list_pages(title_li=); ?>
// muestra el listado de pginas sin ningn ttulo.
<?php wp_list_pages(include=1,2,
3&title_li=<h2>Pginas</h2> ); ?>
// muestra slo las pginas 1, 2 y 3 con un texto como encabezado.
<?php
wp_list_pages(sort_column=post_date&show_date
=created); ?>
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 141
Gua de funciones
ARGUMENTO
DESCRIPCIN
sort_column post_title
sort_column menu_orden
sort_column post_date
sort_column post_modified
sort_column ID
sort_column post_autor
sort_column post_name
sort_order asc
sort_order desc
exclude
exclude_tree
include
depth
child_of
show_date modified
date_format
title_li
echo 1
echo 0
hierarchical 1
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 142
y se emplea para mostrar un enlace que apunta hacia la pantalla de acceso de Wordpress. Si el usuario
ya se encuentra logueado en el sistema, la funcin
muestra un enlace para desloguearse.
El resultado de estas funciones siempre es verdadero o falso, por lo tanto, debemos usarlas dentro
de una estructura condicional de PHP. Wordpress
incluye varias funciones condicionales, por eso
aqu desarrollaremos solo las ms importantes.
panel de control de Wordpress se encuentra habilitada la opcin para que cualquier usuario pueda registrarse en el sistema, esta funcin muestra el link
hacia el formulario de registro correspondiente. En
los parmetros, podemos especificar qu cadena de
texto aparecer antes y despus del link.
FUNCIONES
CONDICIONALES
Estas funciones no envan informacin a la pgina,
sino que sirven para realizar diferentes comprobaciones acerca del contenido del blog.
<?php if (is_home())
{ echo Estamos en la pgina principal; }
else
{ echo No estamos en la pgina principal; } ?>
Wordpress incluye
varias funciones
condicionales, por eso
aqu desarrollaremos
solo las ms importantes
EL LOOP DE WORDPRESS
Algunas funciones descriptas en este captulo solo pueden ser invocadas desde el loop de
Wordpress. Se trata de la porcin de cdigo (ubicada en el archivo index.php) que recorre una
a una las entradas, mostrando su contenido y respetando el formato definido en el archivo.
142
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 143
Gua de funciones
FUNCIONES Y ENTRADAS
Las siguientes funciones se utilizan para mostrar distintos datos sobre las entradas y la mayora de ellas
debe ser invocada desde la iteracin (el famoso
loop) que se encuentra en el archivo index.PHP.
FIGURA 10.
Aqu utilizamos
una expresin condicional
para mostrar un texto
u otro, segn
nos encontremos
o no en la pgina
principal del blog.
143
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 144
FIGURA 11.
El parmetro de la funcin
the_content se emplea
para definir el texto
que aparecer en el lugar
del tag <!more>.
144
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 145
Gua de funciones
Si al parmetro MOSTRAR
le pasamos el valor FALSE,
el ttulo no se mostrar
y podremos usarlo dentro
de una variable de PHP
<?php the_content((ms)); ?>
// muestra el contenido de la entrada, si se encuentra con el tag
// <!more>, muestra el texto (ms) enlazado
// con el texto completo.
%link,%title,false); ?>
// muestra el texto Prxima entrada: y luego el enlace,
// cuyo texto es el ttulo de la propia entrada.
LOS PARMETROS
Algunas funciones son muy sencillas y no requieren parmetros especiales; otras solicitan
parmetros para personalizar el resultado obtenido con la funcin. Si no los especificamos,
el sistema utilizar los valores por omisin que haya definido para esa funcin.
145
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 146
FIGURA 12.
En este ejemplo,
utilizamos la funcin
next_post_link
previous_post_link(formato, enlace,
enlamismacat, excluidas): ste es el equiva-
lente a la funcin que comentamos arriba, pero referido a las entradas anteriores en orden cronolgico.
El parmetro SEPARADOR
es la cadena de texto
que se incluir
entre los enlaces
146
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 147
Gua de funciones
FIGURA 13.
En este ejemplo,
usamos la funcin
posts_nav_link
RESUMEN
En este captulo aprendimos qu son las template tags de Wordpress y recorrimos el sistema y sus parmetros, con ejemplos puntuales de uso. Estas funciones son las que utiliza
Wordpress para personalizar los archivos que forman parte de los temas.
147
BLOGS_Cap8_131_148_corregido.qxp
01/07/2010
11:32 a.m.
Pgina 148
Multiple choice
1
148
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 149
Captulo 9
Los plugins
de Wordpress
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 150
9 . L o s p l u g i n s d e Wo rd p re s s
Los plugins
de Wordpress
En este captulo, veremos cmo las funciones de
Wordpress pueden expandirse en forma considerable gracias al uso de extensiones desarrolladas por
terceros, que el sistema denomina plugins. Aprenderemos a instalar, configurar e implementar las funciones de un plugin dentro de nuestro blog y
haremos una recorrida a travs de las extensiones
ms populares desarrolladas por la comunidad.
Para qu sirven?
Al pensar que a muchos bloggers no les alcanzara con las funciones incluidas en Wordpress, sus
desarrolladores incorporaron desde el principio la
posibilidad de expandir sus funciones mediante
plugins que se instalan en el sistema de una forma similar a los temas. La mayora de estos
plugins son desarrollados por personas de todo el
mundo que, en algn momento, necesitaron incorporar una funcin nueva en sus blogs y tuvieron la
iniciativa de programarla ellos mismos. Al igual que
ocurre con los temas, la comunidad de Wordpress es
150
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 151
Sus desarrolladores
incorporaron
desde el principio la
posibilidad de expandir
sus funciones mediante
plugins que se instalan
en el sistema
Descargar e instalar
un plugin
FIGURA 1.
En el directorio oficial
de plugins de Wordpress,
encontraremos
una enorme variedad
de extensiones para
utilizar en nuestro blog.
151
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 152
9 . L o s p l u g i n s d e Wo rd p re s s
FIGURA 2.
Las versiones ms nuevas
de Wordpress
permiten instalar
plugins directamente
desde el panel
de control del sistema.
152
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 153
FIGURA 3.
Una vez que el plugin
ha sido subido con xito,
tenemos la posibilidad
de activarlo en forma
inmediata.
los desarrolladores de Wordpress, y Akismet, un poderoso plugin para combatir el spam de comentarios
y del que hablaremos ms adelante.
Para instalar el plugin que descargamos del repositorio oficial, debemos copiar en este directorio la carpeta entera que descomprimimos antes (Figura 4).
Una vez subido al servidor, debemos poner en funcionamiento el que acabamos de instalar.
FIGURA 4.
Al igual que los temas,
los plugins tambin
se pueden instalar
a travs del FTP.
153
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 154
9 . L o s p l u g i n s d e Wo rd p re s s
FIGURA 5.
Para que un plugin
empiece a funcionar,
solo debemos hacer clic
sobre el botn Activar
correspondiente.
Gua de plugins
Para darnos una idea de la enorme cantidad de funciones que se pueden incorporar en Wordpress al utilizar
plugins, haremos una recorrida a travs de los ms populares. Luego de activar uno, debemos seguir con
atencin las indicaciones de su documentacin, ya
que, si bien algunos empezarn a funcionar en forma
inmediata despus de ser activados, otros requerirn
que hagamos cambios en alguna de las plantillas del
tema de nuestro blog para que funcionen.
154
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:43 a.m.
Pgina 155
Gua de plugins
Register Plus (Figura 7): con este plugin podremos personalizar las pginas de ingreso y registracin de Wordpress. Nos permite agregar nuestro
logo, cambiar los colores e implementar un sistema de captcha para evitar el registro de robots,
entre otras opciones.
FIGURA 6.
El plugin
All in One SEO Pack
ofrece, adems de las
configuraciones generales
para el blog, la posibilidad
de agregar un ttulo
alternativo y una
descripcin para cada
entrada, que sern
incorporados
en los meta-tags
del cdigo HTML.
FIGURA 7.
La pantalla
de configuracin
del plugin Register Plus
nos permite cambiar
el logo de Wordpress
de la pantalla de ingreso
por la imagen
que deseemos, entre
muchas otras opciones.
155
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 156
9 . L o s p l u g i n s d e Wo rd p re s s
WP Security Scan: este plugin se ocupa de analizar nuestra instalacin de Wordpress y nos
advierte sobre potenciales vulnerabilidades a las
que se encuentra expuesto el sistema. Adems, no
solo nos dice el problema, sino que tambin sugiere un curso de accin para corregirlo.
FIGURA 8.
El plugin Wordpress.com
Stats nos permite emplear,
en nuestra versin
instalable de Wordpress,
el sistema de estadsticas
de la versin online
del sistema.
156
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 157
Gua de plugins
un archivo de cach en el cual se almacenan las pginas a medida que se generan, de manera tal que
cuando alguien solicita una pgina que ya est en la
cach, el sistema le mostrar esa pgina en lugar de
crearla de nuevo. Mediante este sistema, se reduce
de manera drstica la carga del servidor y se minimizan las posibilidades de cuelgues y problemas con
nuestro proveedor de web hosting.
PLUGINS
PARA COMENTARIOS
Con estos plugins podemos tener ms control sobre
cmo se muestran los comentarios en nuestro blog.
Get Recent Comments (Figura 10): este plugin
nos permite mostrar, en la barra lateral del blog, los
ltimos comentarios dejados por los lectores. Es altamente configurable, por lo que podemos elegir si
queremos que aparezca un resumen del comentario,
el nombre de su autor, el ttulo del post comentado,
la fecha en la que fue dejado, etctera.
FIGURA 9.
El plugin WP Super Cache
incorpora dos niveles
de cach para habilitar
en nuestro blog y hacerlo
resistente a grandes
volmenes de trfico.
157
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 158
9 . L o s p l u g i n s d e Wo rd p re s s
Most Commented: una forma de medir la popularidad de las entradas es a travs de la cantidad
de comentarios que recibieron. Con este plugin
podemos incluir, en la barra lateral, un listado con
los posts ms comentados. Tambin es posible
configurarlo para que muestre los posts ms
comentados en una cierta cantidad de das.
Popularity Contest (Figura 11): este plugin nos
permite listar, en la barra lateral, las entradas ms populares de nuestro blog, siguiendo una combinacin
de criterios que incluye la cantidad de visitas, los enlaces desde otros blogs y los comentarios realizados.
FIGURA 11.
Hay dos versiones
del plugin
Popularity Contest,
una para versiones
de Wordpress anterior es
a la 2.3 y otra
que se encuentra
en fase beta, para las
versiones ms actuales.
158
Wordpress Thread Comment: este plugin modifica la estructura de los comentarios, de modo tal que
los lectores puedan contestar los comentarios existentes y se creen diferentes hilos de conversacin
similares a los que se forman en los foros de discusin. Es muy fcil de implementar, no es necesario
editar los archivos de nuestro blog.
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 159
Gua de plugins
Si bien Wordpress
incluye muchas funciones
relacionadas con las
entradas, algunos de
estos plugins nos resultarn imprescindibles
WP-Print: si cuando intentamos imprimir las pginas de nuestro blog el resultado no es el adecuado,
nos vendr bien instalar este plugin.
FIGURA 12.
El plugin WP-PageNavi
permite a los lectores
navegar en forma
ms gil a travs
de las pginas del blog.
ACTUALIZAR UN PLUGIN
El listado de plugins que se encuentra en el panel de administracin de las ltimas versiones de Wordpress notifica al usuario en forma automtica cuando hay una nueva
versin del plugin disponible y permite realizar la actualizacin.
159
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 160
9 . L o s p l u g i n s d e Wo rd p re s s
NextGEN Gallery: un plugin excelente que se utiliza para crear galeras de imgenes para mostrar en
las entradas. Entre sus mltiples funciones, se destaca la posibilidad de crear slide shows, generar
miniaturas, armado de plantillas y generacin
automtica de marcas de agua en las imgenes.
PLUGINS DE DISEO
160
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 161
Gua de plugins
FIGURA 15.
Mediante el plugin cforms
II es muy sencillo crear
formularios.
FIGURA 16.
Con el plugin Wordpress
CSS Drop-down Menu
los mens desplegables
dejarn de ser
un misterio.
161
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 162
9 . L o s p l u g i n s d e Wo rd p re s s
PLUGINS ANTI-SPAM
El spam de comentarios es una de las molestias ms
importantes que sufriremos como bloggers. Estos
plugins nos ayudarn a minimizar el problema.
FIGURA 17. El plugin Add to Any Subscribe
Button le proporciona a los lectores un atajo
fcil para suscribirse al feed RSS del blog,
recomendarlo va e-mail o telfono celular.
162
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 163
Gua de plugins
El spam de comentarios
es una de las molestias
ms importantes que
sufriremos como bloggers
identificar la cadena y el comentario quedar trunco.
Este plugin se utiliza para ayudar a The Internet
Archive (www.archive.org) y es una vuelta de tuerca a ese sistema, ya que las cadenas que aparecen son
escaneos reales de libros que los sistemas de reconocimiento de caracteres (OCR) son incapaces de interpretar. Por eso, al instalar este plugin evitaremos el
spam y contribuiremos con un proyecto de digitalizacin de libros de dominio pblico.
FIGURA 18.
Akismet es un potente
plugin para combatir
el spam de comentarios,
desarrollado por
los mismos creadores
de Wordpress.
FIGURA 19.
Con el plugin
WP-reCAPTCHA,
el visitante debe ingresar
una cadena de texto
para que su comentario
sea aprobado. Si la cadena
es difcil de entender,
se puede pedir una nueva.
163
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 164
9 . L o s p l u g i n s d e Wo rd p re s s
INTEGRACIN CON
SERVICIOS WEB
Las redes sociales y los servicios web son, hoy en
da, una parte fundamental de la Web, de ah que
nuestro blog no puede estar desconectado de ellas.
A continuacin, mostramos algunos plugins para integrar nuestro blog con los sitios ms populares.
AdSense Manager: si optamos por incorporar publicidad de la red Adsense de Google (ver ms en
www.google.com/adsense) en nuestro blog, este
plugin nos permitir administrar los espacios directamente desde el administrador de Wordpress,
FIGURA 20.
El plugin Comprtelo!
es ideal para que nuestros
propios lectores
nos ayuden a posicionar
el contenido del blog
en diferentes
redes sociales.
164
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 165
Gua de plugins
FIGURA 21.
Con Global Translator,
podemos agregar
una serie de enlaces
en cada entrada,
que le permitirn al lector
traducir su contenido
a distintos idiomas
mediante herramientas
de traduccin online.
165
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 166
9 . L o s p l u g i n s d e Wo rd p re s s
OTROS PLUGINS
Si seguimos explorando el directorio de plugins de
Wordpress, veremos que las opciones son interminables. A continuacin, comentamos algunos extra que
tambin nos resultarn muy tiles.
Event Calendar 3 (Figura 22): este plugin nos permite administrar un completo calendario de eventos
desde nuestro blog. Podemos mostrarlos directamente en el calendario o visualizar un listado de
eventos que es posible personalizar para que incluya, entre otros datos, el nombre del evento, la ubicacin, la fecha de comienzo y de finalizacin.
WP-Polls (Figura 23): con este plugin podemos
crear encuestas para conocer la opinin de los visitantes de nuestro blog sobre cualquier tema. Nos
permite ingresar todas las preguntas que queramos
y podemos limitar el funcionamiento de la encuesta
a una cierta cantidad de respuestas o de tiempo.
FIGURA 22.
Con el plugin Event
Calendar, podemos
mantener un calendario
de eventos desde el blog.
166
PodPress: este plugin permite convertir a Wordpress en una completa plataforma para realizar
podcasting, que no es otra cosa que compartir
nuestras opiniones a travs de archivos de audio.
Los lectores pueden descargarlos para escuchar
luego en un reproductor MP3 o hacer streaming
de ellos a travs de la Web.
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 167
Gua de plugins
WP-UserOnline (Figura 24): con este plugin podemos mostrar en tiempo real cuntos visitantes se
encuentran navegando nuestro blog, con una diferencia entre usuarios annimos, registrados y
robots enviados por los motores de bsqueda.
Members Only: este plugin nos posibilita convertir nuestro blog en un espacio privado que solo
podr ser visto por usuarios que se encuentren logueados al sistema. Ideal para quienes mantienen
un blog con contenido familiar y no quieren que
sea visitado por desconocidos.
RESUMEN
En este captulo, aprendimos qu son los plugins de Wordpress y cul es el procedimiento
para instalarlos y activarlos desde el panel de control. Tambin repasamos los ms populares para descargar en forma gratuita desde el repositorio oficial de Wordpress.org.
167
BLOGS_Cap9_149_168_corregido.qxp
01/07/2010
11:44 a.m.
Pgina 168
9 . L o s p l u g i n s d e Wo rd p re s s
Multiple choice
1
168
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 169
Apndice
Seleccin de temas
para Wordpress
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 170
Seleccin de temas
para Wordpress
En este apndice, incluimos una galera con algunos
de los mejores temas para Wordpress divididos en
categoras, segn su estructura bsica. Cada uno
est acompaado de una descripcin con sus caractersticas ms importantes y el enlace desde
donde podemos descargarlo.
Introduccin
En el Captulo 7, aprendimos a personalizar el
aspecto de nuestro blog basado en Wordpress
mediante la modificacin de un tema (theme) existente. En este apndice, veremos algunos de los ms
populares y que pueden ser un buen punto de partida
para nuestro blog.
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 171
Te m a s d e u n a c o l u m n a
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 172
An ordinary theme
Este tema presenta un encabezado muy llamativo
formado por una imagen que se divide en dos sectores, tal y como si estuviramos vindola desde el
marco de una ventana. El ttulo del blog aparece sobre la imagen junto con su descripcin, y debajo de
ella encontramos un men de opciones desplegables que nos muestran las pginas del blog y sus correspondientes subpginas (Figura 4).
En el cuerpo principal, sobresale la fecha de las entradas, con su ttulo en rojo debajo y en maysculas.
Tambin se muestran las categoras y etiquetas de la
entrada antes del texto. Podemos obtenerlo en
www.blog.ordinary.ch/?page_id=269.
Olive Green
ste es un tema que tiene una estructura por dems
sencilla, combinada con un lindo diseo. Debajo del
encabezado, encontramos enlaces hacia los feeds
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 173
Te m a s d e u n a c o l u m n a
Braintied
Este tema se podra decir que es la simplicidad llevada a su mxima expresin. Muestra como encabezado el ttulo del blog y una barra de enlaces hacia
las pginas. En el cuerpo principal, aparece una lista
con las fechas y ttulos de las entradas. No se muestra ningn tipo de archivo, etiquetas, categoras ni
formulario de bsqueda (Figura 6).
Fastr
Como su nombre lo indica, este tema fue creado
pensando en la velocidad de carga (Figura 7).
Tiene un diseo muy atractivo y est construido de
manera tal que respeta todos los estndares web.
Nos muestra el ttulo del blog y su descripcin en
el encabezado, y cada entrada posee su fecha de
173
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 174
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 175
Te m a s d e d o s c o l u m n a s
FIGURA 9.
Otro tema con un diseo
solemne, aunque esta vez
de dos columnas
y con barra de navegacin.
Gear
ste es un tema con un diseo profesional, cuyos
elementos son fcilmente configurables desde las
opciones que incluye. Adems del nombre del blog
y su descripcin, en la cabecera encontramos el
formulario de bsqueda y unos iconos que nos
llevan a la pgina principal del blog, el e-mail del
autor y su canal RSS (Figura 10).
Debajo tenemos una barra de navegacin de las pginas y, antes de la primera entrada, un recuadro con un
texto introductorio del blog, que podemos configurar a
gusto (este elemento es opcional y se puede quitar).
En la columna lateral, tenemos el calendario del
mes, desde donde podemos acceder a las entradas
de cada da, un archivo mensual, las entradas ms
recientes, los enlaces preferidos del blogger y el
archivo por categoras.
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 176
para desplegar los nombres de categoras y etiquetas de cada entrada. Por ltimo, en el sector
superior derecho de la pgina, el tema muestra un
enlace hacia el panel de control de Wordpress y
los canales RSS de entradas y comentarios. Si estamos interesados en l, podemos descargarlo
desde http://ahren.org/code/ahimsa.
Japan-style
Se trata de un tema con un diseo artstico y oriental (Figura 11). Todos los elementos grficos del
blog son imgenes rsticas muy bien definidas, que
convierten este tema en ideal para quienes quieran
armar un blog personal y les guste esta clase de esttica. Toda la pgina simula ser una hoja de papel
y, en la barra lateral, encontramos el formulario de
bsqueda, el archivo indentado de categoras, el archivo mensual y el blogroll. El pie de pgina tambin
est muy bien diseado e incluye el logo RSS tal y
como si hubiera sido pintado con acuarelas. Est disponible en http://blog.gooddesignweb.com/.
Ahimsa
Es un tema con un diseo muy moderno, sencillo y
colorido. A diferencia de los que vimos hasta ahora, su columna lateral se encuentra a la izquierda
de la principal (Figura 12). Todas las cajas que forman parte del tema poseen bordes redondeados y
un color de fondo caracterstico. Adems, el tema hace un buen uso de la tecnologa AJAX, por ejemplo,
FIGURA 11.
Ideal para los amantes
de la cultura oriental,
se trata de un tema
con un diseo artstico
con muchas ilustraciones.
176
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:07 p.m.
Pgina 177
Te m a s d e d o s c o l u m n a s
FIGURA 12.
Un tema con un aspecto
muy original y colorido
para nuestro blog.
FIGURA 13.
Este tema tiene un diseo
de fantasa, recomendado
para fanticos de las
pelculas de Tim Burton.
Sliding Door
Un tema pensado en especial para quienes desean
compartir una coleccin de fotografas desde el blog
(Figura 14). Con fondo negro y la columna lateral
ubicada a la izquierda, muestra en la cabecera una
tira de imgenes que representan las categoras ms
importantes del blog. Al posicionar el mouse sobre
alguna de las imgenes, sta se despliega en forma
lateral tal y como si se tratara de una puerta
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 178
FIGURA 14.
Un tema con un diseo
profesional y con muchas
opciones de configuracin.
Aeros
Con un diseo profesional que incluye ms de 10
fotos muy llamativas para utilizar como imagen de
fondo, este tema es un muy buen punto de partida para empezar un blog ambicioso (Figura 15).
Cada elemento, ya sea el encabezado, la columna
lateral y las entradas, tiene su propia caja independiente con bordes redondeados. En el encabezado,
encontramos un men de navegacin de pginas,
el ttulo del blog, su descripcin y un gran icono
para acceder al canal RSS. La barra lateral est
muy estilizada y su fondo es transparente, efecto
LA FLEXIBILIDAD DE WORDPRESS
En la actualidad, los desarrolladores de Wordpress se refieren a su producto como una plataforma de publicacin, un trmino que excede ampliamente al mundo de los blogs. Con las
prestaciones que el sistema ofrece, hoy en da es posible crear sitios web convencionales.
178
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 179
Te m a s d e d o s c o l u m n a s
FIGURA 15.
Un tema con una
terminacin excepcional
y que utiliza recursos
muy atractivos,
como por ejemplo,
el fondo transparente
en la columna lateral.
Kanata
Otro tema con un diseo muy llamativo e imgenes
de gran calidad (Figura 17). El fondo de la pgina
simula ser un escritorio de madera sobre el que se
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 180
pueden ver diferentes objetos, como una pluma, monedas, hojas de rbol y una piedra.
El contenido del blog se encuentra sobre una hoja
de papel con fondo color crema y la barra lateral se
ubica en una hoja de bloc arrancada, que simula
sobresalir por el lado izquierdo. En esta columna
lateral, se halla el formulario de bsqueda, el archivo
mensual y de categoras, y el blogroll. Para ver cmo
queda en nuestro blog, debemos descargarlo desde
www.9thsphere.com/.
Yashfa
Para terminar con la seccin de temas con dos columnas, mostramos uno que tiene un diseo muy
moderno, que incluye una imagen de fondo en su
encabezado, adems del ttulo del blog y su descripcin (Figura 18). Lo bueno de las imgenes o banners en los encabezados es que podemos cambiarlos
por una imagen propia y as personalizar mucho ms
nuestro blog. En este tema, el sector principal del
contenido presenta una mini columna a la
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 181
Te m a s d e t re s c o l u m n a s
FIGURA 19.
Este tema
de tres columnas
ocupa todo el ancho
de la pgina y contiene
un encabezado
grfico dividido
en tres segmentos.
181
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 182
la descarga en www.prelovac.com/vladimir/
wordpress-themes/amazing-grace.
CognoBlue
En este tema, las columnas estn a ambos lados del
contenido principal del blog. El diseo es sencillo, con
diferentes tonalidades de azul predominantes en el
encabezado y en los textos del blog (Figura 23).
Amazing Grace
Un tema con un aspecto muy profesional y cuidado.
En el encabezado encontramos varios elementos, desde una barra de botones para acceder a las pginas,
pasando por un enlace al canal RSS (con su icono
correspondiente), adems del ttulo en una tipografa de tamao considerable con la descripcin
como bajada (Figura 22). A la derecha del encabezado se muestra una fotografa ilustrativa del blog.
Las columnas laterales se encuentran ambas a la derecha del cuerpo principal y, en ellas, podemos ubicar los
elementos del blog que deseemos. Disponible para
FIGURA 21.
En este tema, la columna
lateral est dividida
en dos sectores,
el inferior posee
dos subcolumnas
con diferentes elementos.
182
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 183
Te m a s d e t re s c o l u m n a s
En la barra lateral de la derecha, se incluye una serie de enlaces para suscribirse al contenido del blog
mediante diferentes lectores RSS. En la columna de
la izquierda, se ubican otros elementos, como ser
una lista con las entradas ms populares, las ltimas entradas y el archivo mensual. Por supuesto,
el usuario puede modificar a gusto el orden y la
ubicacin de todos estos elementos. Podemos
descargarlo desde www.blogsdna.com/.
posee un gran icono RSS para que los lectores se suscriban al contenido del blog. Podemos probar cmo se
ve y descargarlo desde www.dailyblogtips.com/
studiopress-wordpress-theme-released/.
StudioPress
Un tema ideal para empezar a construir un blog con
aspiraciones ms profesionales (Figura 24). El diseo
es impecable y los elementos de las dos columnas
laterales (ubicadas a la izquierda) son fcilmente configurables desde el panel de control.
Arriba de ambas columnas, encontramos una caja que
podemos personalizar con una descripcin ms general de nuestro blog. El formulario de bsqueda se ubica por encima del encabezado que, a su derecha,
PrimePress
Se trata de un tema sencillo, que incluye un gran encabezado, cuya imagen principal podemos personalizar a gusto (la original es un campo de girasoles).
All tambin vemos el ttulo del blog, su descripcin,
y dos solapas para acceder a la pgina principal y a
los datos del autor (Figura 25). El diseo de la
columna lateral la muestra como nica, aunque, si
observamos con detenimiento, veremos que en realidad en el sector inferior tenemos dos columnas
disponibles para ubicar los diferentes elementos.
Se encuentra en www.techtrot.com/primepress/.
VideographEx
Para terminar con esta seccin, incluimos un tema
con una estructura bastante sencilla. Su autor lo
183
BLOGS_ApA_169_184_corregido.qxp
22/08/2010
07:08 p.m.
Pgina 184
FIGURA 26.
Un tema sencillo
que muestra
las categoras del blog
en una barra
de navegacin debajo
del encabezado.
184
BLOGS_Servicios_185_192.qxp
11/08/2010
10:55 a.m.
Pgina 185
Servicios
al lector
BLOGS_Servicios_185_192.qxp
11/08/2010
10:55 a.m.
Pgina 186
SERVICIOS AL LECTOR
ndice temtico
A
Antispam
Apache
Avatares
D
162/163
58
27
DNS
Drupal
61/62/72
25
E
Embed
Estadsticas
31
13/86/150/156/162
52
9
62
24
57
B
Backup
Barra de navegacin
Bases de datos
Bloglines
Blogroll
Buscadores
109/118
36
75
20/162
116
46/64/93/154
C
Captcha
Copyright
186
F
FTP
FIlezilla
Flickr
82/83/119/120/127
82/119/120
107/108/110/151/164
G
30/155/163
107
Google reader
20/21/162
BLOGS_Servicios_185_192.qxp
11/08/2010
10:55 a.m.
Pgina 187
ndice temtico
Geocities
Gmail
Google Blog Search
Google Bookmarks
Google Checkout
Google Docs
Google Reader
Google News
Google Translation Engine
14
34/74
59
20
34
20/21
20/21/162
165
165
J
Joomla
Justin Hall
25
14
L
Litespeed
LiveJournal
58
15/24
M
MegaUpload
Membresas
Movable Type
Msica
MySpace
MySQL
H
Hello Dolly
Homepage
23
98
24/25
106
24
70/75
N
152/156
88/125
Nacional
Navegadores
No-IP
64
115/167
62
I
ICANN
INDEX.HTML
Internacional
34/62
72
64
O
OpenID
36
187
BLOGS_Servicios_185_192.qxp
11/08/2010
10:55 a.m.
Pgina 188
SERVICIOS AL LECTOR
P
Pagerank
PDF
Permisos
Pingbacks
Plataformas
Publicidad
Stats
Subdominios
249
109
128/129
47/89/104
22/23/24/25/167
164/180
R
Rankear
Rapidshare
Redes sociales
Redirecciones
156/162
74
T
Textpattern
Trackbacks
Trolls
47
89
39
W
29
23
157/164
74/75
Web 2.0
Weblog
Widgets
Wikipedia
Wordpress MU
World Wide Web
18/19/20/21
14/15
125/174
18/19
46/51
60
S
SEO
Servidor web dedicado
Sintaxis
188
154/155
58
137/138
Y
YouTube
165
02/09/2010 15:44:52
usershop.redusers.com
Funciones en Excel
Esta obra es una gua bsica que responde, en forma visual y prctica, a
todas las preguntas que necesitamos
contestar para conseguir un equipo
seguro. Definiciones, consejos, claves y secretos, explicados de manera clara, sencilla y didctica.
PHP 6
Esta obra es una completa gua que responde a las preguntas ms frecuentes
de la gente sobre la forma de publicacin ms poderosa de la Web 2.0. Definiciones, consejos, claves y secretos,
explicados de manera clara, sencilla y
didctica.
02/09/2010 15:45:01
Esta obra es una gua bsica que responde, en forma visual y prctica, a todas
las preguntas que necesitamos conocer
para dominar la ltima versin del sistema
operativo de Microsoft. Definiciones, consejos, claves y secretos, explicados de
manera clara, sencilla y didctica.
Access
Redes Cisco
usershop@redusers.com
02/09/2010 15:45:15
usershop.redusers.com
Dreamweaver y Fireworks
Excel revelado
Robtica avanzada
Esta obra nos presenta las dos herramientas ms poderosas para la creacin
de sitios web profesionales de la actualidad. A travs de procedimientos paso a
paso, nos muestra cmo armar un sitio
real con Dreamweaver y Fireworks sin
necesidad de conocimientos previos.
Windows 7
De Windows a Linux
Esta obra nos introduce en el apasionante mundo del software libre a travs
de una completa gua de migracin, que
parte desde el sistema operativo ms conocido: Windows. Aprenderemos cmo
realizar gratuitamente aquellas tareas
que antes hacamos con software pago.
02/09/2010 15:45:27
Photoshop es el programa ms
utilizado a nivel mundial para
retoque, restauracin y collage
fotogrfico. Este libro le ensear
a usarlo sintindose cmodo,
a aprovechar todas sus ventajas,
y a aplicar lo aprendido en sus
fotografas consiguiendo
resultados increbles!
LIBRO Hardware Desde Cero - COLECCION FLUO 15x19 - BOMBO RT - Dic 09.indd 1
15/12/2009 15:47:18
Blogs Cero
desde
Blogs
Caractersticas de los blogs | Conceptos Web 2.0 | Armar un blog con Blogger | Plantillas
Panel de control | Nuestro primer post | WordPress | Diseo del blog | Pginas y enlaces
Registro de dominio | Eleccin del proveedor de hosting | Instalacin y administracin de
entradas y para sindicacin | Integracin con servicios web | 50 temas de WordPress
El contenido
de esta obra
form parte
del libro
SuperBlogger.
Blogs
rpido y sencillo
Cero
desde
Creacin de blogs
atractivos en pocos pasos
Uso y administracin
con Blogger y WordPress
Fidelizacin de una comunidad propia
Personalizacin y mejoras
estticas para WordPress
Integracin con YouTube, Facebook,
Flickr, Google AdSense y mucho ms!
express blog.indd 1
02/07/2010 13:51:59