We use cookies on this website. By using this site, you agree that we may store and access cookies on your device. Find out more

Documentación de Diseñador

CushyCMS funciona conectándose mediante FTP a su sitio para luego buscar ciertas clases CSS que suelen aplicarse a los elementos de la página. Basándose en el contenido que encuentra, Cushy le presentará la forma más sensible de editar ese contenido.

Esta página documenta todas las opciones de la plantilla Cushy disponibles.

Free Account

Pro Account


Free Account

Descripción General

Cushy editará inteligentemente cualquier elemento al que le pongas una clase css cushycms encima.

<h1 class="cushycms" title="My Heading">Esto se volverá editable</h1>
<div class="cushycms" title="Main Content">
  <p>Más cosas editables aquí...</p>
</div>
<p>No soy editable.</p>
<img class="cushycms" src="foo.jpg" alt="¡Soy una imagen editable!" />

Tip: Pro users can specify a class of "clienteditor" as an alternative to "cushycms".

Si tu elemento ya tiene asignado un nombre de clase, aún puedes aplicarle cushycms:

<div class="whatever cushycms">

He aquí un video que muestra cómo empezar a trabajar con CushyCMS:

Cómo instalar y editar en 5 minutos

Nombrando Campos

Ayuda a tus editores a identificar qué sección están editanto al aplicar etiquetas a tus campos. Simplemente usa el atributo título del elemento editable.

<h1 class="cushycms" title="Encabezado Principal">Esto se volverá editable</h1>

Cushy tomará automágicamente las etiquetas de los siguientes atributos, de tenerlos.:
title, alt, id

Edición de imágenes

Cushy les permite a tus editores cambiar las imágenes en una página. Se fijará en las proporciones en las etiquetas de la imagen para inteligentemente ajustar el tamaño del archivo de modo que quepa en el área.

<img src="1.jpg" class="cushycms" width="250" height="100" alt="Photo" />

La imagen subida ajustará su tamaño a un ancho de 250px y altura de 100px. De ser necesario, la imagen también podrá cortarse.

<img src="1.jpg" class="cushycms" width="250" alt="Photo" />

La imagen subida ajustará su tamaño a un ancho de 250px. La altura mantendrá la misma proporción.

<img src="1.jpg" class="cushycms" alt="Photo" />

La imagen subida no cambiará de tamaño.

Uploading Files

El editor WYSIWYG de Cushy le permite a los usuarios subir archivos locales por medio de los botones de la barra de herramientas Vínculo e Imagen (nótese la pestaña Subir en el diálogo emergente).

Estos archivos inicialmente se almacenan temporalmente en el servidor de Cushy pero luego se transfueren a tu servidor FTP, una vez que la página se publique.

Por defecto, estos archivos se publican en el mismo directorio así como la página, sin embargo esto puede personalizarse en la sección Configurar Sitio.

Ignorar Tipos de Contenido

Cushy usa varios métodos de edición diferentes, dependiendo en el tipo de contenido. Cushy escojerá inteligentemente un método basado en el elemento contenedor. Sin embargo, sabemos que habrán ocasiones en que preferirás forzar cierto tipo de contenido. De ser así, usa una de las clases alternativas citadas más abajo.:

class="cushycms-text"

Edita el contenido como texto plano. Ejemplo":" editar código del servidor o si prefieres escribir tu html de forma manual.

class="cushycms-html"

Cualquier carácter especial escrito se convertirá a entidades html. Eg: © becomes &copy;

class="cushycms-wysiwyg"

Lo mismo de arriba, excepto que el editor se presenta con botones para realizar tareas básicas tales como crear listas, enlaces, etc.

class="cushycms-xml"

Los caracteres especiales introducidos se convierten en entidades XML. Eg: < becomes &lt;

Elementos XML

Cushy cuenta con el apoyo de elementos XML. Los contenidos introducidos en el cuadro de edición para los elementos XML se codifican correctamente XML para que su XML no será válido. Cualquier elemento encontrado por Cushy que no es clasificados como XHTML (lista completa de los elementos aquí) será tratado como XML.

<product>
  <name>Banana</name>
  <price class='cushycms'>$12.99/kg</price>
</product>

Si usted está teniendo problemas con los elementos en el XML que se tomó como XHTML (porque tienen el mismo nombre), visita la sección de sección sobre los tipos de contenido primordiales. Básicamente, usted puede utilizar un CushyCMS-xml tipo de clase a la fuerza de su elemento en el modo de XML.

Consejos y Trucos

Ten en cuenta que no hay muchas cosas que Cushy no pueda editar. Abajo se ven algunos creativos ejemplos:

<script type="text/javascript" class="cushycms">
  alert('Mira, hasta puedes editar javascript!');
</script>

Editando javascript. Un ejemplo puede ser tu código de Google AdSense.

<p>Our charity has raised $<span class="cushycms">2140</span> so far</p>

Permite la edición de una sola cifra o palabra.

Usando Cushy con Lenguajes Dinámicos (PHP, ASP, etc)

Puede que a veces a Cushy le cueste decifrar documentos cuando éstos contienen una mezcla de html y scripts de servidor, tales como PHP.

Por este motivo recomendamos ubicar los contenidos editables de Cushy en un archivo estático independiente que luego es incluido por tus scripts.

Por ejemplo:

<html>
  <head><title>Contact Us</title></head>
  <body>
    <? include("contact_static.html"); ?>
  </body>
</html>

Arriba":" contenido de contacto.php.

