Introduccin
..............................................................................
8
Casos de xito
............................................................................
16
Estructuras y Trminos
..............................................................
38
Qu novedades hay en CMS!.........................................
2.5?
47
Administrando el contenido
.......................................................
55
Estados, Papelera y Desbloqueo
.................................................
80
Estructurar el Contenido en Categoras
.....................................
84
Navegacin
...............................................................................
103
Usuarios y Permisos
..................................................................
111
Core Extensions
........................................................................
126
Mdulos
...................................................................................
149
Sitios Web Multilinges
............................................................
198
4/22/12
Pgina 3
Captulo 1
Introduccin
Con respecto a la cuestin sobre si escribir CMS! (con signo de exclamacin) o CMS (sin
despus de aos de discusin la gente lleg a un consenso:
La palabraCMS es una derivacin de la palabra Jumla del lenguaje africano Swahili que
todos juntos.
El proyecto
CMS es el resultado de una acalorada discusin entre la Fundacin Mambo,
creada en Agosto de 2005, y su equipo de desarrolladores. CMS fue desarrollado a partir d
sistema Mambo. Es utilizado en sitios web de todo el mundo para desarrollar desde pgina
hasta complejos sitios corporativos para empresas. Es sencillo de utilizar, administrar y so
fiable.
El equipo de CMS se ha organizado y reorganizado varias veces en los ltimos cinco aos.
software ha ido evolucionando:
Desde 2005 a 2009 se desarroll CMS 1.0, hasta alcanzar la versin 1.0.15. El desarro
soporte de esta versin finalizaron oficialmente en septiembre de 2009.
Desde 2005 hasta ahora ha estado en desarrollo CMS 1.5. Fue presentado como versi
en enero de 2008, y su vida til finalizar en Abril de 2012.
En 2008 comenz el desarrollo de CMS 1.6, aunque fue lento y complicado. Hasta ene
no estuvo disponible una versin estable. El final de su vida til lleg un mes despus de
de CMS! 1.7, en agosto de 2011.
CMS! 1.7 vi la luz en julio de 2011, y su misin fue continuar el trabajo iniciado por C
para allanar el camino para la 2.5. Alcanz el final de su vida til a finales de febrero de
5
http://es.wikipedia.org/wiki/Sistema_de_gestin_de_contenidos
4/22/12
Pgina 8
CMS! 2.5 fue la primera versin con soporte de larga duracin desde la 1.5, y fue lanz
enero de 2012.
Los usuarios se mantuvieron fieles a CMS. Muchos migraron sus sitios de Mambo a CMS
han ido formando desde su creacin. Adems muchos nuevos usuarios se han sumado en
aos, aunque todava quedan personas en el mundo que no han odo hablar nunca de este
junto a Drupal y Wordpress, es uno de los sistemas de gestin de contenidos ms usados
4/22/12
Pgina 9
Drupal
CMS
Mundo
0.3
11.08
Chile
010.82
Francia
0.2
10.68
Alemania
0.16
10.61
Italia
0.17
10.6
Polonia
0.15
10.43
Federacin Rusa
0.3
10.5
Espaa
11Suiza
0.26
Reino Unido
4/22/12
0.15
10.45
0.4
11.65
Pgina 10
WordPress
0.66
12.3
China
0.8
13.2
En Enero de 2012 el 2.8% de todas las pginas web de Internet estaban hech
CMS. (http://w3techs.com/technologies/overview/content_management/all
.
El rango de sitios web creados con CMS abarca desde sencillas pginas personales a co
aplicaciones de negocios y proyectos basados en el Framework de CMS!. Lo que hace a CM
exitoso son las innumerables formas en la que puedes usarlo y que te voy a describir en e
QUIN SOY ?
6. Estoy
Mi nombre es Hagen Graf, tengo 48 aos y vivo en Fitou,
Francia
casado con la mujer de
mis sueos y tengo cuatro hijas.
De hecho, mi trabajo puede ser realizado completamente online, pero en ocasiones los
pueden tener miedo de los proyectos que son 100% a distancia. Este es el motivo por el q
siempre en la carretera. Estar en la carretera significa reunirse con clientes de diferentes p
culturas. Significa largos viajes en coche, bus o tren, as como responder rpidamente los
solicitudes de los clientes, los mensajes en Facebook y los tweets.
Esta forma de trabajar tiene sus implicaciones para aquello que yo suelo llamar la ofic
tener acceso desde cualquier sitio a mis emails, fotos, videos, tweets y documentos. Mi ofi
encuentra donde yo est.
QUIN ERES T?
4/22/12
Pgina 11
dura realidad de las aplicaciones ofimticas, prdidas de datos, falta de memoria, discos d
queman y las aventuras de configurar una impresora. Las maravillosas relaciones entre es
sido sustiuidas por la nueva forma de trabajo centrada en el usuario de la Web 2.0 y por e
smartphones, si bien esto no hace que el trabajo sea necesariamente ms sencillo.
Si no eres de esos a los que les encanta pasar noches enteras enredando en las "tripas
operativo o de su telfono, o de esos que pasan horas organizando sus fotos y su msica,
archivos de un dispositivo a otro, entonces probablemente eres como yo: una persona que
cuando todos sus dispositivos y aplicaciones estn funcionando, cuando puede acceder a
Internet; alguien que se conforma simplemente con que todo funcione como se supone qu
trabajas desde una oficina situada en casa, un buen entorno de trabajo es particularmente
Los fallos en el funcionamiento del software y el hardware pueden convertirse rpidament
pesadilla.
Suelo categorizar a los usuarios en alguno de los siguientes grupos:
Dan a los diseadores CSS los fundamentos que ellos necesitan para
Diseadores HTML:
trabajo. En CMS tambin se encargan de crear los denominados "template overrides".
El diseador web juega un papel especial en esta lista. Usualmente tiene que cubrir tod
que constituye un gran reto. Mientras escribo este libro, me sito a m mismo en el perfil d
web.
4/22/12
Pgina 12
Doy por hecho que tu sitio web ya es el lugar en el que explicas lo que t mismo o tu c
hacis. Ese es el lugar en el que mantienes las relaciones con tus clientes durante 24 hora
la semana. Tu sitio web contiene probablemente una coleccin de aplicaciones y datos qu
actividades. Tu sitio debera contener tambin interfaces para permitir a otras aplicacioen
Hasta hace unos pocos aos, la creacin de un sitio web era algo muy difcil de hacer. S
tenas por qu ser un especialista de renombre, s que era necesaria una combinacin de
capacidad de diversin con lo que hacas para llegar a conseguir resultados decentes. En
tiempos tenas que crear pginas HTML estticas en un editor HTML, y a continuacin sub
mediante un cliente FTP a un servidor. Incluso para crear la interactividad ms sencilla, co
ejemplo un formulario de contacto o un foro, tenas que aprender algn lenguaje de progr
Es ms que comprensible que mucha gente no estuviera dispuesta a pasar por todo es
encomendar la creacin de sus sitios a agencias web, o que incluso siquiera se planteasen
proyecto. Gracias a Facebook y a kits como el de Google Sites, crear pginas web simples
convertido en algo relativamente fcil, pero si quieres algo nico, deberas familiarizarte c
gestor de contenidos.
CMS! ofrece todo lo que necesitas para crear tu propio sitio web completame
personalizado.
DE QU VA ESTE LIBRO?
CMS! es una herramienta con mltiples posibilidades y puedes usar el sistema en una e
variedad de configuraciones dependiendo de tus ideas y deseos.
Pgina 13
Pgina 14
ALGUNA PREGUNTA ?
No dudes en preguntar!
Evidentemente, no puedo proporcionar servicio tcnico. Los foros oficiales de CMS! pro
7, y seguro
una gran cantidad de conocimiento (fundamentalmente en ingls, pero tambin
en espa
que en ellos podrs encontrar respuestas a tus preguntas. Sin embargo, si tienes comenta
acerca del libro no dudes en dejarlos en la seccin de comentarios que hay un poco ms a
FUNDAMENTOS
Antes de instalar CMS! 2.5, crear un sitio web y hacerte rico y famoso, por favor tmate
8.
echando un rpido vistazo a los fundamentos
Lo que escrib all tambin sirve para tu sitio CMS!.
4/22/12
Pgina 15
Captulo 2
Casos de xito
Qu aspecto tienen los sitios web creados con CMS?
Esta pregunta no es fcil de contestar, ya que en la mayora de los sitios web basados
el diseo ha sido creado por un diseador grfico y, posteriormente, "transformado" en un
compatible con el CMS. Por lo tanto, el exterior de un sitio puede ser engaoso. Aqu tiene
capturas de sitios web realizados con CMS para que te hagas una idea de lo que se puede
con l:
La Alianza para la Educacin Catlica, o ACE por sus siglas en ingls, usa CMS 1.7 para
su presencia web multifactica. ACE es un esfuerzo colaborativo de 12 proramas diferente
trabajando para fortalecer y sostener colegios catlicos en los Estados Unidos. CMS!, junto
framework para la creacin de plantillas Gantry, permite a ACE mantener 12 sitios nicos
instalacin CMS a travs del uso del propio CMS y de las opciones de mltiples plantillas d
(por ejemplo, http://ace.nd.edu/teach es una pgina de inicio nica para uno de los progra
sitio). Todas las unidades de ACE parten de la misma instalacin y base de datos CMS, ma
fuerte conexin visual con la pgina de inicio principal y tambin comparten las mismas c
para todos los miembros de la organizacin, incluyendo: un lector de canal electrnico de
integrado, membresa online, una red JomSocial, varios blogs, una bolsa de trabajo y un ca
publicaciones online.
Algunas de las extensiones favoritas
ACE
deson: Zoo de Yootheme, hh404sef, JCE, JSPT y
Socialable's Autogroup.
Los planes de futuro incluyen integrar un CRM (CiviCRM) para que funcione dentro del f
CMS.
4/22/12
Pgina 16
CMSGov es un "escaparate"
de sitiosweb de gobiernoslocales,regionales,
nacionales y
supranacionales construidos con CMS a lo largo y ancho de todo el mundo. Hay ms de 20
representados y, apenaspar
un de meses despus de
su presentacin
en la conferencia
'J and
Beyond' (http://www.jandbeyond.org) en mayo de 2011, contiene ms de 3,000 sitios.
http://cloudaccess.net/
10 http://ace.nd.edu/directory/ricky-austin
4/22/12
Pgina 17
Figura 2: CMSGov.info
Construido usando CMS!, K2 & Google Maps (API version 3)
El siguiente vdeo fue grabado durante el CMS! Day Sudfrica 2011
Caso de xito - Cmo construimos el sitio CMSgov.info - Dwight Barnard (ZA)
Sitio Web: http://www.CMSgov.info
Creador: http://raramuridesign.com & http://piezoworks.be
T ORRE EIFFEL
Creo que este edificio te suena de algo, no? Sobran las presentaciones
:) (
Figura)!4
4/22/12
Pgina 18
ECOMMERCE
4/22/12
Pgina 19
K OKORO
4/22/12
Pgina 20
Figura 5: Kokoro
Sitio Web: http://kokorochocolate.com/
Creador: http://ohappens.nl/
T RANQUILLITY BLUE
TranquillityBlueesunsitioparamostraractividadesyaventurasenunpequeopueblocosterodela
costasuroestedefrica.Elobjetivoerahacerelsitiogestionableporelclientylosuficientemente
flexibleparacreceryabarcarfuncionalidadesavanzadassifueranecesario (Figura).6
4/22/12
Pgina 21
Y?
Estos sitios web tienen el aspecto que se supone que un sitio web debe tener :-).
Si yo no te hubiera desvelado que estaban hechos con CMS, probablemente no te hubiera
cuenta de ello.
11
Echa un vistazo a un artculo de techrepublic de enero de 2012: 15 CMS implementatio
CMS.org
11 http://www.techrepublic.com/blog/webmaster/inspiration-15-CMS-implementations/1085
4/22/12
Pgina 22
Simplemente echa un vistazo al sitio oficial del proyecto CMS! Yo encontr los sitios qu
12, el "escaparate" oficial del proyecto. En l encontrars ms d
mostrarte en el CMS! Showcase
sitios ordenados por categoras. Tiene un 'sitio del mes', una vista general con los sitios m
mucho ms.
( ).7
Figura
13. Google
Puedes buscar la cadena com_content en
El componente "content" la usa en las URLs d
las pginas que genera. Hoy en da este tipo de bsqueda no es completamente efectiva,
cantidad de sitios que usan URLs optimizadas para buscadores (SEF URLs), pero an as el
sigue siendo impresionante.
8).
12 http://community.CMS.org/showcase/
13 http://www.google.de/search?q=com_content
14 https://addons.mozilla.org/en-US/firefox/addon/wappalyzer/
4/22/12
Pgina 23
Si ests en un sitio web y quieres saber si fue creado con CMS! o no, echa un vistazo a
fuente. En la seccin 'header', deberas encontrar la siguiente lnea:
<metaname="generator"content="CMSOpenSource
ContentManagement"/>
Aqu tienes la muestra de lo que aparece cuando haces esto para el sitio de la Torre Eiff
www.tour-eiffel.fr/administrator/
4/22/12
Pgina 24
Quiero TU sitio :) Busco 5+ ejemplos de sitios CMS! increbles para el captulo de casos
cocoate.com/j25/showcase xfavor respoder con link+RT
y... casi al instante recib los enlaces de los sitios que acabas de ver ms arriba!
15 un comen
Conoces alguna otra manera de detectar sitios CMS? Sintete libre de dejar
.
4/22/12
Pgina 25
Captulo 4
Estructuras y Trminos
FRONTEND
Con 'frontend' nos referimos a la parte pblica, a las reas del sitio web tal y como los
usuarios registrados las ven. Un usuario registrado trabajar normalmente en el frontend.
comercio, en el que los artculos en venta se muestran en los escaparates y en las estante
echar un vistazo a tu alrededor.
BACKEND
Pgina 38
Figura 2: Administracin
Puedes acceder a cada funcin bien usando el sistema combinado de mens y pestaa
simplemente haciendo clic en los iconos de la pantalla de inicio.
ARCHIVOS
CMS! est formado por cientos dearchivos: imgenes, scripts PHP, archivos CSS, archivo
Javascript y muchos ms.
4/22/12
Pgina 39
BASE DE DATOS
Adems de los archivos (grficos, documentos, archivos de sistema, etc.) CMS! tambin
una base de datos. Durante el procedimiento de instalacin, el instalador web de CMS! cre
en la base de datos que le especifiques
( ).4 En estas tablas, todo el contenido del sitio ser
Figura
gestionado.
4/22/12
Pgina 40
ELEMENTOS DE J OOMLA !
Artculo
CMS! da por hecho que quieres escribir un artculo. Un artculo normalmente consta de
un texto y algunas opciones de configuracin.
Los artculos pueden ser mostrados individualmente o como parte de una lista.
En la pgina principal de tu CMS! recin instalado vers estos cuatro
artculos
).5
(
Figura
4/22/12
Pgina 41
Los artculos son ordenados de cierta manera. El primer artculo es mostrado usando e
completo del sitio. Los otros artculos son colocados debajo en tres columnas. Si los artcu
demasiado largos, puedes insrtar un
enlace
. Esta representacin es una vista de lista. Hacie
Leer
ms
clic en el enlace
sers redirigido a una representacin individual de Figura
ese artculo
).6El tipo
(
leer ms
de representacin puede ser cambiado modificando las opciones en el backend, siempre y
usuario tenga los permisos de acceso necesarios.
4/22/12
Pgina 42
Categoras
Para poder mostrar los artculos de forma clara, debes crear categoras, y despus asig
artculo a una de ellas. Cada artculo slo puede ser asignada a una nica categora (Figur
cetegoras pueden anidarse hasta cualquier profundidad. Los artculos de una o mltiples
pueden ser asignados a un elemento de men, y ser mostrado de diversas maneras. Haci
elemento de men, todos los artculos de diferentes categoras sern mostrados. Este prin
mismo que utlizan los peridicos online, por ejemplo. Haciendo clic en Deportes vers tod
categorizados dentro de este tema. Si el peridico distingue entre distintos deportes, usar
categoras anidadas:
Deportes
Ftbol
Balonmano
Poltica
Local
Europa
Mundo
Pgina 43
Usuario
Navegacin
Para encontrar tu camino a lo largo del sitio web, necesitars elementos de navegacin
enlaces necesarios. CMS!
En llamamos a estomen
. Puedes crear tantos mens como desees, y
anidarlos de tantas maneras como quieras. Cada men es un mdulo que puede ser situa
cualquiera de las posiciones proporcionadas por la plantilla.
Mdulo
Explicado de una forma simplista, un mdulo es algo que puedes colocar junto a un art
men, por ejemplo, es un mdulo. El pequeo bloque de registro que hay en la parte izqui
tambin un mdulo. Puedes crear tantos mdulos con funciones inteligentes como necesit
en cualquiera de las reas predefinidas de la plantilla.
Plantillas
4/22/12
Pgina 44
Plug-ins
Un plug-in (literalmente,
"enchufable"
o "conectable")
proporcionaserviciosprcticos,pero
normalmente es invisible para los usuarios del sitio. Un editor WYSIWYG, por ejemplo, es u
Los plug-ins son extensiones, que pueden ser instaladas tantas veces como se quiera. El p
ncleo de CMS trae un buen nmero de plug-ins muy tiles.
Componentes
Los componentes son los pequeos paquetes sorpresa que te ayudan a crear prcticam
cosa en tu sitio web. Quieres tener un sistema de reserva para talleres? Una plataforma
propiedades?
Un foro? Una galera de imgenes? No
tienes ms que
encontrare instalarel
componente adecuado!
El paquete del ncleo de CMS! trae varios componentes, como por ejemplo el compone
contactos, que te permite integrar formularios de contacto en tu sitio. Existen muchos com
ampliar y mejorar tu sistema CMS!.
4/22/12
Pgina 45
Opciones
Necesitars ajustes individuales de configuracin para tu sitio web; los llamamos opcio
opciones seaplicanal sitio entero,para usuarios,categoras, mduloes, compontenes.
Siempre
encontrars un icono llamado Opciones como, por ejemplo,
),9 que
( te da la posibilidad de
Figuraeste
ver la posicin de los mdulos
( )8insertando la variable
Figura
?tp1en la URL de tu sitio: http://
localhost/index.php?tp=1
Las letras 'tp' vienen de 'template position' (posiciones de la plantilla).
Figura 9: Opciones
Otras estructuras
Existen tambin otras estructuras para las interfaces de usuario, plantillas y relaciones
momento, estars bien equipado si recuerdas las que acabamos de describir.
4/22/12
Pgina 46
Captulo 5
CMS! 2.5 vio la luz en enero de 2012 y es el sucesor de CMS! 1.5. Ser una de las deno
"versiones de ciclo largo" (con soporte de larga duracin), y supondr el estado del arte d
julio de 2012. Las versiones 1.6 y 1.7 fueron versiones "de ciclo corto", y su funcin era la
el camino para llegar hasta CMS! 2.5.
Si ya actualizaste tu sitio desde CMS! 1.5 a la 1.7 en 2011 probablemente ya usas toda
caractersticas introducidas por CMS! 1.6 y 1.7. Si haces scroll hacia abajo y lees la lista de
caractersticas en comparacin con CMS! 1.5 te dars cuenta de que 2011 fue un ao muy
para CMS!
Pero echemos un vistazo ms de cerca a las nuevas caractersticas de CMS! 2.5.
La Versin 11.4 de la CMS Platform es ahora la base del CMS. Esto supone muchas ms
posibilidades para los desarrolladores externos, como por ejemplo manipulacin de imge
clase JImage y generacin de tablas HTML con la clase JGrid. Se usa una nueva versin de
JavaScript MooTools (la 1.4). Si no sabes de qu va la CMS! Platform, lee Write your own A
CMS! Platform21 y el anuncio oficial del lanzamiento de la CMS!22Platform
.
La bsqueda ha sido "reinventada" en CMS! 2.5 con Finder. Este nuevo componente tra
un ndice de bsquedas
( ).1
Figura
4/22/12
Pgina 47
Figura 2: Sugerencias
Puedes usar el mensaje predeterminado cuando el sitio est fura de lnea (offline), desa
un mensaje personalizado. Adicionalmente puedes seleccionar una imagen para la pgina
4/22/12
Pgina 48
offlineFigura
(
).3Tienes incluso la posibilidad de activar el modo offline durante la instalacin
que nadie que no tenga autorizacin pueda verlo antes de que t lo permitas.
24 (Figura).
Ahora puedes activar un plugin CAPTCHA que usa el servicio reCAPTCHA
4Una vez
que te registras gratuitamente en reCAPTCHA e introduces tus claves en el plugin, puedes
CAPTCHA para los nuevos registros de usuario. Tambin podra ser usado por otras extens
necesiten CAPTCHA.
Figura 4: Captcha
24 http://www.google.com/recaptcha
4/22/12
Pgina 49
Ahora puedes adjuntar una imagen para el texto introductorio para usarlo en las vistas
elementos destacados, una imagen para el texto completo del artculo y hasta tres enlace
la vista completa del artculo. Esto significa que tus creadores de contenido no tendrn qu
sobre cmo y dnde colocar la imagen en el texto, y el formato de tus artculos ser ms l
consistente.
SITIOS MULTILINGES
Figura Gestordereemplazosdecadenasdeidioma
5:
Notas de usuario
4/22/12
Pgina 50
Limpieza
Esto es muy til. Desde CMS! 16. es posible filtrar las categoras en el gestor de artcul
podas ver los artculos de las subcategoras. Ahora, la lgica de filtrado incluye los artcul
subcategoras tambin.
Enlazando nuevos mens con un mdulo
En CMS! 2.5 NO se creaban mdulos automticamente para cada nuevo tipo de men.
era un bug, sino una caracterstica :)
No todo el mundo usa el men de mdulo del ncleo, y en vez de ste muchos usan ot
con la propia plantilla, o incluso
mdulos deterceros.Por estemotivo, los mens no
creaban
automticamente un mdulo en las versiones 1.6/1.7. Este cambio confundi a la gente, y
adicional. En CMS 2.5, si no hay ningn mdulo asociado al men, aparece un enlace en e
mens que al hacer clic en l te dirige directamente a la pantalla de edicin de un nuevo
men (del tipo mod_menu que viene en el ncleo), para que puedas crearlo. Una vez ah,
opcin de configurar el mdulo y guardarlo o bien cancelar la edicin y crear una nueva in
tipo de mdulo de men distinto que tengas isntalado.
4/22/12
Pgina 51
En comparacin con
CMS! 1.5 las diferencias son enormes. Aqu tienes una larga lista co
caractersticas y mejoras introducidas por CMS 1.6 y 1.7
Las categoras pueden anidarse
con tantos niveles de profundidad
Desaparecen las secciones.
como quieras.
Pgina 52
Multiproceso
Las operaciones Copiar y Mover y la asignacin de niveles de acceso pueden hacerse me
procesamiento por lotes, es decir, aplicndolos de una vez a un grupo seleccionado de e
necesidad de tener que editar uno por uno.
Plantillas
Ha habido muchos cambios en el rea de las plantillas. Ahora en el paquete de instalaci
hay por defecto dos plantillas de administracin, y tres para la parte pblica.
Estilos de plantillas
A veces puedes querer mostrar una misma plantilla de manera ligeramente diferente. Es
necesites crear una pgina con un fondo rojo y otra con uno azul. En ese caso, necesitas
plantillas. Puedes crear tantas versiones (estilos) de una misma plantilla como quieras, y
distintos elementos de men.
Diseos de plantillas
A veces puedes desear mostrar nicamente la salida de un componente o mdulo con u
distinto sin tener que modificar el cdigo de la plantilla. Esto es posible con los diseos d
"Modo legado"
El "modo legado" (legacy mode, modo de compatibilidad con versiones obsoletas) de CM
es necesario. El "modo legado" permita la ejecucin de componentes originalmente des
para CMS 1.0, que 'nicamente' haban
sido adaptados para
CMS! 1.5 con unas pocas
4/22/12
Pgina 53
Ahora puedes usar URLs unicode, lo que significa que puede usar caracteres especial
o vocales acentuadas, e incluso caracteres arbigos o hebraicos, en las propias URLs.
Puedes asignar meta descripciones y palabras clave a las categoras.
Un ttulo del sitio se mostrar a continuacin del nombre del sitio en el navegador.
Multilingismo
El ncleo de CMS! ofrece la posibilidad de crear artculos, categoras y mdulos en much
Con el nuevo plugin "Filtrar idiomas" y el nuevo mdulo selector de idioma puedes filtrar
entero para que muestre nicamente los que estn asignados al idioma sleccionado.
Nuevo editor
Code Mirror es el nuevo editor, que se suministra en el paquete de instalacin adems d
TinyMCE. No es un editor WYSIWYG pero ofrece una manera bastante adecuada de traba
contenido 'tipo cdigo', que es mostrado de manera estructurada y con resaltado de sint
Componentes
El nuevo componente de redireccin permite redireccionar URLs para evitar errores '4
encontrado'.
El nuevo componente de bsqueda proporciona una visin general de las palabras cla
resultados de bsqueda.
El componente de encuestas ha sido eliminado.
Nuevo Ciclo de Desarrollo
Cada 18 meses, aparecer una nueva versin 'de ciclo largo' de CMS!
Introduccin de la CMS! platform
CMS! consta de dos partes
Pgina 54
Captulo 6
Administrando el contenido
Esta pregunta en difcil de responder y muy individual, pero creo que ahora tenemos un
es el contenido y que es un sistema de gestin de contenidos como CMS.
Un sistema de gestin de contenidos es muy til para administrar la informacin
que tiene valor para tu audiencia
Hagen(Graf
)
T IPOS DE CONTENIDOS
En el core de CMS tenemos los artculos, categoras, enlaces, banners, contactos y feed
seguro que se pueda crear valor con los banners, pero los banners son un tipo de contenid
mdulos tambin
puedenser utilizados para crear
contenidos. A menudo, querrs enriquecer el
contenido con archivos como imgenes u otros tipos multimedia. Para esto CMS tiene el g
multimedia. Esta es la herramienta que gestiona esas pequeas piezas que aportan valor
Vamos a ver estas herramientas en los siguientes captulos.
Si no tienes suficiente siempre puedes mejorar los contenidos de CMS con los denomin
26, FlexiContent
27 o CCK jSeblod
28, entre otras extensiones, pero
(content construction25)kits
como K2
eso nos dara para un libro completo.
4/22/12
Pgina 55
Para darte un primer reto real, vamos a crear la primera pgina para tu nuevo sitio web
pgina del tipo "sobre nosotros" en la que puedes escribir sobre tu compaa, tu proyecto
mismo. En la mayora de las ocasiones, esta pgina contiene un ttulo, texto y, quizs, una
imgenes.
Una pgina del tipo "sobre nosotros" normalmente slo se crea una vez, es accesible a
enlace de men y, en el futuro, todo lo que tendrs que hacer ser actualizar un poco su c
medida que sea necesario. Tiene un carcter esttico. Una nota prensa o una entrada de b
embargo, tienen un carcter dinmico.
Para pginas estticas, en contraste con las dinmicas, la fecha de creacin y el auto
en absoluto.
El plan
La pgina 'sobre nosotros' debera constar de los siguientes componentes:
un ttulo,
un texto,
una imagen
La pgina no debera aparecer en la pgina principal.
Queremos un enlace a la pgina en el men horizontal superior.
Esto puede sonar simple en principio :-). Sigue adelante e inicia sesin en el rea admi
sitio.
4/22/12
Pgina 56
4/22/12
Pgina 57
Como un primer ejemplo, vamos a usar una imagen que ya existe en la web. Por ejemp
http://farm2.static.flickr.com/1198/898250237_78a0e75cba_m.jpg
(Figura 3)
Mueve el cursor a la posicin del texto en la que quieres insertar la imagen. Haz clic en
imagen en la barra de herramientas del editor y pega la URL de la imagen en la ventana e
aparece. Configura la imagen con alineamiento a la izquierda, y usa un espacio vertical y
10 pxeles
(
).4
Figura
4/22/12
Pgina 58
El artculo ha sido creado, pero no aparece en el sitio web. Para que aparezca, necesita
hora necesitas elegir el artculo al que enlazar este elemento de men. Haz clic en el
en el panel de la derecha (junto a Seleccionar artculo) para elegirlo. Vers
Seleccionar / Cambiar
de bsqueda con todos los artculos. En el caso de que no puedas encontrar tu artculo dir
puedes filtrar la lista escribiendo parte del ttulo del artculo en el cuadro de bsqueda y a
haciendo clic en el ttulo del artculo correcto de la lista Figura
de resultados
).6
(
4/22/12
Pgina 59
Introduce un ttulo para el enlace "Sobre nosotros" y asegrate de que en Men est se
Top. Podemos dejar el resto de opciones con su configuracin por defecto por ahora.
Si cargas ahora el frontend del sitio web, descubrirs un enlace nuevo en el men supe
en l y vers el contenido
de nosotros
- Felicidades por haber creado tu primera
pgina!
).7 (
Sobre
Figura
Pgina 60
Debajo de la ventana del editor encontrars el botn Imagen. Este botn lanza un cuad
para subir una imagen. Puedes elegir entre las imgenes existentes en el servidor o subir
(Figura).8
Una vez que la imagen ha sido introducida en el texto, su formato puede cambiarse usa
de imagen de la barra de herramientas del editor. Esta separacin de funciones en CMS! f
propsito, porque as tienes la posibilidad de usar diferentes editores. El botn Imagen de
permanecer siempre en el mismo sitio, pero el icono de edicin del formato de la imagen
puede cambiar.
Atencin
: CMS! usa las imgenes tal y como son. No las redimensionar automticame
4/22/12
Pgina 61
Para solucionar este problema, echa un vistazo a la entrada del blog de Brian Teeman t
(haciendo CMS! a prueba de idiotas) - Es posible que FBoxBot est disponible para CMS! 2
ests leyendo estas lneas.
4/22/12
Pgina 62
U N ARTCULO TPICO
Un texto de introduccin para los listados de artculos con un enlace leer ms apuntan
artculo completo.
El artculo debera aparecer en la portada sin la necesidad de un enlace de men.
Requisito deseable: una fecha de publicacin programada.
Requisito deseable: una versin imprimible del artculo para los usuarios que lo desee
Requisito deseable: una opcin de enviar el artculo por email.
Comenzamos
El artculo debera aparecer en la pgina principal del sitio. Si has eliminado, no has ins
modificado el contenido de muestra, el frontpage de CMS debera tener el aspecto de la Fi
Desde luego, si los artculos apareces tampoco es problema alguno. :-)
4/22/12
Pgina 63
4/22/12
Pgina 64
Los requisitos mnimos para un artculo son el ttulo (1), una categora (2) y el texto (3)
en el formulario te dars cuenta que aparecen mensajes de ayuda cuando sitas el ratn
descripcin de un campo. He marcado cada zona del formulario con un nmero para expli
1. Ttulo
2. Categora
Pgina 65
de varias configuraciones),
. Este ltimo reemplazaal antiguo atributo
idiomay destacado
"frontpage" (pgina principal) y asegura que los elementos de contenido estn en un dise
predefinido para la pgina principal de tu sitioIDweb.
de artculo
La
es creada tras guardar el artcu
y consiste en un nmero de serie.
3. Texto
En esta seccin puedes escribir tu texto, que debera ser valioso para tu audiencia. Sue
fcil, no? :-)
Bsicamente funciona como cualquier otro procesador de textos: escribe texto, resalta
en un icono de la barra de herramientas y se aplica una funcin al texto o aparece un cua
Los botones que hay bajo el rea de entrada son extraos, y pueden ser confusos en o
botones son especficos de CMS! y tienen nicamente una relacin indirecta con el editor.
CMS! viene con 5 de estos botones adicionales tan prcticos.
Puedes aadir ms botones instalando nuevas extensiones de CMS!:
1. Artculo
: te permite enlazar a otros artculos existentes de CMS!
2. Imagen
: Puedes insertar una imagen existente o una foto desde el Gestor multimedia o
nueva imagen.
3. Salto de pgina
: inserta un salto de pgina en tu artculo
4. Leer ms
: te permite estipular dnde colocar el enlace leer ms
5. Cambiar editor
: activa o desactiva el editor. Cuando se desactiva, vers el cdigo HTML
artculo.
4. Opciones
Lo que se llamaba
en CMS! 1.5, ahora se llama
desde CMS! 1.6 como, por
Parmentros
Opciones
ejemplo, las
. Aqu puedes especificar quin escribi el artculo
). El
Opciones de publicacin
Creado( por
usuario que cre el artculo normalmente tiene permiso para (y es el responsable de) hace
ms adelante. El nombre mostrado realmente bajo el ttulo de la pgina web se configura
29 http://tinymce.moxiecode.com/
4/22/12
Pgina 66
5. Ms opciones
6. Permisos
La sexta y ltima zona incluye todo lo relativo a los permisos para este artculo. Esta se
ayudar en muchos lugares de CMS! 1.7, y cubriremos su uso a fondo en el captulo Usuar
permisos.
ARTCULO DE MUESTRA
Vamos a crear un artculo que ilustre todo lo que acabamos de comentar junto:
Un texto con una o ms imgenes
Escribe tu texto. Para aadir una imagen o imgenes hay muchas posibilidades:
1. La imagen ya est disponible online, por ejemplo,30.en Flickr
En este caso, haz clic en el botn imagen bajo el rea de edicin para seleccionar la im
insertarla en tu texto
( ).4
Figura
30 http://www.flickr.com/photos/hagengraf/5186325015/sizes/s/
4/22/12
Pgina 67
Una vez que has insertado la imagen, puedes seleccionarla y darle formato haciendo c
de imagen de la barra de herramientas del editor.
Un texto introsuctorio para
vistas tipolista con un enlaceleer ms al artculo
completo
Esto es fcil. Mueve el cursor a la posicin en la que el enlace leer ms debera aparec
el botn
bajo el rea de edicin de texto.
leer ms
4/22/12
Pgina 68
Evita esto en principio, de modo que no tengas que esperar para ver aparecer el arcul
web :-). Si quieres intentarlo ms adelante con otro artculo, simplemente rellena
la camp
Iniciodelos
publicacin Finalizacin
y
con la informacin apropiada o selecciona las fechas haci
de la publicacin
clic en el icono de calendario.
Una versin del artculo adaptada a un formato de impresin
En elrea, 5puedes cambiar el parmetro
icono'imprimir'
a 'Mostrar'.
Mostrar
Envo del artculo por e-mail
Simplemente establece las opcionesrea
en el
,5cambiando el parmetro
a
Mostrar icono 'correo'
'mostrar'
.
R ESULTADO
Pgina 69
EL GESTOR M ULTIMEDIA
31)
El gestor multimedia es el pequeo DAM (Digital Asset Manager - Gestor de Recursos
M
de CMS. Si ests gesionando contenido, necesitars un lugar en el que almacenar los arch
ficheros son todas las imgenes, PDFs y cualquier otro formato que decidas incluir en tu c
Normalmente estos recursos digitales consisten en un archivo y meta datos adicionales. E
necesitamos una herramienta fcil de usar para gestionar nuestros archivos. Echemos un
es posible hacer con el gestor multimedia del ncleo de CMS!.
Cmo funciona
4/22/12
Pgina 70
Puedes crear tantas carpetas adicionales como quieras. En la Vista en Detalle, puedes
y carpetas. En el backend de administracin de CMS! encontrars la misma estructura que
en tu cliente FTP
(
),3pero debes tener cuidado: en el ncleo de CMS! encontrars tamb
Figura
directorio
. Este directorio NO es el directorio base del gestor multimedia.
media
El directorio base del gestor multimedia en el ncleo de CMS! es
el directorio
images
.
Pgina 71
Si echas un vistazo a las opciones, te dars cuenta de que puedes limitar el tipo de arc
extensin, ajustar el tamao mximo de archivo permitido o tambin separar las imgene
archivos. Bueno, una imagen es un archivo tambin, pero me gusta la idea de poder sepa
en miniaturas, por ejemplo, tiene mucho ms sentido para imgenes, pero no para el rest
La mayor ventaja de esta separacin es posiblemente la posibilidad de Restringir Subidas
un rol inferior al de manager. Puedes permitir a los usuarios registrados subir imgenes, p
por qu darles permisos para subir otro tipo de archivos. En determinados casos, esto pue
32, hoy
Las siguientes opciones que sers son los MIME
types
en da llamados a menudo
Internet Media
. Si eres un usuario de Windows, normalmente slo distinguirs los distintos tipos de ar
Type
extensin.
otra forma para reconocer el tipo de un archivo incluso sin nece
Internet Media es
Type
que tenga extensin de archivo. Puedes pemitir o prohibir tantos tipos de archivo como qu
El Cargador de archivos(Flash
FlashUploader) es una de las caractersitcas ms sofisticadas q
menudo es olvidada. En CMS! 1.5 no siempre funcionaba bien del todo, pero la versin qu
ncleo desde CMS! 1.6 es excelente para subir ms de un archivo al mismo tiempo. El Car
archivos Flash funciona y es sencillo de usar, incluso en CMS! 2.5Figura
:). Prubalo!
).5
(
32 http://en.wikipedia.org/wiki/Mime_type
33 http://extensions.CMS.org/extensions/core-enhancements/file-management
4/22/12
Pgina 72
Ahora ya conoces el lugar en el que se almacenan tus archivos, y sabes cmo gesitona
cmo puedes hacer para conectar esos archivos con tu contenido?
En cualquier sitio donde veas un editor en CMS!, normalmente ser posible aadir arch
multimedia desde el gestor multimedia haciendo clic en el botn Imagen que hay debajo.
de esto cuando crearmos artculo tpico conFigura
una foto
).6 (
Hay otros lugares en los que el gestor multimedia puede jugar un papel, como por ejem
categoras. Es posible enlazar una imagen a una
categora
).7
(
Figura
4/22/12
Pgina 73
4/22/12
Pgina 74
EL FORMULARIO DE CONTACTO
En un formulario de contacto lo primero que resulta obvio es que algo como un CMS es
usado. Las pginas de HTML creado a mano no pueden enviar correos electrnicos, ya que
requiere un lenguaje de scripting como PHP, por ejemplo, y un servidor correctamente con
scripts PHP pueden incrustarse como formularios en las pginas HTML, pero entonces esa
sitio web se ver habitualmente distinta al resto del sitio. En CMS! el formulario de contac
integrado y t "solo" tienes que configurarlo.
Pgina 75
Creando un contacto
2. El rea de texto puede usarse para informacin adicional, como por ejemplo los hora
apertura o la jurisdiccin.
4/22/12
Pgina 76
6. El reaFormulario de contacto
es muy importante, ya que aqu especificas si el propio formu
ser mostrado o Mostrar
no (
Tambin puedes especificar si la persona que e
formulario de).contacto
el mensaje recibir por correo electrnico una copia, y podrs configurar algunas opcio
proteccin contra spam
(
.). Sinbloqueado..
embargo, contra los
Direcciones
de correo bloqueadas, Asunto
spammers "reales" esta proteccin es ms bien "pattica".
7. En el campo
puedes introducir otra direccin de correo electrnico a
Redireccin del ,contacto
sern enviados los contenidos del formulario.
8. La Opciones de metadatos
estn. como las Opciones de publicacin, disponibles en cada p
individual.
Ahora tienes un contacto, pero an no hay ningn formulario en tu sitio web. Esto es ex
que vamos a crear en este paso. Debido al hecho de que puedes enlazar categoras anida
puedes tener bien un nico formulario de contacto o varios. Definitivamente es posible cre
formulario de contacto para cada empleadode una gran compaa como Volkswagen
(aproximadamente 370000 empleados). Cmo hace un CMS dinmico para mostrar esto
web?
el Tipo de elemento del men (tipo de enlace) para ser mostrado en el sitio y, dependien
eleccin, un contacto o categora
un texto para ser mostrado como enlace
el men, en el que deber aparecer el enlace
4/22/12
Pgina 77
La ventana se cerrar de nuevo. Ya que slo quieres un contacto, ahora tendrs que ele
contacto en Opciones
las
(Figura).4
obligatorias
4/22/12
Pgina 78
4/22/12
Pgina 79
Captulo 8
A veces es necesario
contenido y en ocasiones puedes enviarlo a la papelera. El con
despublicar
por supuesto, seguir existiendo. No ha sido eliminado. Puedes filtrar la mayora de las tab
interfaz de administracin de acuerdo con el estado deseado y asignar diferentes estados
tan a menudo como quieras.
DESPUBLICADO
Ningn visitante del sitio web puede ver el contenido. Es la fase en la que editas y revi
contenido.
34 extranjerismo
NOTA: La palabra "despublicar" no existe en espaol. Se trata de un
proveniente de
la palabra inglesa "unpublish". Lo ms correcto sera algo como "retirar la publicacin", pe
de crear mens, botones o accesos rpidos la ventaja de usar una sola palabra es evident
parece que esta palabra se est conviertiendo en un "estndar" en ciertos mbitos, y todo
entiende a qu nos referimos al usarla. Por ello, hemos decidido dejarla tal cual.
PUBLICADO
DESTACADO
34 http://es.wikipedia.org/wiki/Extranjerismo
4/22/12
Pgina 80
ARCHIVADO
Llegar un momento en el que empezars a pensar sobre un archivo para tus artculos
establece el estado de uno o ms artculos
como
y prcticamente habrs creado ese archiv
archivado
CMS! conoce la fecha de creacin de tus artculos y ofrece un mdulo de archivo para mos
sitio. Este mdulo de archivo est incluido en los datos de ejemplo. Si no est disponible, s
crea uno en
. Tus artculos ser mostrados
Extensiones
Gestor de Mdulos
Nuevo
Artculos Archivados
como se puede ver Figura
en la . 1Puedes leer ms sobre este mdulo en Mdulos.
el captulo
Papelera
El penltimo estado que aparece en el filtro de estado del listado de artculos del gesto
esmovido a la papelera
. Si un elemento de contenido termina con este estado, no ha sido elimin
existe y puede ser recuparado. Puedes enviar a la papelera mdulos, elementos de men,
artculos, contactosincluso
e
otros tipos decontenido.Puedes verel contenidode tu papelera
seleccionando el estado
en el listado de elementos que ests viendo, como por e
enviado a la papelera