Top / 旧コンテンツ / デザイン / デザインを作る!

自分だけのデザインを作る!

編集エリアを設定する

WikiPlusを使ったWEBサイトをデザインするのは簡単です。使い慣れたHTMLデザインツールで簡単にデザインすることができます。

ポイントは、「Wiki」の仕組みを理解すること。HTMLデザインツールでは、編集領域の外のデザインを作ります。

一例紹介

デザイン方法について、詳しくは開発マニュアルをご覧ください。ここでは、大まかな概要を説明します。

Adobe Dreamweaver8(動作確認済み)でデザイン作成

まず、編集したいエリアをあらかじめ決めておき、Dreamweaverで、左記のようなタグを編集エリアに指定したい場所に設置します。通常通り、FTPにてWikiPlusサーバへアップロードすると、指定された編集用URLから編集が可能になります。

※その他にも、サブデザインの設定や、ページタイトルを自動に生成するタグなど便利な機能があります。

スタイルシートで見出しの作成

ページやカテゴリを、サイトオーナーやコンテンツ担当者が増やす事のあるWikiPlusでは、一部スタイルシートでの作成を推奨しています。スタイルシートで作成することで、ページやカテゴリが増えても、デザインは統一され、WEBサイトのイメージを崩すことなく、サイト更新・追加が可能になります。

h2 {
font-size: 110%;
color: inherit;
padding: .2em .1em .1em 10px;
margin: 0px 0px .5em 0px;
background-image: url(./image/top/title.jpg);
background-repeat: no-repeat;
}

上記は、当社が運営するP2Pベンチマークサイトtorrentan.netの大見出しの一例です。主に、ページ内に設置する見出しは、スタイルシートでの設定が必要となります。もちろん、デフォルトの見出しをご利用いただいても構いませんが、デザインにあった見出しを設定する事でWEBサイトも一層、美しいデザインで統一されます。

WikiPlusのデザインの限界に挑戦する

WEBデザイナーの美麗なデザインをCMSへ反映すること。

デザイン自由度100%は、WikiPlus開発のメイン・テーマの一つです。

一般のCMS、Wiki、ブログにありがちな、デザインの難しさは、WikiPlusの様々な機能を使いこなすことで、ほとんど無くなります。

詳しくは・・・

もっと知りたい!

デザイン方法から、WikiPlusを使った細かな開発方法、HOW TOまでをまとめた開発マニュアルをご用意しております。

WikiPlusをつかって、あなただけのオリジナルサイトを作ってください。