Designer Documentation

CushyCMS toimii ottamalla FTP-yhteyden sivustoosi ja etsimällä tiettyjä CSS-luokkia, joita sivun elementeille on annettu. Löytämänsä sisällön perusteella Cushy tarjoaa järkevimmän tavan muokata kyseistä sisältöä.

Tältä sivulta löydät tietoa kaikista Cushyn toiminnoista.

Free Account

Pro Account


Free Account

Yleiskatsaus

Cushy osaa muokata mitä tahansa elementtiä, jolle annat CSS-luokan cushycms.

<h1 class="cushycms" title="My Heading">This will become editable</h1>
<div class="cushycms" title="Main Content">
  <p>More editable stuff here...</p>
</div>
<p>I'm not editable.</p>
<img class="cushycms" src="foo.jpg" alt="Tässä on muokattava kuva!" />

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

Jos elementillesi on jo määritetty jokin CSS-luokka, voit silti lisätä cushycms -luokan elementille.:

<div class="whatever cushycms">

Alla olevasta linkistä pääset videoon, jossa näytetään, kuinka CushyCMS otetaan käyttöön parissa minuutissa.

Asennus ja muokkaus viidessä minuutissa

Labelling Fields

Help your editors identify what section they are editing by applying labels to your fields. Simply use the title attribute of the editable element.

<h1 class="cushycms" title="Main Heading">Tästä tulee muokattava osio</h1>

Cushy will automagically grab labels from the following attributes where available:
title, alt, id

Editing Images

Sisällönmuokkaajiesi on mahdollista vaihtaa kuvia sivuilla. Cushy lukee kuvaelementille määritetyt height- ja width-ominaisuudet muuttaakseen kuvan koon alueeseen sopivaksi.

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

The uploaded image will be resized to a width of 250px and a height of 100px. The image will also be cropped if necessary.

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

The uploaded image will be resized to a width of 250px. The height will maintain its ratio.

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

The uploaded image will not be resized at all.

Tiedostojen lataaminen

The Cushy WYSIWYG editor allows users to upload local files via the Link and Image toolbar buttons (note the Upload tab on the popup dialogue).

Initially these files are stored temporarily on the cushy server but are then transferred to your FTP server upon page publish.

Oletuksena nämä tiedostot tallennetaan samaan kansioon kuin sivukin. Asetusta voi kuitenkin muuttaa Sivuston asetukset -sivulta.

Overriding Content Types

CushyCMS käyttää useita erilaisia muokkausmenetelmiä, sisällön tyypistä riippuen. Cushy osaa valita oikean menetelmän sen elementin perusteella, jossa sisältö on. Joskus voi kuitenkin olla tapauksia, joissa täytyy pakottaa käyttöön jokin tietty sisältötyyppi. Tällaisessa tilanteessa käytä yhtä alla olevista, vaihtoehtoisista luokista:

class="cushycms-text"

Muokkaa sisältöä muotoilemattomana tekstinä. Esimerkki: palvelinpuolen koodin muokkaaminen tai HTML:n kirjoittaminen käsin.

class="cushycms-html"

Erikoismerkit muunnetaan HTML entities -muotoon. Eg: © becomes &copy;

class="cushycms-wysiwyg"

Same as above, although the editor is presented with buttons for performing basic tasks such as creating lists, links, etc.

class="cushycms-xml"

Erikoismerkit muunnetaan XML entities -muotoon. Eg: < becomes &lt;

XML-elementit

Cushy has support for XML elements. The content entered in the edit box for XML elements will be correctly XML encoded so that your XML won't be invalid. Any element encountered by Cushy that is NOT classed as XHTML (full list of elements here) will be treated as XML.

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

If you are having trouble with elements in your XML being picked up as XHTML (because they have the same name), check out the section on overriding content types. Basically you can use a cushycms-xml class type to force your element into XML mode.

Vinkkejä & esimerkkejä

Muista, että Cushy voi muokata lähes mitä tahansa. Alla on muutamia kekseliäitä esimerkkejä:

<script type="text/javascript" class="cushycms">
  alert('Näetkö, voit muokata jopa JavaScriptiä!');
</script>

JavaScriptin muokkaaminen, esimerkiksi Google AdSense -koodi.

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

Salli vain yhden luvun tai sanan muokkaaminen.

Cushyn käyttäminen dynaamisten kielten kanssa (PHP, ASP jne.)

Cushy can sometimes have a hard time deciphering documents when they contain a mix of html and server-side scripting such as PHP.

For this reason we strongly suggest placing cushy editable content in a stand-alone static file that is then included by your scripts.

Esimerkiksi:

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

Above: contents of contact.php.

<h1 class="cushycms">Contact Us</h1>
<div class"cushycms">
  <p>Muokattavaa sisältöä tässä...</p>
</div>

Above: contents of content_static.html.

In this scenario you would point Cushy at the contact_static.html file to edit.

Character Encoding

Cushy outputs special characters (such as non-western alphabets) in the versatile UTF-8 format. To support this format please ensure the following appears in the head section of your html pages:

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

Lue lisää UTF-8:n eduista.

 

Pro Account

Toistettavissa Elements

