デザイナードキュメント

CushyCMSは、あなたのサイトにFTPingし、ページの要素に適用された特定のCSSクラスを探していることで動作します。見つかった内容に基づいて、楽なは、その内容を編集する最も賢明な方法を紹介します。

このページには、すべての利用可能な楽なテンプレートオプションを説明します。

Free Account

Pro Account


Free Account

基本概念

楽をインテリジェントあなたのCSSクラスを配置し、任意の要素を編集します cushycms 上。

<h1 class="cushycms" title="My Heading">これは編集可能になります</h1>
<div class="cushycms" title="Main Content">
  <p>もっと編集ここに詰め込む...</p>
</div>
<p>私は編集できませんよ。</p>
<img class="cushycms" src="foo.jpg" alt="私は、編集可能な画像だ!" />

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

あなたの要素は、すでにあなたがまだ適用できるクラス名を持っている場合 cushycms それへ:

<div class="whatever cushycms">

ここCushyCMSを使い始める方法を示すビデオがあります:

タッツ:どのようにインストールして5分で編集

ラベリングフィールズ

あなたの編集者は、彼らがあなたのフィールドにラベルを適用することにより、編集しているのかのセクション識別する際に役立ちます。単に使用 タイトル 編集可能な要素の属性。

<h1 class="cushycms" title="主な見出し">これは編集可能になります</h1>

利用可能な場合には、自動的に楽な以下の属性からラベルを取得します:
title, alt, id

画像を編集する

楽は、あなたの編集者がページ上の画像を変更できるようにすることができます。それはインテリジェント領域に合わせてファイルのサイズを変更するには、画像タグの高さと幅を見ていきます。

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

アップロードされた画像は、250ピクセルの幅と100pxにの高さにリサイズされます。必要であれば画像も切り取られます。

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

アップロードされた画像は、250ピクセルの幅にリサイズされます。高さは、その比を維持します。

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

アップロードされた画像は全くリサイズされることはありません。

ファイルのアップロード

楽なWY​​SIWYGエディタは、ユーザーが介してローカルファイルをアップロードすることができます リンク画像 ツールバーボタン(注意 アップロード ポップアップダイアログのタブ)。

最初にこれらのファイルが楽なサーバ上に一時的に保存されているが、その後、ページ公開時にあなたのFTPサーバに転送されます。

ページが、しかし、これは構成サイトのページを経由してカスタマイズすることができますようにデフォルトでは、これらのファイルは、同じディレクトリに公開されます。

オーバーライドコンテンツタイプ

楽は、コンテンツの種類に応じていくつかの異なる編集方法を使用しています。楽なインテリジェントにコンテナ要素に基づいた方法を選ぶでしょう。しかし私たちは、あなたが、コンテンツの特定のタイプを強制する回があるかもしれない実現。その場合は、以下の代替クラスのいずれかを使用:

class="cushycms-text"

プレーンテキストなどのコンテンツを編集します。使用例:サーバー側のコードを編集するか、またはあなたが好むのなら、手であなたのHTMLを書くこと。

class="cushycms-html"

入力した任意の特殊文字がHTMLエンティティに変換されます。 Eg: © becomes &copy;

class="cushycms-wysiwyg"

上記と同様、編集者は、このようなリストを作成するなどの基本的なタスク、リンクなどを行うためのボタンが表示されますが

class="cushycms-xml"

入力した任意の特殊文字はXMLエンティティに変換されます。 Eg: < becomes &lt;

XML要素

楽は、XML要素をサポートしています。XML要素の編集ボックスに入力されたコンテンツは、XMLは、XMLが無効にならないようにエンコードされ、正しくなります。で楽なことで発生したすべての要素 NOT XHTML(として分類ここでの要素の完全なリスト)は、XMLとして扱われます。

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

あなたはXHTML(彼らは同じ名前を持っているため)としてピックアップされて、XMLの要素に問題がある場合は、チェックアウトする オーバーライドコンテンツタイプに関するセクション。基本的には使用することができます cushycms-XML クラス型は、XMLモードにあなたの要素を強制的に。

ヒント & トリック

楽な、編集することはできません多くはありません覚えておいてください。以下にいくつかの創造的な例があります:

<script type="text/javascript" class="cushycms">
  alert('を参照してください、あなたもジャバスクリプトを編集することができます!');
</script>

ジャバスクリプトを編集する。例では、Google AdSenseのコードかもしれません。

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

ただ一つの図やワードの編集を許可します。

(PHP、ASPなど)動的言語で楽なを使用して

楽は、時には彼らは、HTMLやPHPなどのサーバーサイドスクリプトが混在するときに文書を解読するのに苦労することができます。

このような理由から、我々は強く、あなたのスクリプトで含まれているスタンドアロンの静的ファイルで楽な編集可能なコンテンツを配置することを示唆している。

例えば:

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

上:の内容 contact.php

<h1 class="cushycms">Contact Us</h1>
<div class"cushycms">
  <p>ここにコンテンツを編集可能...</p>
</div>

上:の内容 contact_static.html

このシナリオでは、で楽なポイントでしょう contact_static.html 編集するファイル。

文字コード

楽な汎用性の高いUTF-8形式で(このような非西洋のアルファベットなど)の特殊文字を出力します。この形式をサポートするには、次はあなたのHTMLページのheadセクションに表示されて確認してください:

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

