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

Designerdokumentasjon

CushyCMS benytter en FTP kobling mot webområdet ditt og leter etter bestemte CSS klasser som brukes på bestemte sideelementer. Basert på innholdet den finner, vil Cushy deretter presentere det mest fornuftige måten å redigere innholdet.

Denne siden dokumenter alle tilgjengelige alternativer i Cushy-malene.

Free Account

Pro Account


Free Account

Grunnleggende oversikt

Cushy vet hvilke elementer som kan redigeres ved at man plasserer CSS-taggen cushycms på de elementene man ønsker skal være åpne for redigering.

<h1 class="cushycms" title="My Heading">Dette blir redigerbart</h1>
<div class="cushycms" title="Main Content">
  <p>Dette blir også redigerbart...</p>
</div>
<p>Jeg kan ikke redigeres.</p>
<img class="cushycms" src="foo.jpg" alt="jeg er et redigerbart bilde!" />

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

Hvis elementet du ønsker å redigere allerede har et klassenavn kan du fortsatt legge til cushycms som ekstra klassenavn.:

<div class="whatever cushycms">

Her er en video som viser hvordan du kommer i gang med CushyCMS på noen få minutter.

Hvordan installere og redigere på 5 minutter

Tittelfelt

Hjelp dine redaktører med å finne ut hvilke seksjoner de redigerer ved å legge til en tittel til elementet. Dette gjøres enkelt ved å bruke title attributtet på det redigerbare lementet.

<h1 class="cushycms" title="Hovedtittel">Dette blir redigerbart</h1>

Cushy vil 'automagisk' fange etiketter fra følgende attributter, hvor tilgjengelig:
title, alt, id

Bilderedigering

Cushy tillater redaktørene å endre bilder på en side. Systemet vil se på høyde og bredde i bildet og sørger deretter at størrelsen på filen passer til området.

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

Det opplastede bildet vil bli endret til en bredde på 250px og høyde på 100px. Bildet beskjæres om nødvendig.

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

Det opplastede bildet vil bli endret til en bredde på 250px. Høyden vil beholde forholdet.

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

Det opplastede bildet vil ikke bli endret i det hele tatt.

Opplasting av filer

Cushy sin innebygde WYSIWYG editor tillater brukere å laste opp lokale filer ved hjelp av Lenke og Bilde knappene (se på Opplasting fanen i pop-up vinduet).

Filene blir mellomlagret på Cushy sin server, men blir overført til din FTP-server når siden publiseres.

Som standard blir disse filene lastet opp til samme sted som siden, men dette kan endres via konfigurasjonssiden.

Overstyr innholdstyper

Cushy bruker flere ulike redigeringsmetoder avhengig av type innhold. Cushy vil på en intelligent måte velge en metode basert på beholderen til elementet. Men vi skjønner det kan være tider når du vil tvinge frem en bestemt type innhold. Hvis ja, bruker du en av de alternative klassene under:

class="cushycms-text"

Redigerer innhold som ren tekst. Eksempel på bruk: rediger server-side koden, eller hvis du foretrekker å skrive HTML for hånd.

class="cushycms-html"

Spesielle tegn vil bli konvertert til html enheter. Eg: © becomes &copy;

class="cushycms-wysiwyg"

Samme som ovenfor, men redaktøren blir presentert knapper for å utføre grunnleggende oppgaver som å lage lister, lenker, osv.

class="cushycms-xml"

Spesielle tegn vil bli konvertert til html enheter. Eg: < becomes &lt;

XML-elementer

Cushy har støtte for XML-elementer. Innholdet som er skrevet inn i redigeringsboksen for XML-elementer blir riktig XML-kodet slik at XML-koden ikke vil være ugyldig. Ethvert element som oppdages av Cushy som IKKE er klassifisert som XHTML (fullstendig liste over elementene her) vil bli behandlet som XML.

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

Hvis du har problemer med at elementer i din XML blir tatt opp som XHTML (fordi de har samme navn), sjekk ut avsnittet om overkjøring av innholdstyper. I utganspunktet kan du bruke en cushycms-xml klasse som skal tvinge elementet i XML-modus.

Tips & Tricks

Husk det er ikke mye som Cushy ikke kan redigere. Nedenfor er noen kreative eksempler:

<script type="text/javascript" class="cushycms">
  alert('Se, du kan tilogmed redigere javascript!');
</script>

Redigering av javascript. Et eksempel kan være din Google AdSense kode.

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

Tillat redigering av bare én figur eller ord.

Bruk av Cushy med dynamisk språk (PHP, ASP, etc)

Cushy kan noen ganger ha problemer med å tyde dokumentene når de inneholder en blanding av HTML og skripting på serversiden, for eksempel PHP.

Av denne grunn anbefaler vi på det sterkeste å plassere cushy redigerbart innhold i en frittstående statisk fil som deretter inkluderes i dine skript.

For eksempel:

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

Over: innholdet i contact.php.

<h1 class="cushycms">Contact Us</h1>
<div class"cushycms">
  <p>Redigerbart innhold her...</p>
</div>

Over: innholdet i content_static.html.

I dette scenariet vil du peke Cushy mot contact_static.html for å redigere.

