Guía Rápida. Extension Key: doc_tut_quickstart_es Derechos de Autor 2005, Emiliano Llano Díaz,

Transcripción

1 Guía Rápida Extension Key: doc_tut_quickstart_es Derechos de Autor 2005, Emiliano Llano Díaz, Documento publicado bajo la Open Content License (Licencia de Contenido Abierto) disponible en El contenido de este documento se relaciona a TYPO3 - a GNU/GPL CMS/Framework disponible de Contenido Guía Rápida...1 Introducción...2 Qué hace?...2 Pantalla de ejemplo...2 Vídeo...2 Versión PDF...2 Nota del Traductor...3 Dedicado a...3 Instalación...4 Instalación A archivo zip...4 Instalación B Paquete de Instalación de Windows..6 Verificar la instalación...9 Más detalles acerca de la instalación...11 Principios Generales...12 Backend (interfaz de usuario) y frontend (interfaz de administración)...12 Árbol de páginas (pagetree)...12 Páginas Especiales...15 Contenido de la página...19 Editar y crear páginas y contenido...23 Editar páginas...23 Nueva página...25 Mover páginas...30 Parámetros de Visibilidad ocultando páginas, aparición cronometrada, etc...32 Edición de texto enriquecido: Negritas, Cursivas, Listas de viñetas, Insertar imágenes...34 Realizar vínculos...36 Tipos de elementos de contenido...38 Edición en el Frontend...41 Páginas protegidas con contraseña...44 Crear usuarios/grupos...45 Crear la forma de inicio de sesión (login)...48 Crear páginas restringidas...49 Elementos de contenido especiales...51 Formulario de correo electrónico...51 Campo de búsqueda...54 Libro de visitas...56 Mapa del sitio...60 Módulo de Noticias...61 Programas o aplicaciones Web...64 Insertando un formulario de subscripción a un boletín informativo...64 Módulos del Backend...69 Controlando los usuarios del backend...69 Cambiando el idioma del backend...70 Plantillas...71 Realizando cambios a la plantilla...72 El campo de configuración...74 El objeto explorador...75 Cambiar la plantilla?...77 Contenido en columnas múltiples...79 Creando otro sitio Web en la base de datos?...83 Controlando dominios múltiples...84 Iniciando nuevos sitios Web...86 Desmentido acerca de las plantillas!...86 Archivos de imágenes...88 Administrando archivos en TYPO Examinando el archivo de imágenes...90 Cargando imágenes al archivo...91 Nota sobre el proceso de imágenes en TYPO El módulo de Listado y el portapapeles...93 Usando el módulo de Listado con eficacia...93 El portapapeles numérico administrando varios elementos...93 Edición selectiva...95 Administración de Usuarios...98 Mantenimiento distribuido...98 Usuarios del Backend...98 Concediendo los permisos de usuario...99 Grupos Creando un nuevo usuario para el sitio Fan Club Un flujo de trabajo sencillo para noticias Iniciando un proceso de flujo de trabajo Configurando un flujo de trabajo Requisitos A dónde ir a partir de aquí? Iniciando - 1

2 Introducción Qué hace? Este tutor introduce los conceptos básicos de TYPO3. Se le iniciará de inmediato en la construcción de un sitio Web usando TYPO3. Una vez finalizado el tutor, tendrá una idea de las capacidades de TYPO3 así como de la complejidad requerida para su uso. El tutor requiere que instale ciertos programas. Si desea tener una vista previa de TYPO3 antes de instalarlo, consulte primero el sitio de demostración en La creación profesional de plantillas y el desarrollo usando TYPO3 no se cubren en general en esta guía. Esto se hace en el siguiente tutor- La Creación de Plantillas Modernas, Parte 1 y a lo largo de toda la documentación de desarrollo usando TYPO3! Pantalla de ejemplo Este sitio Web de ejemplo es un tutor para un club de fútbol llamado "FC Bigfeet". El sitio Web terminado se ve así: Al crear este sencillo sitio Web aprenderá a: Editar y crear páginas y su contenido, insertar imágenes, tablas, listas con viñetas, vínculos etc. Crear áreas protegidas con contraseña en su sitio Web. Insertar contenido especial como formas para correo electrónico, zonas de búsqueda, mapas del sitio, etc. Crear un libro de visitas o un boletín de mensajes. Cambiar colores, imágenes de fondo, tipografía - aún seleccionar otra plantilla! Administrar a los usuario que dan mantenimiento a las distintas partes de su sitio Web Crear un flujo de trabajo para la creación de elementos de noticias en la página principal Saber cómo TYPO3 organiza las páginas en una estructura de árbol y almacena su contenido. Vídeo Tendremos próximamente un vídeo disponible aquí... Versión PDF Si prefiere leer este tutor como un documento PDF, puede descargarlo aquí. Iniciando - 2

