7. Configurando y personalizando Plone a través de la Web

El panel de control

Las partes más importantes de Plone pueden ser configuradas en el panel de control.

  • Haga clic en el nombre de usuario, en la esquina superior derecha de su pantalla

  • Haga clic en “Configuración del Sitio”

Nosotros explicaremos cada página y mencionaremos algunas cosas que puedes hacer aquí.

  1. Complementos (después)

  2. Calendario

  3. Registro de Configuración

  4. Reglas de contenido (Ya lo sabemos)

  5. Discusión

  6. Edición

  7. Errores

  8. Filtrado HTML

  9. Manejo de Imágenes

  10. Idioma

  11. Correo

  12. Mantenimiento

  13. Etiquetado

  14. Navegación

  15. Buscar

  16. Seguridad

  17. Sitio

  18. Sindicación

  19. Temas

  20. Editor visual TinyMCE

  21. Tipos

  22. Usuarios y Grupos

  23. Interfaz de administración de Zope (Aquí hay dragones, ¡Precaución!)

Por debajo en los enlaces encontraras información de las versiones en tu Plone, Zope y Python y un indicador de cualquier cosa que usted está funcionando en el modo de producción o desarrollo.

Portlets

  • @@manage-portlets

  • Interfaz de usuarios para editores inteligentes de contenido

  • Varios tipos

  • La configuración de Portlets es heredada

  • Son administrados

  • Ordenando / ponderación

  • En el futuro: será reemplazado por tiles

Ejemplo:

  • Valla a la dirección URL http://localhost:8080/Plone/@@manage-portlets

  • Agregue un portlet “Patrocinadores” en el lado derecho.

  • Remueve los nuevos portlets y agrega uno nuevo en el lado izquierdo.

  • Ve a la carpeta de training: http://localhost:8080/Plone/training y has clic Administrar portlets

  • Agregue un portlet estático. “Entrenamiento destacada: Conviértete en un Rockstar de Plone en la ¡Maestría en Plone!”

Viewlets

  • @@manage-viewlets

  • Viewlet no poseen Interfaz de usuario

  • No recomendado para editores de contenido

  • No es localmente agregable, no posee herencia configurable.

  • Usado globalmente (depende del código)

  • ¿Sera reemplazado por los tiles?

  • El código es mucho más simple (crearemos uno mañana)

  • En tiempo real en la herramienta administradores de viewlet, pueden ser anidadas (agregando un viewlet que contenga un administrador de viewlet)

  • El reordenamiento a través de la Web solo puede ser dentro de su mismo administrador de viewlet

  • el código decide cuando, dónde y que muestra

Portlets guarda datos, los Viewlets usualmente no lo hacen, los Viewlets a veces son usados para elementos de Interfaz de usuario.

Ejemplo:

ZMI

Valla a dirección URL http://localhost:8080/Plone/manage

Zope es la base de Plone. Aquí puedes acceder igualmente al funcionamiento interno de Zope y Plone.

Nota

Aquí fácilmente se puede romper su sitio así que usted debe saber lo que está haciendo.

Nosotros sólo cubrimos las tres partes de la personalización en el ZMI ahora. Más tarde, cuando agreguemos nuestro propio código fuente vamos a volver a la ZMI y lo buscaremos.

En algún momento tendrá que aprender, sobre todos los objetos que hay allí. Pero no hoy.

Acciones (portal_actions)

  • Las acciones son principalmente enlaces. Pero enlaces realmente flexibles.

  • Las acciones son configurable a través de la Web y a través de código fuente.

  • Estas acciones son usualmente iteradas sobre viewlets y mostradas.

Ejemplos:

  • Enlaces en el pie de página (site_actions)

  • Acciones desplegables (folder_buttons)

Las acciones tienen propiedades como:

  • descripción

  • url
  • i18n-domain
  • condition
  • permissions

site_actions

Estos son los enlaces al fondo de la página:

  • Mapa del Sitio

  • Accesibilidad

  • Contacto

  • Configuración del Sitio