Tegnkoding

Cushy viser spesialtegn (for eksempel ikke-vestlige alfabeter) gjennom det allsidige UTF-8 formatet. For å støtte dette formatet må du sørge for følgende vises i hodet av HTML-siden:

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

Lær mer om fordelene med UTF-8.

 

Pro Account

Repeterbar Elements

Bruk av repeterbare elementer i CushyCMS kan være svært kraftig. Første trinn er å sette redigerbar klassen på ytre repeterbare element, tilgjengelig kodene er en <ul>, <ol> <table> og <dl>. Herfra vil cushy se inn som element og avgjøre hvilke elementer anses "repeterbare", f.eks en <li>, <tr> eller <dt> tag. Når dette elementet er funnet, vil eventuelle redigerbart tags inni dette elementet være gruppert sammen slik at noen "gjenta" av den ytre delen skal inneholde alle redigerbare elementer inni.

Betrakt følgende eksempel:

<ul class="cushycms">
  <li>
    <p class="cushycms">Dette blir redigerbart</p>
    <p>Jeg kan ikke redigeres.</p>
  </li>
</ul>

Her inneholder <li> tag en redigerbar <p> tag og en ikke-redigerbare <p> tag. Når redaktøren velger å "gjenta" dette <li> CushyCMS vil gjøre en klone av hele koden, inkludert både <p> elementer, selv om redaktøren kun har tilgang til å redigere en av dem. Du kan ha så mange redigerbare koder inne repeterbare element som du vil, eller du kan bare gjøre repeterbare element redigerbar som en helhet.:

Her er en video som viser hvordan man implementerer en repeterbar region.

Gjentagbar Regioner

Overordnet bilder / opplasting

Bruk boksen på tildele / configure siden skjermen for å slå denne funksjonen. Når aktivert, noen nye bilder til CushyCMS <img> kodene vil holde samme filnavn. Eventuelle bilder eller filer lastet opp via WYSIWYG editor, vil også holde filnavnet de hadde under opplasting. Dette er nyttig for ting som price_list.pdf eller lignende, men det betyr også at redaktøren i full kontroll over hva filen vil bli kalt på serveren. Du må være forsiktig i ditt tilfelle redaktørene laster opp en fil med navnet print.css eller Logo.gif eller lignende som kan ødelegge ditt nettsted. Derfor anbefaler vi kun bruker denne innstillingen når du også bruker en egendefinert opplastingstien.

Custom Redigerbare Class

Som en pro bruker, kan du definere dine egne redigerbare klasse i stedet for den tradisjonelle cushycms eller clienteditor klasser. Du kan også sette dette per editor. Dette gjør det mulig å gi en redaktør tilgang til bestemte deler av en side samtidig som det gir en annen editor tilgang til andre seksjoner. Ta nedenfor kode for eksempel:

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

Her kan du se de egendefinerte klassene er cushycms-Ferris og cushycms-Cameron. Disse kan være mittselskap-Ferris hvis du ønsker. Du kan også bare sette hver redaktører egendefinert klasse som skal bare "mittselskap" hvis du ikke trenger noen av de kompliserte autorisasjon teknikker. Det bør bemerkes at disse klassene også arbeide med innholdet overstyrer, slik mittselskap-Ferris-html ville fungere som forventet.

Merkevarebygging og Styling

Her er en video som viser hvordan du tilpasser CushyCMS å passe din merkevare eller kundens merkevare.

Merkevarebygging, Styling og Cloning

Side Kloning

Som en proff bruker har du muligheten til å la noen eller alle dine redaktører lage nye sider basert på innhold fra eksisterende sider. Du kan aktivere denne når du legger til en redaktør eller redigere tillatelsene for et eksisterende editor. Aktivering av dette vil aktivere en klone ikon ved siden av hver side i redaktørene kontrollpanelet (dette ikonet er allerede synlig for designeren av siden). Redaktøren vil bli spurt om navnet på den nye siden, og et filnavn vil bli generert basert på det navnet. Den nye siden vil være en eksakt klone av den gamle siden, som redaktøren kan da redigere tilsvarende.

Custom Velkommen Epost

Som en proff bruker kan du angi en egendefinert velkomst e-mal. Dette gjøres i innstillingene dine, rett under der du angi tilpasset domene og velge andre pro funksjoner som merkevarebygging. Det finnes en rekke variabler som vil bli interpolert inn i e-post, slik som redaktørene navn, generert e-postadresse og passord system. Vi selvsagt anbefaler omfatter minst passordet variabelen.

RSS-feed med sideendringer

Pro-brukere få tilgang til spesielle RSS-feeder som holder deg orientert om endringer på deres sider.

  • Alle endringer: denne strømmen er tilgjengelig i kontrollpanelet
  • Endringer på et nettsted: denne strømmen er tilgjengelig fra konfigurasjonssiden
  • Endringer på en side: denne strømmen er tilgjengelig fra revisjonshistoriesiden

Uansett feed-leser du bruker, må den støtte godkjenning ettersom den vil spørre om din cushy innlogging for å vise feeder. Hvis leseren din ikke støtter dette (f.eks Google Reader) så er en løsning å bruke tjenesten freemyfeed .