3 Nota del Traductor No hay muchos documentos para los diseñadores de TYPO3 disponibles en otros idiomas. Hay distintas razones para ello. Una muy importante es que el idioma común de uso de la comunidad internacional de diseñadores es el inglés. Aun cuando una comunidad abierta como la nuestra pudiera manejar la gran cantidad de documentos existente para TYPO3 en varios idiomas, muy pronto los diseñadores estarían hablando de conceptos distintos, debido al uso de distintos idiomas. Es por esto que básicamente todos los documentos que tratan sobre el desarrollo usando TYPO3 sólo estarán disponibles en inglés y el punto central para las discusiones será la lista de distribución en inglés. Esta guía didáctica sólo sirve para ayudarle a empezar a usar TYPO3. Es por esta razón que hemos decidido permitir la traducción del mismo a otros idiomas. Por favor no se cuestione sobre el uso de ciertas palabras inglesas mezclado con su propio idioma en la versión traducida de este documento: Si usted quiere posteriormente entender la documentación en inglés, es importante acostumbrarse al término en inglés desde un principio. Dedicado a Deseo dedicar este tutor a: todos mis amigos de TYPO3 que encontré en las excursiones de snowboard conociéndolos y dándome cuenta que las personas que se esconden detrás de una dirección electrónica valen la pena. mi querida esposa Rie gracias por tu paciencia y el amor que me has mostrado, aún cuando la carga de trabajo también necesitó de tus hombros. mi salvador, Jesucristo - gracias por crear un mundo maravilloso con todo su potencial para que nosotros los seres humanos podamos también crear cosas bonitas. Gracias por ser el camino, la verdad y la vida. Feliz lectura! Kasper Documento traducido al español por Emiliano Llano Díaz. Iniciando - 3

4 Instalación TYPO3 es un programa Web basado en PHP4 y MySQL. Deberá tener, por lo tanto, acceso a un servidor Web que tenga instalado PHP y MySQL para poder usar TYPO3. Si ya cuenta con un acceso a un servidor Web con PHP4 y MySQL, siga el procedimiento descrito en la sección "Instalación A"; Tendrá que descargar un archivo comprimido, descomprimirlo en su servidor y listo! Si no tiene un servidor Web instalado, siga el procedimiento descrito en la sección "Instalación B" - esto es, descargar un Instalador de Windows que instala todo los programas requeridos (Apache, MySQL, PHP4 y TYPO3) en unos cuantos clic - y elimina todo posteriormente, si así lo desea. Instalación A archivo zip 1: Descargue el paquete QuickStart (inicio rápido) Vaya a typo3.org para obtener el paquete quickstart.zip. 2: Descomprima el paquete en su servidor Web En mi caso tengo un servidor Apache local funcionando. El directorio raíz del sitio Web es c:\apache\htdocs y es ahí donde descomprimo el paquete (esta es la misma localización que usa el paquete de instalación). 3: Inicie su explorador Web Vaya a la dirección URL donde descomprimió sus archivos: Verá la siguiente pantalla:... y a continuación la pantalla (vea más abajo) donde escribe el nombre de usuario y contraseña de la base de datos y el anfitrión local (localhost). 4: Nombre se usuario y contraseña de la base de datos y anfitrión En mi caso no requiero de nombre de usuario ni contraseña (claro está que esto no es muy seguro :-) Iniciando - 4

