導入までの流れ

サイト公開・運用までの
簡単3ステップ!

WebBoardをどのように
導入していくかをご紹介します。

STEP 1 まずはいつもどおりサイト作り

デザインを作成し、コーディングし、HTMLデータを作成します。

ここまではいつものサイト作成と同じです。

ホームページ作成
STEP 2 EXCELデータの作成

更新したい箇所を任意の名前の項目名にし、Excel形式でファイルを作成します。

Excelデータ作成
STEP 3 HTML/CSS属性設定

作ったEXCELの項目をclass属性に追加します。

HTML/CSS設定
<div class="construction">
	<div class="head"><b>構築面</b></div>
	<img src="/moderator-hp/images/top_before_construction.png">
	<div class="text
                  wb-listarea-before1">
	<li class="
                  wb-listrow-before1"><span class="
                  wb-setinnertext-before1-text">ダミーテキストダミーテキスト</span></li>
	<li class="
                  wb-listrow-before1"><span class="
                  wb-setinnertext-before1-text">ダミーテキストダミーテキスト</span></li>
	<li class="
                  wb-listrow-before1"><span class="
                  wb-setinnertext-before1-text">ダミーテキストダミーテキスト</span></li>
	</div>
	</div>
                

完了!

WebBoard導入完了

運用START

更新したい情報をExcelに入力し、管理画面からExcelデータをアップするだけで更新できます。
HTMLやCSSなどの専門的な知識は不要。
いつも使い慣れたExcelファイルで、スピーディなサイト運営を実現します。

Excelファイルアップロード