• User Manual 3

  last modified March 2, 2008 by huguei

Administrando Contenido

La pestaña de contenidos es el lugar donde los elementos de contenido se pueden copiar, cortar, pegar, mover, renombrar, etc.

 

3.1. Cortando, Copiando y Pegando ítemes

Operaciones de corte, copia y pegado que involucran mover uno o varios ítemes desde una carpeta hacia otra.

Cortar/Pegar

Una tarea común en un sitio web es mover ítemes desde un área hacia otra. Esto ocurre a menudo por la ubicación de un contenido en una carpeta incorrecta. Por ejemplo, si el autor del siguiente contenido acerca de las mariposas Skippers se da cuenta que se ha incluido equivocadamente una mariposa Swallowtail -- la mariposa Eastern Tiger Swallowtail mostrada abajo --, esta carpeta puede ser movida de una manera simple usando una operación de cortar/pegar:

 copy_of_operationcut.png

Notar que se ha seleccionado la carpeta Eastern Tiger Swallowtail, y que se presionará el botón de cortar (cut). Después de presionarlo, la pantalla mostrará un nuevo botón de pegar (paste). La carpeta Eastern Tiger Swallowtail y todo su contenido ahora se encuentran en la "memoria" del sitio web. Sin embargo, la carpeta Eastern Tiger Swallowtail no desaparece inmediatamente, esperando la operación de pegar. El botón pegar (paste) está destacado, para mostrar que la operación cortar/pegar está en progreso:

 operationpaste.png

El botón pegar está activo. El próximo paso es navegar hasta la carpeta de destino, en este caso la carpeta Swallowtails:

 copy_of_operationpaste2.png

Despues de clickear la carpeta Swallowtails se sigue mostrando el botón pegar, porque la operación de pegado aún no se completa:

 operationpaste3.png

Por último, presionando el botón pegar se agrega la carpeta Eastern Tiger Swallowtail a la carpeta correcta Swallowtails, y se borra de su ubicación original, la carpeta Skippers. Con esto la operación de cortar/pegar está terminada

operationpaste4.png 

El  botón pegar permanece activo porque se puede continuar pegando la carpeta en otros lugares si fuera necesario. Esto es util en varias situaciones, incluyendo cuando se necesita copiar una página, por ejemplo una plantilla base, dentro de muchas carpetas.

Copiar/Pegar

Una operación de copiar/pegar es idéntica a la operación de cortar/pegar, a excepción de que no es eliminado el contenido de la carpeta original. Funciona como es esperado que funcione.

 

3.2 Editando Contenido 

La edición de contenido en Plone funciona de la misma forma que agregar contenido -- normalmente los paneles para crear datos y configuraciones del contenido son los mismos para editar y para agregar.

Por supuesto, cuando editamos un ítem de contenido, el ítem ya existe. Haz click en la pestaña Editar (Edit) y aparecerá el panel de ingreso de datos del ítem, con los valores actuales de los datos.

Para un ejemplo de algo realmente simple, donde editar se ve igual a agregar, podemos revisar cómo editar una carpeta.

El panel Editar de una carpeta simplemente muestra las áreas de ingreso del título y la descripción. Comúnmente no se proveen las descripciones para una carpeta, así que la única cambiada es el título. Si deseas dar una descripción, una buena idea para distinguir las carpetas en una lista, la descripción puede ser sólo texto -- no hay oportunidad para definir un estilo de texto, como negrita, itálica u otro formateo. Esto mantiene las descripciones de los ítemes de contenido en Plone lo más simple posible.

Acá vemos el panel Editar para una carpeta, en este caso, una llamada "Butterflies":

 edititemfolder.png

 

Eso es todo. Cambie lo que desee y guarde, y el contenido será actualizado en el sistema de almacenamiento de Plone. Los contenidos se pueden editar múltiples veces, tal como se pueden editar los contenidos en su computador local repetidas veces. Se puede haber dado cuenta que Plone almacena los ítemes de contenido como entidades separadas, similar a los "archivos" de un computador local, pero no es necesario pensarlo de esa forma. Plone es un sistema de manejo de contenidos, donde el contenido viene en la forma de numerosos ítemes de contenido discretos, que pueden ser editados en forma individual. Puede editar tanto como quiera.