5 5: Crear la base de datos A continuación escriba el nombre de su base de datos. En mi caso seleccioné "t3_quickstart". Siempre uso el prefijo "t3_" para las bases de datos de TYPO3. Esto es conveniente cuando se tienen distintas bases de datos. 6: Crear el contenido de la base de datos El paso final es "rellenar" la base de datos. Una nueva base de datos tal como "t3_quickstart" no contiene datos, claro está - este paso coloca información de ejemplo para nuestro sitio Web, por ejemplo usuarios, páginas, contenido etc. Si ve el botón "GO" (continuar) en rojo, significa que ha terminado! Felicidades! Ahora requerimos verificar si todo funciona. Hay dos cosas a verificar- el frontend (interfaz de usuario) y el backend (interfaz de gestión o administración). (Lea la sección "Verificar la instalación" después del capítulo "Instalación B".) Iniciando - 5

6 Instalación B Paquete de Instalación de Windows Vaya a la página de paquetes de typo3.org y descargue el instalador "WAMP - quickstart" (gracias Ingmar) que contiene el sitio Web de QuickStart. La descarga es de 28+ MB pero merece la pena a costa del problema que se ahorra comparado a instalar el paquete en un servidor Web existente - por lo menos si desea una prueba rápida de TYPO3! 1: Descargue la instalación Haga clic en el vínculo de descarga y vaya a comprar una docena de dulces a la tienda más cercana. Cuando regrese verá esta pantalla: Haga clic en el botón "Open" para empezar la instalación. 2: Acepte la licencia GPL! Haga clic en el botón "Agree" (acepto) en la pantalla de la licencia. Note que por una vez puede (probablemente) aceptar la licencia sabiendo que ésta le permite recibir, copiar, modificar y distribuir TYPO3 libremente con tal de que los mismos derechos se transfieran al próximo destinatario. El principio básico GPL es que los programas continúan siendo gratuitos! ( Esto incluye cualquier modificación / adición que haga a TYPO3!). Tan sólo páselo a sus amigos! 3: Opciones Next... next... next... (siguiente, siguiente, siguiente) TYPO3 se auto instala en su menú Inicio! Iniciando - 6

7 Seleccionar la carpeta de instalación. Probablemente acepte la propuesta en este paso a menos que tenga algo más en ella: 4: Copiado de Archivos A continuación se descomprimen y copian los miles de archivos relacionados con Apache, MySQL, PHP y TYPO3 a su disco duro. Esto toma un par de minutos. Errores? Si en el proceso encuentra un error como el que se muestra a continuación(un archivo con un nombre especial que no puede escribirse) lo más probable es que pueda simplemente ignorarlo. Sé que parece un poco extraño documentar esto así, pero... :-) 5: Finalizado Después de instalar los archivos acaba la instalación: La instalación final en "c:\apache" toma aproximadamente 140 MB de espacio del disco e incluye miles de archivos. Éstos no Iniciando - 7

8 pertenecen todos a TYPO3 recuerde que se instala Apache, MySQL y PHP... En el menú Inicio de Windows encontrará ahora la instalación de TYPO3: 6: Iniciar los servidores Antes de poder jugar con TYPO3 hay que iniciar los dos servidores; "start MySQL" y "start Webserver." Cuando inicializa el servidor Web (Apache) verá una anticuada ventana de DOS. No cierre esta ventana - debe estar abierta, por otra forma el servidor Web se cerrará. Claro está que puede minimizarla. La próxima vez que inicie su ordenador y quiera trabajar con TYPO3 tendrá que arrancar de nuevo el servidor Web. MySQL se instala como un servicio (tiene un icono de semáforo en la barra de tareas) y ya estará ejecutándose. 7: Active su navegador de Internet Escriba " y deberá ver esta pantalla: Si ve esta pantalla significa que acabó la instalación! Felicidades! Bien, verifiquemos ahora si realmente funciona. Hay dos cosas a verificar - el frontend (interfaz de usuario) y el backend Iniciando - 8

9 (interfaz de gestión) (A leer en la próxima sección: "Verificar la instalación") Verificar la instalación Verficar el frontend (interfaz de usuario) El frontend (interfaz de usuario) es un término para el sitio Web que TYPO3 y se refiere a lo que sus visitantes verán - éste es el producto que TYPO3 crea para usted! El frontend debe estar visible en la URL que escribió (en mi caso /). Deberá ver la siguiente pantalla un segundo después: Puede hacer clic en los vínculos en el menú a la izquierda para explorar las páginas del sitio Web. Verificar el backend (interfaz de administración) El backend es el término usado para la interfaz de administración que se usa para gestionar el contenido de frontend de su sitio Web. En el backend revisa y crea las páginas requeridas. Se accede al backend a partir del subdirectorio "typo3/" de la raíz de la instalación. Así que intente teclear "typo3 / " después de "... /quickstart / ": Iniciando - 9