<h1 class="cushycms">Contact Us</h1>
<div class"cushycms">
  <p>Contenido editable aquí...</p>
</div>

Arriba":" contenido de contenido_estatico.html.

En esta situación, le indicarías a Cushy que edite solamente el archivo contenido_estatico.html.

Codificación de Caracteres

Cushy puede imprimir caracteres especiales (tales como alfabetos no occidentales) en el versátil formato UTF-8. Para trabajar con este formato, por favor asegúrate de que lo siguiente aparece escrito en la sección head de tus páginas html:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Aprende más sobre las ventajas de UTF-8.

 

Pro Account

Elementos repetibles

El uso de elementos repetibles en CushyCMS puede ser extremadamente poderoso. El primer paso es poner la clase editable en su elemento repetible exterior, las etiquetas disponibles son un <ul>, <ol> <table> y <dl>. A partir de aquí, cómodo mira dentro de ese elemento y determinar qué elementos se consideran "repetible", por ejemplo, un <li>, <tr> o etiqueta <dt>. Una vez que el elemento se encuentra, cualquier etiqueta editable dentro de ese elemento se agruparán de forma que cualquier "repetición" del elemento externo que contienen todos los elementos editable en el interior.

Consideremos el siguiente ejemplo:

<ul class="cushycms">
  <li>
    <p class="cushycms">Esto se volverá editable</p>
    <p>No soy editable.</p>
  </li>
</ul>

En este caso, la etiqueta contiene una etiqueta <li> <p> editable y una etiqueta de <p> no editable. Cuando el editor opta por "repetir" esta CushyCMS <li> crea un clon de la etiqueta de todo, incluyendo tanto los elementos <p>, a pesar de que el editor sólo tiene acceso para editar uno de ellos. Usted puede tener etiquetas editables como muchos dentro de su elemento repetible como desee, o simplemente puede hacer que el elemento repetible editable en su conjunto.:

Aquí hay un video que muestra cómo implementar una región repetible.

Regiones repetibles

Anulación de las imágenes / archivos

Use la casilla de verificación en la asignación / configure pantalla de la página para cambiar esta función. Una vez activado, cualquier imagen nueva para su <img> CushyCMS mantendrá el mismo nombre. Las imágenes o archivos subidos a través del editor WYSIWYG también mantendrá el nombre de archivo que tuvieron durante la carga. Esto es útil para cosas como price_list.pdf o similar, sino que también significa que el editor está en pleno control de lo que el archivo se llamará en el servidor. Usted tendrá que tener cuidado en caso de que los editores de cargar un archivo con el nombre print.css o logo.gif o similar que podría arruinar su sitio. Por esta razón se recomienda sólo usar esta opción cuando usted está usando una costumbre camino de subida.

Clase personalizada editable

Como un usuario profesional, usted puede definir la clase editable propia en lugar de los tradicionales CushyCMS o clases clienteditor. Incluso puedes configurar este editor por. Esto le permite dar un acceso de editor a ciertas secciones de una página, mientras que también da acceso a un editor diferente a otras secciones. Tome el código de abajo, por ejemplo:

<span class="cushycms-ferris">Only Ferris can edit this.</span>
<span class="cushycms-cameron">Only Cameron can edit this.</span>

Aquí puede ver las clases personalizadas se CushyCMS-ferris y CushyCMS Cameron. Estos podrían ser miempresa-ferris si lo desea. También se puede simplemente configurar cada editores clase personalizada que sólo "MyCompany" si usted no necesita ninguna de las técnicas de autorización complicado. Cabe señalar que estas clases también trabajar con las sustituciones de contenido, por lo miempresa-fortuna-html iba a funcionar como se esperaba.

Branding y Styling

Aquí hay un video que muestra cómo personalizar CushyCMS para adaptarse a su nombre o marca de su cliente.

Personalización de marca, diseño y clonación

página clonación

Como un programa de usuario tiene la posibilidad de dejar que su parte o la totalidad de sus editores crear nuevas páginas basadas en el contenido de las páginas existentes. Puede activar esta al agregar un editor o editar los permisos de un editor existente. Que permite que esto permitirá un icono clon al lado de cada página en el panel de control de los editores (en este icono ya es visible para el diseñador de la página). El editor le preguntará por el nombre de la nueva página y un nombre de archivo se genera en base a ese nombre. La nueva página será un clon exacto de la página anterior, que el editor puede editar en consecuencia.

Mensaje de bienvenida personalizado

Como un programa de usuario puede configurar una plantilla personalizada de correo electrónico de bienvenida. Esto se hace en las preferencias del usuario, justo debajo de donde se define su dominio personalizado y elegir otras funciones profesionales como la marca. Hay una serie de variables que se interpola en el correo electrónico, como el nombre de los editores, dirección de correo electrónico y una contraseña generada por el sistema. Obviamente, se recomienda incluir al menos la variable de contraseña.

Feeds RSS de Cambios de página

Los Usuarios Profesionales ganan acceso a Feeds RSS especiales para mantenerse informados de los cambios en sus sitios y páginas.

  • Todos los cambios: Este feed está disponible en tu página de panel de control predeterminado
  • Cambios de un sitio: Este feed está disponible en la sección Configurar Sitio
  • Cambios de una página: Este feed está disponible en la sección Historial de Revisiones

Cualquiera sea el lector de feeds que uses, necesitará disponer de autenticación ya que se requerirá del usuario y contraseña de Cushy para ver los feeds. Si tu lector no dispone de esta característica (p.ej. Google Reader), una alternativa sería el servicio proporcionado por freemyfeed .