Queremos un nuevo enlace a la información legal, llamado “Aviso Legal”.

  • Ir a site_actions (lo sabemos porque lo chequeamos en @@manage-viewlets)

  • Agregar un CMF Action, haciendo clic en el menú desplegable ubicado en la esquina superior derecha, seleccione CMF Action y luego hace clic en el botón Add y defina el ID como Aviso legal

  • Asigna dirección URL a string:${portal_url}/imprint

  • Deje condition en blanco

  • Asigne el permiso a View

  • Guardar

Explicar

  • Verifique si el enlace de esta en la página funciona

  • Cree un nuevo Documento llamado Aviso legal y publíquelo

Ver también

http://docs.plone.org/4/en/develop/plone/functionality/actions.html

Skins (portal_skins)

En la herramienta portal_skins podemos cambiar ciertas imágenes, archivos css y plantillas.

  • portal_skins es una tecnología depreciada

  • Haremos únicamente algunos mínimos cambios aquí.

Plone 5 tendrá una gran cantidad de funcionalidades que aún vive en la herramienta portal_skins.

Antes solíamos usar como parte del entrenamiento el complemento plone.app.themeeditor que tiene una interfaz de usuario mucho más agradable que la ZMI pero también tiene dependencias que no son compatibles con ZopeSkel y no es muy utilizada.

Cambie algunos archivos css

  • Ir a ZMI

  • Ir a la herramienta portal_skins

  • Ir a la herramienta plone_styles

  • Ir a ploneCustom.css

  • Haga clic en customize

Ingrese el siguiente CSS:

#visual-portal-wrapper {
    margin: 0 auto;
    position: relative;
    width: 1024px;
}

Haga clic en Save y verifique los resultados en otra pestaña del navegador. ¿Cómo sucedió eso?

La interfaz de usuario deja mucho que desear. En un contexto profesional esto es inútil (sin control de versiones, no resaltado de sintaxis, etc. pp.). Pero todo el mundo usa la herramienta portal_skins, para hacer arreglos rápidos a los sitios que ya están en línea.

Vamos a añadir un poco más estilos CSS para hacer nuestro sitio un poco adaptativo:

@media only screen and (max-width: 980px) {
   #visual-portal-wrapper {
       position: relative;
       width: auto;
   }
}

@media only screen and (max-width: 768px) {
   #portal-columns > div {
       width: 97.75%;
       margin-left: -98.875%;
       clear: both;
   }

   .searchButton,
   .searchSection {
       display: none;
   }
}

la herramienta portal_view_customizations

Registro de CSS (portal_css)

  • Ir a ZMI > portal_css

  • En el fondo esta el archivo ploneCustom.css

  • Deshabilite Development mode: Los archivos CSS serán mezclados y teniendo un cache-key.

Nota

El JavaScripts Registry (la herramienta portal_javascripts) es muy similar.

La función de la mezcla resuelve un gran problema: nos gustaría desarrollar nuestros recursos CSS y JS de una forma granular, pero también nos gustaría reducir al mínimo su tamaño en las peticiones HTTP.

Nota

Al final de un proceso de desarrollo, un poco de reordenamiento para minimizar solicitudes pueden tener un efecto muy agradable. A menudo es posible reducir las solicitudes a un número muy pequeño para los visitantes anónimos.

Más herramientas en el ZMI

Hay muchos más elementos notables en el ZMI, los visitaremos más tarde.

  • acl_users
  • error_log

  • la herramienta portal_properties

  • la herramienta portal_setup

  • la herramienta portal_workflow

  • la herramienta portal_catalog

Resumen

Puedes configurar y personalizar muchas cosas en Plone a través de la Web. Las opciones más importantes son accesibles en el panel de control de Plone pero aun más están escondidas en la ZMI. La cantidad y presentación de la información es abrumadora, pero usted conseguirá la caída de ella a través de mucha práctica.