10 Acceso Log in Ahora escriba el nombre de usuario "admin" y la contraseña"password": CONSEJO: Asegúrese de habilitar las galletas en su navegador de Internet! Si se desactivan las cookies no se puede acceder al servicio! Si escribió el nombre de usuario y contraseña correcta se le mostrará la siguiente pantalla: Iniciando - 10

11 Ahora, por segunda vez- y esta vez realmente - felicidades! TYPO3 se ha instalado correctamente, el frontend está trabajando y el backend lo ha dejado entrar. Está listo para seguir jugando con el modelo. Más detalles acerca de la instalación Por favor note que esta guía sencilla sólo le muestra los requisitos más básicos y se diseñó para hacer que pueda empezar rápidamente a probar y desarrollar. Cuando requiera instalar y configurar TYPO3 en ambientes de producción o desarrollo serio deberá leer y entender los problemas de fondo descritos en el documento Instalación y actualización de Typo3. Más aún, existe una lista de correo y archivos para conseguir ayuda en los problemas de la instalación. Iniciando - 11

12 Principios Generales Backend (interfaz de usuario) y frontend (interfaz de administración) Como ya sabe de la instalación, TYPO3 se divide en dos áreas - el backend y el frontend. Mientras que el frontend está disponible a todos los usuarios y navegadores de Internet - es el sitio Web que TYPO3 produce - sólo usted y sus contribuidores de contenido tienen acceso al backend - la administración del sitio Web. Se requiere siempre un nombre de usuario y una contraseña. Módulos del Backend (interfaz de administración) Hay muchos módulos dentro del backend en el menú de la izquierda. Cuando quiera revisar y crear páginas, seleccione el módulo "Page" (página): Cada módulo despliega su propio contenido. Puesto que usted es el administrador, tendrá acceso a todos los módulos. Pero hay otros usuarios "normales" - ellos sólo tienen acceso a los módulos que usted ha seleccionado para ellos! Intente abrir los distintos módulos en el menú y ver cómo cambia la información del marco de contenido. Árbol de páginas (pagetree) El encabezado "Web" del menú se llama un módulo principal y todos los módulos listados bajo él son los "submódulos". Todos los módulos bajo el módulo principal "Web" mostrarán una vista dual en el marco de contenido - el árbol de páginas (izquierdo nº1) y el módulo de contenido con respecto a una página del árbol de páginas (derecha nº2). El árbol de páginas puede expandirse haciendo clic en los iconos del más/menos (nº 3). Esto trabaja exactamente como las carpetas en su propio ordenador. Puede pensar en el árbol de páginas como en una estructura de directorio dónde las páginas Web se organizan en una jerarquía con páginas principales, páginas subalternas y sub-subalternas, etc. Haciendo clic en títulos e iconos La siguiente cosa importante a saber sobre el árbol de páginas es que usted puede hacer clic tanto en el icono de la página como en su título - y esto hace la diferencia! Si hace clic en el título de la página verá que el módulo activo muestra su contenido en el marco de la derecha: Iniciando - 12

13 En este caso el módulo "Página" es el activo por lo que verá el contenido de la página en el marco de la derecha. De aquí puede editarlo y realizar otras acciones que discutiremos muy pronto Si hace clic en el icono de la página en lugar del título, aparecerá un menú sensible al contexto o emergente : Aviso: Si usa un navegador antiguo, el menú no aparecerá cerca del icono sino en el marco superior del backend. Más aún, tenga paciencia - el menú podría tomar unos segundo en aparecer! En el menú emergente puede seleccionar opciones que se relacionan a esta página! La mayoría de ellos son obvios - intente jugar con algunas opciones. Para este ejemplo he seleccionado "Show" (mostrar) que significa que se abrirá otra ventana en el navegador y veré esta página específica como se muestra en el frontend : Iniciando - 13