Käyttö toistettavissa osia CushyCMS voi olla erittäin voimakas. Ensimmäinen askel on laittaa muokattavan luokan oman ulko toistettavia elementti, saatavilla tunnisteet ovat <ul>, <ol> <table> ja <dl>. Sieltä helppo näyttää sisältä että elementti ja mitkä elementit katsotaan "toistettavuus", esim. <li>, <tr> tai <dt> tag. Kun tämä seikka on todettu, muokattavaa merkintöihin sisällä että elementti voidaan ryhmitellä niin, että "toistaa" ulomman elementin sisältää kaikki muokattavissa Sisällä.

Tarkastellaan seuraavaa esimerkkiä:

<ul class="cushycms">
  <li>
    <p class="cushycms">This will become editable</p>
    <p>I'm not editable.</p>
  </li>
</ul>

Täällä <li> tag sisältää muokattavissa <p> tag ja ei-muokattavat <p> tag. Kun toimittaja valitsee "Repeat" tämä <li> CushyCMS tekee klooni koko tag, mukaan lukien sekä <p> elementtejä, vaikka toimittaja vain on mahdollisuus muokata yksi heistä. Sinulla voi olla monia muokattavia merkintöihin sisällä toistettavissa elementti kuin haluat, tai voit tehdä toistettavia elementti muokattavissa kokonaisuudessaan.:

Tässä on video, jossa näytetään miten toteuttaa toistettavissa alueella.

Monistettavat alueet

Pakottavat images / kuvat

Käytä valintaruutu määrittää / määrittää sivun näytön vaihtaa tätä ominaisuutta. Kun toiminto on käytössä, uusia kuvia teidän CushyCMS <img> tunnisteet pitää sama tiedostonimi. Kuvia tai tiedostoja ladataan kautta WYSIWYG editori pitää myös tiedostonimi heillä oli ladata. Tämä on hyödyllinen asioita kuten price_list.pdf tai vastaavaa, mutta se tarkoittaa myös editori on täysin valvoa, mitä tiedoston nimeksi tulee palvelimelle. Sinun täytyy olla varovainen, jos teidän editors ladata tiedoston nimeltä print.css tai logo.gif tai vastaava, joka voi pilata sivusto. Tästä syystä suosittelemme käyttämään vain tätä asetusta, kun käytät myös omia ladata polku.

Custom Muokattavat luokka

Koska pro käyttäjä, voit määrittää oman muokattavissa luokan sijasta perinteisen cushycms tai clienteditor luokissa. Voit jopa asettaa tämän per editori. Näin voit antamalla siitä editori pääsy tiettyihin osiin sivun samalla antaa eri editori pääsy muihin kohtiin. Ota alla koodi esimerkiksi:

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

Täällä voit nähdä omia luokkia cushycms-maailmanpyörä ja cushycms-Cameron. Näitä voivat olla omayritys-maailmanpyörä, jos haluat. Voit myös vain asettaa kullekin toimitukselle mukautetun luokan olevan vain "omayritys", jos et tarvitse mitään monimutkaisia luvan tekniikoita. On syytä huomata, että nämä luokat myös työn sisällön ohittaa, joten omayritys-maailmanpyörä-html toimisi odotetusti.

Tuotemerkin ja Muotoilu

Tässä on video, jossa näytetään, miten voit muokata CushyCMS sopivaksi tuotemerkin tai asiakkaan tuotemerkillä.

Brändi, tyylimääritykset ja kloonaus

Page Kloonaus

Koska pro käyttäjä on kyky anna joitakin tai kaikki editorit luoda uusia sivuja perustuu sisällön olemassa olevia sivuja. Voit ottaa tämän lisätessäsi toimittaja tai muokkaamalla olemassa toimittaja. Kun tämä mahdollistaa klooni vieressä jokaisen sivun toimitukselle ohjauspaneelin (tämä ikoni on jo näkyvissä suunnittelija sivu). Toimittaja kysytään nimi uuden sivun tiedostonimi on sen perusteella, että nimi. Uusi sivu on tarkka klooni vanhan sivun, jossa toimittaja voi muokata vastaavasti.

Custom Tervetuloa Sähköposti

Koska pro käyttäjä voi määrittää mukautetun tervetullut sähköpostimalli. Tämä tapahtuu käyttäjän mieltymysten, hieman alle missä olet määrittänyt mukautetun toimialueen ja valitse muut pro-ominaisuuksia, kuten tuotemerkki. On monia muuttujia, jotka interpoloidaan osaksi sähköpostin, kuten toimittajat nimi, sähköpostiosoite ja järjestelmän luoma salasana. Olemme tietenkin Suosittelemme myös ainakin salasana muuttuvat.

RSS Feeds of Page Changes

Pro-käyttäjät saavat käyttöönsä erityisiä RSS-syötteitä voidakseen seurata sivustojensa ja sivujensa muutoksia.

  • Kaikki muutokset: tämä syöte on saatavilla hallintapaneelin aloitussivulta
  • Muutoksia sivustossa: syöte on saatavilla Sivuston asetukset -sivulta
  • Changes to a page: this feed is available from the Revision History page

Käyttämäsi syötteenlukijan tulee tukea tunnistautumista, sillä se vaatii Cushy-kirjautumistietosi voidaksesi lukea syötteitä. Jos lukijasi ei tue tätä ominaisuutta (kuten Google Reader), ongelman voi ratkaista käyttämällä freemyfeed -palvelua.