Concepteur Documentation

CushyCMS fonctionne via FTP dans votre site, puis recherche des classes CSS spécifiques appliquées aux éléments de la page. En se basant sur le contenu qu’il trouve, Cushy présentera ensuite la façon la plus sensée d’éditer ce contenu.

Cette page documente toutes les options de templates Cushy disponibles.

Free Account

Pro Account


Free Account

Vue d’Ensemble

Cushy va éditer intelligemment tout élément auquel vous appliquez une classe css de cushycms.

<h1 class="cushycms" title="My Heading">Ceci deviendra éditable</h1>
<div class="cushycms" title="Main Content">
  <p>Plus de choses éditables ici ...</p>
</div>
<p>Je ne suis pas éditable.</p>
<img class="cushycms" src="foo.jpg" alt="Je suis une image éditable !" />

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

Si votre élément a déjà un nom de classe, vous pouvez tout de même lui appliquer cushycms:

<div class="whatever cushycms">

Voici une vidéo montrant comment démarrer avec CushyCMS en seulement quelques minutes.

Comment installer et éditer en 5 minutes.

Etiquette Champs

Aide vos rédacteurs à identifier quelle section ils sont en train d’éditer en appliquant des étiquettes à vos champs. Utiliser simplement l’attribut titre de l’élément éditable.

<h1 class="cushycms" title="Titre Principal">Ceci deviendra éditable</h1>

Cushy va automagiquement saisir les étiquettes des attributs suivants quand disponibles:
title, alt, id

Editer Images

Cushy peut permettre à vos rédacteurs de changer les images sur une page. Il va regarder la hauteur et la largeur de vos étiquettes d’image et redimensionner intelligemment le fichier pour qu’il s’ajuste à la zone.

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

L’image téléchargée va être redimensionnée pour atteindre une largeur de 250px et une hauteur de 100px. L’image va être tronquée si nécessaire.

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

L’image téléchargée va être redimensionnée pour atteindre une largeur 250px. La hauteur va maintenir son ratio.

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

L’image téléchargée ne va pas être du tout redimensionnée.

Télécharger Fichiers

L’éditeur Cushy WYSIWYG permet aux utilisateurs de télécharger des fichiers locaux via les boutons de la barre d’outils Lien et Image (remarquez l’onglet Télécharger sur le popup dialogue).

D’abord, ces fichiers sont stockés temporairement sur le serveur cushy, mais sont par la suite transférés à votre serveur FTP sur la page publier.

Par défaut, ces fichiers sont publiés dans le même répertoire que la page. Cependant, ceci peut être personnalisé via la page Configurer Site.

Surcharge Types de contenu

Cushy utilise différentes méthodes d’édition en fonction du type du contenu. Cushy va choisir intelligemment une méthode basée sur le conteneur d’élément. Cependant, nous avons conscience que quelques fois vous désirez forcer un certain type de contenu. Dans ce cas, utilisez l’une des classes alternatives ci-dessous:

class="cushycms-text"

Edite le contenu comme texte brut. Exemple d’utilisation ":" éditer le code côté serveur ou si vous préférez écrire votre html à la main.

class="cushycms-html"

Tous les caractères spéciaux saisis vont être convertis en entités html. Eg: © becomes &copy;

class="cushycms-wysiwyg"

Même chose que ci-dessus, bien que le rédacteur ait à disposition des boutons pour remplir des tâches de base telles que création de listes, de liens, etc.

class="cushycms-xml"

Tous les caractères spéciaux pris seront convertis en entités xml. Eg: < becomes &lt;

Des éléments XML

Cushy a un support pour les éléments XML. Le contenu est entré dans la boîte d'édition pour les éléments XML seront correctement codée au format XML afin que votre XML ne sera pas valide. Tout élément rencontrées par les pépères qui n'est pas classée comme XHTML (la liste complète des éléments ici) sera traitée comme XML.

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