14 Note cómo se mostró esta página en la nueva ventana al llamar a la secuencia de comandos (script) ".../quickstart/index.php? id=13" (nº 1). En TYPO3 cada página se guarda en la base de datos (en una tabla llamada "pages") y cada uno de estos registros de página tiene un número único (uid). Aquí el parámetro llamado "id" se fijó al valor "13" - y al parecer este es número de identificación de la página llamada This week" (esta semana) en el árbol de páginas! Más aún, puede ver que el contenido de la página (nº 2) es el mismo que vio (si lo notó) en el marco izquierdo del módulo de Página (page) cuando hizo clic en el título! Regresaremos a ello más tarde. Note el encabezado de la página (nº 3) - aquí se muestra el título de la página que vimos ("This week") pero la página padre en el árbol de páginas - "Results" también se muestra. Esto comunica la lógica del árbol de páginas que la página "This week" es una sub-página (hija) de la página "Results" (padre). La última cosa a notar es el menú en el marco izquierdo. Éste refleja claramente la jerarquía que también vimos en el árbol de páginas: Implementación técnica de padres e hijos Esta sección es para aquellos que quieren entender los fundamento técnicos de cómo trabaja la estructura de árbol en la base de datos. Iniciando - 14

15 Técnicamente la relación entre una página y sub-páginas se establece a través del campo "pid" (id de padre/id de la página) en la tabla de páginas de la base de datos - el campo "pid" de "This week" contendrá los valores "uid" de la página llamada "Results". Al mantener el ratón sobre el icono de la página "Results" unos segundos, verá aparecer la siguiente línea de texto: Esto le informa que la página "Results" tiene el número uid "4". Sabemos que la página "This week" tiene el uid "13" (y las páginas "Last week" y "Report results" respecivamente los números uids 12 y 11). Si vamos al módulo "phpmyadmin" y examinamos la tabla "pages" (que contiene todos los registros de encabezado de página) podremos ver la relación con facilidad: Claramente las tres sub-páginas relacionadas con "Results" tiene el valor de su campo "pid" con el número "4" tal y como lo podríamos esperar. Hemos entonces aprendido que Las páginas (y por cierto todos los otros registros!) se identifican de forma inequívoca por su número de campo "uid" llamado también "id" Las páginas ( y todos los otros registros!) apuntan a la página padre a través del valor almacenado en el campo "pid". Páginas Especiales Quizá haya notado que algunas páginas del árbol de páginas no se mostraron en el menú del sitio Web. Las páginas son estas: Iniciando - 15

16 No poner en el menú (Not in Menu) La página "Log in" (nº 1) no se muestra pues tiene un atributo que especifica "Not in menu" (no poner en el menú). Esto es útil si desea crear una página que no debe aparecer como un elemento del menú por una u otra razón. Aún así, puede acceder a ella creando un vínculo manual o escribiendo su número de id directamente en la dirección URL! El atributo "Not in menu" se activa editando el encabezado de la página: Página de acceso restringido La página "Team pages" (nº 2) no está visible debido a que cuenta con el atributo de acceso restringido. Esto significa que sólo se muestra cuando un usuario e la interfaz (frontend) se encuentra registrado. Esto se ve en más detalle en otra sección de este tutor. En términos generales esto consiste en editar el encabezado de la página y seleccionar el grupo de usuarios que tienen accedo a ella: sysfolders - qué significa esto? Finalmente las dos carpetas llamadas "sysfolders" no se muestran (nº 3). Se crea un sysfolder de forma similar a como se crea una página "Not in menu" (que no aparezca en el menú) sencillamente seleccionando "sysfolder" como el tipo de página (vea la imagen anterior). Pero, qué significa esto? Bueno, las páginas predeterminadas creadas en TYPO3 se usan para mostrar un contenido en el sitio Web. Aparecen en el menú y tienen un título. 95% de todas las páginas se usan de esta forma. Pero algunas páginas también pueden servir como simples contenedores de la información de la base de datos que no se deben mostrar en el sitio Web visible. Para esto se usan las páginas del tipo sysfolders! Úselas al igual que las carpetas de su sistema de archivos en el ordenador que almacenan distintos elementos de una forma organizada! Siguiendo la misma analogía, las páginas sysfolders son "carpetas" que organizan elegantemente los elementos de la base de datos dentro de TYPO3. En este caso específico, las página "Users" del tipo sysfolder contiene a los usuarios del sitio Web que pueden acceder de forma privilegiada (volveremos a este punto más adelante). Puede ver el contenido de sysfolder usando la sección "List" (Listar) (esto es "Explorer" dentro de TYPO3...): Iniciando - 16