Para un ejemplo de editar un contenido que se ve distinto a como se crea, podemos revisar la edición de una imagen. La edición de una imagen puede hacerse navegando a la imagen individual y clickeando en la pestaña Editar. Se verá el siguiente panel de Edición de Imagen:

Aquí, una imagen llamada "Eastern Tiger Swallowtail Butterfly" esta siendo editada. Puede cambiar el título y la descripción, como es normal, en cuyo caso debería dejar la opción "Mantener imagen existente" ("Keep existing image.") También es posible cambiar la imagen en sí misma, seleccionado "Reemplazar con una imagen nueva". Por último, seleccionando "Borrar imagen actual", se eliminará la imagen completamente. 

Notar también la pestaña "Transformaciones" en la parte superior, que aparece específicamente en las imágenes, ofreciendo varias alternativas de transformación de la imagen:

Entonces editar una imagen es un poco distinto que crearla desde en primer lugar, pero no demasiado.

Los paneles de edición para el resto de tipos de contenido son muy parecidos a los paneles de creación.

Edición en línea

El procedimiento normal para editar un ítem de contenido es hacer click en la pestaña Editar y usar los campos de ingreso de información para el ítem. Para los campos de texto, como el Título, Descripción y Cuerpo, etc., hay una forma más rápida de edición llamada edición en línea. La edición en línea se puede utilizar mientras se está viendo el ítem de contenido (la pestaña Ver está activa). Para que esté activa la edición en línea, el usuario debe tener los derechos para editar el contenido.

Cuando el ratón pasa sobre las partes editables del ítem, aparece una caja rodeando el texto. En la siguiente pantalla capturada, el cursor del ratón NO está sobre el texto editable, así que puedes ver el título y cuerpo del texto normalmante:

Pero cuando el ratón se mueve sobre el cuerpo del texto, una caja remarca el cuerpo del texto como editable:

Al hacer click dentro del cuerpo del texto después que aparece la caja de edición, aparece el editor visual:

Al cambiar o agregar texto y guardar se vuelve a la vista normal. Esto es considerablemente más rápido -- menos clicks y menos tiempo esperando respuesta del servidor -- que hacer click en la pestaña Editar y esperar que se cargue completamente la página con los paneles de edición.

Si se mueve el mouse sobre el título, que también es editable, aparece una caja de edición en línea:

Al hacer click en el título después que aparece la caja de edición, se activa un campo de edición simple con los botones Guardar y Cancelar:


Cambie el título y guarde. El beneficio en rapidez de la edición en línea se nota especialmente con algo simple, como el título.

 

 3.3 Vistas de carpeta

 

Las carpetas disponen de una pestaña "Display" que controla las distintas formas de listar el contenido de las carpetas.

Para la mayor parte de los ítemes de contenido, si quieres cambiar la forma que se ve, debes editar el contenido directamente. Pero con las carpetas el asunto es distinto. Como las carpetas son contenedores de otros ítemes, las carpetas pueden desplegar sus contenidos de varias formas. Veremos cada una de las opciones en esta sección.

Consideremos un escenario donde un entusiasta de las mariposas, Juan Pérez, ha ingresado a su sitio web para trabajar en la parte dedicada a las mariposas Skipper. Él navega a la carpeta "Skippers" haciendo click en las pestañas superiores del sitio web, o el menú de navegación, que está a la izquierda en el diseño por defecto de su sitio Plone. Cuando hace click en la carpeta "Skippers", se muestra el panel de vista estándar, llamado "vista estándar":