Si vous rencontrez des problèmes avec des éléments dans votre XML étant pris en tant que XHTML (parce qu'ils ont le même nom), consultez la section sur les types de contenu impérieuse. Fondamentalement, vous pouvez utiliser un cushycms-xml type de classe à la force de votre élément en mode XML.

Conseils & Astuces

Garder à l’esprit qu’il n’y ait pas grand-chose que Cushy ne puisse éditer. Voici quelques exemples créatifs ci-dessous:

<script type="text/javascript" class="cushycms">
  alert('Vous voyez, vous pouvez même éditer du javascript !');
</script>

Editer javascript. Un exemple peut être votre code Google AdSense.

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

Permet d’éditer un seul chiffre ou mot.

Utiliser Cushy avec des Langages Dynamiques (PHP, ASP, etc.)

Cushy peut quelques fois avoir des difficultés à décrypter des documents quand ils contiennent un mélange de html et de script côté serveur tel que PHP.

Pour cette raison, nous recommandons fortement de placer le contenu éditable cushy dans un fichier statique autonome qui sera ensuite inclus par vos scripts.

Par exemple:

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

Ci-dessus ":" contenus de contact.php.

<h1 class="cushycms">Contact Us</h1>
<div class"cushycms">
  <p>Contenu éditable ici ...</p>
</div>

Ci-dessus ":" contenus de content_static.html.

Dans ce scénario, vous pointeriez Cushy vers le fichier contact_static.html pour éditer.

Codage de Caractères

Cushy a des caractères spéciaux de sortie (tels que les alphabets non-occidentaux) dans le format versatile UTF-8. Pour supporter ce format, veuillez vous assurer que ce qui suit figure dans la section en-tête de vos pages html:

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

En savoir plus sur les avantages de UTF-8.

 

Pro Account

Répétitif Elements

Utilisation d'éléments répétés dans CushyCMS peut être extrêmement puissant. La première étape est de mettre la classe modifiable sur votre élément répétitif extérieure, les balises disponibles sont un <ul>, <ol> <table> et <dl>. De là, pépère va regarder à l'intérieur de cet élément et de déterminer quels éléments sont jugés «répétable » , par exemple, un <li>, <tr> ou <dt> tag. Une fois cet élément est trouvé, les balises modifiable à l'intérieur de cet élément seront regroupées de sorte que toute "répétition" de l'élément extérieur contiendra tous les éléments modifiables à l'intérieur.

Prenons l'exemple suivant:

<ul class="cushycms">
  <li>
    <p class="cushycms">Ceci deviendra éditable</p>
    <p>Je ne suis pas éditable.</p>
  </li>
</ul>

Ici, le tag <li> contient une balise <p> modifiable et un <p> non-modifiables. Lorsque l'éditeur choisit de «répéter » ce CushyCMS <li> fera un clone de la balise entière, y compris les éléments <p>, même si l'éditeur n'a accès qu'à modifier l'un d'eux. Vous pouvez avoir autant de tags modifiable dans votre élément répétable que vous voulez, ou vous pouvez simplement faire répéter l'élément modifiable dans son ensemble.:

Voici une vidéo montrant comment mettre en œuvre une région répétée.

Régions répétables.

Substitution images / uploads

Utilisez la case à cocher sur le assigner / configure écran de la page pour basculer cette fonctionnalité. Une fois activé, les nouvelles images pour vos tags <img> CushyCMS gardera le même nom. Toutes les images ou les fichiers téléchargés via l'éditeur WYSIWYG tiendra également le nom de fichier qu'ils avaient lors de l'upload. Ceci est utile pour des choses comme price_list.pdf ou similaire, mais cela signifie aussi l'éditeur est en plein contrôle de ce que le fichier sera appelé sur le serveur. Vous devrez être prudent dans le cas où votre rédacteurs upload un fichier nommé print.css ou logo.gif ou similaire qui pourrait ruiner votre site. Pour cette raison, nous recommandons que l'utilisation de ce paramètre lorsque vous utilisez également une coutume télécharger chemin.

Custom Class modifiable

En tant qu'utilisateur pro, vous pouvez définir votre propre classe modifiable au lieu de la traditionnelle CushyCMS ou classes clienteditor. Vous pouvez même définir ce par l'éditeur. Cela vous permet de donner un accès éditeur pour certaines sections d'une page tout aussi donner un accès autre éditeur à d'autres sections. Prenez le code ci-dessous par exemple:

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

Ici vous pouvez voir les classes personnalisées sont CushyCMS-Ferris et CushyCMS-Cameron. Celles-ci pourraient être mycompany-Ferris si vous le souhaitez. Vous pouvez aussi régler chaque éditeurs classe personnalisée pour être juste "mycompany" si vous n'avez pas besoin de toutes les techniques d'autorisation compliquée. Il convient de noter que ces classes sont également travailler avec les remplacements de contenu, de sorte mycompany-Ferris-html ne fonctionnent pas comme prévu.

Branding et Styling

Voici une vidéo montrant comment personnaliser CushyCMS pour s'adapter à votre marque ou de marque de votre client.

Marques, Styles et Clonage

Page clonage

En tant qu'utilisateur pro vous avez la possibilité de laisser votre tout ou partie de vos éditeurs créer de nouvelles pages basées sur le contenu des pages existantes. Vous pouvez activer ce lors de l'ajout d'un éditeur ou la modification du permis d'un éditeur existant. L'activation de cette permettra une icône à côté de chaque clone de page dans le panneau de commande des éditeurs (cette icône est déjà visible au concepteur de la page). L'éditeur sera invité à entrer le nom de la nouvelle page et un nom de fichier sera généré sur la base de ce nom. La nouvelle page sera un clone exact de l'ancienne page, que l'éditeur peut alors modifier en conséquence.

Custom Email Bienvenue

En tant qu'utilisateur pro, vous pouvez définir un modèle de courrier électronique de bienvenue personnalisé. Cela se fait dans vos préférences utilisateur, juste au-dessous où vous définissez votre domaine personnalisé et choisir d'autres fonctionnalités professionnelles telles que l'image de marque. Il ya un certain nombre de variables qui seront interpolées dans l'e-mail, comme le nom des éditeurs, adresse e-mail et mot de passe généré par le système. Nous recommandons évidemment y compris au moins la variable mot de passe.

Flux RSS de Changements de Page

Les utilisateurs Pro ont accès à des flux RSS spéciaux pour rester informé des changements de leurs sites et de leurs pages.

  • Tous les changements : ce flux est disponible sur votre page par défaut du panneau de configuration
  • Changements à un site : ce flux est disponible depuis la page Configurer Site
  • Changements à une page : ce flux est disponible depuis la page Historique de révision

N’importe quel lecteur de flux que vous utilisez devra supporter l’authentification, car il va demander vos informations de connexion cushy pour voir les flux. Si votre lecteur ne supporte pas cela (p.ex. Google Reader), alors une solution de rechange est le service freemyfeed .