17 Atajos (Shortcuts) Aparte los distintos tipos de páginas que no se muestran en el menú, hay otros dos tipos misteriosos de páginas que muestran un "icono de atajo" (método abreviado): Un atajo o método abreviado es una característica interesante si cuenta con una página (vacía, sin contenido) que debe llevar hacia otra página directamente! Esto es muy conveniente si desea que, por ejemplo, aparezca el vínculo dentro del menú! En nuestro caso, la página "Home" nos lleva a la página principal y la de "Results" a la de "This week". Inténtelo! Se crea el atajo editando el tipo de página. Para la página "Home" esto se ve así: Iniciando - 17

18 Se usa el Examinador de Elementos (Element Browser) para seleccionar la página a la que se hace referencia. El Examinador de Elementos se usa para crear este tipo de relaciones entre registros y archivos en las formas de edición de TYPO3. Puede encontrar más detalles acerca del Examinador de Elementos aquí. Para la página "Results" el atajo es un poco más complejo sencillamente salta a la primera sub-página que encuentra! En nuestro caso esta es la página "This week": El modo atajo (Shortcut mode) es una opción secundaria del campo "Shortcut to page" (atajo a la página) Que significa que este campo sólo se muestra (en el marco o paleta superior) cuando se hace clic en el icono "More options..." (más opciones) (vea la imagen superior). Ayuda accesible! Bueno y qué otras cosas interesantes hacen los tipos de página? Puede averiguarlo directamente si hace clic en el icono "?" que se encuentra a lado del campo: Iniciando - 18

19 Se le mostrará la siguiente ventana: A esto se le conoce como ayuda contextual y la puede encontrar en casi todos los elementos de TYPO3 donde se requiere información acerca de su funcionalidad. Úsela! Es fácil y está a su alcance cuando trabaja dentro del sistema! Contenido de la página Ahora que ya hemos dado un vistazo rápido al árbol de páginas, visto como su estructura se refleja en la jerarquía del menú del sitio Web, cómo se puede visualizar las distintas páginas, etc. la siguiente pregunta que se plantea es cómo se organiza el contenido dentro de una página? Veamos una vez más el contenido de la página "This week": Iniciando - 19

20 La página se forma de tres elementos de contenido de página - numerados en la imagen del 1 al 3. Debido a que cada elemento de contenido puede tener un tipo distinto, puede crear páginas con una estructura muy flexible! En este caso, la página consiste de un elemento de contenido tipo "Text" (texto) y dos del tipo "Table" (tabla). Nota al pie: TYPO3 un CMS (sistema gestor de contenido) basado en elementos Este método de construir páginas es un concepto fundamental en la mayoría de los sitios Web construidos con TYPO3. El método de crear páginas con elementos de contenido también es usado en otros sistemas CMS (sistema gestor de contenidos) modernos. Esto hace que TYPO3 sea un CMS "basado en elementos". Esto da mucha flexibilidad pero conserva la consistencia en el diseño de las páginas puesto que esto es uno de los objetivos de los sistemas CMS! El método alternativo es uno más fijo dónde cada página tiene un número determinado de áreas de contenido por ejemplo uno para el título, texto del cuerpo e imágenes. TYPO3 también puede hacer esto ( cualquier cosa que le guste!) pero probablemente no desee eso al final. Si tiene preguntas técnicas acerca de técnicas de creación de plantilla profesionales, elementos de contenido, etc. por favor consulte las guías didácticas "Modern Template Building" (Creación de plantillas modernas), Parte 1 y Partes 2 y 3. Por ahora, por favor note que estos documentos están a un nivel más alto que este y que debe dar un paso a la vez si es un principiante de TYPO3. Orden de los elementos de contenido Bien, volviendo a los elementos de contenido de una página Web; deles un vistazo en el backend: Iniciando - 20

21 Haga una comparación de las vistas que se obtienen en el frontend y el backend. Puede ver cómo los elementos del backend son claramente los mismos que los del frontend? Intente reestructurar un elemento del backend subiéndolo en el orden: Lo que le dará este orden desde la parte superior:... el sitio Web ahora se ve así: Iniciando - 21