La Vistae es cómo se muestras los contenidos de un ítem para los visitantes anónimos del sitio web. Haz click en la pestaña Vista cuando quieres ver la forma en que un ítem se ve después de haber cambiado algo. Para las carpetas, verás un listado de los ítemes de contenido que contiene, en una de todas las formas de presentación que existen, seleccionadas mediante el menú de selección display. La vista por defecto se llama vista estándar:

Y esta es una vista resúmen:

 

Y, vista tabular:

 

Y, vista thumbnail, la que se usa principalmente para fotografías, pero que también funciona para el contenido normal:

 

Hacer un álbum de fotos es muy simple. Tan solo agregue las fotografías (imágenes, o archivos de imágenes, comúnmente archivos .jpg) a una carpeta y seleccione la vista de despliegue de la carpeta a vista thumbnail. La vista thumbnail automáticamente actualizará el despliegue mientras agregue las imágenes a la carpeta, presentando una división multi-página en conjuntos de imágenes, si es necesario cuando el número de imágenes crece.

Si está subiendo imágenes fotográficas de una cámara digital o un escaner, lo mejor será que las achique en su computador local antes de subirlas, debido a que son muy grandes.

Setting an Individual Content Item as the View for a Folder

The basic list view functionality described above for folders fits the normal way we think of folders -- as containers of items -- but Plone adds a nice facility to set the view of a folder to be that of any single item contained within the folder. This takes advantage of the way the navigation system gets automatically wired up in a Plone web site as folders are created (As folders are created and published, they automatically show up in the navigation menu). Consider several scenarios where the custom display setting feature for a folder is very useful:

  • Let's say you are setting up a hierarchy of web pages, with customized text on the pages and links to other pages. This is a case where you as the web page designer would like to control what the pages look like, how the links to other pages appear, perhaps as links in a table or as icons in a graphic design.  For a custom web page that will contain links to "sub web pages," you would add the page to a folder and then set the default display view for the folder to be the contained page. The display menu is one of the basic menus available for a folder (Look at any of the screen capture images above). The basic folder views described above will be overridden, and when the folder is clicked in the navigation menu, the web page with the customized links to "sub web pages" will show. This may seem a bit daunting, but people who have created fairly complicated web page hierarchies and menu systems appreciate this functionality, because of the intimate way folders form the navigation system of Plone web sites. A custom web page for a folder can be an elaborate graphical design, or it can be a simple textual description with instructions to use the navigation menu, as the following video illustrates:

    lights-camera-action.png Watch a Plone 2 video about setting the page display view.

  • For another situation where this functionality is useful, consider a folder as a container of a document that gets updated periodically. There could be twenty versions of the document in the folder, but only one is current.  The display of the folder would have been set to show the view of the first version of the document, when it was first created.  As new documents were uploaded, the display of the folder was reset each time to show the current document, and the defunct documents were kept around for posterity, but set as private, so they won't appear.
  • This dual nature of Plone folders, acting as generic containers or as navigation-wired "nodes" in a hierarchy, allows a kind of put-stuff-where-you-need-it approach. As the site is developed, folders get naturally created as work progresses.  Pre-existing files, images, web pages get uploaded or newly created in folders throughout the web site.  By "naturally" here, we mean that storage of content just falls out in the normal course of doing the work, just as you would add and organize files on your personal computer without thinking about it too hard.  Before you know it, you have a large system of folders in a hierarchy, with some folders containing all sorts of files.  Plone web sites get like that too, but this is a good thing -- it is a content management system, after all.  An individual folder might contain all sorts of old pages, supporting data files and documents, original graphics files, etc., but if the display view for the folder is set to a single page amongst the crowd, the other documents will not be seen when the web site is surfed. But they will be there next year when you ask, "Now where did I put the original Adobe Illustrator version of that graphic?," and answer "Oh, yes, it is in the folder along with all the other stuff on that project." This way of doing things -- taking advantage of the storage system aspect of Plone -- is very important when several people share web site folder access and work collaboratively, but it happens even for web sites managed by a single person.

These examples illustrate that the flexibility of Plone folders is a central feature in the content management system. 

Next, we move to the Contents tab to see important functions for managing content.