詳細については、こちらをご覧ください UTF-8の利点。

 

Pro Account

反復可能要素

CushyCMSにおける再現性の要素を使用することにより、非常に強力なことができます。最初のステップは、あなたの外側の再現要素で編集可能なクラスを置くことである、利用可能なタグは <UL>、 <OL> <テーブル> と <DL>。ここから、楽は、その要素の内部を見ると "再現性"とみなされるものの要素を決定、例えばます <リー>、 <TR> または <DT> タグ。その要素が見つかると、その要素内の任意の編集可能なタグは任意の外側の要素の "繰り返し"が内側に編集可能なすべての要素が含まれていますように一緒にグループ化されます。

次の例を考えてみます。

<ul class="cushycms">
  <li>
    <p class="cushycms">これは編集可能になります</p>
    <p>私は編集できませんよ。</p>
  </li>
</ul>

ここで、 <リー> タグが編集可能なが含まれています <p> タグと編集不可能 <p> タグ。エディタはこれを "繰り返す"ことを選択するとき <リー> CushyCMSは両方を含む、タグ全体のクローンを作ります <p> 要素は、エディタが唯一それらのいずれかを編集するためのアクセス権を持っているにもかかわらず。あなたが望むように、あなたの反復可能な要素の中のような多くの編集可能なタグを持つことができる、またはあなただけ全体として編集可能な再現性のある要素を加えることができます。:

ここで反復領域を実装する方法を示す動画である。

タッツ:反復領域

オーバーライド画像/アップロード

割り当てる/この機能を切り替えるには、ページ画面を構成する上でチェックボックスを使用してください。あなたのCushyCMSため有効にすると、任意の新しい画像 <IMG> タグは、同じファイル名を保持します。WYSIWYGエディタを介してアップロードされた任意の画像やファイルはまた、彼らはアップロード中に持っていたファイル名を保持します。これはprice_list.pdfまたは類似のようなものに便利ですが、それはまた、エディタはファイルをサーバー上で呼び出されるのかを完全に制御していることを意味します。あなたの編集者があなたのサイトを台無しにする可能性がprint.cssまたはlogo.gifをまたは類似の名前のファイルをアップロードする場合には注意する必要があります。そのため私たちは、あなたがまた、カスタムアップロードパスを使用している場合、この設定を使用する場合のみお勧めします。

カスタム編集可能なクラス

プロユーザーとして、あなたは伝統的なcushycmsまたはclienteditorクラスの代わりに独自の編集可能なクラスを定義することができます。あなたも、このあたりのエディタを設定することができます。これはまた、他のセクションに別のエディタへのアクセスを与えながら、ページの特定のセクションに1エディタへのアクセスを与えることができます。例えば以下のコードを取る:

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

ここでは、カスタムクラスがcushycms·フェリスとcushycms·キャメロンである見ることができます。ご希望があればこれらはmycompanyの-観覧可能性があります。また、ちょうどあなたが複雑な認可技術のいずれかを必要としない場合、単に "mycompanyの"なるように、各編集者のカスタムクラスを設定することができます。それは、これらのクラスもそうmycompanyの-フェリス-HTMLが期待どおりに動作します、コンテンツのオーバーライドで動作することに注意すべきである。

ブランディングとスタイリング

ここではあなたのブランド、またはクライアントのブランドに合うようにCushyCMSをカスタマイズする方法を示すビデオです。

タッツ:ブランディングスタイルとクローニング

ページのクローニング

プロユーザーとして、あなたはあなたの編集者のあなたの一部またはすべてが既存のページからコンテンツに基づいて新しいページを作成してみましょうする能力を持っている。エディタを追加したり、既存のエディタの権限を編集するときは、これを有効にすることができます。これを有効にすると、エディタのコントロールパネル(このアイコンがすでにページのデザイナーに見える)の各ページの隣にあるクローンのアイコンが有効になります。エディタは、新しいページの名前の入力画面が表示され、ファイル名は、その名前に基づいて生成されます。新しいページでは、編集者がそれに応じて編集できる、古いページの正確なクローンになります。

カスタムようこそメール

プロユーザーとしては、カスタム歓迎電子メールテンプレートを設定することができます。これは、あなたのカスタムドメインを設定し、そのようなブランディングなど、他プロの特徴を選ぶところだけ下に、ユーザー設定で行われます。このような編集者名、電子メールアドレスとシステム生成されたパスワードなどの電子メールの中に補間される変数の数があります。我々は明らかに、少なくともパスワード変数を含むお勧めします。

RSSは、ページの変更のフィード

Proユーザ 特別RSSへのアクセスを得るには、自分のサイトやページへの変更を知らさ滞在するフィード。

  • すべての変更: このフィードはデフォルトのコントロールパネル]ページで提供されています
  • サイトへの変更: このフィードは、構成サイトのページから入手できます
  • ページへの変更: このフィードは、改訂履歴のページから入手できます

それがフィードを表示するには、楽なログインを要求するようにどのようなフィードリーダーは、使用すると、認証をサポートする必要があります。あなたの読者はこれをサポートしていない場合(例えばGoogleリーダー)が回避策はある freemyfeed サービス。