22 Página padre de los elementos de contenido Esto es para aquellas personas que quieren entender el lado técnico de elementos de contenido y páginas: Recuerda que el registro de la página tiene un campo, "pid", que apunta a la página padre? Bueno, pues los elementos de contenido de la página (registros) y cualquier otro registro de la base de datos configurados a partir del backend de TYPO3 también los tienen. Si vemos de nuevo en la sección phpmyadmin veremos que los elementos de contenido de la página (tabla: "tt_content") con identificadores (uid) apuntan a la página con uid "13" el identificador uid correspondiente a la página "This week": Esto es lógico! Iniciando - 22

23 Editar y crear páginas y contenido Editar páginas Sabemos que las páginas almacenan su contenido visible en elementos de contenido de la página. Editar la página consiste precisamente en modificar esos elementos de contenido! Es realmente sencillo editar el contenido de la página en TYPO3. Sólo seleccione la sección Página (nº 1), haga clic en el título de la página que desea editar (nº 2) y, dentro de la vista "Columnas" (nº 3), haga clic en el icono de edición (nº 4) del elemento de contenido de página que desea cambiar: Esto hace que se muestre la forma de edición: En primer lugar, el tipo de campo "Type:" (nº 1) le informa el contenido del elemento de contenido de la página, en este caso "Text" (texto). También podría ser "Table" (tabla) (como ya vimos anteriormente), "Image" (imagen), "Text w/image" (texto con imagen) etc. Véalo usted mismo! Cada tipo de elemento de contenido tiene su propia forma y campos y al insertar distintos elementos se obtiene una gran diversidad en su sitio Web. El campo "Header" (encabezado) (nº 2) contiene el encabezado mientras que el de "Text" (nº 3) el contenido del cuerpo. En la página Web esto corresponde a: Iniciando - 23

24 Intente cambiar el valor del campo de encabezado y luego haga clic en "Save document and view page" (guardar documento y ver la página): Debido a que uso la opción "Save document and view page" su resultado se le muestra automáticamente en la ventana de frontend en unos segundos: Lo que TYPO3 hizo fue enviar los cambios al servidor Web, actualizar la base de datos con la nueva información, limpiar la memoria temporal de páginas visitadas y regenerar la vista el cambio de refleja de inmediato en línea y aquellos que se encuentren navegando en su sitio Web verán el nuevo encabezado en lugar del anterior! Así de fácil y rápido es mantener sus páginas Web con TYPO3! CONSEJO: Otra forma de activar la edición de páginas En lugar de forjarse su camino a partir de la sección Page, luego el árbol de páginas, etc. también existe el elemento "Edit Item" (editar elemento) en el menú contextual (clic derecho) que le lleva directamente a la sección Page : Iniciando - 24

25 CONSEJO: Edición rápida ahórrese un clic de ratón... Si desea un acceso rápido a los elementos de contenido de página, puede cambiar la vista del módulo Page a "QuickEdit" en lugar de "Columns" (columnas) de esta forma se muestra de inmediato el primer elemento de contenido de una página: Nueva página Crear una páginas nueva es muy fácil. Puesto que las páginas siempre se organizadas en forma jerárquica dentro del árbol de páginas tendrá que determinar primero la posición de la página. Claro está que puede cambiar posteriormente su elección. Para crear una nueva página use el módulo Page en la vista Columns para iniciar el asistente de New Page (nueva página) éste le ayudará a encontrar la posición correcta dónde insertar la página: Aparecerá, a continuación, un selector de posicionamiento. Al usarlo podrá determinar visualmente la posición correcta para la nueva página: Finalmente aparecerá la forma para la nueva página donde puede proporcionar su título: Iniciando - 25

26 Guarde el documento y ciérrelo. Deberá actualizarse el árbol de páginas: Si ahora hace clic en el icono de página de la nueva página "Topscorer" verá que el menú del frontend también se actualizó automáticamente! Note que la página corresponde al identificador id "27" por lo que la nueva página recibió automáticamente el número de "uid" "27" que se le asignó durante su creación. La página aún está en blanco - necesitamos crear los elementos de contenido de página y su información! Creando elemento de contenido de página En el módulo Page (página), haga clic en el título de la página de "Topscorer" dentro del árbol de páginas y luego en el botón "Create page content" (crear contenido de página): Iniciando - 26